├── .bowerrc
├── .gitignore
├── .jshintrc
├── .travis.yml
├── LICENSE
├── README.md
├── app
    ├── app.css
    ├── app.js
    ├── app.js~
    ├── components
    │   └── version
    │   │   ├── interpolate-filter.js
    │   │   ├── interpolate-filter_test.js
    │   │   ├── version-directive.js
    │   │   ├── version-directive_test.js
    │   │   ├── version.js
    │   │   └── version_test.js
    ├── home
    │   ├── home.html
    │   ├── home.html~
    │   ├── home.js
    │   ├── home.js~
    │   └── justified-nav.css
    ├── index-async.html
    ├── index.html
    ├── index.html~
    ├── justified-nav.css
    ├── view1
    │   ├── view1.html
    │   ├── view1.js
    │   └── view1_test.js
    └── view2
    │   ├── view2.html
    │   ├── view2.js
    │   └── view2_test.js
├── bower.json
├── e2e-tests
    ├── protractor.conf.js
    └── scenarios.js
├── karma.conf.js
└── package.json


/.bowerrc:
--------------------------------------------------------------------------------
1 | {
2 |   "directory": "app/bower_components"
3 | }


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | logs/*
2 | !.gitkeep
3 | node_modules/
4 | bower_components/
5 | tmp
6 | .DS_Store
7 | .idea


--------------------------------------------------------------------------------
/.jshintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "globalstrict": true,
 3 |   "globals": {
 4 |     "angular": false,
 5 |     "describe": false,
 6 |     "it": false,
 7 |     "expect": false,
 8 |     "beforeEach": false,
 9 |     "afterEach": false,
10 |     "module": false,
11 |     "inject": false
12 |   }
13 | }


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: node_js
 2 | node_js:
 3 |   - "0.10"
 4 | 
 5 | before_script:
 6 |   - export DISPLAY=:99.0
 7 |   - sh -e /etc/init.d/xvfb start
 8 |   - npm start > /dev/null &
 9 |   - npm run update-webdriver
10 |   - sleep 1 # give server time to start
11 | 
12 | script:
13 |   - node_modules/.bin/karma start karma.conf.js --no-auto-watch --single-run --reporters=dots --browsers=Firefox
14 |   - node_modules/.bin/protractor e2e-tests/protractor.conf.js --browser=firefox
15 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License
 2 | 
 3 | Copyright (c) 2010-2014 Google, Inc. http://angularjs.org
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ```
2 | git clone https://github.com/jay3dec/AngularJS_Firebase_Part1.git
3 | cd AngularJS_Firebase_Part1
4 | npm install
5 | npm start
6 | ```
7 | 


--------------------------------------------------------------------------------
/app/app.css:
--------------------------------------------------------------------------------
 1 | /* app css stylesheet */
 2 | 
 3 | .menu {
 4 |   list-style: none;
 5 |   border-bottom: 0.1em solid black;
 6 |   margin-bottom: 2em;
 7 |   padding: 0 0 0.5em;
 8 | }
 9 | 
10 | .menu:before {
11 |   content: "[";
12 | }
13 | 
14 | .menu:after {
15 |   content: "]";
16 | }
17 | 
18 | .menu > li {
19 |   display: inline;
20 | }
21 | 
22 | .menu > li:before {
23 |   content: "|";
24 |   padding-right: 0.3em;
25 | }
26 | 
27 | .menu > li:nth-child(1):before {
28 |   content: "";
29 |   padding: 0;
30 | }
31 | 


--------------------------------------------------------------------------------
/app/app.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // Declare app level module which depends on views, and components
 4 | angular.module('myApp', [
 5 |   'ngRoute',
 6 |   'myApp.home'
 7 | ]).
 8 | config(['$routeProvider', function($routeProvider) {
 9 |   $routeProvider.otherwise({redirectTo: '/home'});
10 | }]);
11 | 


