Initial commit.

ddresch · Mar 4, 2015 · 631ceb5 · 631ceb5
commit 631ceb5
Show file tree

Hide file tree

Showing 17 changed files with 217 additions and 0 deletions.
diff --git a/.meteor/.finished-upgraders b/.meteor/.finished-upgraders
@@ -0,0 +1,7 @@
+# This file contains information which helps Meteor properly upgrade your
+# app when you run 'meteor update'. You should check it into version control
+# with your project.
+
+notices-for-0.9.0
+notices-for-0.9.1
+0.9.4-platform-file
diff --git a/.meteor/.gitignore b/.meteor/.gitignore
@@ -0,0 +1 @@
+local
diff --git a/.meteor/.id b/.meteor/.id
@@ -0,0 +1,7 @@
+# This file contains a token that is unique to your project.
+# Check it into your repository along with the rest of this directory.
+# It can be used for purposes such as:
+#   - ensuring you don't accidentally deploy one app on top of another
+#   - providing package authors with aggregated statistics
+
+158pfzf1dblm44xi1o49
diff --git a/.meteor/packages b/.meteor/packages
@@ -0,0 +1,10 @@
+# Meteor packages used by this project, one per line.
+# Check this file (and the other files in this directory) into your repository.
+#
+# 'meteor add' and 'meteor remove' will edit this file for you,
+# but you can also edit it by hand.
+
+meteor-platform
+autopublish
+insecure
+ddh:semantic-ui-mobile-boilerplate
diff --git a/.meteor/platforms b/.meteor/platforms
@@ -0,0 +1,2 @@
+server
+browser
diff --git a/.meteor/release b/.meteor/release
@@ -0,0 +1 @@
+METEOR@1.0.3.2
diff --git a/.meteor/versions b/.meteor/versions
@@ -0,0 +1,56 @@
+application-configuration@1.0.4
+autopublish@1.0.2
+autoupdate@1.1.5
+base64@1.0.2
+binary-heap@1.0.2
+blaze@2.0.4
+blaze-tools@1.0.2
+boilerplate-generator@1.0.2
+callback-hook@1.0.2
+check@1.0.4
+ddh:semantic-ui-mobile-boilerplate@0.1.0
+ddp@1.0.14
+deps@1.0.6
+ejson@1.0.5
+fastclick@1.0.2
+follower-livedata@1.0.3
+geojson-utils@1.0.2
+html-tools@1.0.3
+htmljs@1.0.3
+http@1.0.10
+id-map@1.0.2
+insecure@1.0.2
+iron:core@0.3.4
+iron:dynamic-template@0.4.1
+iron:layout@0.4.1
+iron:router@0.9.3
+jquery@1.11.3
+json@1.0.2
+launch-screen@1.0.1
+livedata@1.0.12
+logging@1.0.6
+meteor@1.1.4
+meteor-platform@1.2.1
+minifiers@1.1.3
+minimongo@1.0.6
+mobile-status-bar@1.0.2
+mongo@1.0.11
+nooitaf:semantic-ui@0.0.1
+observe-sequence@1.0.4
+ordered-dict@1.0.2
+random@1.0.2
+reactive-dict@1.0.5
+reactive-var@1.0.4
+reload@1.1.2
+retry@1.0.2
+routepolicy@1.0.4
+session@1.0.5
+spacebars@1.0.5
+spacebars-compiler@1.0.4
+templating@1.0.11
+tracker@1.0.5
+ui@1.0.5
+underscore@1.0.2
+url@1.0.3
+webapp@1.1.6
+webapp-hashing@1.0.2
diff --git a/README.md b/README.md
@@ -0,0 +1,23 @@
+# meteor-semantic-ui-boilerplate
+
+This is a pretty simple setup to get started with semantic-ui as a GUI framework. The layout uses a sidebar on the left and a empty top bar.
+
+## Install
+
+  meteor add ddh:semantic-ui-mobile-boilerplate
+
+## How to use
+
+If you want to setup your sidebar the packages introduces two new parameters `label` and `icon` you can use within your iron:router options object.
+
+  Router.route('/', {
+    template: 'startpage',
+    label: 'Home', 
+    icon: 'home'
+  });
+
+  Router.route('search', {
+    label: 'Search', 
+    icon: 'search'
+  });
+
diff --git a/client/main.html b/client/main.html
@@ -0,0 +1,4 @@
+<head>
+  <title>meteor-semantic-ui-boilerplate</title>
+  <meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no">
+</head>
diff --git a/client/views/pages/search.html b/client/views/pages/search.html
@@ -0,0 +1,3 @@
+<template name="search">
+  <h3 class="ui header">Search</h3>
+</template>
diff --git a/client/views/pages/startpage.html b/client/views/pages/startpage.html
@@ -0,0 +1,3 @@
+<template name="startpage">
+  <h3 class="ui header">Startpage</h3>
+</template>
diff --git a/lib/router.js b/lib/router.js
@@ -0,0 +1,10 @@
+Router.route('/', {
+  template: 'startpage',
+  label: 'Home', 
+  icon: 'home'
+});
+
+Router.route('search', {
+  label: 'Search', 
+  icon: 'search'
+});
diff --git a/packages/ddh:semantic-ui-mobile-boilerplate/client/stylesheets/mobile.css b/packages/ddh:semantic-ui-mobile-boilerplate/client/stylesheets/mobile.css
@@ -0,0 +1,7 @@
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);
+
+body { margin: 0; font-family: 'Open Sans'; }
+
+.ui.bottom.attached.segment.pushable { padding: 0px; }
+
+.ui.basic.segment { padding-top: 3rem!important; }
diff --git a/packages/ddh:semantic-ui-mobile-boilerplate/client/views/mobile_layout.html b/packages/ddh:semantic-ui-mobile-boilerplate/client/views/mobile_layout.html
@@ -0,0 +1,23 @@
+<template name="mobileLayout">
+  <div class="ui inverted labeled icon left inline vertical sidebar menu">
+    {{#each sidebarLinks}}
+      <a href="{{pathFor routeName}}" class="item">
+        <i class="{{icon}} icon"></i> {{label}}
+      </a>
+    {{/each}}    
+  </div>
+
+  <div class="ui fixed inverted main menu">
+    <div class="container">
+      <a class="launch item">
+        <i class="content icon"></i>Menu
+      </a>      
+    </div>
+  </div>
+
+  <div class="pusher">
+    <div class="ui basic bottom attached segment">
+      {{>yield}}       
+    </div>
+  </div>
+</template>
diff --git a/packages/ddh:semantic-ui-mobile-boilerplate/client/views/mobile_layout.js b/packages/ddh:semantic-ui-mobile-boilerplate/client/views/mobile_layout.js
@@ -0,0 +1,26 @@
+Template.mobileLayout.rendered = function(){
+  $('.ui.sidebar')
+    .sidebar('setting', 'transition', 'scale down')
+    .sidebar('attach events', '.menu .item')      
+  ;
+};
+
+Template.mobileLayout.helpers({
+  sidebarLinks: function(){
+    var links = new Array();
+
+    _.each(Router.routes, function(r){
+      console.log(r);
+      if( r.options.hasOwnProperty('label') &&
+          r.options.hasOwnProperty('icon') ){
+        links.push({
+          routeName: r.name,
+          label: r.options.label,
+          icon: r.options.icon
+        });
+      }
+    });
+
+    return links;
+  }
+});
diff --git a/packages/ddh:semantic-ui-mobile-boilerplate/lib/router.js b/packages/ddh:semantic-ui-mobile-boilerplate/lib/router.js
@@ -0,0 +1,3 @@
+Router.configure({
+  layoutTemplate: 'mobileLayout'
+});
diff --git a/packages/ddh:semantic-ui-mobile-boilerplate/package.js b/packages/ddh:semantic-ui-mobile-boilerplate/package.js
@@ -0,0 +1,31 @@
+Package.describe({
+  name: 'ddh:semantic-ui-mobile-boilerplate',
+  summary: 'Basic setup of a simple mobile layout and iron:router routings.',
+  description: 'Semantic-UI mobile boilerplate.',
+  version: '0.1.0'
+});
+
+Package.onUse(function(api) {
+  api.versionsFrom('METEOR@1.0');
+
+  api.use([
+    'templating',
+    'nooitaf:semantic-ui'
+  ], 'client');
+
+  api.use([    
+    'iron:router'
+  ], ['client','server']);
+
+  api.imply([
+    'iron:router',
+    'nooitaf:semantic-ui'
+  ]);
+
+  api.add_files([    
+    'client/stylesheets/mobile.css',
+    'client/views/mobile_layout.html',
+    'client/views/mobile_layout.js',
+    'lib/router.js'
+  ], 'client');
+});