2 |
11 |
58 |
--------------------------------------------------------------------------------
/public/modules/core/views/home.client.view.html:
--------------------------------------------------------------------------------
1 |
3 |
9 |
20 |
4 |
8 |
5 | 
6 |
7 |
6 | 9 |
10 |
14 | 11 | Open-Source Full-Stack Solution For MEAN Applications 12 |
13 |
15 |
19 | 16 | Learn more 17 |
18 |
21 |
46 | Congrats! You've configured and run the sample application.
22 |MEAN.JS is a web application boilerplate, which means you should start changing everything :-)
23 |This sample application tracks users and articles.
24 |-
25 |
- 26 | Click 27 | Signup 28 | to get started. 29 | 30 |
- 31 | Configure your app to work with your social accounts, by editing the 32 | /config/env/*.js 33 | files. 34 | 35 |
- 36 | Edit your users module. 37 | 38 |
- 39 | Add new CRUD modules. 40 | 41 |
- 42 | Have fun... 43 | 44 |
47 |
72 |
48 |
53 | 49 | MongoDB 50 |
51 |MongoDB is a database. MongoDB's great manual, to get started with NoSQL and MongoDB.
52 |
54 |
59 | 55 | Express 56 |
57 |Express is an app server. Check out The Express Guide or StackOverflow for more info.
58 |
60 |
65 | 61 | AngularJS 62 |
63 |AngularJS is web app framework. Angular's webiste offers alot. The Thinkster Popular Guide and Egghead Videos are great resources.
64 |
66 |
71 | 67 | Node.js 68 |
69 |Node.js is a web server. Node's website and this stackOverflow thread, are great resources.
70 |
73 |
92 | MEAN.JS Documentation
74 |75 | Once you're familiar with the foundation technology, check out the MEAN.JS Documentation: 76 |
-
77 |
- MEAN.JS Documentation 78 | 79 |
- Yoeman Generator 80 | 81 |
- Modules 82 | 83 |
- Changelog 84 | 85 |
- Community 86 | 87 |
- Blog 88 | 89 |
Enjoy & Keep Us Updated, 93 |
The MEAN.JS Team. 94 |
2 |
20 |
--------------------------------------------------------------------------------
/public/modules/ratings/views/event.list.html:
--------------------------------------------------------------------------------
1 |
3 |
9 |
10 | {{eventDetails.name}} 4 | {{eventDetails.averageRating}} / 5 5 |
6 | 7 |{{eventDetails.description}}
8 |
11 |
19 | Ratings:
12 |-
13 |
- 14 | {{r.description}} 15 | {{r.rating}} / 5 16 | 17 |
2 |
23 |
--------------------------------------------------------------------------------
/public/modules/users/config/users.client.config.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Config HTTP Error Handling
4 | angular.module('users').config(['$httpProvider',
5 | function($httpProvider) {
6 | // Set the httpProvider "not authorized" interceptor
7 | $httpProvider.interceptors.push(['$q', '$location', 'Authentication',
8 | function($q, $location, Authentication) {
9 | return {
10 | responseError: function(rejection) {
11 | switch (rejection.status) {
12 | case 401:
13 | // Deauthenticate the global user
14 | Authentication.user = null;
15 |
16 | // Redirect to signin page
17 | $location.path('signin');
18 | break;
19 | case 403:
20 | // Add unauthorized behaviour
21 | break;
22 | }
23 |
24 | return $q.reject(rejection);
25 | }
26 | };
27 | }
28 | ]);
29 | }
30 | ]);
--------------------------------------------------------------------------------
/public/modules/users/config/users.client.routes.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Setting up route
4 | angular.module('users').config(['$stateProvider',
5 | function($stateProvider) {
6 | // Users state routing
7 | $stateProvider.
8 | state('profile', {
9 | url: '/settings/profile',
10 | templateUrl: 'modules/users/views/settings/edit-profile.client.view.html'
11 | }).
12 | state('password', {
13 | url: '/settings/password',
14 | templateUrl: 'modules/users/views/settings/change-password.client.view.html'
15 | }).
16 | state('accounts', {
17 | url: '/settings/accounts',
18 | templateUrl: 'modules/users/views/settings/social-accounts.client.view.html'
19 | }).
20 | state('signup', {
21 | url: '/signup',
22 | templateUrl: 'modules/users/views/signup.client.view.html'
23 | }).
24 | state('signin', {
25 | url: '/signin',
26 | templateUrl: 'modules/users/views/signin.client.view.html'
27 | });
28 | }
29 | ]);
--------------------------------------------------------------------------------
/public/modules/users/controllers/authentication.client.controller.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('users').controller('AuthenticationController', ['$scope', '$http', '$location', 'Authentication',
4 | function($scope, $http, $location, Authentication) {
5 | $scope.authentication = Authentication;
6 |
7 | //If user is signed in then redirect back home
8 | if ($scope.authentication.user) $location.path('/');
9 |
10 | $scope.signup = function() {
11 | $http.post('/auth/signup', $scope.credentials).success(function(response) {
12 | //If successful we assign the response to the global user model
13 | $scope.authentication.user = response;
14 |
15 | //And redirect to the index page
16 | $location.path('/');
17 | }).error(function(response) {
18 | $scope.error = response.message;
19 | });
20 | };
21 |
22 | $scope.signin = function() {
23 | $http.post('/auth/signin', $scope.credentials).success(function(response) {
24 | //If successful we assign the response to the global user model
25 | $scope.authentication.user = response;
26 |
27 | //And redirect to the index page
28 | $location.path('/');
29 | }).error(function(response) {
30 | $scope.error = response.message;
31 | });
32 | };
33 | }
34 | ]);
--------------------------------------------------------------------------------
/public/modules/users/controllers/settings.client.controller.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('users').controller('SettingsController', ['$scope', '$http', '$location', 'Users', 'Authentication',
4 | function($scope, $http, $location, Users, Authentication) {
5 | $scope.user = Authentication.user;
6 |
7 | // If user is not signed in then redirect back home
8 | if (!$scope.user) $location.path('/');
9 |
10 | // Check if there are additional accounts
11 | $scope.hasConnectedAdditionalSocialAccounts = function(provider) {
12 | for (var i in $scope.user.additionalProvidersData) {
13 | return true;
14 | }
15 |
16 | return false;
17 | };
18 |
19 | // Check if provider is already in use with current user
20 | $scope.isConnectedSocialAccount = function(provider) {
21 | return $scope.user.provider === provider || ($scope.user.additionalProvidersData && $scope.user.additionalProvidersData[provider]);
22 | };
23 |
24 | // Remove a user social account
25 | $scope.removeUserSocialAccount = function(provider) {
26 | $scope.success = $scope.error = null;
27 |
28 | $http.delete('/users/accounts', {
29 | params: {
30 | provider: provider
31 | }
32 | }).success(function(response) {
33 | // If successful show success message and clear form
34 | $scope.success = true;
35 | $scope.user = Authentication.user = response;
36 | }).error(function(response) {
37 | $scope.error = response.message;
38 | });
39 | };
40 |
41 | // Update a user profile
42 | $scope.updateUserProfile = function() {
43 | $scope.success = $scope.error = null;
44 | var user = new Users($scope.user);
45 |
46 | user.$update(function(response) {
47 | $scope.success = true;
48 | Authentication.user = response;
49 | }, function(response) {
50 | $scope.error = response.data.message;
51 | });
52 | };
53 |
54 | // Change user password
55 | $scope.changeUserPassword = function() {
56 | $scope.success = $scope.error = null;
57 |
58 | $http.post('/users/password', $scope.passwordDetails).success(function(response) {
59 | // If successful show success message and clear form
60 | $scope.success = true;
61 | $scope.passwordDetails = null;
62 | }).error(function(response) {
63 | $scope.error = response.message;
64 | });
65 | };
66 | }
67 | ]);
--------------------------------------------------------------------------------
/public/modules/users/css/users.css:
--------------------------------------------------------------------------------
1 | @media (min-width: 992px) {
2 | .nav-users {
3 | position: fixed;
4 | }
5 | }
6 |
7 | .remove-account-container {
8 | display: inline-block;
9 | position: relative;
10 | }
11 |
12 | .btn-remove-account {
13 | top: 10px;
14 | right: 10px;
15 | position: absolute;
16 | }
17 |
--------------------------------------------------------------------------------
/public/modules/users/img/buttons/facebook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taylonr/intro-to-protractor/c2ffb4b4def5b72a66079abae03628eeabc9d43a/public/modules/users/img/buttons/facebook.png
--------------------------------------------------------------------------------
/public/modules/users/img/buttons/google.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taylonr/intro-to-protractor/c2ffb4b4def5b72a66079abae03628eeabc9d43a/public/modules/users/img/buttons/google.png
--------------------------------------------------------------------------------
/public/modules/users/img/buttons/linkedin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taylonr/intro-to-protractor/c2ffb4b4def5b72a66079abae03628eeabc9d43a/public/modules/users/img/buttons/linkedin.png
--------------------------------------------------------------------------------
/public/modules/users/img/buttons/twitter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taylonr/intro-to-protractor/c2ffb4b4def5b72a66079abae03628eeabc9d43a/public/modules/users/img/buttons/twitter.png
--------------------------------------------------------------------------------
/public/modules/users/services/authentication.client.service.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Authentication service for user variables
4 | angular.module('users').factory('Authentication', [
5 |
6 | function() {
7 | var _this = this;
8 |
9 | _this._data = {
10 | user: window.user
11 | };
12 |
13 | return _this._data;
14 | }
15 | ]);
--------------------------------------------------------------------------------
/public/modules/users/services/users.client.service.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Users service used for communicating with the users REST endpoint
4 | angular.module('users').factory('Users', ['$resource',
5 | function($resource) {
6 | return $resource('users', {}, {
7 | update: {
8 | method: 'PUT'
9 | }
10 | });
11 | }
12 | ]);
--------------------------------------------------------------------------------
/public/modules/users/tests/authentication.client.controller.test.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | (function() {
4 | // Authentication controller Spec
5 | describe('AuthenticationController', function() {
6 | // Initialize global variables
7 | var AuthenticationController,
8 | scope,
9 | $httpBackend,
10 | $stateParams,
11 | $location;
12 |
13 | beforeEach(function() {
14 | jasmine.addMatchers({
15 | toEqualData: function(util, customEqualityTesters) {
16 | return {
17 | compare: function(actual, expected) {
18 | return {
19 | pass: angular.equals(actual, expected)
20 | };
21 | }
22 | };
23 | }
24 | });
25 | });
26 |
27 | // Load the main application module
28 | beforeEach(module(ApplicationConfiguration.applicationModuleName));
29 |
30 | // The injector ignores leading and trailing underscores here (i.e. _$httpBackend_).
31 | // This allows us to inject a service but then attach it to a variable
32 | // with the same name as the service.
33 | beforeEach(inject(function($controller, $rootScope, _$location_, _$stateParams_, _$httpBackend_) {
34 | // Set a new global scope
35 | scope = $rootScope.$new();
36 |
37 | // Point global variables to injected services
38 | $stateParams = _$stateParams_;
39 | $httpBackend = _$httpBackend_;
40 | $location = _$location_;
41 |
42 | // Initialize the Authentication controller
43 | AuthenticationController = $controller('AuthenticationController', {
44 | $scope: scope
45 | });
46 | }));
47 |
48 |
49 | it('$scope.signin() should login with a correct user and password', function() {
50 |
51 | // test expected GET request
52 | $httpBackend.when('POST', '/auth/signin').respond(200, 'Fred');
53 | scope.signin();
54 | $httpBackend.flush();
55 | // test scope value
56 | expect(scope.authentication.user).toEqual('Fred');
57 | expect($location.url()).toEqual('/');
58 | });
59 |
60 | it('$scope.signin() should fail to log in with nothing', function() {
61 | $httpBackend.expectPOST('/auth/signin').respond(400, {
62 | 'message': 'Missing credentials'
63 | });
64 | scope.signin();
65 | $httpBackend.flush();
66 | // test scope value
67 | expect(scope.error).toEqual('Missing credentials');
68 | });
69 |
70 | it('$scope.signin() should fail to log in with wrong credentials', function() {
71 | // Foo/Bar combo assumed to not exist
72 | scope.authentication.user = 'Foo';
73 | scope.credentials = 'Bar';
74 | $httpBackend.expectPOST('/auth/signin').respond(400, {
75 | 'message': 'Unknown user'
76 | });
77 | scope.signin();
78 | $httpBackend.flush();
79 | // test scope value
80 | expect(scope.error).toEqual('Unknown user');
81 | });
82 |
83 | it('$scope.signup() should register with correct data', function() {
84 |
85 | // test expected GET request
86 | scope.authentication.user = 'Fred';
87 | $httpBackend.when('POST', '/auth/signup').respond(200, 'Fred');
88 | scope.signup();
89 | $httpBackend.flush();
90 | // test scope value
91 | expect(scope.authentication.user).toBe('Fred');
92 | expect(scope.error).toEqual(undefined);
93 | expect($location.url()).toBe('/');
94 | });
95 |
96 | it('$scope.signup() should fail to register with duplicate Username', function() {
97 | $httpBackend.when('POST', '/auth/signup').respond(400, {
98 | 'message': 'Username already exists'
99 | });
100 | scope.signup();
101 | $httpBackend.flush();
102 | // test scope value
103 | expect(scope.error).toBe('Username already exists');
104 | });
105 |
106 |
107 | });
108 | }());
--------------------------------------------------------------------------------
/public/modules/users/users.client.module.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // Use Applicaion configuration module to register a new module
4 | ApplicationConfiguration.registerModule('users');
5 |
--------------------------------------------------------------------------------
/public/modules/users/views/settings/change-password.client.view.html:
--------------------------------------------------------------------------------
1 |
3 |
7 |
4 | New Event
5 |
6 |
8 |
22 |
9 |
21 | -
10 |
- 11 | {{e.name}} 12 | 13 | {{e.averageRating}} / 5 14 | 15 | 16 | Not Yet Rated 17 | 18 | 19 |
Change your password
3 |
4 |
29 |
30 | Edit your profile
3 |
4 |
33 |
34 | Connected social accounts:
3 |
4 |
11 |
5 | ![]()
6 |
7 |
8 |
9 |
10 | Connect other social accounts:
12 | 26 |
15 | 
21 | 
24 | Sign in using your social accounts
3 |
4 |
5 | 
6 |
7 |
8 |
6 |
7 | Sign up using your social accounts
3 |
4 |
5 |
6 |
7 |
8 |
6 |
7 |