--------------------------------------------------------------------------------
/app/app.js~:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // Declare app level module which depends on views, and components
 4 | angular.module('myApp', [
 5 |   'ngRoute',
 6 |   'myApp.home',
 7 |   'myApp.version'
 8 | ]).
 9 | config(['$routeProvider', function($routeProvider) {
10 |   $routeProvider.otherwise({redirectTo: '/home'});
11 | }]);
12 | 


--------------------------------------------------------------------------------
/app/components/version/interpolate-filter.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('myApp.version.interpolate-filter', [])
 4 | 
 5 | .filter('interpolate', ['version', function(version) {
 6 |   return function(text) {
 7 |     return String(text).replace(/\%VERSION\%/mg, version);
 8 |   };
 9 | }]);
10 | 


--------------------------------------------------------------------------------
/app/components/version/interpolate-filter_test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | describe('myApp.version module', function() {
 4 |   beforeEach(module('myApp.version'));
 5 | 
 6 |   describe('interpolate filter', function() {
 7 |     beforeEach(module(function($provide) {
 8 |       $provide.value('version', 'TEST_VER');
 9 |     }));
10 | 
11 |     it('should replace VERSION', inject(function(interpolateFilter) {
12 |       expect(interpolateFilter('before %VERSION% after')).toEqual('before TEST_VER after');
13 |     }));
14 |   });
15 | });
16 | 


--------------------------------------------------------------------------------
/app/components/version/version-directive.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('myApp.version.version-directive', [])
 4 | 
 5 | .directive('appVersion', ['version', function(version) {
 6 |   return function(scope, elm, attrs) {
 7 |     elm.text(version);
 8 |   };
 9 | }]);
10 | 


--------------------------------------------------------------------------------
/app/components/version/version-directive_test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | describe('myApp.version module', function() {
 4 |   beforeEach(module('myApp.version'));
 5 | 
 6 |   describe('app-version directive', function() {
 7 |     it('should print current version', function() {
 8 |       module(function($provide) {
 9 |         $provide.value('version', 'TEST_VER');
10 |       });
11 |       inject(function($compile, $rootScope) {
12 |         var element = $compile('<span app-version></span>')($rootScope);
13 |         expect(element.text()).toEqual('TEST_VER');
14 |       });
15 |     });
16 |   });
17 | });
18 | 


--------------------------------------------------------------------------------
/app/components/version/version.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | 
3 | angular.module('myApp.version', [
4 |   'myApp.version.interpolate-filter',
5 |   'myApp.version.version-directive'
6 | ])
7 | 
8 | .value('version', '0.1');
9 | 


--------------------------------------------------------------------------------
/app/components/version/version_test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | describe('myApp.version module', function() {
 4 |   beforeEach(module('myApp.version'));
 5 | 
 6 |   describe('version service', function() {
 7 |     it('should return current version', inject(function(version) {
 8 |       expect(version).toEqual('0.1');
 9 |     }));
10 |   });
11 | });
12 | 


--------------------------------------------------------------------------------
/app/home/home.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 3 |     <link rel="icon" href="http://getbootstrap.com/favicon.ico">
 4 | 
 5 |     <title>AngularJS & Firebase Web App</title>
 6 | 
 7 |     <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
 8 |     <link href="http://getbootstrap.com/examples/signin/signin.css" rel="stylesheet">
 9 |    
10 |     <link href="justified-nav.css" rel="stylesheet">
11 |     
12 |   </head>
13 | 
14 |   <body ng-controller="HomeCtrl">
15 | 
16 |     <div class="container">
17 |       <div class="jumbotron" style="padding-bottom:0px;">
18 |         <h2>AngularJS & Firebase App!</h2>
19 |       </div>
20 |       <form class="form-signin" role="form">
21 |         <input ng-model="user.email" type="email" class="form-control" placeholder="Email address" required="" autofocus="">
22 |         <input ng-model="user.password" type="password" class="form-control" placeholder="Password" required="">
23 |         <label class="checkbox">
24 |           <a href="#"> Sign Up</>
25 |         </label>
26 |         <button type="button" ng-click="SignIn($event)" class="btn btn-lg btn-primary btn-block">SignIn</button>
27 |       </form>
28 | 
29 |     </div>
30 | 
31 |   
32 | 
33 | </body></html>
34 | 


--------------------------------------------------------------------------------
/app/home/home.html~:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 3 |     <link rel="icon" href="http://getbootstrap.com/favicon.ico">
 4 | 
 5 |     <title>AngularJS & Firebase Web App</title>
 6 | 
 7 |     <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
 8 |     <link href="http://getbootstrap.com/examples/signin/signin.css" rel="stylesheet">
 9 |    
10 |     <link href="justified-nav.css" rel="stylesheet">
11 |     
12 |   </head>
13 | 
14 |   <body ng-controller="HomeCtrl">
15 | 
16 |     <div class="container">
17 |       <div class="jumbotron" style="padding-bottom:0px;">
18 |         <h2>AngularJS & Firebase App!</h2>
19 |       </div>
20 |       <form class="form-signin" role="form">
21 |         <input ng-model="user.email" type="email" class="form-control" placeholder="Email address" required="" autofocus="">
22 |         <input ng-model="user.password" type="password" class="form-control" placeholder="Password" required="">
23 |         <label class="checkbox">
24 |           <a href="#"> Sign Up</>
25 |         </label>
26 |         <button type="button" ng-click="SignIn($event)" class="btn btn-lg btn-primary btn-block"></button>
27 |       </form>
28 | 
29 |     </div>
30 | 
31 |   
32 | 
33 | </body></html>
34 | 


--------------------------------------------------------------------------------
/app/home/home.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('myApp.home', ['ngRoute','firebase'])
 4 | 
 5 | .config(['$routeProvider', function($routeProvider) {
 6 |   $routeProvider.when('/home', {
 7 |     templateUrl: 'home/home.html',
 8 |     controller: 'HomeCtrl'
 9 |   });
10 | }])
11 | 
12 | .controller('HomeCtrl', ['$scope','$firebaseSimpleLogin',function($scope,$firebaseSimpleLogin) {
13 |   var firebaseObj = new Firebase("https://blistering-heat-2473.firebaseio.com");
14 | var loginObj = $firebaseSimpleLogin(firebaseObj);
15 |   
16 |   $scope.user = {};
17 |   $scope.SignIn = function(e){ 
18 |      e.preventDefault();
19 |      var username = $scope.user.email;
20 |      var password = $scope.user.password;
21 |      loginObj.$login('password', {
22 |                 email: username,
23 |                 password: password
24 |             })
25 |             .then(function(user) {
26 |                 //Success callback
27 |                 console.log('Authentication successful');
28 |             }, function(error) {
29 |                 //Failure callback
30 |                 console.log('Authentication failure');
31 |             });
32 |   }
33 | }]);
34 | 


--------------------------------------------------------------------------------
/app/home/home.js~:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('myApp.home', ['ngRoute','firebase'])
 4 | 
 5 | .config(['$routeProvider', function($routeProvider) {
 6 |   $routeProvider.when('/home', {
 7 |     templateUrl: 'home/home.html',
 8 |     controller: 'HomeCtrl'
 9 |   });
10 | }])
11 | 
12 | .controller('HomeCtrl', ['$scope','$firebaseSimpleLogin',function($scope,$firebaseSimpleLogin) {
13 |   var firebaseObj = new Firebase("https://blistering-heat-2473.firebaseio.com");
14 | var loginObj = $firebaseSimpleLogin(firebaseObj);
15 |   
16 |   $scope.user = {};
17 |   $scope.SignIn = function(e){ 
18 |      e.preventDefault();
19 |      var username = $scope.user.email;
20 |      var password = $scope.user.password;
21 |      loginObj.$login('password', {
22 |                 email: username,
23 |                 password: password
24 |             })
25 |             .then(function(user) {
26 |                 // On success callback
27 |                 console.log('Username and password found');
28 |             }, function(error) {
29 |                 // On failure callback
30 |                 console.log('Username and password not found');
31 |             });
32 |   }
33 | }]);
34 | 


--------------------------------------------------------------------------------
/app/home/justified-nav.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   padding-top: 20px;
 3 | }
 4 | 
 5 | .footer {
 6 |   padding-top: 40px;
 7 |   padding-bottom: 40px;
 8 |   margin-top: 40px;
 9 |   border-top: 1px solid #eee;
10 | }
11 | 
12 | /* Main marketing message and sign up button */
13 | .jumbotron {
14 |   text-align: center;
15 |   background-color: transparent;
16 | }
17 | .jumbotron .btn {
18 |   padding: 14px 24px;
19 |   font-size: 21px;
20 | }
21 | 
22 | /* Customize the nav-justified links to be fill the entire space of the .navbar */
23 | 
24 | .nav-justified {
25 |   background-color: #eee;
26 |   border: 1px solid #ccc;
27 |   border-radius: 5px;
28 | }
29 | .nav-justified > li > a {
30 |   padding-top: 15px;
31 |   padding-bottom: 15px;
32 |   margin-bottom: 0;
33 |   font-weight: bold;
34 |   color: #777;
35 |   text-align: center;
36 |   background-color: #e5e5e5; /* Old browsers */
37 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
38 |   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
39 |   background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
40 |   background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #f5f5f5), to(#e5e5e5));
41 |   background-image:         linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
42 |   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
43 |   background-repeat: repeat-x; /* Repeat the gradient */
44 |   border-bottom: 1px solid #d5d5d5;
45 | }
46 | .nav-justified > .active > a,
47 | .nav-justified > .active > a:hover,
48 | .nav-justified > .active > a:focus {
49 |   background-color: #ddd;
50 |   background-image: none;
51 |   -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
52 |           box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
53 | }
54 | .nav-justified > li:first-child > a {
55 |   border-radius: 5px 5px 0 0;
56 | }
57 | .nav-justified > li:last-child > a {
58 |   border-bottom: 0;
59 |   border-radius: 0 0 5px 5px;
60 | }
61 | 
62 | @media (min-width: 768px) {
63 |   .nav-justified {
64 |     max-height: 52px;
65 |   }
66 |   .nav-justified > li > a {
67 |     border-right: 1px solid #d5d5d5;
68 |     border-left: 1px solid #fff;
69 |   }
70 |   .nav-justified > li:first-child > a {
71 |     border-left: 0;
72 |     border-radius: 5px 0 0 5px;
73 |   }
74 |   .nav-justified > li:last-child > a {
75 |     border-right: 0;
76 |     border-radius: 0 5px 5px 0;
77 |   }
78 | }
79 | 
80 | /* Responsive: Portrait tablets and up */
81 | @media screen and (min-width: 768px) {
82 |   /* Remove the padding we set earlier */
83 |   .masthead,
84 |   .marketing,
85 |   .footer {
86 |     padding-right: 0;
87 |     padding-left: 0;
88 |   }
89 | }
90 | 


--------------------------------------------------------------------------------
/app/index-async.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <link rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css">
 6 |   <link rel="stylesheet" href="bower_components/html5-boilerplate/css/main.css">
 7 |   <style>
 8 |     [ng-cloak] {
 9 |       display: none;
10 |     }
11 |   </style>
12 |   <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>
13 |   <script>
14 |     // include angular loader, which allows the files to load in any order
15 |     //@@NG_LOADER_START@@
16 |     // You need to run `npm run update-index-async` to inject the angular async code here
17 |     //@@NG_LOADER_END@@
18 | 
19 |     // include a third-party async loader library
20 |     /*!
21 |      * $script.js v1.3
22 |      * https://github.com/ded/script.js
23 |      * Copyright: @ded & @fat - Dustin Diaz, Jacob Thornton 2011
24 |      * Follow our software http://twitter.com/dedfat
25 |      * License: MIT
26 |      */
27 |     !function(a,b,c){function t(a,c){var e=b.createElement("script"),f=j;e.onload=e.onerror=e[o]=function(){e[m]&&!/^c|loade/.test(e[m])||f||(e.onload=e[o]=null,f=1,c())},e.async=1,e.src=a,d.insertBefore(e,d.firstChild)}function q(a,b){p(a,function(a){return!b(a)})}var d=b.getElementsByTagName("head")[0],e={},f={},g={},h={},i="string",j=!1,k="push",l="DOMContentLoaded",m="readyState",n="addEventListener",o="onreadystatechange",p=function(a,b){for(var c=0,d=a.length;c<d;++c)if(!b(a[c]))return j;return 1};!b[m]&&b[n]&&(b[n](l,function r(){b.removeEventListener(l,r,j),b[m]="complete"},j),b[m]="loading");var s=function(a,b,d){function o(){if(!--m){e[l]=1,j&&j();for(var a in g)p(a.split("|"),n)&&!q(g[a],n)&&(g[a]=[])}}function n(a){return a.call?a():e[a]}a=a[k]?a:[a];var i=b&&b.call,j=i?b:d,l=i?a.join(""):b,m=a.length;c(function(){q(a,function(a){h[a]?(l&&(f[l]=1),o()):(h[a]=1,l&&(f[l]=1),t(s.path?s.path+a+".js":a,o))})},0);return s};s.get=t,s.ready=function(a,b,c){a=a[k]?a:[a];var d=[];!q(a,function(a){e[a]||d[k](a)})&&p(a,function(a){return e[a]})?b():!function(a){g[a]=g[a]||[],g[a][k](b),c&&c(d)}(a.join("|"));return s};var u=a.$script;s.noConflict=function(){a.$script=u;return this},typeof module!="undefined"&&module.exports?module.exports=s:a.$script=s}(this,document,setTimeout)
28 | 
29 |     // load all of the dependencies asynchronously.
30 |     $script([
31 |       'bower_components/angular/angular.js',
32 |       'bower_components/angular-route/angular-route.js',
33 |       'app.js',
34 |       'view1/view1.js',
35 |       'view2/view2.js',
36 |       'components/version/version.js',
37 |       'components/version/version-directive.js',
38 |       'components/version/interpolate-filter.js'
39 |     ], function() {
40 |       // when all is done, execute bootstrap angular application
41 |       angular.bootstrap(document, ['myApp']);
42 |     });
43 |   </script>
44 |   <title>My AngularJS App</title>
45 |   <link rel="stylesheet" href="app.css">
46 | </head>
47 | <body ng-cloak>
48 |   <ul class="menu">
49 |     <li><a href="#/view1">view1</a></li>
50 |     <li><a href="#/view2">view2</a></li>
51 |   </ul>
52 | 
53 |   <div ng-view></div>
54 | 
55 |   <div>Angular seed app: v<span app-version></span></div>
56 | 
57 | </body>
58 | </html>
59 | 


--------------------------------------------------------------------------------
/app/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | 
 3 | <html lang="en" ng-app="myApp" class="no-js">
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |   <title>My AngularJS App</title>
 8 |   <meta name="description" content="">
 9 |   <meta name="viewport" content="width=device-width, initial-scale=1">
10 |   <link rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css">
11 |   <link rel="stylesheet" href="bower_components/html5-boilerplate/css/main.css">
12 |   <link rel="stylesheet" href="app.css">
13 |   <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>
14 | </head>
15 | <body>
16 |   <div ng-view></div>
17 | 
18 |   <script src="bower_components/angular/angular.js"></script>
19 |   <script src="bower_components/angular-route/angular-route.js"></script>
20 |   <script src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
21 | <script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.min.js"></script>
22 | <script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>
23 |   <script src="app.js"></script>
24 |   <script src="home/home.js"></script>
25 |   <script src="components/version/version.js"></script>
26 |   <script src="components/version/version-directive.js"></script>
27 |   <script src="components/version/interpolate-filter.js"></script>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/app/index.html~:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | 
 3 | <html lang="en" ng-app="myApp" class="no-js">
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 |   <title>My AngularJS App</title>
 8 |   <meta name="description" content="">
 9 |   <meta name="viewport" content="width=device-width, initial-scale=1">
10 |   <link rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css">
11 |   <link rel="stylesheet" href="bower_components/html5-boilerplate/css/main.css">
12 |   <link rel="stylesheet" href="app.css">
13 |   <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>
14 | </head>
15 | <body>
16 |   <div ng-view></div>
17 | 
18 |   <script src="bower_components/angular/angular.js"></script>
19 |   <script src="bower_components/angular-route/angular-route.js"></script>
20 |   <script src="app.js"></script>
21 |   <script src="home/home.js"></script>
22 |   <script src="components/version/version.js"></script>
23 |   <script src="components/version/version-directive.js"></script>
24 |   <script src="components/version/interpolate-filter.js"></script>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/app/justified-nav.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   padding-top: 20px;
 3 | }
 4 | 
 5 | .footer {
 6 |   padding-top: 40px;
 7 |   padding-bottom: 40px;
 8 |   margin-top: 40px;
 9 |   border-top: 1px solid #eee;
10 | }
11 | 
12 | /* Main marketing message and sign up button */
13 | .jumbotron {
14 |   text-align: center;
15 |   background-color: transparent;
16 | }
17 | .jumbotron .btn {
18 |   padding: 14px 24px;
19 |   font-size: 21px;
20 | }
21 | 
22 | /* Customize the nav-justified links to be fill the entire space of the .navbar */
23 | 
24 | .nav-justified {
25 |   background-color: #eee;
26 |   border: 1px solid #ccc;
27 |   border-radius: 5px;
28 | }
29 | .nav-justified > li > a {
30 |   padding-top: 15px;
31 |   padding-bottom: 15px;
32 |   margin-bottom: 0;
33 |   font-weight: bold;
34 |   color: #777;
35 |   text-align: center;
36 |   background-color: #e5e5e5; /* Old browsers */
37 |   background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
38 |   background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
39 |   background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
40 |   background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #f5f5f5), to(#e5e5e5));
41 |   background-image:         linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
42 |   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
43 |   background-repeat: repeat-x; /* Repeat the gradient */
44 |   border-bottom: 1px solid #d5d5d5;
45 | }
46 | .nav-justified > .active > a,
47 | .nav-justified > .active > a:hover,
48 | .nav-justified > .active > a:focus {
49 |   background-color: #ddd;
50 |   background-image: none;
51 |   -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
52 |           box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
53 | }
54 | .nav-justified > li:first-child > a {
55 |   border-radius: 5px 5px 0 0;
56 | }
57 | .nav-justified > li:last-child > a {
58 |   border-bottom: 0;
59 |   border-radius: 0 0 5px 5px;
60 | }
61 | 
62 | @media (min-width: 768px) {
63 |   .nav-justified {
64 |     max-height: 52px;
65 |   }
66 |   .nav-justified > li > a {
67 |     border-right: 1px solid #d5d5d5;
68 |     border-left: 1px solid #fff;
69 |   }
70 |   .nav-justified > li:first-child > a {
71 |     border-left: 0;
72 |     border-radius: 5px 0 0 5px;
73 |   }
74 |   .nav-justified > li:last-child > a {
75 |     border-right: 0;
76 |     border-radius: 0 5px 5px 0;
77 |   }
78 | }
79 | 
80 | /* Responsive: Portrait tablets and up */
81 | @media screen and (min-width: 768px) {
82 |   /* Remove the padding we set earlier */
83 |   .masthead,
84 |   .marketing,
85 |   .footer {
86 |     padding-right: 0;
87 |     padding-left: 0;
88 |   }
89 | }
90 | 


