2308 lines
85 KiB
JavaScript
2308 lines
85 KiB
JavaScript
'use strict';
|
||
|
||
//Start by defining the main module and adding the module dependencies
|
||
angular.module(ApplicationConfiguration.applicationModuleName, ApplicationConfiguration.applicationModuleVendorDependencies);
|
||
|
||
// Setting HTML5 Location Mode
|
||
angular.module(ApplicationConfiguration.applicationModuleName).config(['$locationProvider',
|
||
function($locationProvider) {
|
||
$locationProvider.hashPrefix('!');
|
||
}
|
||
]);
|
||
|
||
//Permission Constants
|
||
angular.module(ApplicationConfiguration.applicationModuleName).constant('APP_PERMISSIONS', {
|
||
viewAdminSettings: 'viewAdminSettings',
|
||
editAdminSettings: 'editAdminSettings',
|
||
editForm: 'editForm',
|
||
viewPrivateForm: 'viewPrivateForm',
|
||
});
|
||
//User Role constants
|
||
angular.module(ApplicationConfiguration.applicationModuleName).constant('USER_ROLES', {
|
||
admin: 'admin',
|
||
normal: 'user',
|
||
superuser: 'superuser',
|
||
});
|
||
|
||
angular.module(ApplicationConfiguration.applicationModuleName).run(['$rootScope', 'Auth', '$state', '$stateParams',
|
||
function($rootScope, Auth, $state, $stateParams) {
|
||
|
||
$rootScope.$state = $state;
|
||
$rootScope.$stateParams = $stateParams;
|
||
|
||
// add previous state property
|
||
$rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState) {
|
||
$state.previous = fromState;
|
||
console.log('toState: '+toState.name);
|
||
|
||
//Redirect to listForms if user is authenticated
|
||
if(toState.name === 'home' || toState.name === 'signin' || toState.name === 'resendVerifyEmail' || toState.name === 'verify' || toState.name === 'signup' || toState.name === 'signup-success'){
|
||
if(Auth.isAuthenticated()){
|
||
event.preventDefault(); // stop current execution
|
||
$state.go('listForms'); // go to listForms page
|
||
}
|
||
}
|
||
//Redirect to 'home' route if user is not authenticated
|
||
else if(toState.name !== 'access_denied' && !Auth.isAuthenticated() && toState.name !== 'submitForm'){
|
||
console.log('go to home');
|
||
event.preventDefault(); // stop current execution
|
||
$state.go('home'); // go to listForms page
|
||
}
|
||
|
||
});
|
||
|
||
}
|
||
]);
|
||
|
||
//Page access/authorization logic
|
||
angular.module(ApplicationConfiguration.applicationModuleName).run(['$rootScope', 'Auth', 'User', 'Authorizer', '$state', '$stateParams',
|
||
function($rootScope, Auth, User, Authorizer, $state, $stateParams) {
|
||
$rootScope.$on('$stateChangeStart', function(event, next) {
|
||
var authenticator, permissions, user;
|
||
permissions = next && next.data && next.data.permissions ? next.data.permissions : null;
|
||
|
||
Auth.ensureHasCurrentUser(User);
|
||
user = Auth.currentUser;
|
||
|
||
if(user){
|
||
authenticator = new Authorizer(user);
|
||
console.log('access denied: '+!authenticator.canAccess(permissions));
|
||
|
||
if( (permissions !== null) && !authenticator.canAccess(permissions) ){
|
||
event.preventDefault();
|
||
console.log('access denied');
|
||
$state.go('access_denied');
|
||
}
|
||
}
|
||
});
|
||
}]);
|
||
|
||
//Then define the init function for starting up the application
|
||
angular.element(document).ready(function() {
|
||
//Fixing facebook bug with redirect
|
||
if (window.location.hash === '#_=_') window.location.hash = '#!';
|
||
|
||
//Then init the app
|
||
angular.bootstrap(document, [ApplicationConfiguration.applicationModuleName]);
|
||
});
|
||
'use strict';
|
||
|
||
// Init the application configuration module for AngularJS application
|
||
var ApplicationConfiguration = (function() {
|
||
// Init module configuration options
|
||
var applicationModuleName = 'TellForm';
|
||
var applicationModuleVendorDependencies = ['ngResource', 'TellForm.templates', 'ngAnimate', 'ui.router', 'ui.bootstrap', 'ui.utils', 'ngRaven', 'cgBusy'];
|
||
|
||
// Add a new vertical module
|
||
var registerModule = function(moduleName, dependencies) {
|
||
// Create angular module
|
||
angular.module(moduleName, dependencies || []);
|
||
|
||
// Add the module to the AngularJS configuration file
|
||
angular.module(applicationModuleName).requires.push(moduleName);
|
||
};
|
||
|
||
return {
|
||
applicationModuleName: applicationModuleName,
|
||
applicationModuleVendorDependencies: applicationModuleVendorDependencies,
|
||
registerModule: registerModule
|
||
};
|
||
})();
|
||
angular.module('TellForm.templates', []).run(['$templateCache', function($templateCache) {
|
||
"use strict";
|
||
$templateCache.put("../public/modules/core/views/header.client.view.html",
|
||
"<section class=\"navbar navbar-fixed-top navbar-inverse\" data-ng-controller=HeaderController ng-hide=hideNav><div class=container><div class=navbar-header><button class=navbar-toggle type=button data-ng-click=toggleCollapsibleMenu()><span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span></button> <a href=\"/#!/\" class=navbar-brand><i class=\"fa fa-archive\" style=\"padding-right: 0.3em\"></i>Tell<span>Forms</span></a></div><nav class=\"collapse navbar-collapse\" collapse=!isCollapsed role=navigation><ul class=\"nav navbar-nav\" data-ng-if=authentication.isAuthenticated()><li data-ng-repeat=\"item in menu.items | orderBy: 'position'\" data-ng-if=item.shouldRender(authentication.isAuthenticated()); ng-switch=item.menuItemType ui-route={{item.uiRoute}} class={{item.menuItemClass}} ng-class=\"{active: ($uiRoute)}\" dropdown=\"item.menuItemType === 'dropdown'\"><a ng-switch-when=dropdown class=dropdown-toggle dropdown-toggle><span data-ng-bind=item.title></span> <b class=caret></b></a><ul ng-switch-when=dropdown class=dropdown-menu><li data-ng-repeat=\"subitem in item.items | orderBy: 'position'\" data-ng-if=subitem.shouldRender(authentication.isAuthenticated()); ui-route={{subitem.uiRoute}} ng-class=\"{active: $uiRoute}\"><a href=/#!/{{subitem.link}} data-ng-bind=subitem.title></a></li></ul><a ng-switch-default href=/#!/{{item.link}} data-ng-bind=item.title></a></li></ul><ul class=\"nav navbar-nav navbar-right\" data-ng-hide=authentication.isAuthenticated()><li ui-route=/signup ng-class=\"{active: $uiRoute}\"><a href=/#!/signup>Sign Up</a></li><li class=divider-vertical></li><li ui-route=/signin ng-class=\"{active: $uiRoute}\"><a href=/#!/signin>Sign In</a></li></ul><ul class=\"nav navbar-nav navbar-right\" data-ng-show=authentication.isAuthenticated()><li class=dropdown uib-dropdown><a href=# class=dropdown-toggle data-toggle=dropdown dropdown-toggle><span>My Settings</span> <b class=caret></b></a><ul class=dropdown-menu><li><a href=/#!/settings/profile>Edit Profile</a></li><li class=divider></li><li><a href=/#!/settings/password>Change Password</a></li><li data-ng-show=\"authentication.isAuthenticated().provider === 'local'\"><a href=/#!/settings/password>Change Password</a></li></ul></li><li ng-click=signout()><a>Signout</a></li></ul></nav></div></section>");
|
||
$templateCache.put("../public/modules/core/views/home.client.view.html",
|
||
"<section data-ng-controller=HomeController class=hero-section style=overflow:hidden><div class=opacity-background></div><div class=image-background></div><div class=\"jumbotron text-center\"><div class=container data-ng-if=!authentication.isAuthenticated()><div class=\"row text-center logo\" style=\"border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: 30px\"><h3 class=col-xs-12 style=\"color: #FA787E; margin-bottom:0px\"><i class=\"fa fa-archive fa-3x\"></i></h3><h2 class=col-xs-12 style=margin-top:0px><span>Tell<span style=\"text-decoration: underline; color: #FA787E\">Form</span></span></h2></div><div class=row style=margin-top:0px><h1 class=\"lead col-md-10 col-md-offset-1 hidden-xs hidden-sm\" style=font-size:3.8em>Craft beautiful forms in seconds.</h1><h2 class=\"lead col-sm-12 text-center hidden-md hidden-lg\" style=font-size:2.8em>Craft beautiful forms.</h2><p class=\"lead hidden-xs hidden-sm col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\" style=\"font-size:1.5em; color:rgba(255,255,255,.75)\"><i>TellForm is an opensource <b>alternative to TypeForm</b> that can create stunning forms from PDFs or from scratch</i></p><p class=\"lead col-xs-12 hidden-md hidden-lg\" style=\"font-size:1.5em; color:rgba(255,255,255,.75)\"><i>TellForm is an opensource <b>alternative to TypeForm</b> that can create stunning forms from PDFs or from scratch</i></p></div></div></div><div class=\"jumbotron text-center\"><div class=container data-ng-if=!authentication.isAuthenticated()><div class=row style=margin-top:0px><h1 class=\"lead col-md-10 col-md-offset-1 hidden-xs hidden-sm\" style=font-size:3.8em>Create your next ______.</h1><h1 class=\"lead col-md-10 col-md-offset-1 hidden-xs hidden-sm\" style=font-size:2.5em>Tell a story with a form.</h1><p class=\"lead hidden-xs hidden-sm col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2\" style=\"font-size:1.5em; color:rgba(255,255,255,.75)\"><i>TellForm is an opensource <b>alternative to TypeForm</b> that can create stunning forms from PDFs or from scratch</i></p><p class=\"lead col-xs-12 hidden-md hidden-lg\" style=\"font-size:1.5em; color:rgba(255,255,255,.75)\"><i>TellForm is an opensource <b>alternative to TypeForm</b> that can create stunning forms from PDFs or from scratch</i></p></div><div class=row style=margin-top:7%><a class=\"col-xs-4 col-xs-offset-4 btn btn-info signup-btn\" href=/#!/signup style=\"background-color:#FA787E; border: none; font-size: 2em; padding: 0.3em 0.9em; color: white\">sign me up!</a></div></div></div></section>");
|
||
$templateCache.put("../public/modules/forms/views/admin-form.client.view.html",
|
||
"<div class=container cg-busy=\"{promise:updatePromise,templateUrl:'modules/forms/views/directiveViews/cgBusy/update-form-message-TypeB.html',message:'Updating form...', backdrop:false, wrapperClass:'.busy-updating-wrapper'}\"></div><section class=\"container admin-form\"><script type=text/ng-template id=myModalContent.html><div class=\"modal-header\">\n" +
|
||
" <h2 class=\"modal-title hidden-md hidden-lg\">Are you ABSOLUTELY sure?</h2>\n" +
|
||
" <h3 class=\"modal-title hidden-xs hidden-sm\">Are you ABSOLUTELY sure?</h3>\n" +
|
||
" </div>\n" +
|
||
" <div class=\"modal-body\">\n" +
|
||
" <div class=\"modal-body-alert\">\n" +
|
||
" Unexpected bad things will happen if you don’t read this!\n" +
|
||
" </div>\n" +
|
||
" <p class=\"hidden-xs hidden-sm\">\n" +
|
||
" This action <strong>CANNOT</strong> be undone.This will permanently delete the <strong>{{myform.title}}</strong> form, form submissions and remove all associated pdfs.\n" +
|
||
" </p>\n" +
|
||
" <p>Please type in the name of the form to confirm.</p>\n" +
|
||
" </div>\n" +
|
||
" <div class=\"modal-footer\">\n" +
|
||
" <p>\n" +
|
||
" <input type=\"text\" data-ng-model=\"deleteConfirm\" class=\"input-block\" autofocus required aria-label=\"Type in the name of the form to confirm that you want to delete this form.\">\n" +
|
||
" </p>\n" +
|
||
" <button type=\"submit\" ng-click=\"removeCurrentForm()\" class=\"btn btn-block btn-danger\" ng-disabled=\"myform.title != deleteConfirm\">\n" +
|
||
" I understand the consequences, delete this form\n" +
|
||
" </button>\n" +
|
||
" </div></script><div class=\"page-header row\" style=\"padding-bottom: 0px\"><div class=\"col-xs-10 col-sm-8\"><h1 class=\"hidden-sm hidden-xs\" data-ng-bind=myform.title style=\"margin-bottom: 0px\"></h1><h2 class=\"hidden-md hidden-lg\" data-ng-bind=myform.title style=\"margin-bottom: 0px\"></h2></div><div class=\"col-xs-1 col-sm-2\"><small class=pull-right><button class=\"btn btn-danger\" ng-click=openDeleteModal()><i class=\"fa fa-trash-o\"></i> <span class=hidden-xs>Delete</span> <span class=\"hidden-xs hidden-sm\">Form</span></button></small></div><div class=\"col-xs-1 col-sm-2\"><small class=pull-right><a class=\"btn btn-default view-form-btn\" href=/#!/forms/{{myform._id}}><span class=\"hidden-xs hidden-sm\">View <span ng-show=myform.isLive>Live</span> <span ng-hide=myform.isLive>Preview</span> Form</span> <span class=\"hidden-xs hidden-md hidden-lg\">View <span ng-if=myform.isLive>Live</span> <span ng-if=!myform.isLive>Preview</span></span> <i class=\"status-light status-light-on fa fa-dot-circle-o\" ng-if=myform.isLive></i> <i class=\"status-light status-light-off fa fa-dot-circle-o\" ng-if=!myform.isLive></i></a></small></div></div><div class=row><div class=col-xs-12><tabs data=tabData></tabs></div><div class=col-xs-12><ui-view></ui-view></div></div></section>");
|
||
$templateCache.put("../public/modules/forms/views/list-forms.client.view.html",
|
||
"<section class=overlay ng-if=showCreateModal ng-click=closeCreateModal()></section><section data-ng-controller=\"ListFormsController as ctrl\" data-ng-init=findAll() class=container><br><div class=row><div ng-click=openCreateModal() class=\"col-xs-6 col-xs-offset-3 col-sm-4 col-sm-offset-1 col-md-3 col-md-offset-1 form-item create-new\"><div class=\"title-row col-xs-12\"><h4 class=\"fa fa-plus fa-6\"></h4></div><div class=\"col-xs-12 details-row\"><small class=list-group-item-text>Create a new form</small></div></div><form name=forms.createForm class=\"col-xs-6 col-xs-offset-3 col-sm-4 col-sm-offset-1 col-md-3 col-md-offset-1 form-item create-new new-form\" ng-if=showCreateModal><div class=\"title-row row\"><div class=\"col-xs-5 field-title text-left\">Name</div><div class=\"col-xs-12 field-input\"><input name=title required ng-model=formTitle ng-pattern=\"/^[a-zA-Z0-9 \\-.]*$/\" ng-minlength=\"4\"></div></div><div class=\"details-row row\"><div class=\"col-xs-5 field-title text-left\">Language</div><div class=\"col-xs-12 field-input\"><div class=\"button custom-select\"><select style=color:black name=language required ng-model=formLanguage ng-init=\"formLanguage = user.language\"><option ng-repeat=\"language in languages\" value={{language}}>{{language}}</option></select></div></div></div><div class=\"details-row submit row\"><div class=\"col-xs-12 field-title text-center\"><button class=\"btn btn-primary\" ng-disabled=forms.createForm.$invalid ng-click=createNewForm()>Create Form</button></div></div></form><div data-ng-repeat=\"form in myforms\" class=\"col-xs-6 col-xs-offset-3 col-sm-4 col-sm-offset-1 col-md-3 col-md-offset-1 form-item container\"><div class=row><span class=pull-right><i style=cursor:pointer class=\"fa fa-trash-o\" ng-click=removeForm($index)></i> <i style=cursor:pointer class=\"fa fa-files-o\" ng-click=duplicateForm($index)></i></span></div><div class=row><a data-ng-href=#!/forms/{{form._id}}/admin/create class=\"title-row col-xs-12\"><h4 class=list-group-item-heading data-ng-bind=form.title></h4></a></div><div class=\"row footer\"><div class=\"col-xs-12 details-row\"><small class=list-group-item-text>Created on <span data-ng-bind=\"form.created | date:'shortDate'\"></span></small></div></div></div></div></section>");
|
||
$templateCache.put("../public/modules/forms/views/submit-form.client.view.html",
|
||
"<section class=public-form ng-style=\"{ 'background-color': myform.design.colors.backgroundColor }\"><submit-form-directive myform=myform></submit-form-directive></section>");
|
||
}]);
|
||
|
||
'use strict';
|
||
|
||
// Use Application configuration module to register a new module
|
||
ApplicationConfiguration.registerModule('core', ['users']);
|
||
|
||
'use strict';
|
||
|
||
// Use Application configuration module to register a new module
|
||
ApplicationConfiguration.registerModule('forms', ['ngFileUpload', 'ui.router.tabs', 'colorpicker.module', 'ui.date', 'ui.sortable', 'angular-input-stars', 'users']);
|
||
'use strict';
|
||
|
||
// Use Application configuration module to register a new module
|
||
ApplicationConfiguration.registerModule('users');
|
||
'use strict';
|
||
|
||
// Setting up route
|
||
angular.module('core').config(['$stateProvider', '$urlRouterProvider',
|
||
function($stateProvider, $urlRouterProvider, Authorization) {
|
||
// Redirect to home view when route not found
|
||
$urlRouterProvider.otherwise('/');
|
||
|
||
// Home state routing
|
||
$stateProvider.
|
||
state('home', {
|
||
url: '/',
|
||
templateUrl: 'modules/core/views/home.client.view.html'
|
||
});
|
||
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('core').controller('HeaderController', ['$rootScope', '$scope', 'Menus', '$state', 'Auth', 'User',
|
||
function ($rootScope, $scope, Menus, $state, Auth, User) {
|
||
$scope.user = $rootScope.user = Auth.ensureHasCurrentUser(User);
|
||
$scope.authentication = $rootScope.authentication = Auth;
|
||
|
||
$rootScope.languages = $scope.languages = ['english', 'french', 'spanish'];
|
||
|
||
$scope.isCollapsed = false;
|
||
$rootScope.hideNav = false;
|
||
$scope.menu = Menus.getMenu('topbar');
|
||
|
||
$scope.signout = function() {
|
||
var promise = User.logout();
|
||
promise.then(function() {
|
||
Auth.logout();
|
||
Auth.ensureHasCurrentUser(User);
|
||
$scope.user = $rootScope.user = null;
|
||
$state.go('home');
|
||
},
|
||
function(reason) {
|
||
console.log('Logout Failed: ' + reason);
|
||
});
|
||
};
|
||
|
||
$scope.toggleCollapsibleMenu = function() {
|
||
$scope.isCollapsed = !$scope.isCollapsed;
|
||
};
|
||
|
||
// Collapsing the menu after navigation
|
||
$scope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {
|
||
$scope.isCollapsed = false;
|
||
$rootScope.hideNav = false;
|
||
if ( angular.isDefined( toState.data ) ) {
|
||
|
||
if ( angular.isDefined( toState.data.hideNav ) ) {
|
||
$rootScope.hideNav = toState.data.hideNav;
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
|
||
angular.module('core').controller('HomeController', ['$rootScope', '$scope', 'User', '$state',
|
||
function($rootScope, $scope, User, $state) {
|
||
$scope = $rootScope;
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
//Menu service used for managing menus
|
||
angular.module('core').service('Menus', [
|
||
|
||
function() {
|
||
// Define a set of default roles
|
||
this.defaultRoles = ['*'];
|
||
|
||
// Define the menus object
|
||
this.menus = {};
|
||
|
||
// A private function for rendering decision
|
||
var shouldRender = function(user) {
|
||
if (user) {
|
||
if (!!~this.roles.indexOf('*')) {
|
||
return true;
|
||
} else {
|
||
for (var userRoleIndex in user.roles) {
|
||
for (var roleIndex in this.roles) {
|
||
console.log(this.roles[roleIndex]);
|
||
console.log( this.roles[roleIndex] === user.roles[userRoleIndex]);
|
||
if (this.roles[roleIndex] === user.roles[userRoleIndex]) {
|
||
return true;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
} else {
|
||
return this.isPublic;
|
||
}
|
||
|
||
return false;
|
||
};
|
||
|
||
// Validate menu existance
|
||
this.validateMenuExistance = function(menuId) {
|
||
if (menuId && menuId.length) {
|
||
if (this.menus[menuId]) {
|
||
return true;
|
||
} else {
|
||
throw new Error('Menu does not exists');
|
||
}
|
||
} else {
|
||
throw new Error('MenuId was not provided');
|
||
}
|
||
|
||
return false;
|
||
};
|
||
|
||
// Get the menu object by menu id
|
||
this.getMenu = function(menuId) {
|
||
// Validate that the menu exists
|
||
this.validateMenuExistance(menuId);
|
||
|
||
// Return the menu object
|
||
return this.menus[menuId];
|
||
};
|
||
|
||
// Add new menu object by menu id
|
||
this.addMenu = function(menuId, isPublic, roles) {
|
||
// Create the new menu
|
||
this.menus[menuId] = {
|
||
isPublic: isPublic || false,
|
||
roles: roles || this.defaultRoles,
|
||
items: [],
|
||
shouldRender: shouldRender
|
||
};
|
||
|
||
// Return the menu object
|
||
return this.menus[menuId];
|
||
};
|
||
|
||
// Remove existing menu object by menu id
|
||
this.removeMenu = function(menuId) {
|
||
// Validate that the menu exists
|
||
this.validateMenuExistance(menuId);
|
||
|
||
// Return the menu object
|
||
delete this.menus[menuId];
|
||
};
|
||
|
||
// Add menu item object
|
||
this.addMenuItem = function(menuId, menuItemTitle, menuItemURL, menuItemType, menuItemUIRoute, isPublic, roles, position) {
|
||
// Validate that the menu exists
|
||
this.validateMenuExistance(menuId);
|
||
|
||
// Push new menu item
|
||
this.menus[menuId].items.push({
|
||
title: menuItemTitle,
|
||
link: menuItemURL,
|
||
menuItemType: menuItemType || 'item',
|
||
menuItemClass: menuItemType,
|
||
uiRoute: menuItemUIRoute || ('/' + menuItemURL),
|
||
isPublic: ((isPublic === null || typeof isPublic === 'undefined') ? this.menus[menuId].isPublic : isPublic),
|
||
roles: ((roles === null || typeof roles === 'undefined') ? this.menus[menuId].roles : roles),
|
||
position: position || 0,
|
||
items: [],
|
||
shouldRender: shouldRender
|
||
});
|
||
|
||
// Return the menu object
|
||
return this.menus[menuId];
|
||
};
|
||
|
||
// Add submenu item object
|
||
this.addSubMenuItem = function(menuId, rootMenuItemURL, menuItemTitle, menuItemURL, menuItemUIRoute, isPublic, roles, position) {
|
||
// Validate that the menu exists
|
||
this.validateMenuExistance(menuId);
|
||
|
||
// Search for menu item
|
||
for (var itemIndex in this.menus[menuId].items) {
|
||
if (this.menus[menuId].items[itemIndex].link === rootMenuItemURL) {
|
||
// Push new submenu item
|
||
this.menus[menuId].items[itemIndex].items.push({
|
||
title: menuItemTitle,
|
||
link: menuItemURL,
|
||
uiRoute: menuItemUIRoute || ('/' + menuItemURL),
|
||
isPublic: ((isPublic === null || typeof isPublic === 'undefined') ? this.menus[menuId].items[itemIndex].isPublic : isPublic),
|
||
roles: ((roles === null || typeof roles === 'undefined') ? this.menus[menuId].items[itemIndex].roles : roles),
|
||
position: position || 0,
|
||
shouldRender: shouldRender
|
||
});
|
||
}
|
||
}
|
||
|
||
// Return the menu object
|
||
return this.menus[menuId];
|
||
};
|
||
|
||
// Remove existing menu object by menu id
|
||
this.removeMenuItem = function(menuId, menuItemURL) {
|
||
// Validate that the menu exists
|
||
this.validateMenuExistance(menuId);
|
||
|
||
// Search for menu item to remove
|
||
for (var itemIndex in this.menus[menuId].items) {
|
||
if (this.menus[menuId].items[itemIndex].link === menuItemURL) {
|
||
this.menus[menuId].items.splice(itemIndex, 1);
|
||
}
|
||
}
|
||
|
||
// Return the menu object
|
||
return this.menus[menuId];
|
||
};
|
||
|
||
// Remove existing menu object by menu id
|
||
this.removeSubMenuItem = function(menuId, submenuItemURL) {
|
||
// Validate that the menu exists
|
||
this.validateMenuExistance(menuId);
|
||
|
||
// Search for menu item to remove
|
||
for (var itemIndex in this.menus[menuId].items) {
|
||
for (var subitemIndex in this.menus[menuId].items[itemIndex].items) {
|
||
if (this.menus[menuId].items[itemIndex].items[subitemIndex].link === submenuItemURL) {
|
||
this.menus[menuId].items[itemIndex].items.splice(subitemIndex, 1);
|
||
}
|
||
}
|
||
}
|
||
|
||
// Return the menu object
|
||
return this.menus[menuId];
|
||
};
|
||
|
||
//Adding the topbar menu
|
||
this.addMenu('topbar', false, ['*']);
|
||
|
||
//Adding the bottombar menu for the Form-Footer view
|
||
this.addMenu('bottombar', false, ['*']);
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
// Configuring the Forms drop-down menus
|
||
angular.module('forms').run(['Menus',
|
||
function(Menus) {
|
||
// Set top bar menu items
|
||
Menus.addMenuItem('topbar', 'My Forms', 'forms', '', '/forms', false);
|
||
}
|
||
]).filter('formValidity',
|
||
function(){
|
||
return function(formObj){
|
||
if(formObj && formObj.form_fields && formObj.visible_form_fields){
|
||
|
||
//get keys
|
||
var formKeys = Object.keys(formObj);
|
||
|
||
//we only care about things that don't start with $
|
||
var fieldKeys = formKeys.filter(function(key){
|
||
return key[0] !== '$';
|
||
});
|
||
|
||
var fields = formObj.form_fields;
|
||
|
||
var valid_count = fields.filter(function(field){
|
||
if(typeof field === 'object'){
|
||
if(field.fieldType === 'rating' || field.fieldType === 'statement'){
|
||
return true;
|
||
}
|
||
return !!(field.fieldValue);
|
||
}
|
||
|
||
}).length;
|
||
return valid_count - (formObj.form_fields.length - formObj.visible_form_fields.length);
|
||
}
|
||
return 0;
|
||
};
|
||
}).config(['$provide', function ($provide){
|
||
$provide.decorator('accordionDirective', ["$delegate", function($delegate) {
|
||
var directive = $delegate[0];
|
||
directive.replace = true;
|
||
return $delegate;
|
||
}]);
|
||
}]);
|
||
'use strict';
|
||
|
||
// Setting up route
|
||
angular.module('forms').config(['$stateProvider',
|
||
|
||
function($stateProvider) {
|
||
// Forms state routing
|
||
$stateProvider.
|
||
state('listForms', {
|
||
url: '/forms',
|
||
templateUrl: 'modules/forms/views/list-forms.client.view.html',
|
||
data: {
|
||
permissions: [ 'editForm' ]
|
||
}
|
||
}).
|
||
state('submitForm', {
|
||
url: '/forms/:formId',
|
||
templateUrl: 'modules/forms/views/submit-form.client.view.html',
|
||
data: {
|
||
hideNav: true,
|
||
},
|
||
resolve: {
|
||
Forms: 'Forms',
|
||
myForm: ["Forms", "$stateParams", function (Forms, $stateParams) {
|
||
return Forms.get({formId: $stateParams.formId}).$promise;
|
||
}],
|
||
},
|
||
controller: 'SubmitFormController'
|
||
}).state('viewForm', {
|
||
url: '/forms/:formId/admin',
|
||
templateUrl: 'modules/forms/views/admin-form.client.view.html',
|
||
data: {
|
||
permissions: [ 'editForm' ]
|
||
},
|
||
resolve: {
|
||
Forms: 'Forms',
|
||
myForm: ["Forms", "$stateParams", function (Forms, $stateParams) {
|
||
return Forms.get({formId: $stateParams.formId}).$promise;
|
||
}],
|
||
},
|
||
controller: 'AdminFormController'
|
||
}).state('viewForm.configure', {
|
||
url: '/configure',
|
||
templateUrl: 'modules/forms/views/adminTabs/configure.html'
|
||
}).state('viewForm.design', {
|
||
url: '/design',
|
||
templateUrl: 'modules/forms/views/adminTabs/design.html'
|
||
}).state('viewForm.analyze', {
|
||
url: '/analyze',
|
||
templateUrl: 'modules/forms/views/adminTabs/analyze.html',
|
||
}).state('viewForm.create', {
|
||
url: '/create',
|
||
templateUrl: 'modules/forms/views/adminTabs/create.html'
|
||
});
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
// Forms controller
|
||
angular.module('forms').controller('AdminFormController', ['$rootScope', '$scope', '$stateParams', '$state', 'Forms', 'CurrentForm', '$http', '$uibModal', 'myForm',
|
||
function($rootScope, $scope, $stateParams, $state, Forms, CurrentForm, $http, $uibModal, myForm) {
|
||
|
||
$scope = $rootScope;
|
||
$scope.animationsEnabled = true;
|
||
$scope.myform = myForm;
|
||
$rootScope.saveInProgress = false;
|
||
|
||
CurrentForm.setForm($scope.myform);
|
||
|
||
$scope.tabData = [
|
||
{
|
||
heading: 'Create',
|
||
route: 'viewForm.create'
|
||
},
|
||
{
|
||
heading: 'Design',
|
||
route: 'viewForm.design',
|
||
},
|
||
{
|
||
heading: 'Configure',
|
||
route: 'viewForm.configure',
|
||
},
|
||
{
|
||
heading: 'Analyze',
|
||
route: 'viewForm.analyze',
|
||
}
|
||
];
|
||
|
||
$scope.setForm = function(form){
|
||
$scope.myform = form;
|
||
};
|
||
$rootScope.resetForm = function(){
|
||
$scope.myform = Forms.get({
|
||
formId: $stateParams.formId
|
||
});
|
||
};
|
||
|
||
/*
|
||
** DeleteModal Functions
|
||
*/
|
||
$scope.openDeleteModal = function(){
|
||
$scope.deleteModal = $uibModal.open({
|
||
animation: $scope.animationsEnabled,
|
||
templateUrl: 'myModalContent.html',
|
||
controller: 'AdminFormController',
|
||
resolve: {
|
||
myForm: function(){
|
||
return $scope.myform;
|
||
}
|
||
}
|
||
});
|
||
$scope.deleteModal.result.then(function (selectedItem) {
|
||
$scope.selected = selectedItem;
|
||
}, function () {
|
||
console.log('Modal dismissed at: ' + new Date());
|
||
});
|
||
};
|
||
|
||
|
||
$scope.cancelDeleteModal = function(){
|
||
if($scope.deleteModal){
|
||
$scope.deleteModal.dismiss('cancel');
|
||
}
|
||
};
|
||
|
||
// Remove existing Form
|
||
$scope.removeCurrentForm = function() {
|
||
if($scope.deleteModal && $scope.deleteModal.opened){
|
||
|
||
$scope.deleteModal.close();
|
||
|
||
var form_id = $scope.myform._id;
|
||
if(!form_id) throw new Error('Error - removeCurrentForm(): $scope.myform._id does not exist');
|
||
|
||
$http.delete('/forms/'+form_id)
|
||
.success(function(data, status, headers){
|
||
console.log('form deleted successfully');
|
||
|
||
$state.go('listForms', {}, {reload: true});
|
||
|
||
}).error(function(error){
|
||
console.log('ERROR: Form could not be deleted.');
|
||
console.error(error);
|
||
});
|
||
}
|
||
};
|
||
|
||
// Update existing Form
|
||
$scope.update = $rootScope.update = function(updateImmediately, cb){
|
||
|
||
var continueUpdate = true;
|
||
if(!updateImmediately){
|
||
continueUpdate = !$rootScope.saveInProgress;
|
||
}
|
||
|
||
//Update form **if we are not currently updating** or if **shouldUpdateNow flag is set**
|
||
if(continueUpdate){
|
||
var err = null;
|
||
|
||
if(!updateImmediately){ $rootScope.saveInProgress = true; }
|
||
|
||
$scope.updatePromise = $http.put('/forms/'+$scope.myform._id, {form: $scope.myform})
|
||
.then(function(response){
|
||
$rootScope.myform = $scope.myform = response.data;
|
||
// console.log(response.data);
|
||
}).catch(function(response){
|
||
console.log('Error occured during form UPDATE.\n');
|
||
// console.log(response.data);
|
||
err = response.data;
|
||
}).finally(function() {
|
||
// console.log('finished updating');
|
||
if(!updateImmediately){$rootScope.saveInProgress = false; }
|
||
|
||
if( (typeof cb) === 'function'){
|
||
cb(err);
|
||
}
|
||
});
|
||
}
|
||
};
|
||
|
||
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
// Forms controller
|
||
angular.module('forms').controller('ListFormsController', ['$rootScope', '$scope', '$stateParams', '$state', 'Forms', 'CurrentForm', '$http',
|
||
function($rootScope, $scope, $stateParams, $state, Forms, CurrentForm, $http) {
|
||
|
||
$scope = $rootScope;
|
||
$scope.forms = {};
|
||
$scope.showCreateModal = false;
|
||
|
||
// Return all user's Forms
|
||
$scope.findAll = function() {
|
||
Forms.query(function(_forms){
|
||
$scope.myforms = _forms;
|
||
});
|
||
};
|
||
|
||
//Modal functions
|
||
$scope.openCreateModal = function(){
|
||
if(!$scope.showCreateModal){
|
||
$scope.showCreateModal = true;
|
||
}
|
||
};
|
||
$scope.closeCreateModal = function(){
|
||
if($scope.showCreateModal){
|
||
$scope.showCreateModal = false;
|
||
}
|
||
};
|
||
|
||
$scope.setForm = function (form) {
|
||
$scope.myform = form;
|
||
};
|
||
$scope.goToWithId = function(route, id) {
|
||
$state.go(route, {'formId': id}, {reload: true});
|
||
};
|
||
|
||
$scope.duplicateForm = function(form_index){
|
||
var form = _.cloneDeep($scope.myforms[form_index]);
|
||
delete form._id;
|
||
|
||
$http.post('/forms', {form: form})
|
||
.success(function(data, status, headers){
|
||
$scope.myforms.splice(form_index+1, 0, data);
|
||
}).error(function(errorResponse){
|
||
console.error(errorResponse);
|
||
if(errorResponse === null){
|
||
$scope.error = errorResponse.data.message;
|
||
}
|
||
});
|
||
};
|
||
|
||
// Create new Form
|
||
$scope.createNewForm = function(){
|
||
// console.log($scope.forms.createForm);
|
||
|
||
var form = {};
|
||
form.title = $scope.forms.createForm.title.$modelValue;
|
||
form.language = $scope.forms.createForm.language.$modelValue;
|
||
|
||
if($scope.forms.createForm.$valid && $scope.forms.createForm.$dirty){
|
||
$http.post('/forms', {form: form})
|
||
.success(function(data, status, headers){
|
||
console.log('new form created');
|
||
// Redirect after save
|
||
$scope.goToWithId('viewForm.create', data._id+'');
|
||
}).error(function(errorResponse){
|
||
console.error(errorResponse);
|
||
$scope.error = errorResponse.data.message;
|
||
});
|
||
}
|
||
};
|
||
|
||
$scope.removeForm = function(form_index) {
|
||
if(form_index >= $scope.myforms.length || form_index < 0){
|
||
throw new Error('Error: form_index in removeForm() must be between 0 and '+$scope.myforms.length-1);
|
||
}
|
||
|
||
$http.delete('/forms/'+$scope.myforms[form_index]._id)
|
||
.success(function(data, status, headers){
|
||
console.log('form deleted successfully');
|
||
$scope.myforms.splice(form_index, 1);
|
||
}).error(function(error){
|
||
console.log('ERROR: Form could not be deleted.');
|
||
console.error(error);
|
||
});
|
||
};
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
// SubmitForm controller
|
||
angular.module('forms').controller('SubmitFormController', ['$scope', '$rootScope', '$state', 'myForm', 'Auth',
|
||
function($scope, $rootScope, $state, myForm, Auth) {
|
||
$scope.authentication = Auth;
|
||
$scope.myform = myForm;
|
||
|
||
if(!$scope.myform.isLive){
|
||
// Show navbar if form is not public AND user IS loggedin
|
||
if($scope.authentication.isAuthenticated()){
|
||
$scope.hideNav = $rootScope.hideNav = false;
|
||
}
|
||
// Redirect if form is not public user IS NOT loggedin
|
||
else {
|
||
$scope.hideNav = $rootScope.hideNav = true;
|
||
$state.go('access_denied');
|
||
}
|
||
}else{
|
||
$scope.hideNav = $rootScope.hideNav = true;
|
||
}
|
||
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
_.mixin({ removeDateFields : function(o){
|
||
var clone = _.clone(o);
|
||
for(var i=0; i<clone.length; i++){
|
||
_.each(clone[i], function(v,k){
|
||
if(k === 'lastModified' || k === 'created'){
|
||
delete clone[i][k];
|
||
}
|
||
});
|
||
}
|
||
return clone;
|
||
}});
|
||
|
||
angular.module('forms').directive('autoSaveForm', ['$rootScope', '$timeout', function($rootScope, $timeout) {
|
||
|
||
return {
|
||
require: ['^form'],
|
||
restrict: 'AE',
|
||
link: function($scope, $element, $attrs, $ctrls) {
|
||
//DAVID: TODO: Do we really need to check if our directive element is ready everytime
|
||
angular.element(document).ready(function() {
|
||
|
||
var $formCtrl = $ctrls[0],
|
||
savePromise = null;
|
||
|
||
$rootScope.finishedRender = false;
|
||
$scope.$on('editFormFields Started', function(ngRepeatFinishedEvent) {
|
||
// console.log('hello');
|
||
$rootScope.finishedRender = false;
|
||
});
|
||
$scope.$on('editFormFields Finished', function(ngRepeatFinishedEvent) {
|
||
$rootScope.finishedRender = true;
|
||
});
|
||
|
||
$scope.anyDirtyAndTouched = function(form){
|
||
var propCount = 0;
|
||
for(var prop in form) {
|
||
if(form.hasOwnProperty(prop) && prop[0] !== '$') {
|
||
propCount++;
|
||
if(form[prop].$touched && form[prop].$dirty) {
|
||
return true;
|
||
}
|
||
}
|
||
}
|
||
return false;
|
||
};
|
||
|
||
var debounceSave = function () {
|
||
$rootScope.saveInProgress = true;
|
||
|
||
$rootScope[$attrs.autoSaveCallback](true,
|
||
function(err){
|
||
if(!err){
|
||
console.log('\n\nForm data persisted -- setting pristine flag');
|
||
$formCtrl.$setPristine();
|
||
$formCtrl.$setUntouched();
|
||
}else{
|
||
console.error('Error form data NOT persisted');
|
||
console.error(err);
|
||
}
|
||
});
|
||
};
|
||
|
||
//Update/Save Form if any Form fields are Dirty and Touched
|
||
$scope.$watch(function(newValue, oldValue) {
|
||
console.log('introParagraphStartPage.$dirty: '+$scope.editForm.introParagraphStartPage.$dirty);
|
||
console.log('introParagraphStartPage.$touched: '+$scope.editForm.introParagraphStartPage.$touched);
|
||
if($rootScope.finishedRender && $scope.anyDirtyAndTouched($scope.editForm) && !$rootScope.saveInProgress){
|
||
console.log('Form saving started');
|
||
debounceSave();
|
||
console.log('introParagraphStartPage.$dirty AFTER: '+$scope.editForm.introParagraphStartPage.$dirty);
|
||
}
|
||
});
|
||
|
||
//Autosave Form when model (specificed in $attrs.autoSaveWatch) changes
|
||
$scope.$watch($attrs.autoSaveWatch, function(newValue, oldValue) {
|
||
|
||
newValue = angular.copy(newValue);
|
||
oldValue = angular.copy(oldValue);
|
||
|
||
newValue.form_fields = _.removeDateFields(newValue.form_fields);
|
||
oldValue.form_fields = _.removeDateFields(oldValue.form_fields);
|
||
|
||
var changedFields = !_.isEqual(oldValue.form_fields,newValue.form_fields) || !_.isEqual(oldValue.startPage, newValue.startPage);
|
||
var changedFieldMap = false;
|
||
|
||
if(oldValue.hasOwnProperty('plugins.oscarhost.settings.fieldMap')){
|
||
changedFieldMap = !!oldValue.plugins.oscarhost.settings.fieldMap && !_.isEqual(oldValue.plugins.oscarhost.settings.fieldMap,newValue.plugins.oscarhost.settings.fieldMap);
|
||
}
|
||
|
||
//If our form is undefined, don't save form
|
||
if( (!newValue && !oldValue) || !oldValue ){
|
||
return;
|
||
}
|
||
|
||
// console.log('Autosaving');
|
||
// console.log('\n\n----------');
|
||
// console.log('!$dirty: '+ !$formCtrl.$dirty );
|
||
// console.log('changedFields: '+changedFields);
|
||
// console.log('changedFieldMap: '+changedFieldMap);
|
||
// console.log('finishedRender: '+$rootScope.finishedRender);
|
||
// console.log('!saveInProgress: '+!$rootScope.saveInProgress);
|
||
// console.log('newValue: '+newValue);
|
||
// console.log('oldValue: '+oldValue);
|
||
// console.log(oldValue.form_fields);
|
||
// console.log(newValue.form_fields);
|
||
|
||
if(oldValue.form_fields.length === 0) {
|
||
$rootScope.finishedRender = true;
|
||
}
|
||
|
||
//Save form ONLY IF rendering is finished, form_fields have been changed AND currently not save in progress
|
||
if( $rootScope.finishedRender && ((changedFields && !$formCtrl.$dirty) || changedFieldMap) && !$rootScope.saveInProgress) {
|
||
|
||
if(savePromise) {
|
||
$timeout.cancel(savePromise);
|
||
savePromise = null;
|
||
}
|
||
|
||
savePromise = $timeout(function() {
|
||
debounceSave();
|
||
});
|
||
}
|
||
//If we are finished rendering then form saving should be finished
|
||
else if($rootScope.finishedRender && $rootScope.saveInProgress){
|
||
$rootScope.saveInProgress = false;
|
||
}
|
||
|
||
}, true);
|
||
});
|
||
}
|
||
};
|
||
|
||
}]);
|
||
|
||
'use strict';
|
||
|
||
angular.module('forms').directive('configureFormDirective', ['$rootScope', '$http', 'Upload', 'CurrentForm',
|
||
function ($rootScope, $http, Upload, CurrentForm) {
|
||
return {
|
||
templateUrl: 'modules/forms/views/directiveViews/form/configure-form.client.view.html',
|
||
restrict: 'E',
|
||
scope: {
|
||
myform:'=',
|
||
user:'=',
|
||
pdfFields:'@',
|
||
formFields:'@'
|
||
},
|
||
controller: ["$scope", function($scope){
|
||
console.log($scope.myform);
|
||
if( CurrentForm.getForm().plugins){
|
||
if(CurrentForm.getForm().plugins.oscarhost.baseUrl) $scope.oscarhostAPI = true;
|
||
}else{
|
||
$scope.oscarhostAPI = false;
|
||
}
|
||
$scope.log = '';
|
||
$scope.pdfLoading = false;
|
||
$scope.languages = $rootScope.languages;
|
||
|
||
this._current_upload = null;
|
||
$scope.resetForm = $rootScope.resetForm;
|
||
$scope.update = $rootScope.update;
|
||
|
||
this._unbindedPdfFields = $scope.pdfFields;
|
||
|
||
//DAVID: TODO: finish this so we can create a Form.pdfFieldMap
|
||
// $scope.getUnbindedPdfFields = function(fieldType){
|
||
// this._unbindedPdfFields = $scope.pdfFields
|
||
// }
|
||
|
||
//PDF Functions
|
||
$scope.cancelUpload = function(){
|
||
this._current_upload.abort();
|
||
$scope.pdfLoading = false;
|
||
$scope.removePDF();
|
||
};
|
||
|
||
$scope.removePDF = function(){
|
||
$scope.myform.pdf = null;
|
||
$scope.myform.isGenerated = false;
|
||
$scope.myform.autofillPDFs = false;
|
||
|
||
console.log('form.pdf: '+$scope.myform.pdf+' REMOVED');
|
||
};
|
||
|
||
$scope.uploadPDF = function(files) {
|
||
console.log(files)
|
||
|
||
if (files && files.length) {
|
||
var file = files[0];
|
||
console.log(file);
|
||
|
||
this._current_upload = Upload.upload({
|
||
url: '/upload/pdf',
|
||
fields: {
|
||
'user': $scope.user,
|
||
'form': $scope.myform
|
||
},
|
||
file: file
|
||
}).progress(function (evt) {
|
||
var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
|
||
$scope.log = 'progress: ' + progressPercentage + '% ' +
|
||
evt.config.file.name + '\n' + $scope.log;
|
||
|
||
$scope.pdfLoading = true;
|
||
}).success(function (data, status, headers, config) {
|
||
$scope.log = 'file ' + data.originalname + ' uploaded as '+ data.name +'. JSON: ' + JSON.stringify(data) + '\n' + $scope.log;
|
||
$scope.myform.pdf = angular.fromJson(angular.toJson(data));
|
||
|
||
// console.log($scope.myform.pdf);
|
||
|
||
$scope.pdfLoading = false;
|
||
|
||
console.log($scope.log);
|
||
if(!$scope.$$phase && !$scope.$digest){
|
||
$scope.$apply();
|
||
}
|
||
}).error(function(err){
|
||
$scope.pdfLoading = false;
|
||
console.log('Error occured during upload.\n');
|
||
console.log(err);
|
||
});
|
||
}
|
||
};
|
||
|
||
}]
|
||
};
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormFields',
|
||
function ($rootScope, FormFields) {
|
||
return {
|
||
templateUrl: 'modules/forms/views/directiveViews/form/edit-form.client.view.html',
|
||
restrict: 'E',
|
||
scope: {
|
||
myform:'=',
|
||
},
|
||
controller: ["$scope", function($scope){
|
||
var field_ids = _($scope.myform.form_fields).pluck('_id');
|
||
for(var i=0; i<field_ids.length; i++){
|
||
$scope.myform.plugins.oscarhost.settings.fieldMap[field_ids[i]] = null;
|
||
}
|
||
/*
|
||
** Initialize scope with variables
|
||
*/
|
||
//Populate AddField with all available form field types
|
||
$scope.addField = {};
|
||
$scope.addField.types = FormFields.types;
|
||
|
||
$scope.addField.types.forEach(function(type){
|
||
type.lastAddedID = 1;
|
||
return type;
|
||
});
|
||
|
||
$scope.lastButtonID = 0;
|
||
|
||
// Accordion settings
|
||
$scope.accordion = {};
|
||
$scope.accordion.oneAtATime = true;
|
||
|
||
//Populate local scope with rootScope methods/variables
|
||
$scope.update = $rootScope.update;
|
||
|
||
//Many-to-many Select for Mapping OscarhostFields -> FormFields
|
||
$scope.oscarFieldsLeft = function(field_id){
|
||
|
||
if($scope.myform && $scope.myform.plugins.oscarhost.settings.validFields.length > 0){
|
||
if(!$scope.myform.plugins.oscarhost.settings.fieldMap) $scope.myform.plugins.oscarhost.settings.fieldMap = {};
|
||
|
||
var oscarhostFields = $scope.myform.plugins.oscarhost.settings.validFields;
|
||
var currentFields = _($scope.myform.plugins.oscarhost.settings.fieldMap).invert().keys().value();
|
||
|
||
if( $scope.myform.plugins.oscarhost.settings.fieldMap.hasOwnProperty(field_id) ){
|
||
currentFields = _(currentFields).difference($scope.myform.plugins.oscarhost.settings.fieldMap[field_id]);
|
||
}
|
||
|
||
//Get all oscarhostFields that haven't been mapped to a formfield
|
||
return _(oscarhostFields).difference(currentFields).value();
|
||
}
|
||
return [];
|
||
};
|
||
|
||
/*
|
||
** FormFields (ui-sortable) drag-and-drop configuration
|
||
*/
|
||
$scope.dropzone = {
|
||
handle: ' .handle',
|
||
containment: '.dropzoneContainer',
|
||
cursor: 'grabbing',
|
||
};
|
||
|
||
/*
|
||
** Field CRUD Methods
|
||
*/
|
||
// Add a new field
|
||
$scope.addNewField = function(modifyForm, fieldType){
|
||
|
||
// incr field_id counter
|
||
$scope.addField.lastAddedID++;
|
||
var fieldTitle;
|
||
|
||
for(var i = 0; i < $scope.addField.types.length; i++){
|
||
if($scope.addField.types[i].name === fieldType){
|
||
$scope.addField.types[i].lastAddedID++;
|
||
fieldTitle = $scope.addField.types[i].value+$scope.addField.types[i].lastAddedID;
|
||
break;
|
||
}
|
||
}
|
||
var newField = {
|
||
title: fieldTitle,
|
||
fieldType: fieldType,
|
||
fieldValue: '',
|
||
required: true,
|
||
disabled: false,
|
||
deletePreserved: false
|
||
};
|
||
// console.log('\n\n---------\nAdded field CLIENT');
|
||
// console.log(newField);
|
||
// newField._id = _.uniqueId();
|
||
|
||
// put newField into fields array
|
||
if(modifyForm){
|
||
$scope.myform.form_fields.push(newField);
|
||
}
|
||
return newField;
|
||
};
|
||
|
||
// Delete particular field on button click
|
||
$scope.deleteField = function (field_index){
|
||
|
||
//Delete field from field map
|
||
var currFieldId = $scope.myform.form_fields[field_index]._id
|
||
if($scope.myform.plugins.oscarhost.baseUrl) delete $scope.myform.plugins.oscarhost.settings.fieldMap[currFieldId];
|
||
|
||
//Delete field
|
||
$scope.myform.form_fields.splice(field_index, 1);
|
||
};
|
||
$scope.duplicateField = function (field_index){
|
||
var currField = _.cloneDeep($scope.myform.form_fields[field_index]);
|
||
currField._id = 'cloned'+_.uniqueId();
|
||
currField.title += ' copy';
|
||
|
||
//Insert field at selected index
|
||
$scope.myform.form_fields.splice(field_index+1, 0, currField);
|
||
};
|
||
|
||
|
||
/*
|
||
** startPage Button Methods
|
||
*/
|
||
|
||
// add new Button to the startPage
|
||
$scope.addButton = function(){
|
||
|
||
var newButton = {};
|
||
newButton.bgColor = '#ddd';
|
||
newButton.color = '#ffffff';
|
||
newButton.text = 'Button';
|
||
newButton._id = Math.floor(100000*Math.random());
|
||
|
||
$scope.myform.startPage.buttons.push(newButton);
|
||
};
|
||
|
||
// delete particular Button from startPage
|
||
$scope.deleteButton = function(button){
|
||
var currID;
|
||
for(var i = 0; i < $scope.myform.startPage.buttons.length; i++){
|
||
|
||
currID = $scope.myform.startPage.buttons[i]._id;
|
||
console.log(currID);
|
||
|
||
if(currID === button._id){
|
||
$scope.myform.startPage.buttons.splice(i, 1);
|
||
break;
|
||
}
|
||
}
|
||
};
|
||
|
||
|
||
/*
|
||
** Field Option Methods
|
||
*/
|
||
|
||
// add new option to the field
|
||
$scope.addOption = function(field_index){
|
||
var currField = $scope.myform.form_fields[field_index];
|
||
|
||
if(currField.fieldType === 'checkbox' || currField.fieldType === 'dropdown' || currField.fieldType === 'radio'){
|
||
if(!currField.fieldOptions) currField.fieldOptions = [];
|
||
|
||
var lastOptionID = 0;
|
||
|
||
if(currField.fieldOptions[currField.fieldOptions.length-1]){
|
||
lastOptionID = currField.fieldOptions[currField.fieldOptions.length-1].option_id;
|
||
}
|
||
|
||
// new option's id
|
||
var option_id = lastOptionID + 1;
|
||
|
||
var newOption = {
|
||
'option_id' : Math.floor(100000*Math.random()),
|
||
"option_title" : 'Option '+lastOptionID,
|
||
'option_value' : 'Option ' +lastOptionID,
|
||
};
|
||
|
||
// put new option into fieldOptions array
|
||
$scope.myform.form_fields[field_index].fieldOptions.push(newOption);
|
||
}
|
||
};
|
||
|
||
// delete particular option
|
||
$scope.deleteOption = function (field_index, option){
|
||
var currField = $scope.myform.form_fields[field_index];
|
||
|
||
if(currField.fieldType === 'checkbox' || currField.fieldType === 'dropdown' || currField.fieldType === 'radio'){
|
||
for(var i = 0; i < currField.fieldOptions.length; i++){
|
||
if(currField.fieldOptions[i].option_id === option.option_id){
|
||
|
||
$scope.myform.form_fields[field_index].fieldOptions.splice(i, 1);
|
||
break;
|
||
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
// decides whether field options block will be shown (true for dropdown and radio fields)
|
||
$scope.showAddOptions = function (field){
|
||
if(field.fieldType === 'dropdown' || field.fieldType === 'checkbox' || field.fieldType === 'radio'){
|
||
return true;
|
||
} else {
|
||
return false;
|
||
}
|
||
};
|
||
|
||
}],
|
||
|
||
};
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('forms').directive('editSubmissionsFormDirective', ['$rootScope', '$http',
|
||
function ($rootScope, $http) {
|
||
return {
|
||
templateUrl: 'modules/forms/views/directiveViews/form/edit-submissions-form.client.view.html',
|
||
restrict: 'E',
|
||
scope: {
|
||
myform:'=',
|
||
user:'='
|
||
},
|
||
controller: ["$scope", function($scope){
|
||
$scope.table = {
|
||
masterChecker: false,
|
||
rows: []
|
||
};
|
||
|
||
/*
|
||
** Table Functions
|
||
*/
|
||
$scope.isAtLeastOneChecked = function(){
|
||
for(var i=0; i<$scope.table.rows.length; i++){
|
||
if($scope.table.rows[i].selected) return true;
|
||
}
|
||
return false;
|
||
};
|
||
$scope.toggleAllCheckers = function(){
|
||
for(var i=0; i<$scope.table.rows.length; i++){
|
||
$scope.table.rows[i].selected = $scope.table.masterChecker;
|
||
}
|
||
};
|
||
$scope.toggleObjSelection = function($event, description) {
|
||
$event.stopPropagation();
|
||
};
|
||
$scope.rowClicked = function(row_index) {
|
||
$scope.table.rows[row_index].selected = !$scope.table.rows[row_index].selected;
|
||
};
|
||
|
||
/*
|
||
* Form Submission Methods
|
||
*/
|
||
|
||
//Fetch and display submissions of Form
|
||
$scope.initFormSubmissions = function(){
|
||
$http.get('/forms/'+$scope.myform._id+'/submissions')
|
||
.success(function(data, status, headers){
|
||
|
||
var _tmpSubFormFields,
|
||
defaultFormFields = _.cloneDeep($scope.myform.form_fields);
|
||
|
||
// console.log('before textField2: '+data[0].form_fields[1].fieldValue);
|
||
|
||
//Iterate through form's submissions
|
||
for(var i=0; i<data.length; i++){
|
||
for(var x=0; x<data[i].form_fields; x++){
|
||
oldValue = data[i].form_fields[x].fieldValue || '';
|
||
data[i].form_fields[x] = _.merge(defaultFormFields, data[i].form_fields);
|
||
data[i].form_fields[x].fieldValue = oldValue;
|
||
}
|
||
data[i].selected = false;
|
||
}
|
||
// console.log('after textField2: '+data[0].form_fields[1].fieldValue);
|
||
|
||
$scope.table.rows = data;
|
||
|
||
// console.log('form submissions successfully fetched');
|
||
// console.log( JSON.parse(JSON.stringify($scope.submissions)) ) ;
|
||
// console.log( JSON.parse(JSON.stringify($scope.myform.form_fields)) );
|
||
})
|
||
.error(function(err){
|
||
console.error('Could not fetch form submissions.\nError: '+err);
|
||
});
|
||
};
|
||
|
||
//Delete selected submissions of Form
|
||
$scope.deleteSelectedSubmissions = function(){
|
||
|
||
var delete_ids = _.chain($scope.table.rows).filter(function(row){
|
||
return !!row.selected;
|
||
}).pluck('_id').value();
|
||
|
||
$http({ url: '/forms/'+$scope.myform._id+'/submissions',
|
||
method: 'DELETE',
|
||
data: {deleted_submissions: delete_ids},
|
||
headers: {'Content-Type': 'application/json;charset=utf-8'}
|
||
}).success(function(data, status, headers){
|
||
//Remove deleted ids from table
|
||
var tmpArray = [];
|
||
for(var i=0; i<$scope.table.rows.length; i++){
|
||
if(!$scope.table.rows[i].selected){
|
||
tmpArray.push($scope.table.rows[i]);
|
||
}
|
||
}
|
||
$scope.table.rows = tmpArray;
|
||
})
|
||
.error(function(err){
|
||
console.log('Could not delete form submissions.\nError: ');
|
||
console.log(err);
|
||
console.error = err;
|
||
});
|
||
};
|
||
|
||
//Export selected submissions of Form
|
||
$scope.exportSubmissions = function(type){
|
||
var fileMIMETypeMap = {
|
||
'xls': 'vnd.openxmlformats-officedocument.spreadsheetml.sheet',
|
||
'json': 'json',
|
||
'csv': 'csv',
|
||
};
|
||
|
||
var blob = new Blob([document.getElementById('table-submission-data').innerHTM], {
|
||
type: 'application/'+fileMIMETypeMap[type]+';charset=utf-8'
|
||
});
|
||
saveAs(blob, $scope.myform.title+'_sumbissions_export_'+Date.now()+'.'+type);
|
||
};
|
||
|
||
}]
|
||
};
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('forms').directive('fieldIconDirective', function() {
|
||
|
||
return {
|
||
template: '<i class="{{typeIcon}}"></i>',
|
||
restrict: 'E',
|
||
scope: {
|
||
typeName: '@'
|
||
},
|
||
controller: ["$scope", function($scope){
|
||
var iconTypeMap = {
|
||
'textfield': 'fa fa-pencil-square-o',
|
||
'dropdown': 'fa fa-th-list',
|
||
'date': 'fa fa-calendar',
|
||
'checkbox': 'fa fa-check-square-o',
|
||
'radio': 'fa fa-dot-circle-o',
|
||
'email': 'fa fa-envelope-o',
|
||
'textarea': 'fa fa-pencil-square',
|
||
'legal': 'fa fa-legal',
|
||
'file': 'fa fa-cloud-upload',
|
||
'rating': 'fa fa-star-half-o',
|
||
'link': 'fa fa-link',
|
||
'scale': 'fa fa-sliders',
|
||
'stripe': 'fa fa-credit-card',
|
||
'statement': 'fa fa-quote-left',
|
||
'yes_no': 'fa fa-toggle-on',
|
||
'number': 'fa fa-slack'
|
||
};
|
||
$scope.typeIcon = iconTypeMap[$scope.typeName];
|
||
}],
|
||
};
|
||
});
|
||
'use strict';
|
||
|
||
// coffeescript's for in loop
|
||
var __indexOf = [].indexOf || function(item) {
|
||
for (var i = 0, l = this.length; i < l; i++) {
|
||
if (i in this && this[i] === item) return i;
|
||
}
|
||
return -1;
|
||
};
|
||
|
||
angular.module('forms').directive('fieldDirective', ['$http', '$compile', '$rootScope',
|
||
function($http, $compile, $rootScope) {
|
||
|
||
|
||
var getTemplateUrl = function(field) {
|
||
var type = field.fieldType;
|
||
var templateUrl = 'modules/forms/views/directiveViews/field/';
|
||
var supported_fields = [
|
||
'textfield',
|
||
'email',
|
||
'textarea',
|
||
'checkbox',
|
||
'date',
|
||
'link',
|
||
'dropdown',
|
||
'hidden',
|
||
'password',
|
||
'radio',
|
||
'legal',
|
||
'statement',
|
||
'rating',
|
||
'yes_no',
|
||
'number',
|
||
'natural'
|
||
];
|
||
if (__indexOf.call(supported_fields, type) >= 0) {
|
||
templateUrl = templateUrl+type+'.html';
|
||
}
|
||
return templateUrl;
|
||
};
|
||
|
||
return {
|
||
template: '<div>{{field.title}}</div>',
|
||
restrict: 'E',
|
||
scope: {
|
||
field: '=',
|
||
required: '&',
|
||
design: '=',
|
||
index: '=',
|
||
},
|
||
link: function(scope, element) {
|
||
scope.setActiveField = $rootScope.setActiveField;
|
||
|
||
//Set format only if field is a date
|
||
if(scope.field.fieldType === 'date'){
|
||
scope.dateOptions = {
|
||
changeYear: true,
|
||
changeMonth: true,
|
||
altFormat: 'mm/dd/yyyy',
|
||
yearRange: '1900:-0',
|
||
defaultDate: 0,
|
||
};
|
||
}
|
||
|
||
// GET template content from path
|
||
var templateUrl = getTemplateUrl(scope.field);
|
||
$http.get(templateUrl).success(function(data) {
|
||
element.html(data).show();
|
||
$compile(element.contents())(scope);
|
||
});
|
||
},
|
||
};
|
||
}]);
|
||
'use strict';
|
||
|
||
angular.module('forms').directive('onFinishRender', ["$rootScope", "$timeout", function ($rootScope, $timeout) {
|
||
return {
|
||
restrict: 'A',
|
||
link: function (scope, element, attrs) {
|
||
|
||
//Don't do anything if we don't have a ng-repeat on the current element
|
||
if(!element.attr('ng-repeat') && !element.attr('data-ng-repeat')){
|
||
return;
|
||
}
|
||
|
||
var broadcastMessage = attrs.onFinishRender || 'ngRepeat';
|
||
|
||
if(scope.$first && !scope.$last) {
|
||
scope.$evalAsync(function () {
|
||
$rootScope.$broadcast(broadcastMessage+' Started');
|
||
});
|
||
}else if(scope.$last) {
|
||
scope.$evalAsync(function () {
|
||
// console.log(broadcastMessage+'Finished');
|
||
$rootScope.$broadcast(broadcastMessage+' Finished');
|
||
});
|
||
}
|
||
}
|
||
};
|
||
}]);
|
||
|
||
'use strict';
|
||
|
||
angular.module('forms').directive('submitFormDirective', ['$http', 'TimeCounter', '$filter', '$rootScope', 'Auth',
|
||
function ($http, TimeCounter, $filter, $rootScope, Auth) {
|
||
return {
|
||
templateUrl: 'modules/forms/views/directiveViews/form/submit-form.client.view.html',
|
||
restrict: 'E',
|
||
scope: {
|
||
myform:'='
|
||
},
|
||
controller: ["$scope", function($scope){
|
||
$scope.authentication = $rootScope.authentication;
|
||
|
||
angular.element(document).ready(function() {
|
||
|
||
$scope.error = '';
|
||
$scope.selected = {
|
||
_id: '',
|
||
index: null,
|
||
};
|
||
|
||
$scope.submitted = false;
|
||
|
||
TimeCounter.startClock();
|
||
|
||
/*
|
||
** Field Controls
|
||
*/
|
||
$rootScope.setActiveField = function(field_id, field_index) {
|
||
if($scope.selected === null){
|
||
$scope.selected = {
|
||
_id: '',
|
||
index: 0,
|
||
};
|
||
}
|
||
console.log('field_id: '+field_id);
|
||
console.log('field_index: '+field_index);
|
||
console.log($scope.selected);
|
||
|
||
$scope.selected._id = field_id;
|
||
$scope.selected.index = field_index;
|
||
setTimeout(function() {
|
||
$('html, body').animate({
|
||
scrollTop: $('.activeField').offset().top
|
||
},200);
|
||
}, 10);
|
||
};
|
||
|
||
$scope.nextField = function(){
|
||
if($scope.selected.index < $scope.myform.form_fields.length-1){
|
||
$scope.selected.index++;
|
||
$scope.selected._id = $scope.myform.form_fields[$scope.selected.index]._id;
|
||
$rootScope.setActiveField($scope.selected._id, $scope.selected.index);
|
||
}
|
||
};
|
||
$scope.prevField = function(){
|
||
if($scope.selected.index > 0){
|
||
$scope.selected.index = $scope.selected.index - 1;
|
||
$scope.selected._id = $scope.myform.form_fields[$scope.selected.index]._id;
|
||
$rootScope.setActiveField($scope.selected._id, $scope.selected.index);
|
||
}
|
||
};
|
||
|
||
$scope.hideOverlay = function(){
|
||
$scope.selected = {
|
||
_id: '',
|
||
index: null,
|
||
};
|
||
};
|
||
|
||
/*
|
||
** Form Display Functions
|
||
*/
|
||
$scope.exitStartPage = function(){
|
||
$scope.myform.startPage.showStart = false;
|
||
if($scope.myform.form_fields.length > 0){
|
||
$scope.selected._id = $scope.myform.form_fields[0]._id;
|
||
}
|
||
};
|
||
|
||
$scope.submitForm = function(){
|
||
var _timeElapsed = TimeCounter.stopClock();
|
||
|
||
var form = _.cloneDeep($scope.myform);
|
||
form.timeElapsed = _timeElapsed;
|
||
|
||
// console.log('percentageComplete: '+$filter('formValidity')($scope.myform)/$scope.myform.visible_form_fields.length*100+'%');
|
||
form.percentageComplete = $filter('formValidity')($scope.myform)/$scope.myform.visible_form_fields.length*100;
|
||
delete form.visible_form_fields;
|
||
|
||
$scope.submitPromise = $http.post('/forms/'+$scope.myform._id, form)
|
||
.success(function(data, status, headers){
|
||
console.log('form submitted successfully');
|
||
$scope.myform.submitted = true;
|
||
})
|
||
.error(function(error){
|
||
console.log(error);
|
||
$scope.error = error.message;
|
||
});
|
||
};
|
||
|
||
$scope.reloadForm = function(){
|
||
//Reset Timer
|
||
TimeCounter.stopClock();
|
||
TimeCounter.startClock();
|
||
|
||
//Reset Form
|
||
$scope.myform.submitted = false;
|
||
$scope.myform.form_fields = _.chain($scope.myform.form_fields).map(function(field){
|
||
field.fieldValue = '';
|
||
return field;
|
||
}).value();
|
||
};
|
||
});
|
||
|
||
}]
|
||
};
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
//Forms service used for communicating with the forms REST endpoints
|
||
angular.module('forms').service('CurrentForm',
|
||
function(){
|
||
|
||
//Private variables
|
||
var _form = {};
|
||
|
||
//Public Methods
|
||
this.getForm = function() {
|
||
return _form;
|
||
};
|
||
this.setForm = function(form) {
|
||
_form = form;
|
||
};
|
||
}
|
||
);
|
||
'use strict';
|
||
|
||
//TODO: DAVID: URGENT: Make this a $resource that fetches valid field types from server
|
||
angular.module('forms').service('FormFields', [
|
||
function() {
|
||
this.types = [
|
||
{
|
||
name : 'textfield',
|
||
value : 'Short Text'
|
||
},
|
||
{
|
||
name : 'email',
|
||
value : 'Email'
|
||
},
|
||
{
|
||
name : 'radio',
|
||
value : 'Multiple Choice'
|
||
},
|
||
{
|
||
name : 'dropdown',
|
||
value : 'Dropdown'
|
||
},
|
||
{
|
||
name : 'date',
|
||
value : 'Date'
|
||
},
|
||
{
|
||
name : 'textarea',
|
||
value : 'Paragraph Text'
|
||
},
|
||
{
|
||
name : 'checkbox',
|
||
value : 'Checkbox'
|
||
},
|
||
{
|
||
name : 'yes_no',
|
||
value : 'Yes/No'
|
||
},
|
||
{
|
||
name : 'legal',
|
||
value : 'Legal'
|
||
},
|
||
// {
|
||
// name : 'sig',
|
||
// value : 'Signature'
|
||
// },
|
||
// {
|
||
// name : 'file',
|
||
// value : 'File Upload'
|
||
// },
|
||
{
|
||
name : 'rating',
|
||
value : 'Rating'
|
||
},
|
||
{
|
||
name : 'link',
|
||
value : 'Link'
|
||
},
|
||
{
|
||
name : 'number',
|
||
value : 'Numbers'
|
||
},
|
||
// {
|
||
// name : 'scale',
|
||
// value : 'Opinion Scale'
|
||
// },
|
||
// {
|
||
// name : 'stripe',
|
||
// value : 'Payment'
|
||
// },
|
||
{
|
||
name : 'statement',
|
||
value : 'Statement'
|
||
},
|
||
// {
|
||
// name : 'natural',
|
||
// value : 'Natural Language Input'
|
||
// },
|
||
];
|
||
}
|
||
|
||
]);
|
||
'use strict';
|
||
|
||
//Forms service used for communicating with the forms REST endpoints
|
||
angular.module('forms').factory('Forms', ['$resource',
|
||
function($resource) {
|
||
return $resource('/forms/:formId', {
|
||
formId: '@_id'
|
||
}, {
|
||
'query' : {
|
||
method: 'GET',
|
||
isArray: true,
|
||
//DAVID: TODO: Do we really need to get visible_form_fields for a Query?
|
||
// transformResponse: function(data, header) {
|
||
// var forms = angular.fromJson(data);
|
||
// angular.forEach(forms, function(form, idx) {
|
||
// form.visible_form_fields = _.filter(form.form_fields, function(field){
|
||
// return (field.deletePreserved === false);
|
||
// });
|
||
// });
|
||
// return forms;
|
||
// }
|
||
},
|
||
'get' : {
|
||
method: 'GET',
|
||
transformResponse: function(data, header) {
|
||
var form = angular.fromJson(data);
|
||
console.log(form);
|
||
|
||
form.visible_form_fields = _.filter(form.form_fields, function(field){
|
||
return (field.deletePreserved === false);
|
||
});
|
||
return form;
|
||
}
|
||
},
|
||
'update': {
|
||
method: 'PUT'
|
||
},
|
||
'save': {
|
||
method: 'POST'
|
||
}
|
||
});
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
//Submissions service used for communicating with the forms REST endpoints
|
||
angular.module('forms').factory('Submissions', ['$resource',
|
||
function($resource) {
|
||
return $resource('forms/:formID/submissions/:submissionId', {
|
||
submissionId: '@_id',
|
||
formId: '@_id'
|
||
}, {
|
||
'query' : {
|
||
method: 'GET',
|
||
isArray: true,
|
||
},
|
||
'update': {
|
||
method: 'PUT'
|
||
},
|
||
'save': {
|
||
method: 'POST'
|
||
}
|
||
});
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('forms').service('TimeCounter', [
|
||
function(){
|
||
var _startTime, _endTime, that=this;
|
||
|
||
this.timeSpent = 0;
|
||
|
||
this.startClock = function(){
|
||
_startTime = Date.now();
|
||
// console.log('Clock Started');
|
||
};
|
||
|
||
this.stopClock = function(){
|
||
_endTime = Date.now();
|
||
that.timeSpent = Math.abs(_endTime.valueOf() - _startTime.valueOf())/1000;
|
||
// console.log('Clock Ended');
|
||
return that.timeSpent;
|
||
};
|
||
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
// Config HTTP Error Handling
|
||
angular.module('users').config(['$httpProvider',
|
||
function($httpProvider) {
|
||
$httpProvider.interceptors.push(["$q", "$location", function($q, $location) {
|
||
return {
|
||
responseError: function(response) {
|
||
if( $location.path() !== '/users/me' && response.config){
|
||
if(response.config.url !== '/users/me'){
|
||
console.log('intercepted rejection of ', response.config.url, response.status);
|
||
if (response.status === 401) {
|
||
// save the current location so that login can redirect back
|
||
$location.nextAfterLogin = $location.path();
|
||
$location.path('/signin');
|
||
}else if(response.status === 403){
|
||
$location.path('/access_denied');
|
||
}
|
||
}
|
||
|
||
}
|
||
return $q.reject(response);
|
||
}
|
||
};
|
||
}]);
|
||
}]);
|
||
'use strict';
|
||
|
||
// Setting up route
|
||
angular.module('users').config(['$stateProvider',
|
||
function($stateProvider) {
|
||
|
||
var checkLoggedin = function($q, $timeout, $state, User, Auth) {
|
||
var deferred = $q.defer();
|
||
|
||
// console.log(Auth.ensureHasCurrentUser(User));
|
||
|
||
if (Auth.currentUser && Auth.currentUser.email) {
|
||
$timeout(deferred.resolve);
|
||
}
|
||
else {
|
||
Auth.currentUser = User.getCurrent(function() {
|
||
Auth.login();
|
||
$timeout(deferred.resolve());
|
||
},
|
||
function() {
|
||
Auth.logout();
|
||
$timeout(deferred.reject());
|
||
$state.go('sigin', {reload: true});
|
||
});
|
||
}
|
||
|
||
return deferred.promise;
|
||
};
|
||
checkLoggedin.$inject = ["$q", "$timeout", "$state", "User", "Auth"];
|
||
|
||
// Users state routing
|
||
$stateProvider.
|
||
state('profile', {
|
||
resolve: {
|
||
loggedin: checkLoggedin
|
||
},
|
||
url: '/settings/profile',
|
||
templateUrl: 'modules/users/views/settings/edit-profile.client.view.html'
|
||
}).
|
||
state('password', {
|
||
resolve: {
|
||
loggedin: checkLoggedin
|
||
},
|
||
url: '/settings/password',
|
||
templateUrl: 'modules/users/views/settings/change-password.client.view.html'
|
||
}).
|
||
state('accounts', {
|
||
resolve: {
|
||
loggedin: checkLoggedin
|
||
},
|
||
url: '/settings/accounts',
|
||
templateUrl: 'modules/users/views/settings/social-accounts.client.view.html'
|
||
}).
|
||
|
||
state('signup', {
|
||
url: '/signup',
|
||
templateUrl: 'modules/users/views/authentication/signup.client.view.html'
|
||
}).
|
||
state('signup-success', {
|
||
url: '/signup-success',
|
||
templateUrl: 'modules/users/views/authentication/signup-success.client.view.html'
|
||
}).
|
||
state('signin', {
|
||
url: '/signin',
|
||
templateUrl: 'modules/users/views/authentication/signin.client.view.html'
|
||
}).
|
||
state('access_denied', {
|
||
url: '/access_denied',
|
||
templateUrl: 'modules/users/views/authentication/access-denied.client.view.html'
|
||
}).
|
||
|
||
state('resendVerifyEmail', {
|
||
url: '/verify',
|
||
templateUrl: 'modules/users/views/verify/resend-verify-email.client.view.html'
|
||
}).
|
||
state('verify', {
|
||
url: '/verify/:token',
|
||
templateUrl: 'modules/users/views/verify/verify-account.client.view.html'
|
||
}).
|
||
|
||
state('forgot', {
|
||
url: '/password/forgot',
|
||
templateUrl: 'modules/users/views/password/forgot-password.client.view.html'
|
||
}).
|
||
state('reset-invalid', {
|
||
url: '/password/reset/invalid',
|
||
templateUrl: 'modules/users/views/password/reset-password-invalid.client.view.html'
|
||
}).
|
||
state('reset-success', {
|
||
url: '/password/reset/success',
|
||
templateUrl: 'modules/users/views/password/reset-password-success.client.view.html'
|
||
}).
|
||
state('reset', {
|
||
url: '/password/reset/:token',
|
||
templateUrl: 'modules/users/views/password/reset-password.client.view.html'
|
||
});
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('users').controller('AuthenticationController', ['$scope', '$location', '$state', '$rootScope', 'User', 'Auth',
|
||
function($scope, $location, $state, $rootScope, User, Auth) {
|
||
|
||
$scope = $rootScope;
|
||
$scope.credentials = {};
|
||
$scope.error = '';
|
||
|
||
$scope.signin = function() {
|
||
User.login($scope.credentials).then(
|
||
function(response) {
|
||
Auth.login(response);
|
||
$scope.user = $rootScope.user = Auth.ensureHasCurrentUser(User);
|
||
|
||
if($state.previous.name !== 'home' && $state.previous.name !== 'verify' && $state.previous.name !== ''){
|
||
$state.go($state.previous.name);
|
||
}else{
|
||
$state.go('listForms');
|
||
}
|
||
},
|
||
function(error) {
|
||
$rootScope.user = Auth.ensureHasCurrentUser(User);
|
||
$scope.user = $rootScope.user;
|
||
|
||
$scope.error = error;
|
||
console.log('loginError: '+error);
|
||
}
|
||
);
|
||
};
|
||
|
||
$scope.signup = function() {
|
||
User.signup($scope.credentials).then(
|
||
function(response) {
|
||
console.log('signup-success');
|
||
$state.go('signup-success');
|
||
},
|
||
function(error) {
|
||
console.log('Error: ');
|
||
console.log(error);
|
||
if(error) {
|
||
$scope.error = error;
|
||
console.log(error);
|
||
}else {
|
||
console.log('No response received');
|
||
}
|
||
}
|
||
);
|
||
};
|
||
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('users').controller('PasswordController', ['$scope', '$stateParams', '$state', 'User',
|
||
function($scope, $stateParams, $state, User) {
|
||
$scope.error = '';
|
||
|
||
// Submit forgotten password account id
|
||
$scope.askForPasswordReset = function() {
|
||
User.askForPasswordReset($scope.credentials).then(
|
||
function(response){
|
||
$scope.success = response.message;
|
||
$scope.credentials = null;
|
||
},
|
||
function(error){
|
||
$scope.error = error;
|
||
$scope.credentials = null;
|
||
}
|
||
);
|
||
};
|
||
|
||
// Change user password
|
||
$scope.resetUserPassword = function() {
|
||
$scope.success = $scope.error = null;
|
||
User.resetPassword($scope.passwordDetails, $stateParams.token).then(
|
||
function(response){
|
||
// If successful show success message and clear form
|
||
$scope.success = response.message;
|
||
$scope.passwordDetails = null;
|
||
|
||
// And redirect to the index page
|
||
$state.go('reset-success');
|
||
},
|
||
function(error){
|
||
$scope.error = error.message || error;
|
||
$scope.passwordDetails = null;
|
||
}
|
||
);
|
||
};
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('users').controller('SettingsController', ['$scope', '$rootScope', '$http', '$state', 'Users',
|
||
function($scope, $rootScope, $http, $state, Users) {
|
||
$scope.user = $rootScope.user;
|
||
|
||
// Check if there are additional accounts
|
||
$scope.hasConnectedAdditionalSocialAccounts = function(provider) {
|
||
for (var i in $scope.user.additionalProvidersData) {
|
||
return true;
|
||
}
|
||
return false;
|
||
};
|
||
|
||
// Check if provider is already in use with current user
|
||
$scope.isConnectedSocialAccount = function(provider) {
|
||
return $scope.user.provider === provider || ($scope.user.additionalProvidersData && $scope.user.additionalProvidersData[provider]);
|
||
};
|
||
|
||
// Remove a user social account
|
||
$scope.removeUserSocialAccount = function(provider) {
|
||
$scope.success = $scope.error = null;
|
||
|
||
$http.delete('/users/accounts', {
|
||
params: {
|
||
provider: provider
|
||
}
|
||
}).success(function(response) {
|
||
// If successful show success message and clear form
|
||
$scope.success = true;
|
||
$scope.user = response;
|
||
}).error(function(response) {
|
||
$scope.error = response.message;
|
||
});
|
||
};
|
||
|
||
// Update a user profile
|
||
$scope.updateUserProfile = function(isValid) {
|
||
if (isValid) {
|
||
$scope.success = $scope.error = null;
|
||
var user = new Users($scope.user);
|
||
|
||
user.$update(function(response) {
|
||
$scope.success = true;
|
||
$scope.user = response;
|
||
}, function(response) {
|
||
$scope.error = response.data.message;
|
||
});
|
||
} else {
|
||
$scope.submitted = true;
|
||
}
|
||
};
|
||
|
||
// Change user password
|
||
$scope.changeUserPassword = function() {
|
||
$scope.success = $scope.error = null;
|
||
|
||
$http.post('/users/password', $scope.passwordDetails).success(function(response) {
|
||
// If successful show success message and clear form
|
||
$scope.success = true;
|
||
$scope.passwordDetails = null;
|
||
}).error(function(response) {
|
||
$scope.error = response.message;
|
||
});
|
||
};
|
||
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('users').controller('VerifyController', ['$scope', '$state', '$rootScope', 'User', 'Auth', '$stateParams',
|
||
function($scope, $state, $rootScope, User, Auth, $stateParams) {
|
||
|
||
$scope.isResetSent = false;
|
||
$scope.credentials = {};
|
||
$scope.error = '';
|
||
|
||
// Submit forgotten password account id
|
||
$scope.resendVerifyEmail = function() {
|
||
// console.log($scope.credentials);
|
||
// console.log($scope.credentials.email);
|
||
User.resendVerifyEmail($scope.credentials.email).then(
|
||
function(response){
|
||
console.log(response);
|
||
$scope.success = response.message;
|
||
$scope.credentials = null;
|
||
$scope.isResetSent = true;
|
||
},
|
||
function(error){
|
||
$scope.error = error;
|
||
$scope.credentials.email = null;
|
||
$scope.isResetSent = false;
|
||
}
|
||
);
|
||
};
|
||
|
||
//Validate Verification Token
|
||
$scope.validateVerifyToken = function() {
|
||
if($stateParams.token){
|
||
console.log($stateParams.token);
|
||
User.validateVerifyToken($stateParams.token).then(
|
||
function(response){
|
||
console.log('Success: '+response.message);
|
||
$scope.success = response.message;
|
||
$scope.isResetSent = true;
|
||
$scope.credentials.email = null;
|
||
},
|
||
function(error){
|
||
console.log('Error: '+error.message);
|
||
$scope.isResetSent = false;
|
||
$scope.error = error;
|
||
$scope.credentials.email = null;
|
||
}
|
||
);
|
||
}
|
||
};
|
||
}
|
||
]);
|
||
'use strict';
|
||
|
||
angular.module('users').factory('Auth', ['$window',
|
||
function($window) {
|
||
|
||
var userState = {
|
||
isLoggedIn: false
|
||
};
|
||
|
||
var service = {
|
||
_currentUser: null,
|
||
get currentUser(){
|
||
return this._currentUser;
|
||
},
|
||
|
||
// Note: we can't make the User a dependency of Auth
|
||
// because that would create a circular dependency
|
||
// Auth <- $http <- $resource <- LoopBackResource <- User <- Auth
|
||
ensureHasCurrentUser: function(User) {
|
||
if (service._currentUser && service._currentUser.username) {
|
||
console.log('Using local current user.');
|
||
// console.log(service._currentUser);
|
||
return service._currentUser;
|
||
}
|
||
else if ($window.user){
|
||
console.log('Using cached current user.');
|
||
// console.log($window.user);
|
||
service._currentUser = $window.user;
|
||
return service._currentUser;
|
||
}
|
||
else{
|
||
console.log('Fetching current user from the server.');
|
||
User.getCurrent().then(function(user) {
|
||
// success
|
||
service._currentUser = user;
|
||
userState.isLoggedIn = true;
|
||
$window.user = service._currentUser;
|
||
return service._currentUser;
|
||
},
|
||
function(response) {
|
||
userState.isLoggedIn = false;
|
||
service._currentUser = null;
|
||
$window.user = null;
|
||
console.log('User.getCurrent() err', response);
|
||
return null;
|
||
});
|
||
}
|
||
},
|
||
|
||
isAuthenticated: function() {
|
||
return !!service._currentUser;
|
||
},
|
||
|
||
getUserState: function() {
|
||
return userState;
|
||
},
|
||
|
||
login: function(new_user) {
|
||
userState.isLoggedIn = true;
|
||
service._currentUser = new_user;
|
||
},
|
||
|
||
logout: function() {
|
||
$window.user = null;
|
||
userState.isLoggedIn = false;
|
||
service._currentUser = null;
|
||
},
|
||
};
|
||
return service;
|
||
|
||
}
|
||
]);
|
||
|
||
'use strict';
|
||
|
||
angular.module('users').service('Authorizer', ["APP_PERMISSIONS", "USER_ROLES", function(APP_PERMISSIONS, USER_ROLES) {
|
||
return function(user) {
|
||
return {
|
||
canAccess: function(permissions) {
|
||
var i, len, permission;
|
||
if (!angular.isArray(permissions)) {
|
||
permissions = [permissions];
|
||
}
|
||
for (i = 0, len = permissions.length; i < len; i++) {
|
||
permission = permissions[i];
|
||
if (APP_PERMISSIONS[permission] === null) {
|
||
throw 'Bad permission value';
|
||
}
|
||
if (user && user.roles) {
|
||
switch (permission) {
|
||
case APP_PERMISSIONS.viewAdminSettings:
|
||
case APP_PERMISSIONS.editAdminSettings:
|
||
return user.roles.indexOf(USER_ROLES.admin) > -1;
|
||
case APP_PERMISSIONS.viewPrivateForm:
|
||
case APP_PERMISSIONS.editForm:
|
||
return user.roles.indexOf(USER_ROLES.admin) > -1 || user.roles.indexOf(USER_ROLES.normal) > -1;
|
||
}
|
||
} else {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
return false;
|
||
}
|
||
};
|
||
};
|
||
}]);
|
||
'use strict';
|
||
|
||
angular.module('users').factory('User', ['$window', '$q', '$timeout', '$http', '$state',
|
||
function($window, $q, $timeout, $http, $state) {
|
||
|
||
var userService = {
|
||
getCurrent: function() {
|
||
var deferred = $q.defer();
|
||
|
||
$http.get('/users/me')
|
||
.success(function(response) {
|
||
deferred.resolve(response);
|
||
})
|
||
.error(function() {
|
||
deferred.reject('User\'s session has expired');
|
||
});
|
||
|
||
return deferred.promise;
|
||
},
|
||
login: function(credentials) {
|
||
|
||
var deferred = $q.defer();
|
||
$http.post('/auth/signin', credentials).success(function(response) {
|
||
deferred.resolve(response);
|
||
}).error(function(error) {
|
||
deferred.reject(error.message || error);
|
||
});
|
||
|
||
return deferred.promise;
|
||
},
|
||
logout: function() {
|
||
|
||
var deferred = $q.defer();
|
||
$http.get('/auth/signout').success(function(response) {
|
||
deferred.resolve(null);
|
||
}).error(function(error) {
|
||
deferred.reject(error.message || error);
|
||
});
|
||
|
||
return deferred.promise;
|
||
},
|
||
signup: function(credentials) {
|
||
|
||
var deferred = $q.defer();
|
||
$http.post('/auth/signup', credentials).success(function(response) {
|
||
// If successful we assign the response to the global user model
|
||
deferred.resolve(response);
|
||
}).error(function(error) {
|
||
deferred.reject(error.message || error);
|
||
});
|
||
|
||
return deferred.promise;
|
||
},
|
||
|
||
resendVerifyEmail: function(_email) {
|
||
|
||
var deferred = $q.defer();
|
||
$http.post('/auth/verify', {email: _email}).success(function(response) {
|
||
deferred.resolve(response);
|
||
}).error(function(error) {
|
||
deferred.reject(error.message || error);
|
||
});
|
||
|
||
return deferred.promise;
|
||
},
|
||
|
||
validateVerifyToken: function(token) {
|
||
|
||
//DAVID: TODO: The valid length of a token should somehow be linked to server config values
|
||
//DAVID: TODO: SEMI-URGENT: Should we even be doing this?
|
||
var validTokenRe = /^([A-Za-z0-9]{48})$/g;
|
||
if( !validTokenRe.test(token) ) throw new Error('Error token: '+token+' is not a valid verification token');
|
||
|
||
var deferred = $q.defer();
|
||
$http.get('/auth/verify/'+token).success(function(response) {
|
||
deferred.resolve(response);
|
||
}).error(function(error) {
|
||
deferred.reject(error);
|
||
});
|
||
|
||
return deferred.promise;
|
||
},
|
||
|
||
resetPassword: function(passwordDetails, token) {
|
||
|
||
var deferred = $q.defer();
|
||
$http.get('/auth/password/'+token, passwordDetails).success(function(response) {
|
||
deferred.resolve();
|
||
}).error(function(error) {
|
||
deferred.reject(error.message || error);
|
||
});
|
||
|
||
return deferred.promise;
|
||
},
|
||
|
||
// Submit forgotten password account id
|
||
askForPasswordReset: function(credentials) {
|
||
|
||
var deferred = $q.defer();
|
||
$http.post('/auth/forgot', credentials).success(function(response) {
|
||
// Show user success message and clear form
|
||
deferred.resolve(response);
|
||
}).error(function(error) {
|
||
// Show user error message
|
||
deferred.reject(error.message || error);
|
||
});
|
||
|
||
return deferred.promise;
|
||
},
|
||
|
||
};
|
||
|
||
return userService;
|
||
|
||
}
|
||
]);
|
||
|
||
'use strict';
|
||
|
||
// Users service used for communicating with the users REST endpoint
|
||
angular.module('users').factory('Users', ['$resource',
|
||
function($resource) {
|
||
return $resource('users', {}, {
|
||
update: {
|
||
method: 'PUT'
|
||
}
|
||
});
|
||
}
|
||
]); |