first commit to set up the development environment

Author: MSun

.editorconfig

@@ -0,0 +1,12 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc

@@ -0,0 +1,6 @@
+.idea
+node_modules
+npm-debug.log
+public
+.DS_Store
+coverage

.gitignore

@@ -0,0 +1 @@
+web: node server/start.js

Procfile

@@ -0,0 +1,11 @@
+<section id="about">
+    <p>
+        This website--the very one at which you currently gaze--was created by a basic scaffolding
+        concocted at Fullstack Academy. Here are some of the people who make it all very real:
+    </p>
+    <carousel interval="2000">
+        <slide ng-repeat="image in images">
+            <img height="300" ng-src="{{ image }}" />
+        </slide>
+    </carousel>
+</section>

browser/js/about/about.html

@@ -0,0 +1,17 @@
+app.config(function ($stateProvider) {
+
+    // Register our *about* state.
+    $stateProvider.state('about', {
+        url: '/about',
+        controller: 'AboutController',
+        templateUrl: 'js/about/about.html'
+    });
+
+});
+
+app.controller('AboutController', function ($scope, FullstackPics) {
+
+    // Images of beautiful Fullstack people.
+    $scope.images = _.shuffle(FullstackPics);
+
+});

browser/js/about/about.js

@@ -0,0 +1,51 @@
+'use strict';
+window.app = angular.module('FullstackGeneratedApp', ['ui.router', 'ui.bootstrap', 'fsaPreBuilt']);
+
+app.config(function ($urlRouterProvider, $locationProvider) {
+    // This turns off hashbang urls (/#about) and changes it to something normal (/about)
+    $locationProvider.html5Mode(true);
+    // If we go to a URL that ui-router doesn't have registered, go to the "/" url.
+    $urlRouterProvider.otherwise('/');
+});
+
+// This app.run is for controlling access to specific states.
+app.run(function ($rootScope, AuthService, $state) {
+
+    // The given state requires an authenticated user.
+    var destinationStateRequiresAuth = function (state) {
+        return state.data && state.data.authenticate;
+    };
+
+    // $stateChangeStart is an event fired
+    // whenever the process of changing a state begins.
+    $rootScope.$on('$stateChangeStart', function (event, toState, toParams) {
+
+        if (!destinationStateRequiresAuth(toState)) {
+            // The destination state does not require authentication
+            // Short circuit with return.
+            return;
+        }
+
+        if (AuthService.isAuthenticated()) {
+            // The user is authenticated.
+            // Short circuit with return.
+            return;
+        }
+
+        // Cancel navigating to new state.
+        event.preventDefault();
+
+        AuthService.getLoggedInUser().then(function (user) {
+            // If a user is retrieved, then renavigate to the destination
+            // (the second time, AuthService.isAuthenticated() will work)
+            // otherwise, if no user is logged in, go to "login" state.
+            if (user) {
+                $state.go(toState.name, toParams);
+            } else {
+                $state.go('login');
+            }
+        });
+
+    });
+
+});

browser/js/app.js

@@ -0,0 +1 @@
+<img src="https://jlau-bucket-1.s3.amazonaws.com/uploads/topic/image/42/fullstack.png" />

browser/js/common/directives/fullstack-logo/fullstack-logo.html

@@ -0,0 +1,6 @@
+app.directive('fullstackLogo', function () {
+    return {
+        restrict: 'E',
+        templateUrl: 'js/common/directives/fullstack-logo/fullstack-logo.html'
+    };
+});

browser/js/common/directives/fullstack-logo/fullstack-logo.js

@@ -0,0 +1,17 @@
+<nav class="navbar navbar-static-top">
+    <div class="container">
+        <div class="navbar-header">
+            <fullstack-logo></fullstack-logo>
+        </div>
+        <ul class="nav navbar-nav">
+            <li ng-repeat="item in items" ng-show="!item.auth || isLoggedIn()">
+                <a ui-sref-active="active" ui-sref="{{ item.state }}">{{ item.label }}</a>
+            </li>
+        </ul>
+        <button ng-show="!user" ui-sref="login" class="btn login-button">Login</button>
+        <div ng-show="user" class="welcome">
+            <span>Welcome, {{ user.email }}!</span>
+            <a ng-click="logout()">Logout</a>
+        </div>
+    </div>
+</nav>