--------------------------------------------------------------------------------
/app/view1/view1.html:
--------------------------------------------------------------------------------
1 | <p>This is the partial for view 1.</p>
2 | 


--------------------------------------------------------------------------------
/app/view1/view1.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('myApp.view1', ['ngRoute'])
 4 | 
 5 | .config(['$routeProvider', function($routeProvider) {
 6 |   $routeProvider.when('/view1', {
 7 |     templateUrl: 'view1/view1.html',
 8 |     controller: 'View1Ctrl'
 9 |   });
10 | }])
11 | 
12 | .controller('View1Ctrl', [function() {
13 | 
14 | }]);


--------------------------------------------------------------------------------
/app/view1/view1_test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | describe('myApp.view1 module', function() {
 4 | 
 5 |   beforeEach(module('myApp.view1'));
 6 | 
 7 |   describe('view1 controller', function(){
 8 | 
 9 |     it('should ....', inject(function($controller) {
10 |       //spec body
11 |       var view1Ctrl = $controller('View1Ctrl');
12 |       expect(view1Ctrl).toBeDefined();
13 |     }));
14 | 
15 |   });
16 | });


--------------------------------------------------------------------------------
/app/view2/view2.html:
--------------------------------------------------------------------------------
1 | <p>This is the partial for view 2.</p>
2 | <p>
3 |   Showing of 'interpolate' filter:
4 |   {{ 'Current version is v%VERSION%.' | interpolate }}
5 | </p>
6 | 


--------------------------------------------------------------------------------
/app/view2/view2.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('myApp.view2', ['ngRoute'])
 4 | 
 5 | .config(['$routeProvider', function($routeProvider) {
 6 |   $routeProvider.when('/view2', {
 7 |     templateUrl: 'view2/view2.html',
 8 |     controller: 'View2Ctrl'
 9 |   });
10 | }])
11 | 
12 | .controller('View2Ctrl', [function() {
13 | 
14 | }]);


--------------------------------------------------------------------------------
/app/view2/view2_test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | describe('myApp.view2 module', function() {
 4 | 
 5 |   beforeEach(module('myApp.view2'));
 6 | 
 7 |   describe('view2 controller', function(){
 8 | 
 9 |     it('should ....', inject(function($controller) {
10 |       //spec body
11 |       var view2Ctrl = $controller('View2Ctrl');
12 |       expect(view2Ctrl).toBeDefined();
13 |     }));
14 | 
15 |   });
16 | });


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "angular-seed",
 3 |   "description": "A starter project for AngularJS",
 4 |   "version": "0.0.0",
 5 |   "homepage": "https://github.com/angular/angular-seed",
 6 |   "license": "MIT",
 7 |   "private": true,
 8 |   "dependencies": {
 9 |     "angular": "1.2.x",
10 |     "angular-route": "1.2.x",
11 |     "angular-loader": "1.2.x",
12 |     "angular-mocks": "~1.2.x",
13 |     "html5-boilerplate": "~4.3.0"
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/e2e-tests/protractor.conf.js:
--------------------------------------------------------------------------------
 1 | exports.config = {
 2 |   allScriptsTimeout: 11000,
 3 | 
 4 |   specs: [
 5 |     '*.js'
 6 |   ],
 7 | 
 8 |   capabilities: {
 9 |     'browserName': 'chrome'
10 |   },
11 | 
12 |   baseUrl: 'http://localhost:8000/app/',
13 | 
14 |   framework: 'jasmine',
15 | 
16 |   jasmineNodeOpts: {
17 |     defaultTimeoutInterval: 30000
18 |   }
19 | };
20 | 


--------------------------------------------------------------------------------
/e2e-tests/scenarios.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | /* https://github.com/angular/protractor/blob/master/docs/toc.md */
 4 | 
 5 | describe('my app', function() {
 6 | 
 7 |   browser.get('index.html');
 8 | 
 9 |   it('should automatically redirect to /view1 when location hash/fragment is empty', function() {
10 |     expect(browser.getLocationAbsUrl()).toMatch("/view1");
11 |   });
12 | 
13 | 
14 |   describe('view1', function() {
15 | 
16 |     beforeEach(function() {
17 |       browser.get('index.html#/view1');
18 |     });
19 | 
20 | 
21 |     it('should render view1 when user navigates to /view1', function() {
22 |       expect(element.all(by.css('[ng-view] p')).first().getText()).
23 |         toMatch(/partial for view 1/);
24 |     });
25 | 
26 |   });
27 | 
28 | 
29 |   describe('view2', function() {
30 | 
31 |     beforeEach(function() {
32 |       browser.get('index.html#/view2');
33 |     });
34 | 
35 | 
36 |     it('should render view2 when user navigates to /view2', function() {
37 |       expect(element.all(by.css('[ng-view] p')).first().getText()).
38 |         toMatch(/partial for view 2/);
39 |     });
40 | 
41 |   });
42 | });
43 | 


--------------------------------------------------------------------------------
/karma.conf.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(config){
 2 |   config.set({
 3 | 
 4 |     basePath : './',
 5 | 
 6 |     files : [
 7 |       'app/bower_components/angular/angular.js',
 8 |       'app/bower_components/angular-route/angular-route.js',
 9 |       'app/bower_components/angular-mocks/angular-mocks.js',
10 |       'app/components/**/*.js',
11 |       'app/view*/**/*.js'
12 |     ],
13 | 
14 |     autoWatch : true,
15 | 
16 |     frameworks: ['jasmine'],
17 | 
18 |     browsers : ['Chrome'],
19 | 
20 |     plugins : [
21 |             'karma-chrome-launcher',
22 |             'karma-firefox-launcher',
23 |             'karma-jasmine',
24 |             'karma-junit-reporter'
25 |             ],
26 | 
27 |     junitReporter : {
28 |       outputFile: 'test_out/unit.xml',
29 |       suite: 'unit'
30 |     }
31 | 
32 |   });
33 | };
34 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "angular-seed",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "description": "A starter project for AngularJS",
 6 |   "repository": "https://github.com/angular/angular-seed",
 7 |   "license": "MIT",
 8 |   "devDependencies": {
 9 |     "karma": "~0.10",
10 |     "protractor": "^1.1.1",
11 |     "http-server": "^0.6.1",
12 |     "bower": "^1.3.1",
13 |     "shelljs": "^0.2.6",
14 |     "karma-junit-reporter": "^0.2.2"
15 |   },
16 |   "scripts": {
17 |     "postinstall": "bower install",
18 | 
19 |     "prestart": "npm install",
20 |     "start": "http-server -a localhost -p 8000 -c-1",
21 | 
22 |     "pretest": "npm install",
23 |     "test": "karma start karma.conf.js",
24 |     "test-single-run": "karma start karma.conf.js  --single-run",
25 | 
26 |     "preupdate-webdriver": "npm install",
27 |     "update-webdriver": "webdriver-manager update",
28 | 
29 |     "preprotractor": "npm run update-webdriver",
30 |     "protractor": "protractor e2e-tests/protractor.conf.js",
31 | 
32 |     "update-index-async": "node -e \"require('shelljs/global'); sed('-i', /\\/\\/@@NG_LOADER_START@@[\\s\\S]*\\/\\/@@NG_LOADER_END@@/, '//@@NG_LOADER_START@@\\n' + sed(/sourceMappingURL=angular-loader.min.js.map/,'sourceMappingURL=bower_components/angular-loader/angular-loader.min.js.map','app/bower_components/angular-loader/angular-loader.min.js') + '\\n//@@NG_LOADER_END@@', 'app/index-async.html');\""
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------