login

.gitignore

@@ -1 +1,20 @@
 api/vendor/
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+Thumbs.db
+
+# Logs
+*.log
+
+# Dependency directories
+node_modules
+bower_components
+
+# Build Systems
+.sass-cache
+*.css.map
+build/
+dist/

app/app.js

@@ -0,0 +1,4 @@
+var app = angular.module('app', ['ngRoute']);
+
+// Root controllers in /root/ folder
+// Page controllers in /pages/[your-page] folder

app/app.route.js

@@ -0,0 +1,48 @@
+app.config( function ($routeProvider, $locationProvider) {
+  $routeProvider
+    .when('/', {
+      templateUrl: 'app/pages/food/view.html',
+      controller: 'FoodCtrl'
+    })
+
+    .when('/login', {
+      templateUrl: 'app/pages/login/view.html',
+      controller: 'LoginCtrl'
+    })
+
+    .when('/categories', {
+      templateUrl: 'app/pages/categories/view.html',
+      controller: 'CategoryCtrl'
+    })
+
+    .when('/food', {
+      templateUrl: 'app/pages/food/view.html',
+      controller: 'FoodCtrl'
+    })
+
+    // Sandbox Demo
+    .when('/news', {
+      templateUrl: 'app/sandbox/news.html',
+      controller: 'NewsCtrl'
+    })
+
+    // Sandbox Demo
+    .when('/competitions', {
+      templateUrl: 'app/sandbox/competition.html',
+      controller: 'CompetitionCtrl'
+    })
+
+    // Sandbox Demo
+    .when('/todo', {
+      templateUrl: 'app/sandbox/todo.html',
+      controller: 'TodoCtrl'
+    })
+
+    // 404 Not Found
+    .otherwise({
+      templateUrl: 'app/pages/404/view.html',
+      controller: '404Ctrl'
+    });
+
+    // $locationProvider.html5Mode(true);
+});

app/pages/404/ctrl.js

@@ -0,0 +1,7 @@
+app.controller('404Ctrl', ['$scope', function ($scope) {
+  $scope.page.title = '404';
+  $scope.page.id = '404';
+  $scope.page.yourVar = "globalStuff";
+
+  $scope.var2 = "localStuff";
+}]);

app/pages/404/view.html

@@ -0,0 +1,2 @@
+<div class="spacer"></div>
+<h1>You've reached pages/404/view.html by going to an invalid link.</h1>

app/pages/categories/ctrl.js

@@ -0,0 +1,7 @@
+app.controller('CategoryCtrl', ['$scope', function ($scope) {
+  $scope.page.title = 'Categories';
+  $scope.page.id = 'cat';
+  $scope.page.yourVar = "globalStuff";
+
+  $scope.var2 = "localStuff";
+}]);

app/pages/categories/view.html

@@ -0,0 +1,2 @@
+<div class="spacer"></div>
+<h1>You've reached pages/categories/view.html.</h1>

app/pages/food/ctrl.js

@@ -0,0 +1,7 @@
+app.controller('FoodCtrl', ['$scope', function ($scope) {
+  $scope.page.title = 'Food';
+  $scope.page.id = 'food';
+  $scope.page.yourVar = "globalStuff";
+
+  $scope.var2 = "localStuff";
+}]);

app/pages/food/style.styl

@@ -0,0 +1,141 @@
+.food-search
+  padding-top: .5em
+  i
+    cursor: pointer
+    top: 6px
+    right: 0
+    &:hover
+      color: #888
+      transform: scale(.9)
+      transition: all .2s
+  .input-field label.active
+    transform: translateY(-120%)
+  .input-field.col label
+    left: 0
+
+.food-filter
+  display: flex
+  flex-flow: row wrap
+  width: 100%
+  padding: 0 1em
+  .block
+    flex: 1 500px
+    padding: 0 1em
+    &:last-child
+      flex: 0 130px
+      nav
+        box-shadow: none
+        display: flex
+        align-items: center
+        justify-content: center
+  nav
+    background-color: lightergray
+    a
+      color: black
+
+.green[type="checkbox"].filled-in:checked+label:after
+  border-color: green
+  background-color: green
+.yellow[type="checkbox"].filled-in:checked+label:after
+  border-color: yellow
+  background-color: yellow
+.red[type="checkbox"].filled-in:checked+label:after
+  border-color: red
+  background-color: red
+[type="checkbox"]+label
+  padding-left: 26px
+
+.foods
+  display: flex
+  padding: 3em
+  flex-wrap: wrap
+
+  .card-panel
+    flex-grow: 1
+    display: flex
+    padding: 0
+    margin: .5em
+    align-items: center
+    cursor: pointer
+    transition: all .2s
+    &:hover
+      transform: scale(.95)
+    .health
+      background-color: green
+      width: 3em
+      min-width: @width
+      min-height: @width
+      height: 100%
+      display: flex
+      align-items: center
+      justify-content: center
+      i
+        color: white
+    h5
+      font-size: 1.4em
+      margin: .3em .7em
+
+    // "Add new food" button
+    &.add
+      background-color: blue
+      color: white
+      +above(500px)
+        max-width: 17em
+      i
+        font-size: 2.5em
+      .health
+        background-color: alpha(black, .27)
+
+
+
+.food-crud
+  font-size: 1.1em
+  padding: 1em
+  border: 1px solid lightgray
+  my-box-shadow()
+  background: white
+  [type="radio"]:not(:checked)+label, [type="radio"]:checked+label
+    padding-left: 1.7em
+    padding-right: 1em
+  .grade
+    margin-bottom: 2em
+  h4
+    margin: 5px 0 25px 0
+  p
+    font-size: 1.1em
+    font-weight: 500
+    color: #BBB
+    margin-bottom: 5px
+  a.btn
+    width: 48%
+  .orange
+    float: right
+
+  .nutrition
+    margin-bottom: 1.5em
+    td
+      padding: .5em 5px
+    td:first-child
+      font-weight: 500
+      width: 50%
+
+
+
+.modal_ .editContent
+  display: none
+.modal_.editMode .editContent
+  display: inline
+
+.modal_
+  align-items: center
+  justify-content: center
+  display: none; /* Hidden by default */
+  position: fixed; /* Stay in place */
+  z-index: 1; /* Sit on top */
+  left: 0;
+  top: 0;
+  width: 100%; /* Full width */
+  height: 100%; /* Full height */
+  overflow: auto; /* Enable scroll if needed */
+  background-color: rgb(0,0,0); /* Fallback color */
+  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */