changed dropdown add option to list of strings that are seperated by lines

Add Email Notifications

.gitignore

@@ -21,7 +21,7 @@ Oscar_Credentials.*
 npm-debug.log
 node_modules/
 public/lib/
-public/dist
+public/dist/
 app/tests/coverage/
 .bower-*/
 .idea/

.travis.yml

@@ -11,5 +11,9 @@ services:
 addons:
   code_climate:
     repo_token: 6c3a1b81a09b2338d6f30913c1bcad115026689752cbb499a0a25061cda6fbcf
-after_script:
-  - grunt coverage
+install:
+  - npm install phantomjs
+  - npm install -g grunt
+  - npm install
+script:
+  - yarn run travis

app/controllers/forms.server.controller.js

@@ -9,7 +9,14 @@ var mongoose = require('mongoose'),
 	FormSubmission = mongoose.model('FormSubmission'),
 	config = require('../../config/config'),
 	diff = require('deep-diff'),
-	_ = require('lodash');
+	_ = require('lodash'),
+	nodemailer = require('nodemailer'),
+	emailNotifications = require('../libs/send-email-notifications'),
+	constants = require('../libs/constants'),
+	helpers = require('./helpers.server.controller'),
+	async = require('async');
+
+var smtpTransport = nodemailer.createTransport(config.mailer.options);
 
 /**
  * Delete a forms submissions
@@ -69,7 +76,51 @@ exports.createSubmission = function(req, res) {
 				message: errorHandler.getErrorMessage(err)
 			});
 		}
-		res.status(200).send('Form submission successfully saved');
+		var form = req.body
+		var formFieldDict = emailNotifications.createFieldDict(form.form_fields);
+
+		async.waterfall([
+		    function(callback) {
+		    	if (form.selfNotifications && form.selfNotifications.enabled && form.selfNotifications.fromField) {
+					form.selfNotifications.fromEmails = formFieldDict[form.selfNotifications.fromField];
+
+					emailNotifications.send(form.selfNotifications, formFieldDict, smtpTransport, constants.varFormat, function(err){
+						if(err){
+							return callback({
+								message: 'Failure sending submission self-notification email'
+							});
+						}
+
+						callback();
+					});
+				} else {
+					callback();
+				} 
+		    },
+		    function(callback) {
+		        if (form.respondentNotifications && form.respondentNotifications.enabled && form.respondentNotifications.toField) {
+
+					form.respondentNotifications.toEmails = formFieldDict[form.respondentNotifications.toField];
+					debugger;
+					emailNotifications.send(form.respondentNotifications, formFieldDict, smtpTransport, constants.varFormat, function(err){
+						if(err){
+							return callback({
+								message: 'Failure sending submission respondent-notification email'
+							});
+						}
+
+						callback();
+					});
+				} else {
+					callback();
+				} 
+		    }
+		], function (err) {
+			if(err){
+				return res.status(400).send(err);
+			}
+		    res.status(200).send('Form submission successfully saved');
+		});
 	});
 };
 
@@ -94,25 +145,24 @@ exports.listSubmissions = function(req, res) {
  * Create a new form
  */
 exports.create = function(req, res) {
-	
 	if(!req.body.form){
 		return res.status(400).send({
 			message: 'Invalid Input'
 		});
 	}
+	
 	var form = new Form(req.body.form);
-
 	form.admin = req.user._id;
 
-	form.save(function(err) {
-		debugger;
+	form.save(function(err, createdForm) {
 		if (err) {
 			return res.status(500).send({
 				message: errorHandler.getErrorMessage(err)
 			});
 		}
 
-		return res.json(form);
+		createdForm = helpers.removeSensitiveModelData('private_form', createdForm);
+		return res.json(createdForm);
 	});
 };
 
@@ -123,16 +173,19 @@ exports.read = function(req, res) {
 	if(!req.user || (req.form.admin.id !== req.user.id) ){
 		readForRender(req, res);
 	} else {
-			var newForm = req.form.toJSON();
-
-			if (req.userId) {
-				if(req.form.admin._id+'' === req.userId+''){
-					return res.json(newForm);
-				}
+			if(!req.form){
 				return res.status(404).send({
 					message: 'Form Does Not Exist'
 				});
 			}
+
+			var newForm = req.form.toJSON();
+
+			if(newForm.admin._id === req.user._id){
+				return res.json(newForm);
+			}
+		
+			newForm = helpers.removeSensitiveModelData('private_form', newForm);
 			return res.json(newForm);
 	}
 };
@@ -148,9 +201,7 @@ var readForRender = exports.readForRender = function(req, res) {
 		});
 	}
 
-	delete newForm.lastModified;
-	delete newForm.__v;
-	delete newForm.created;
+	newForm = helpers.removeSensitiveModelData('public_form', newForm);
 
 	if(newForm.startPage && !newForm.startPage.showStart){
 		delete newForm.startPage;
@@ -166,15 +217,12 @@ exports.update = function(req, res) {
 
     var form = req.form;
     var updatedForm = req.body.form;
-    if(form.form_fields === undefined){
-    	form.form_fields = [];
-    }
-
-    if(form.analytics === undefined){
+ 
+    if(!form.analytics){
     	form.analytics = {
     		visitors: [],
     		gaCode: ''
-    	}
+    	};
     }
 
 	if (req.body.changes) {
@@ -192,11 +240,6 @@ exports.update = function(req, res) {
 			delete updatedForm.admin;
 		}
 
-		if(form.analytics === null){
-			form.analytics.visitors = [];
-			form.analytics.gaCode = '';
-		}
-
 		//Do this so we can create duplicate fields
 		var checkForValidId = new RegExp('^[0-9a-fA-F]{24}$');
 		for(var i=0; i < req.body.form.form_fields.length; i++){
@@ -214,6 +257,7 @@ exports.update = function(req, res) {
 				message: errorHandler.getErrorMessage(err)
 			});
 		} else {
+			savedForm = helpers.removeSensitiveModelData('private_form', savedForm);
 			res.json(savedForm);
 		}
 	});
@@ -255,6 +299,8 @@ exports.list = function(req, res) {
 			});
 		} else {
 			for(var i=0; i<forms.length; i++){
+				forms[i] = helpers.removeSensitiveModelData('private_form', forms[i]);
+
 				forms[i].numberOfResponses = 0;
 				if(forms[i].submissions){
 					forms[i].numberOfResponses = forms[i].submissions.length;
@@ -275,6 +321,7 @@ exports.formByID = function(req, res, next, id) {
 			message: 'Form is invalid'
 		});
 	}
+
 	Form.findById(id)
 		.populate('admin')
 		.exec(function(err, form) {
@@ -287,12 +334,7 @@ exports.formByID = function(req, res, next, id) {
 		}
 		else {
 			//Remove sensitive information from User object
-			 var _form = form;
-                        _form.admin.password = null;
-                        _form.admin.salt = null;
-                        _form.provider = null;
-
-                        req.form = _form;
+			req.form = helpers.removeSensitiveModelData('private_form', form);
 			return next();
 		}
 	});
@@ -309,7 +351,7 @@ exports.formByIDFast = function(req, res, next, id) {
 	}
 	Form.findById(id)
 		.lean()
-		.select('title language form_fields startPage endPage hideFooter isLive design analytics.gaCode')
+		.select('title language form_fields startPage endPage hideFooter isLive design analytics.gaCode selfNotifications respondentNotifications')
 		.exec(function(err, form) {
 		if (err) {
 			return next(err);
@@ -320,13 +362,7 @@ exports.formByIDFast = function(req, res, next, id) {
 		}
 		else {
 			//Remove sensitive information from User object
-			var _form = form;
-			if(_form.admin){
-			_form.admin.password = null;
-			_form.admin.salt = null;
-			_form.provider = null;
-			}
-			req.form = _form;
+			req.form = helpers.removeSensitiveModelData('public_form', form);
 			return next();
 		}
 	});

app/controllers/helpers.server.controller.js

@@ -0,0 +1,45 @@
+'use strict';
+
+module.exports = {
+	removeSensitiveModelData: function(type, object){
+		var privateFields = {
+			'public_form': ['__v', 'analytics.visitors', 'analytics.views', 'analytics.conversionRate', 'analytics.fields', 'lastModified', 'created'],
+			'private_form': ['__v'],
+			'public_user': ['passwordHash', 'password', 'provider', 'salt', 'lastModified', 'created', 'resetPasswordToken', 'resetPasswordExpires', 'token', 'apiKey', '__v'],
+			'private_user': ['passwordHash', 'password', 'provider', 'salt', 'resetPasswordToken', 'resetPasswordExpires', 'token', '__v']
+		};
+
+		function removeKeysFromDict(dict, keys){
+			for(var i=0; i<keys.length; i++){
+				var curr_key = keys[i];
+				if( dict.hasOwnProperty(curr_key) ){
+					delete dict[curr_key];
+				}
+			}
+		}
+
+		switch(type){
+			case 'private_form':
+	            removeKeysFromDict(object, privateFields[type]);
+	            if(object.admin){
+	            	removeKeysFromDict(object.admin, privateFields.private_user);
+	            }
+	            break;
+
+	        case 'public_form':
+				removeKeysFromDict(object, privateFields[type]);
+				if(object.admin){
+	            	removeKeysFromDict(object.admin, privateFields.public_user);
+	        	}
+	            break;
+
+	        default:
+	        	if(privateFields.hasOwnProperty(type)){
+	        		removeKeysFromDict(object, privateFields[type]);
+	        	} 
+	            break;
+		}
+
+		return object;
+	}
+};

app/controllers/users/users.authentication.server.controller.js

@@ -12,7 +12,8 @@ var errorHandler = require('../errors.server.controller'),
 	fs = require('fs'),
 	i18n = require('i18n'),
 	async = require('async'),
-	pug = require('pug');
+	pug = require('pug'),
+	helpers = require('../helpers.server.controller');
 
 var nev = require('email-verification')(mongoose);
 
@@ -60,7 +61,7 @@ config_nev();
 
 exports.validateVerificationToken = function(req, res){
 
-	const fn = pug.compileFile(__dirname + "/../../views/welcome.email.view.pug");
+	const fn = pug.compileFile(__dirname + '/../../views/welcome.email.view.pug');
 	var renderedHtml = fn(res.locals);
 
     var emailTemplate = {
@@ -83,7 +84,7 @@ exports.validateVerificationToken = function(req, res){
 };
 
 exports.resendVerificationEmail = function(req, res, next){
-	const fn = pug.compileFile(__dirname + "/../../views/verification.email.view.pug");
+	const fn = pug.compileFile(__dirname + '/../../views/verification.email.view.pug');
 	var renderedHtml = fn(res.locals);
 
 	var emailTemplate = {
@@ -117,7 +118,7 @@ exports.signup = function(req, res) {
 	var user = new User(req.body);
 
 	// Set language to visitor's language
-	user.language = req.cookies['userLang'];
+	user.language = req.cookies.userLang;
 
 	// Add missing user fields
 	user.provider = 'local';
@@ -133,7 +134,7 @@ exports.signup = function(req, res) {
 
 		// new user created
 		if (newTempUser) {
-			const fn = pug.compileFile(__dirname + "/../../views/verification.email.view.pug");
+			const fn = pug.compileFile(__dirname + '/../../views/verification.email.view.pug');
 			var renderedHtml = fn(res.locals);
 
 			var URL = newTempUser[nev.options.URLFieldName];
@@ -179,6 +180,8 @@ exports.signin = function(req, res, next) {
 				}
 
 				res.cookie('langCookie', user.language, { maxAge: 90000, httpOnly: true });
+				
+				user = helpers.removeSensitiveModelData('private_user', user);
 				return res.json(user);
 			});
 		}
@@ -198,16 +201,12 @@ exports.signout = function(req, res) {
 
 /* Generate API Key for User */
 exports.generateAPIKey = function(req, res) {
-	if (!req.isAuthenticated()){
-		return res.status(400).send({
-			message: 'User is not Authorized'
-		});
-	}
-
 	User.findById(req.user.id)
 		.exec( function(err, user) {
 			if (err) {
-				return res.status(400).send(err);
+				return res.status(400).send({
+					message: errorHandler.getErrorMessage(err)
+				});
 			}
 
 			if (!user) {
@@ -226,12 +225,8 @@ exports.generateAPIKey = function(req, res) {
 				}
 
 				var newUser = _user.toObject();
-				delete newUser.salt;
-				delete newUser.__v;
-				delete newUser.passwordHash;
-				delete newUser.provider;
 
-				return res.json(newUser);
+				return res.json({ id: newUser._id, apiKey: newUser.apiKey });
 			});
 
 		});

app/controllers/users/users.authorization.server.controller.js

@@ -3,36 +3,7 @@
 /**
  * Module dependencies.
  */
-var _ = require('lodash'),
-	mongoose = require('mongoose'),
-	User = mongoose.model('User');
-
-/**
- * User middleware
- */
-exports.userByID = function (req, res, next, id) {
-  if (!mongoose.Types.ObjectId.isValid(id)) {
-    return res.status(400).send({
-      message: 'User is invalid'
-    });
-  }
-
-  User.findOne({
-    _id: id
-  }).exec(function (err, user) {
-    if (err) {
-      return next(err);
-    } else if (!user) {
-		return res.status(404).send({
-			message: 'User does not exist'
-		});
-    }
-
-    req.profile = user;
-    next();
-  });
-};
-
+var auth = require('../../../config/passport_helpers');
 /**
  * Require login routing middleware
  */
@@ -45,22 +16,3 @@ exports.requiresLogin = function(req, res, next) {
 		return next();
 	}
 };
-
-/**
- * User authorizations routing middleware
- */
-exports.hasAuthorization = function(roles) {
-	var _this = this;
-
-	return function(req, res, next) {
-		_this.requiresLogin(req, res, function() {
-			if (_.intersection(req.user.roles, roles).length) {
-				return next();
-			} else {
-				return res.status(403).send({
-					message: 'User is not authorized'
-				});
-			}
-		});
-	};
-};

app/controllers/users/users.password.server.controller.js

@@ -81,10 +81,9 @@ exports.forgot = function(req, res) {
 			}
 		},
 		function(token, user, done) {
-			const fn = pug.compileFile(__dirname + "/../../views/templates/reset-password-email.server.view.pug");
-			res.locals['url'] = 'http://' + req.headers.host + '/auth/reset/' + token;
+			const fn = pug.compileFile(__dirname + '/../../views/templates/reset-password-email.server.view.pug');
+			res.locals.url = 'http://' + req.headers.host + '/auth/reset/' + token;
 			
-			console.log(res.locals);
 			var renderedHtml = fn(res.locals);
 			done(null, renderedHtml, user);
 		},
@@ -98,10 +97,10 @@ exports.forgot = function(req, res) {
 			};
 
             var userEmail = user.email;
-			var user = userEmail.split('@')[0];
+			var emailUsername = userEmail.split('@')[0];
 			var domain = userEmail.split('@')[1];
 
-			var obfuscatedUser = user.substring(0, 1) + user.substring(1).replace(/./g, '*');
+			var obfuscatedUser = emailUsername.substring(0, 1) + emailUsername.substring(1).replace(/./g, '*');
 			var domainName = domain.split('.')[0];
 			var tld = domain.split('.')[1];
 
@@ -142,9 +141,9 @@ exports.validateResetToken = function(req, res) {
 			});
 		}
 		if (!user) {
-			return res.redirect('/#!/password/reset/invalid');
+			return res.redirect(400, '/#!/password/reset/invalid');
 		}
-
+		
 		res.redirect('/#!/password/reset/' + req.params.token);
 	});
 };
@@ -187,13 +186,13 @@ exports.reset = function(req, res, next) {
 						done(null, savedUser);
 					});
 				} else {
-					done('Password reset token is invalid or has expired.', null);
+					done('invalid_reset_token', null);
 				}
 			});
 		},
 		function(user, done) {
-			const fn = pug.compileFile(__dirname + "/../../views/templates/reset-password-confirm-email.server.view.pug");
-			var renderedHtml = fn(res.locals);
+			const fn = pug.compileFile(__dirname + '/../../views/templates/reset-password-confirm-email.server.view.pug');
+			const renderedHtml = fn(res.locals);
 			done(null, renderedHtml, user);
 		},
 		// If valid email, send reset email using service
@@ -211,12 +210,18 @@ exports.reset = function(req, res, next) {
 		}
 	], function(err) {
 		if (err) {
-			res.status(500).send({
+			if(err === 'invalid_reset_token'){
+				return res.status(400).send({
+					message: 'Password reset token is invalid or has expired.'
+				});
+			}
+
+			return res.status(500).send({
 				message: err.message || err
 			});
 		}
 
-		return res.json({
+		res.json({
 			message: 'Successfully changed your password!'
 		});
 	});

app/controllers/users/users.profile.server.controller.js

@@ -5,7 +5,8 @@
  */
 var _ = require('lodash'),
 	errorHandler = require('../errors.server.controller.js'),
-	mongoose = require('mongoose');
+	mongoose = require('mongoose'),
+	helpers = require('../helpers.server.controller');
 
 /**
  * Update user details
@@ -14,47 +15,36 @@ exports.update = function(req, res) {
 	// Init Variables
 	var user = req.user;
 
-	// For security measurement we remove the roles from the req.body object
+	// To improve security we remove the roles from the req.body object
 	delete req.body.roles;
 
-	if (user) {
-		// Merge existing user
-		user = _.extend(user, req.body);
-		user.updated = Date.now();
+	// Merge existing user
+	user = _.extend(user, req.body);
+	user.updated = Date.now();
 
-		user.save(function(err) {
-			if (err) {
-				return res.status(500).send({
-					message: errorHandler.getErrorMessage(err)
-				});
-			} 
-			req.login(user, function(loginErr) {
-				if (err) {
-					res.status(500).send(loginErr);
-				} else {
-					res.json(user);
-				}
+	user.save(function(err) {
+		if (err) {
+			return res.status(500).send({
+				message: errorHandler.getErrorMessage(err)
 			});
-			
+		} 
+		req.login(user, function(loginErr) {
+			if (err) {
+				res.status(500).send(loginErr);
+			} else {
+				user = helpers.removeSensitiveModelData('private_user', user);
+				res.json(user);
+			}
 		});
-	} else {
-		res.status(401).send({
-			message: 'User is not signed in'
-		});
-	}
+		
+	});
 };
 
 /**
  * Send User
  */
 exports.getUser = function(req, res) {
-	var _user = req.user;
-	delete _user.password;
-	delete _user.salt;
-	delete _user.provider;
-	delete _user.__v;
+	var user = helpers.removeSensitiveModelData('private_user', req.user);
 
-	res.json(req.user || null);
-
-	res.end();
+	return res.json(user);
 };

app/libs/constants.js

@@ -4,7 +4,6 @@ module.exports = {
     fieldTypes: ['textfield',
 				'date',
 				'email',
-				'link',
 				'legal',
 				'url',
 				'textarea',
@@ -74,6 +73,9 @@ module.exports = {
     regex: {
         url: /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/,
         hexCode: /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/,
-        email: /^(([^<>()\[\]\\.,;:\s@']+(\.[^<>()\[\]\\.,;:\s@']+)*)|('.+'))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-    }
+        email: /^(([^<>()\[\]\\.,;:\s@']+(\.[^<>()\[\]\\.,;:\s@']+)*)|('.+'))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+        templateVariable: /<var(.*)id(.*)>(.|\n)*?<\/var>/g
+    },
+
+    varFormat: ['<var([^<>]+)id=["\']{1}field:', '["\']{1}>([^<>]+)*?<\/var>'], 
 };

app/libs/send-email-notifications.js

@@ -0,0 +1,44 @@
+'use strict';
+
+module.exports = {
+	send: function(emailSettings, emailTemplateVars, smtpTransport, varFormat, cb){
+		var parsedTemplate = this.parseTemplate(emailSettings.htmlTemplate, emailTemplateVars, varFormat);
+		var parsedSubject = this.parseTemplate(emailSettings.subject, emailTemplateVars, varFormat);
+		var mailOptions = {
+			replyTo: emailSettings.fromEmails,
+			from: 'noreply@tellform.com',
+			cc: emailSettings.toEmails,
+			subject: parsedSubject,
+			html: parsedTemplate
+		};
+
+		console.log('HERE');
+		smtpTransport.sendMail(mailOptions, function(){
+			console.log('THERE');
+			cb();
+		});
+	},
+
+	parseTemplate: function(emailTemplate, emailAttrs, varFormat){
+		var resolvedTemplate = emailTemplate;
+		var that = this;
+		Object.keys(emailAttrs).forEach(function (key) {
+		   resolvedTemplate = that.replaceTemplateVal(key, emailAttrs[key], resolvedTemplate, varFormat);
+		});
+		return resolvedTemplate;
+	},
+
+	replaceTemplateVal: function(key, val, template, varFormat){
+		return template.replace( new RegExp(varFormat[0] + key + varFormat[1], 'g'), val);
+	},
+
+	createFieldDict: function(form_fields){
+		var formFieldDict = {};
+		form_fields.forEach(function(field){
+			if(field.hasOwnProperty('globalId') && field.hasOwnProperty('fieldValue')){
+				formFieldDict[field.globalId] = field.fieldValue;
+			}
+		});
+		return formFieldDict;
+	}
+};

app/libs/timestamp.server.plugin.js

@@ -2,38 +2,36 @@
 
 // Plugin
 module.exports = function timestamp (schema, options) {
-  options || (options = {})
+  options = options || (options === {});
 
   // Options
-  var fields = {}
-    , createdPath = options.createdPath || 'created'
-    , modifiedPath = options.modifiedPath || 'modified'
-    , useVirtual = (options.useVirtual !== undefined) 
-      ? options.useVirtual 
-      : true
+  var fields = {},
+    createdPath = options.createdPath || 'created',
+    modifiedPath = options.modifiedPath || 'modified',
+    useVirtual = (options.useVirtual !== undefined) ? options.useVirtual : true;
 
   // Add paths to schema if not present
   if (!schema.paths[createdPath]) {
-    fields[modifiedPath] = { type: Date }
+    fields[modifiedPath] = { type: Date };
   }
   if (useVirtual) {
     // Use the ObjectID for extracting the created time
     schema.virtual(createdPath).get(function () {
-      return new Date(this._id.generationTime * 1000)
-    })
+      return new Date(this._id.generationTime * 1000);
+    });
   } else {
     if (!schema.paths[createdPath]) {
       fields[createdPath] = { 
-        type: Date
-      , default: Date.now 
-      }
+        type: Date,
+        default: Date.now 
+      };
     }
   }
-  schema.add(fields)
+  schema.add(fields);
 
   // Update the modified timestamp on save
   schema.pre('save', function (next) {
-    this[modifiedPath] = new Date
-    next()
-  })
-}
+    this[modifiedPath] = new Date();
+    next();
+  });
+};

app/models/form.server.model.js

@@ -9,7 +9,8 @@ var mongoose = require('mongoose'),
 	timeStampPlugin = require('../libs/timestamp.server.plugin'),
 	async = require('async'),
 	Random = require('random-js'),
-	mt = Random.engines.mt19937();
+	mt = Random.engines.mt19937(),
+	constants = require('../libs/constants');
 
 
 mt.autoSeed();
@@ -57,11 +58,12 @@ var VisitorDataSchema = new Schema({
 		type: Boolean
 	},
 	language: {
-		type: String
+		type: String,
+		enum: constants.languageTypes,
+		default: 'en',
 	},
 	ipAddr: {
-		type: String,
-		default: ''
+		type: String
 	},
 	deviceType: {
 		type: String,
@@ -101,12 +103,17 @@ var FormSchema = new Schema({
 		visitors: [VisitorDataSchema]
 	},
 
-	form_fields: [FieldSchema],
-	submissions: [{
-		type: Schema.Types.ObjectId,
-		ref: 'FormSubmission'
-	}],
-
+	form_fields: {
+		type: [FieldSchema],
+		default: []
+	},
+	submissions: {
+		type: [{
+			type: Schema.Types.ObjectId,
+			ref: 'FormSubmission'
+		}],
+		dfeault: []
+	},
 	admin: {
 		type: Schema.Types.ObjectId,
 		ref: 'User',
@@ -149,10 +156,52 @@ var FormSchema = new Schema({
 		buttons:[ButtonSchema]
 	},
 
+	selfNotifications: {
+		fromField: {
+			type: String
+		},
+		toEmails: {
+			type: String
+		},
+		subject: {
+			type: String
+		},
+		htmlTemplate: {
+			type: String
+		},
+		enabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+
+	respondentNotifications: {
+		toField: {
+			type: String
+		},
+		fromEmails: {
+			type: String,
+			match: [/.+\@.+\..+/, 'Please fill a valid email address']
+		},
+		subject: {
+			type: String,
+			default: 'Tellform: Thank you for filling out this TellForm'
+		},
+		htmlTemplate: {
+			type: String,
+			default: 'Hello, <br><br> We’ve received your submission. <br><br> Thank you & have a nice day!',
+		},
+		enabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+
 	hideFooter: {
 		type: Boolean,
 		default: false
 	},
+	
 	isLive: {
 		type: Boolean,
 		default: true
@@ -201,10 +250,6 @@ FormSchema.virtual('analytics.views').get(function () {
 	}
 });
 
-FormSchema.virtual('analytics.submissions').get(function () {
-	return this.submissions.length;
-});
-
 FormSchema.virtual('analytics.conversionRate').get(function () {
 	if(this.analytics && this.analytics.visitors && this.analytics.visitors.length > 0){
 		return this.submissions.length/this.analytics.visitors.length*100;
@@ -288,26 +333,6 @@ FormSchema.plugin(timeStampPlugin, {
 	useVirtual: false
 });
 
-FormSchema.pre('save', function (next) {
-	switch(this.language){
-		case 'spanish':
-			this.language = 'es';
-			break;
-		case 'french':
-			this.language = 'fr';
-			break;
-		case 'italian':
-			this.language = 'it';
-			break;
-		case 'german':
-			this.language = 'de';
-			break;
-		default:
-			break;
-	}
-	next();
-});
-
 function getDeletedIndexes(needle, haystack){
 	var deletedIndexes = [];
 

app/models/form_field.server.model.js

@@ -9,7 +9,8 @@ var mongoose = require('mongoose'),
 	_ = require('lodash'),
 	Schema = mongoose.Schema,
 	LogicJumpSchema = require('./logic_jump.server.model'),
-	tokgen = require('../libs/tokenGenerator');
+	tokgen = require('../libs/tokenGenerator'),
+	constants = require('../libs/constants');
 
 var FieldOptionSchema = new Schema({
 	option_id: {
@@ -34,21 +35,7 @@ var RatingFieldSchema = new Schema({
 	},
 	shape: {
 		type: String,
-		enum: [
-			'Heart',
-			'Star',
-			'thumbs-up',
-			'thumbs-down',
-			'Circle',
-			'Square',
-			'Check Circle',
-			'Smile Outlined',
-			'Hourglass',
-			'bell',
-			'Paper Plane',
-			'Comment',
-			'Trash'
-		]
+		enum: constants.ratingShapeTypes
 	},
 	validShapes: {
 		type: [String]
@@ -62,6 +49,10 @@ function BaseFieldSchema(){
 	Schema.apply(this, arguments);
 
 	this.add({
+		newOptionSchema: {
+			type: Boolean,
+			default: false
+		},
 		globalId: {
 			type: String,
     	},
@@ -85,6 +76,7 @@ function BaseFieldSchema(){
 
 		ratingOptions: RatingFieldSchema,
 		fieldOptions: [FieldOptionSchema],
+
 		required: {
 			type: Boolean,
 			default: true
@@ -103,29 +95,7 @@ function BaseFieldSchema(){
 		},
 		fieldType: {
 			type: String,
-			enum: [
-				'textfield',
-				'date',
-				'email',
-				'link',
-				'legal',
-				'url',
-				'textarea',
-				'statement',
-				'welcome',
-				'thankyou',
-				'file',
-				'dropdown',
-				'scale',
-				'rating',
-				'radio',
-				'checkbox',
-				'hidden',
-				'yes_no',
-				'natural',
-				'stripe',
-				'number'
-			]
+			enum: constants.fieldTypes
 		},
 		fieldValue: Schema.Types.Mixed
 	});
@@ -140,7 +110,7 @@ function BaseFieldSchema(){
 		this.validFieldTypes = mongoose.model('Field').schema.path('fieldType').enumValues;
 
 		if(this.fieldType === 'rating' && this.ratingOptions.validShapes.length === 0){
-			this.ratingOptions.validShapes = mongoose.model('RatingOptions').schema.path('shape').enumValues;
+			this.ratingOptions.validShapes = constants.ratingShapeTypes;
 		}
 
 		next();
@@ -203,7 +173,6 @@ FormFieldSchema.pre('save', function(next) {
 	if(this.fieldType === 'dropdown' && this.isSubmission){
 		this.fieldValue = this.fieldValue.option_value;
 	}
-
 	return next();
 });
 

app/models/form_submission.server.model.js

@@ -55,18 +55,18 @@ FormSubmissionSchema.pre('save', function (next) {
             this.form_fields[i].fieldValue = this.form_fields[i].fieldValue.option_value;
         }
 
-    	delete form_fields[i].validFieldTypes;
-		delete form_fields[i].disabled;
-		delete form_fields[i].required;
-		delete form_fields[i].isSubmission;
-		delete form_fields[i].title;
-		delete form_fields[i].fieldOptions;
-		delete form_fields[i].ratingOptions;
-		delete form_fields[i].logicJump;
-		delete form_fields[i].description;
-		delete form_fields[i].created;
-		delete form_fields[i].lastModified;
-		delete form_fields[i].deletePreserved;
+    	delete this.form_fields[i].validFieldTypes;
+		delete this.form_fields[i].disabled;
+		delete this.form_fields[i].required;
+		delete this.form_fields[i].isSubmission;
+		delete this.form_fields[i].title;
+		delete this.form_fields[i].fieldOptions;
+		delete this.form_fields[i].ratingOptions;
+		delete this.form_fields[i].logicJump;
+		delete this.form_fields[i].description;
+		delete this.form_fields[i].created;
+		delete this.form_fields[i].lastModified;
+		delete this.form_fields[i].deletePreserved;
     }
     next();
 });

app/models/plugins/languagePlugin.js

@@ -1,26 +0,0 @@
-'use strict';
-
-const constants = require('../../libs/constants'),
-	config = require('../../../config/config');
-
-module.exports = exports = function lastModifiedPlugin (schema, options) {
-  	schema.add({
-  		language: {
-			type: String,
-			enum: constants.languageTypes,
-			default: config.defaultLanguage,
-			required: options.required || 'Must be a valid language'
-		}
-  	});
-
-	schema.pre('save', function (next) {
-		var currWord = this.language;
-
-		//English is the default backup language
-		this.language = 'en';
-		if(constants.wordToLangCode.has(currWord)){
-			this.language = constants.wordToLangCode[currWord];
-		} 
-		next();
-	});
-};

app/models/user.server.model.js

@@ -9,29 +9,8 @@ var mongoose = require('mongoose'),
 	config = require('../../config/config'),
 	timeStampPlugin = require('../libs/timestamp.server.plugin'),
 	path = require('path'),
-	querystring = require('querystring');
-
-/**
- * A Validation function for local strategy properties
- */
-var validateLocalStrategyProperty = function(property) {
-	var propHasLength;
-	if (property) {
-		propHasLength = !!property.length;
-	} else {
-		propHasLength = false;
-	}
-
-	return ((this.provider !== 'local' && !this.updated) || propHasLength);
-};
-
-/**
- * A Validation function for username
- */
-var validateUsername = function(username) {
-	return (username.match(/^[a-zA-Z0-9.-_]+$/) !== null);
-};
-
+	querystring = require('querystring'),
+	constants = require('../libs/constants');
 
 /**
  * User Schema
@@ -52,7 +31,7 @@ var UserSchema = new Schema({
 		trim: true,
 		lowercase: true,
 		unique: 'Account already exists with this email',
-		match: [/.+\@.+\..+/, 'Please fill a valid email address'],
+		match: [constants.regex.email, 'Please fill a valid email address'],
 		required: [true, 'Email is required']
 	},
 	username: {
@@ -73,18 +52,16 @@ var UserSchema = new Schema({
 		type: String,
 		default: 'local'
 	},
-	providerData: {},
-	additionalProvidersData: {},
 	roles: {
 		type: [{
 			type: String,
-			enum: ['user', 'admin', 'superuser']
+			enum: constants.userRoleTypes
 		}],
 		default: ['user']
 	},
 	language: {
 		type: String,
-		enum: ['en', 'fr', 'es', 'it', 'de'],
+		enum: constants.languageTypes,
 		default: 'en',
 	},
 	lastModified: {
@@ -111,10 +88,6 @@ var UserSchema = new Schema({
 	}
 });
 
-UserSchema.virtual('displayName').get(function () {
-  	return this.firstName + ' ' + this.lastName;
-});
-
 UserSchema.plugin(timeStampPlugin, {
 	createdPath: 'created',
 	modifiedPath: 'lastModified',

app/routes/forms.server.routes.js

@@ -31,7 +31,7 @@ module.exports = function(app) {
 	}
 
    	app.route('/forms/:formIdFast([a-zA-Z0-9]+)')
-        .post(forms.createSubmission)
+        .post(forms.createSubmission);
 	
 	app.route('/forms')
 		.get(auth.isAuthenticatedOrApiKey, forms.list)

app/routes/users.server.routes.js

@@ -12,6 +12,7 @@ module.exports = function(app) {
 	var users = require('../../app/controllers/users.server.controller');
 
 	// Setting up the users profile api
+	app.route('/users/password').post(users.requiresLogin, users.changePassword);
 	app.route('/users/me').get(auth.isAuthenticatedOrApiKey, users.getUser);
 	app.route('/users').put(auth.isAuthenticatedOrApiKey, users.update);
 
@@ -19,8 +20,7 @@ module.exports = function(app) {
 	app.route('/auth/verify/:token').get(users.validateVerificationToken);
 	app.route('/auth/verify').post(users.resendVerificationEmail);
 
-	// Setting up the users password api
-	app.route('/users/password').post(users.requiresLogin, users.changePassword);
+	// Setting up the password reset api
 	app.route('/auth/forgot').post(users.forgot);
 	app.route('/auth/reset/:token').get(users.validateResetToken);
 	app.route('/auth/reset/:token').post(users.reset);
@@ -33,7 +33,4 @@ module.exports = function(app) {
 	app.route('/auth/signout').get(users.signout);
 
 	app.route('/auth/genkey').get(users.requiresLogin, users.generateAPIKey);
-	
-	// Finish by binding the user middleware
-	app.param('userId', users.userByID);
 };

app/tests/form.server.routes.test.js

@@ -69,7 +69,6 @@ describe('Form Routes Unit tests', function() {
 			.send({form: myForm})
 			.expect(401)
 			.end(function(FormSaveErr, FormSaveRes) {
-				console.log(FormSaveRes.text);
 				// Call the assertion callback
 				done(FormSaveErr);
 			});
@@ -167,7 +166,7 @@ describe('Form Routes Unit tests', function() {
 		it(' > should not be able to create a Form if body is empty', function(done) {
 			loginSession.post('/forms')
 				.send({form: null})
-				.expect(400, {"message":"Invalid Input"})
+				.expect(400, {'message':'Invalid Input'})
 				.end(function(FormSaveErr, FormSaveRes) {
 					// Call the assertion callback
 					done(FormSaveErr);

app/tests/form_submission.model.test.js

@@ -17,7 +17,6 @@ var exampleDemo = {
 	address: '880-9650 Velit. St.',
 	city: '',
 	dateOfBirth: '10',
-	displayName: 'Test User',
 	email: 'polydaic@gmail.com',
 	firstName: 'Test User',
 	hin: '',
@@ -82,9 +81,8 @@ describe('FormSubmission Model Unit Tests:', function() {
 		user = new User({
 			firstName: 'Full',
 			lastName: 'Name',
-			displayName: 'Full Name',
-			email: 'test1@test.com'+Date.now(),
-			username: 'test1'+Date.now(),
+			email: 'test1@test.com',
+			username: 'test1',
 			password: 'password',
 			provider: 'local'
 		});

app/tests/form_submission.routes.test.js

@@ -21,15 +21,14 @@ var credentials, user;
  * Form routes tests
  */
 describe('Form Submission Routes Unit tests', function() {
-	var FormObj, _Submission, submissionSession, _SubmissionBody
-
+	var FormObj, _Submission, submissionSession, _SubmissionBody;
 
 	beforeEach(function(done) {
 
 		// Create user credentials
 		credentials = {
-			email: 	  'test@test.com',
-			username: 'test',
+			email: 	  'test423@test.com',
+			username: 'test534',
 			password: 'password'
 		};
 
@@ -45,7 +44,10 @@ describe('Form Submission Routes Unit tests', function() {
 
 		// Save a user to the test db and create new Form
 		user.save(function(err) {
-			if(err) return done(err);
+			if(err) {
+				return done(err);
+			}
+
 			FormObj = new Form({
 				title: 'Form Title',
 				language: 'en',
@@ -54,7 +56,22 @@ describe('Form Submission Routes Unit tests', function() {
 					new Field({'fieldType':'textfield', 'title':'First Name', 'fieldValue': ''}),
 					new Field({'fieldType':'checkbox', 'title':'nascar',      'fieldValue': ''}),
 					new Field({'fieldType':'checkbox', 'title':'hockey',      'fieldValue': ''})
-				]
+				],
+				selfNotifications: {
+					fromField: mongoose.Types.ObjectId(),
+					toEmails: 'john@smith.com',
+					subject: 'Hello there',
+					htmlTemplate: '<p> A form was submitted </p>',
+					enabled: true
+				},
+
+				respondentNotifications: {
+					toField: mongoose.Types.ObjectId(),
+					fromEmails: 'john@smith.com',
+					subject: 'Tellform: Thank you for filling out this TellForm',
+					htmlTemplate:'Hello, <br><br> We’ve received your submission. <br><br> Thank you & have a nice day!',
+					enabled: true
+				}
 			});
 
 			FormObj.save(function(formSaveErr, form) {
@@ -237,6 +254,4 @@ describe('Form Submission Routes Unit tests', function() {
 			});
 		});
 	});
-
-
 });

app/tests/libs/send-email-notifications.test.js

@@ -0,0 +1,94 @@
+'use strict';
+
+/**
+ * Module dependencies.
+ */
+const emailNotifications = require('../../libs/send-email-notifications'),
+	constants = require('../../libs/constants'),
+	mockTransport = require("nodemailer").createTransport("Stub"),
+	config = require('../../../config/config');
+
+/**
+ * Globals
+ */
+const validFormFields = [
+	{fieldType:'textfield', title:'First Name', fieldValue: 'John Smith', deletePreserved: false, globalId:'56340745f59a6fc9e22028e9'},
+    {fieldType:'link', title:'Your Website',      fieldValue: 'https://johnsmith.me', deletePreserved: false, globalId:'5c9e22028e907634f45f59a6'},
+    {fieldType:'number', title:'Your Age',      fieldValue: 45, deletePreserved: false, globalId:'56e90745f5934fc9e22028a6'}
+];
+
+const validFieldDict = {
+	'56340745f59a6fc9e22028e9': 'John Smith',
+	'5c9e22028e907634f45f59a6': 'https://johnsmith.me',
+	'56e90745f5934fc9e22028a6': 45
+};
+
+const invalidFormFields = [
+	{fieldType:'textfield', title:'First Name', fieldValue: 'John Smith', deletePreserved: false},
+    {fieldType:'link', title:'Your Website', deletePreserved: false, _id:'5c9e22028e907634f45f59a6'},
+    {fieldType:'number', title:'Your Age'}
+];
+
+const htmlTemplate = '<p><var class="tag" id="field:56340745f59a6fc9e22028e9">First Name</var> \
+	<br><var class="tag" id="field:5c9e22028e907634f45f59a6">Your Website</var> \
+	<br><var class="tag" id="field:56e90745f5934fc9e22028a6">Your Age</var></p>';
+
+const renderedTemplate = '<p>John Smith \
+	<br>https://johnsmith.me \
+	<br>45</p>';
+
+/**
+ * Unit tests
+ */
+describe('Send Email Notification Unit Tests', function() {
+
+	describe('Method createFieldDict', function() {
+		it('should be return a fieldDict from valid form fields', function() {
+			var actualFieldDict = emailNotifications.createFieldDict(validFormFields);
+			actualFieldDict.should.deepEqual(validFieldDict);
+		});
+
+		it('should return empty object if form fields are invalid or empty ', function() {
+			var actualFieldDict = emailNotifications.createFieldDict(invalidFormFields);
+			actualFieldDict.should.be.empty();
+		});
+	});
+
+	describe('Method parseTemplate', function(){
+		it('should properly render a template given a valid field dict', function() {
+			var actualRenderedTemplate = emailNotifications.parseTemplate(htmlTemplate, validFieldDict, constants.varFormat).replace((/  |\r\n|\n|\r|\t/gm),'');
+			actualRenderedTemplate.should.equal(renderedTemplate.replace((/  |\r\n|\n|\r|\t/gm),''));
+		});
+	});
+
+	describe('Method replaceTemplateVal', function() {
+		it('should properly replace a template var in a valid template', function() {
+			var expectedHtml = '<p>John Smith \
+				<br><var class="tag" id="field:5c9e22028e907634f45f59a6">Your Website</var> \
+				<br><var class="tag" id="field:56e90745f5934fc9e22028a6">Your Age</var></p>';
+
+			var actualRenderedTemplate = emailNotifications.replaceTemplateVal('56340745f59a6fc9e22028e9', validFieldDict['56340745f59a6fc9e22028e9'], htmlTemplate, constants.varFormat).replace((/  |\r\n|\n|\r|\t/gm),'');
+			actualRenderedTemplate.should.equal(expectedHtml.replace((/  |\r\n|\n|\r|\t/gm),''));
+		});
+	});
+
+	describe('Method send', function() {
+		this.timeout(10000);
+		const emailSettings = {
+			fromEmails: 'somewhere@somewhere.com',
+			toEmails: 'there@there.com',
+			subject: 'Hello <var class="tag" id="field:56340745f59a6fc9e22028e9">First Name</var>!',
+			htmlTemplate: htmlTemplate
+		};
+
+		const emailTemplateVars = validFieldDict;
+		const varFormat = constants.varFormat;
+
+		it('should properly replace a template var in a valid template', function(done) {
+			emailNotifications.send(emailSettings, emailTemplateVars, mockTransport, varFormat, function(err){
+				should.not.exist(err);
+				done();
+			});
+		});
+	});
+});

app/tests/libs/timestamp.server.plugin.test.js

@@ -1,70 +1,72 @@
+'use strict';
+
 // Dependencies
-var util = require('util')
-  , assert = require('assert')
-  , mongoose = require('mongoose')
-  , timestamp = require('../../libs/timestamp.server.plugin')
-  , Schema = mongoose.Schema
-  , ObjectId = Schema.ObjectId
+var util = require('util'),
+  assert = require('assert'),
+  mongoose = require('mongoose'),
+  timestamp = require('../../libs/timestamp.server.plugin'),
+  Schema = mongoose.Schema,
+  ObjectId = Schema.ObjectId;
 
 // Run tests
 describe('Timestamp', function () {
   describe('#default()', function () {
-    var FooSchema = new Schema()
-    FooSchema.plugin(timestamp)
-    var FooModel = mongoose.model('timeFoo', FooSchema)
-      , bar = new FooModel()
+    var FooSchema = new Schema();
+    FooSchema.plugin(timestamp);
+    var FooModel = mongoose.model('timeFoo', FooSchema),
+      bar = new FooModel();
     
     before(function () {
       FooModel.remove(function (err) {
-        assert.strictEqual(err, null)
-      })
-    })
+        assert.strictEqual(err, null);
+      });
+    });
 
     it('should have custom properties', function (done) {
-      assert.strictEqual(typeof FooSchema.virtuals.created, 'object')
-      assert.strictEqual(typeof FooSchema.paths.modified, 'object')
-      done()
-    })
+      assert.strictEqual(typeof FooSchema.virtuals.created, 'object');
+      assert.strictEqual(typeof FooSchema.paths.modified, 'object');
+      done();
+    });
 
     it('should create the default attributes', function (done) {
       bar.save(function (err, doc) {
-        assert.strictEqual(err, null)
-        assert.strictEqual(util.isDate(doc.created), true)
-        assert.strictEqual(util.isDate(doc.modified), true)
-        done()
-      })
-    })
-  })
+        assert.strictEqual(err, null);
+        assert.strictEqual(util.isDate(doc.created), true);
+        assert.strictEqual(util.isDate(doc.modified), true);
+        done();
+      });
+    });
+  });
 
   describe('#custom()', function () {
-    var FooSchema = new Schema()
+    var FooSchema = new Schema();
     FooSchema.plugin(timestamp, {
-      createdPath: 'oh'
-    , modifiedPath: 'hai'
-    , useVirtual: false
-    })
-    var BarModel = mongoose.model('timeBar', FooSchema)
-      , bar = new BarModel()
+      createdPath: 'oh',
+      modifiedPath: 'hai',
+      useVirtual: false
+    });
+    var BarModel = mongoose.model('timeBar', FooSchema),
+      bar = new BarModel();
 
     before(function () {
       BarModel.remove(function (err) {
-        assert.strictEqual(err, null)
-      })
-    })
+        assert.strictEqual(err, null);
+      });
+    });
 
     it('should have custom properties', function (done) {
-      assert.strictEqual(typeof FooSchema.paths.oh, 'object')
-      assert.strictEqual(typeof FooSchema.paths.hai, 'object')
-      done()
-    })
+      assert.strictEqual(typeof FooSchema.paths.oh, 'object');
+      assert.strictEqual(typeof FooSchema.paths.hai, 'object');
+      done();
+    });
 
     it('should create custom attributes', function (done) {
       bar.save(function (err, doc) {
-        assert.strictEqual(err, null)
-        assert.strictEqual(util.isDate(doc.oh), true)
-        assert.strictEqual(util.isDate(doc.hai), true)
-        done()
-      })
-    })
-  })
-})
+        assert.strictEqual(err, null);
+        assert.strictEqual(util.isDate(doc.oh), true);
+        assert.strictEqual(util.isDate(doc.hai), true);
+        done();
+      });
+    });
+  });
+});

app/tests/user.server.routes.test.js

@@ -6,24 +6,23 @@ var should = require('should'),
 	mongoose = require('mongoose'),
 	User = mongoose.model('User'),
 	config = require('../../config/config'),
-	tmpUser = mongoose.model(config.tempUserCollection);
+	tmpUser = mongoose.model(config.tempUserCollection),
+	async = require('async');
 
 /**
  * Globals
  */
-var credentials, _User, activateToken, userSession;
+var credentials, _User, userSession;
 
 /**
  * Form routes tests
  */
 describe('User CRUD tests', function() {
-	this.timeout(30000);
-
-	beforeEach(function() {
+	before(function() {
 		// Create user credentials
 		credentials = {
-			email: 'test732@test.com',
-			username: 'test732',
+			email: 'test099@test.com',
+			username: 'test099',
 			password: 'password3223'
 		};
 
@@ -31,77 +30,424 @@ describe('User CRUD tests', function() {
 		_User = {
 			email: credentials.email,
 			username: credentials.username,
-			password: credentials.password
+			password: credentials.password,
+			firstName: 'John',
+			lastName: 'Smith'
 		};
 
         //Initialize Session
         userSession = Session(app);
 	});
 
-	it(' > Create, Verify and Activate a User > ', function() {
-
-		it('should be able to create a temporary (non-activated) User', function(done) {
-			userSession.post('/auth/signup')
-				.send(_User)
-				.expect(200)
-				.end(function(FormSaveErr) {
-					// Handle error
-					should.not.exist(FormSaveErr);
-
-                    tmpUser.findOne({username: _User.username}, function (err, user) {
-                        should.not.exist(err);
+	describe(' > Create, Verify and Activate a User > ', function() {
+		this.timeout(10000);
+		it('should be able to create and activate a User', function(done) {
+			async.waterfall([
+			    function(callback) {
+			        userSession.post('/auth/signup')
+						.send(_User)
+						.expect(200)
+						.end(function(err) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			        tmpUser.findOne({username: _User.username})
+			        	.lean() 
+			        	.exec(function (err, user) {
                         should.exist(user);
 
                         _User.username.should.equal(user.username);
                         _User.firstName.should.equal(user.firstName);
                         _User.lastName.should.equal(user.lastName);
-                        activateToken = user.GENERATED_VERIFYING_URL;
-
-                        userSession.get('/auth/verify/'+activateToken)
-                            .expect(200)
-                            .end(function(VerifyErr, VerifyRes) {
-                                // Handle error
-                                if (VerifyErr) {
-					return done(VerifyErr);
-				}
-
-                                (VerifyRes.text).should.equal('User successfully verified');
-
-                                userSession.post('/auth/signin')
-                                    .send(credentials)
-                                    .expect('Content-Type', /json/)
-                                    .expect(200)
-                                    .end(function(signinErr, signinRes) {
-                                        // Handle signin error
-                                        if (signinErr) {
-						return done(signinErr);
-					}
-
-                                        var user = signinRes.body;
-                                        (user.username).should.equal(credentials.username);
-
-                                        userSession.get('/auth/signout')
-                                            .expect(200)
-                                            .end(function(signoutErr, signoutRes) {
-
-                                                // Handle signout error
-                                                if (signoutErr) {
-													return done(signoutErr);
-												}
-
-                                                (signoutRes.text).should.equal('You have successfully logged out.');
-
-                                                done();
-                                            });
-                                    });
-                            });
+                        callback(err, user.GENERATED_VERIFYING_URL);
                     });
-				});
+			    },
+			    function(activateToken, callback) {
+                    userSession.get('/auth/verify/' + activateToken)
+                        .expect(200)
+                        .end(function(err, res) {
+                            (res.text).should.equal('User successfully verified');
+                            callback(err);
+                        });
+			    },
+			    function(callback) {
+			    	userSession.post('/auth/signin')
+			            .send(credentials)
+			            .expect('Content-Type', /json/)
+			            .expect(200)
+			            .end(function(err, res) {			    
+			                (res.body.username).should.equal(credentials.username);
+			                callback(err);
+			            });
+			    },
+			    function(callback) {
+			    	userSession.get('/auth/signout')
+	                    .expect(200)
+	                    .end(function(err, res) {
+	                        (res.text).should.equal('You have successfully logged out.');
+	                        callback(err);
+	                    });
+			    },
+			    function(callback) {
+			    	User.findOne({ username: _User.username })
+			    		.lean()
+			    		.exec(function(err, user){
+			    			should.exist(user);
+			    			callback(err);
+			    		});
+			    }
+			], function (err) {
+			    done(err);
+			});         
 		});
 
+		after(function(done){
+			User.remove().exec(done);
+		});
 	});
 
-	afterEach(function(done) {
+	describe(' > Reset Password > ', function(){
+		this.timeout(10000);
+		beforeEach(function(done){
+			var UserObj = new User(_User);
+			UserObj.save(function(err){
+				done(err);
+			});
+		});
+
+		it('should be able to reset password of a created User with a valid passwordResetToken', function(done) {
+			var changedPassword = 'password1234';
+			var resetPasswordToken;
+
+			async.waterfall([
+			    function(callback) {
+			        userSession.post('/auth/forgot')
+						.send({ username: _User.username })
+						.expect(200)
+						.end(function(err) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			        User.findOne({ username: _User.username })
+			        	.lean()
+			        	.exec(function(err, user){
+			        		if(err){
+			        			callback(err);
+			        		}
+			        		callback(null, user.resetPasswordToken);
+						});
+			    },
+			    function(resetPasswordToken, callback) {
+			        userSession.get('/auth/reset/' + resetPasswordToken)
+						.expect(302)
+						.end(function(err) {
+							callback(err, resetPasswordToken);
+						});
+			    },
+			    function(resetPasswordToken, callback) {
+			    	userSession.post('/auth/reset/' + resetPasswordToken)
+			    		.send({
+			    			newPassword: changedPassword,
+			    			verifyPassword: changedPassword
+			    		})
+						.expect(200)
+						.end(function(err, res) {
+							callback(err, resetPasswordToken);
+						});
+			    },
+			    function(resetPasswordToken, callback) {
+			    	User.findOne({ username: _User.username })
+			    		.exec(function(err, user){
+			    			should.exist(user);
+			    			user.authenticate(changedPassword).should.be.true();
+			    			should.not.exist(user.resetPasswordToken);
+
+			    			callback(err);
+			    		});
+			    }
+			], function (err, result) {
+				credentials.password = changedPassword;
+				done(err);
+			});
+		});
+
+		it('should be not able to reset password of a created User with a invalid passwordResetToken', function(done) {
+			var changedPassword = 'password4321';
+			var resetPasswordToken = 'thisIsNotAValidToken';
+
+			async.waterfall([
+			    function(callback) {
+			        userSession.post('/auth/forgot')
+						.send({ username: credentials.username })
+						.expect(200)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			        userSession.get('/auth/reset/' + resetPasswordToken)
+						.expect(400)
+						.end(function(err) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			    	userSession.post('/auth/reset/' + resetPasswordToken)
+			    		.send({
+			    			newPassword: changedPassword,
+			    			verifyPassword: changedPassword
+			    		})
+						.expect(400)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			    	User.findOne({ username: _User.username })
+			    		.exec(function(err, user){
+			    			should.exist(user);
+			    			user.authenticate(changedPassword).should.be.false();
+			    			callback(err);
+			    		});
+			    }
+			], function (err, result) {
+				done(err);
+			});
+		});
+
+		afterEach(function(done){
+			User.remove({ username: credentials.username }).exec(done);
+		});
+	});
+
+	describe(' > User Profile Changes > ', function(){
+		var profileSession = new Session(app);
+
+		this.timeout(10000);
+		beforeEach(function(done){
+			var UserObj = new User(_User);
+			UserObj.save(function(err, user){
+				done(err);
+			});
+		});
+
+		it('should be able to change password when logged in', function(done) {
+			var changedPassword = 'aVeryBadPassword';
+
+			async.waterfall([
+			    function(callback) {
+			        userSession.post('/auth/signin')
+						.send({
+							username: _User.username,
+							password: _User.password
+						})
+						.expect(200)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			        userSession.post('/users/password')
+			        	.send({
+			        		currentPassword: _User.password,
+			    			newPassword: changedPassword,
+			    			verifyPassword: changedPassword
+			    		})
+						.expect(200)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			    	User.findOne({ username: _User.username })
+			    		.exec(function(err, user){
+			    			user.authenticate(changedPassword).should.be.true();
+			    			callback(err);
+			    		});
+			    }
+			], function (err) {
+				done(err);
+			});
+		});
+
+		it('should be able to update user when logged in', function(done) {
+			var newUser = {};
+	    	newUser.firstName = 'goodnight';
+	    	newUser.lastName = 'everyone';
+
+	    	newUser.email = 'grcg@gcrc.com';
+	    	newUser.username = 'grcg';
+
+			async.waterfall([
+			    function(callback) {
+			        userSession.post('/auth/signin')
+						.send({
+							username: _User.username,
+							password: _User.password
+						})
+						.expect(200)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			        userSession.put('/users')
+			        	.send(newUser)
+						.expect(200)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			    	User.findOne({ username: newUser.username })
+			    		.exec(function(err, user){
+			    			user.firstName.should.equal(newUser.firstName);
+			    			user.lastName.should.equal(newUser.lastName);
+			    			user.email.should.equal(newUser.email);
+			    			user.username.should.equal(newUser.username);
+			    			callback(err);
+			    		});
+			    }
+			], function (err) {
+				done(err);
+			});
+		});
+
+		it('should be able to fetch user when logged in', function(done) {
+			async.waterfall([
+			    function(callback) {
+			        userSession.post('/auth/signin')
+						.send({
+							username: _User.username,
+							password: _User.password
+						})
+						.expect(200)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			        userSession.get('/users/me')
+						.expect(200)
+						.end(function(err, res) {
+							var user = res.body;
+							user.firstName.should.equal(_User.firstName);
+			    			user.lastName.should.equal(_User.lastName);
+			    			user.email.should.equal(_User.email);
+			    			user.username.should.equal(_User.username);
+							callback(err);
+						});
+			    }
+			], function (err) {
+				done(err);
+			});
+		});
+
+		afterEach(function(done){
+			userSession.get('/auth/signout')
+                .end(function(err, res) {
+        			User.remove().exec(done);
+                });
+		});
+	});
+
+	describe(' > User API > ', function(){
+		var apiKey;
+
+		this.timeout(10000);
+		before(function(done){
+			var UserObj = new User(_User);
+			UserObj.save(function(err, user){
+				done(err);
+			});
+		});
+
+		it('should be able to request API Key', function(done) {
+			async.waterfall([
+			    function(callback) {
+			        userSession.post('/auth/signin')
+						.send({
+							username: _User.username,
+							password: _User.password
+						})
+						.expect(200)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			        userSession.get('/auth/genkey')
+						.expect(200)
+						.end(function(err, res) {
+							apiKey = res.body.apiKey;
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			    	userSession.get('/auth/signout')
+						.expect(200)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			        userSession.get('/users/me?apikey=' + apiKey)
+						.expect(200)
+						.end(function(err, res) {
+							var user = res.body;
+
+							user.firstName.should.equal(_User.firstName);
+			    			user.lastName.should.equal(_User.lastName);
+			    			user.email.should.equal(_User.email);
+			    			user.username.should.equal(_User.username);
+							callback(err);
+						});
+			    },
+			], function (err) {
+				done(err);
+			});
+		});
+
+		it('should be able to update user with API key', function(done) {
+			var newUser = {};
+	    	newUser.firstName = 'goodnight';
+	    	newUser.lastName = 'everyone';
+
+	    	newUser.email = 'grcg@gcrc.com';
+	    	newUser.username = 'grcg';
+
+			async.waterfall([
+			    function(callback) {
+			        userSession.put('/users?apikey=' + apiKey)
+			        	.send(newUser)
+						.expect(200)
+						.end(function(err, res) {
+							callback(err);
+						});
+			    },
+			    function(callback) {
+			    	User.findOne({ username: newUser.username })
+			    		.exec(function(err, user){
+			    			user.firstName.should.equal(newUser.firstName);
+			    			user.lastName.should.equal(newUser.lastName);
+			    			user.email.should.equal(newUser.email);
+			    			user.username.should.equal(newUser.username);
+			    			callback(err);
+			    		});
+			    }
+			], function (err) {
+				done(err);
+			});
+		});
+
+		after(function(done){
+			User.remove().exec(done);
+		});
+	});
+
+	after(function(done) {
 		User.remove().exec(function () {
 			tmpUser.remove().exec(function(){
 				userSession.destroy();

app/views/form.server.view.pug

@@ -78,13 +78,15 @@ html(lang='en', xmlns='http://www.w3.org/1999/xhtml')
 
     //Socket.io Client Dependency
     script(src='/static/lib/socket.io-client/dist/socket.io.min.js')
-    script(src='/static/lib/jquery-ui/jquery-ui.js', type='text/javascript')
 
     //Minified Bower Dependencies
     script(src='/static/lib/angular/angular.min.js')
     script(src='/static/dist/vendor.min.js')
     script(src='/static/lib/angular-ui-date/src/date.js', type='text/javascript')
 
+    script(src='/static/lib/jquery-ui/jquery-ui.js', type='text/javascript')
+    script(src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', integrity='sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa', crossorigin='anonymous')
+
     //Application JavaScript Files
     each jsFile in formJSFiles
       script(type='text/javascript', src=jsFile)

app/views/index.server.view.pug

@@ -3,7 +3,9 @@ extends layout.server.view.pug
 block content
 	section.content(ui-view='', ng-cloak='')
 
-	script(src='/static/lib/file-saver.js/FileSaver.js', type='text/javascript')
+
+	link(rel='stylesheet', href='/static/lib/jquery-ui/themes/flick/jquery-ui.min.css')
+	script(src='/static/lib/jquery/jquery.min.js')
 
 	//Embedding The User Object
 	script(type='text/javascript').

app/views/layout.server.view.pug

@@ -31,8 +31,8 @@ html(lang='en', xmlns='http://www.w3.org/1999/xhtml')
 
     // Fav Icon 
     link(href='/static/modules/core/img/brand/favicon.ico', rel='shortcut icon', type='image/x-icon')
-    link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css')
-    link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', integrity='sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u', crossorigin='anonymous')
+    link(rel='stylesheet', href='/static/lib/font-awesome/css/font-awesome.min.css')
+    link(rel='stylesheet', href='/static/lib/bootstrap/dist/css/bootstrap.min.css')
     link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900')
 
     //Bower CSS dependencies  
@@ -40,7 +40,6 @@ html(lang='en', xmlns='http://www.w3.org/1999/xhtml')
       link(rel='stylesheet', href=bowerCssFile)
     link(rel='stylesheet', href='/static/lib/angular-input-stars/angular-input-stars.css')
     link(rel='stylesheet', href='/static/lib/jquery-ui/themes/flick/jquery-ui.css')
-    link(rel='stylesheet', href='/static/modules/core/css/github-fork-ribbon.css')
     // end Bower CSS dependencies
 
     //Application CSS Files

bower.json

@@ -25,7 +25,6 @@
     "angular-permission": "~1.1.1",
     "file-saver.js": "~1.20150507.2",
     "angular-bootstrap-colorpicker": "~3.0.19",
-    "angular-ui-router-tabs": "~1.7.0",
     "angular-scroll": "^1.0.0",
     "angular-sanitize": "1.4.14",
     "v-button": "^1.1.1",
@@ -33,7 +32,6 @@
     "raven-js": "^3.0.4",
     "tableExport.jquery.plugin": "^1.5.1",
     "js-yaml": "^3.6.1",
-    "angular-ui-select": "https://github.com/tellform/ui-select.git#compiled",
     "angular-translate": "~2.11.0",
     "ng-translate": "*",
     "deep-diff": "^0.3.4",
@@ -42,17 +40,22 @@
     "mobile-detect": "^1.3.3",
     "socket.io-client": "^1.7.2",
     "css-toggle-switch": "^4.0.2",
-    "angular-strap": "^2.3.12"
+    "angular-strap": "^2.3.12",
+    "textAngular": "^1.5.16",
+    "angular-ui-select": "^0.19.8",
+    "angular-bootstrap-switch": "^0.5.2",
+    "jquery": "^3.2.1"
   },
   "resolutions": {
     "angular-bootstrap": "^0.14.0",
     "angular": "1.4.14",
-    "angular-ui-select": "compiled",
     "jspdf": "~1.0.178",
     "angular-sanitize": "1.4.14",
     "angular-ui-sortable": "^0.17.1",
     "angular-ui-date": "~0.0.11",
-    "angular-input-stars-directive": "master"
+    "angular-input-stars-directive": "master",
+    "angular-ui-select": "^0.19.8",
+    "jquery": "^3.2.1"
   },
   "overrides": {
     "BOWER-PACKAGE": {

config/env/secure.js

@@ -1,60 +0,0 @@
-'use strict';
-
-module.exports = {
-	baseUrl: 'https://forms.polydaic.com',
-	port: 8443,
-	db: {
-		uri: process.env.MONGOHQ_URL || process.env.MONGOLAB_URI || process.env.MONGODB_URI || 'mongodb://127.0.0.1/mean',
-		options: {
-			user: '',
-			pass: ''
-		}
-	},
-	log: {
-		// Can specify one of 'combined', 'common', 'dev', 'short', 'tiny'
-		format: 'combined',
-		// Stream defaults to process.stdout
-		// Uncomment to enable logging to a log on the file system
-		options: {
-			stream: 'access.log'
-		}
-	},
-
-	sessionCookie: {
-		path: '/',
-		httpOnly: false,
-		// If secure is set to true then it will cause the cookie to be set
-		// only when SSL-enabled (HTTPS) is used, and otherwise it won't
-		// set a cookie. 'true' is recommended yet it requires the above
-		// mentioned pre-requisite.
-		secure: true,
-		// Only set the maxAge to null if the cookie shouldn't be expired
-		// at all. The cookie will expunge when the browser is closed.
-		maxAge: 7200,
-		// To set the cookie in a specific domain uncomment the following
-		// setting:
-		domain: process.env.BASE_URL || 'localhost:3000'
-	},
-	assets: {
-		css: 'public/dist/application.min.css',
-		js: 'public/dist/application.min.js'
-	},
-	mailer: {
-		from: process.env.MAILER_FROM || '',
-		options: process.env.MAILER_SMTP_HOST ? { //Uses custom SMTP if MAILER_SMTP_HOST is set
-			host: process.env.MAILER_SMTP_HOST || '',
-			port: process.env.MAILER_SMTP_PORT || 587,
-			secure: process.env.MAILER_SMTP_SECURE || true,
-			auth: {
-				user: process.env.MAILER_EMAIL_ID || '',
-				pass: process.env.MAILER_PASSWORD || ''
-			}
-		} : {
-			service: process.env.MAILER_SERVICE_PROVIDER || '',
-			auth: {
-				user: process.env.MAILER_EMAIL_ID || '',
-				pass: process.env.MAILER_PASSWORD || ''
-			}
-		}
-	}
-};

config/express.js

@@ -39,8 +39,9 @@ var configureSocketIO = function (app, db) {
 var supportedLanguages = ['en', 'de', 'fr', 'it', 'es'];
 
 function containsAnySupportedLanguages(preferredLanguages){
-	for (var i = 0; i < preferredLanguages.length; i++) {
-		var currIndex = supportedLanguages.indexOf(preferredLanguages[i]);
+	var i, currIndex;
+	for (i = 0; i < preferredLanguages.length; i++) {
+		currIndex = supportedLanguages.indexOf(preferredLanguages[i]);
 	    if (currIndex > -1) {
 	        return supportedLanguages[currIndex];
 	    }
@@ -226,7 +227,6 @@ module.exports = function(db) {
 
 	// Setting the app router and static folder
 	app.use('/static', express.static(path.resolve('./public')));
-	app.use('/uploads', express.static(path.resolve('./uploads')));
 
 	// CookieParser should be above session
 	app.use(cookieParser());
@@ -261,6 +261,7 @@ module.exports = function(db) {
 	//Visitor Language Detection
 	app.use(function(req, res, next) {
 		var acceptLanguage = req.headers['accept-language'];
+
 		var languages, supportedLanguage;
 
 		if(acceptLanguage){
@@ -270,13 +271,12 @@ module.exports = function(db) {
 
 		if(!req.user && supportedLanguage !== null){
 			var currLanguage = res.cookie('userLang');
-
 			if(currLanguage && currLanguage !== supportedLanguage || !currLanguage){
 				res.clearCookie('userLang');
 				res.cookie('userLang', supportedLanguage, { maxAge: 90000, httpOnly: true });
+			} else if(req.user && (!req.cookies.hasOwnProperty('userLang') || req.cookies.userLang !== req.user.language) ){
+				res.cookie('userLang', req.user.language, { maxAge: 90000, httpOnly: true });
 			}
-		} else if(req.user && (!req.cookies.hasOwnProperty('userLang') || req.cookies['userLang'] !== req.user.language) ){
-			res.cookie('userLang', req.user.language, { maxAge: 90000, httpOnly: true });
 		}
 		next();
 	});
@@ -337,22 +337,6 @@ module.exports = function(db) {
 		});
 	});
 
-	if (process.env.NODE_ENV === 'secure') {
-		// Load SSL key and certificate
-		var privateKey = fs.readFileSync('./config/sslcerts/key.pem', 'utf8');
-		var certificate = fs.readFileSync('./config/sslcerts/cert.pem', 'utf8');
-
-		// Create HTTPS Server
-		var httpsServer = https.createServer({
-			key: privateKey,
-			cert: certificate
-		}, app);
-
-		// Return HTTPS server instance
-		return httpsServer;
-	}
-
-
 	app = configureSocketIO(app, db);
 
 	// Return Express server instance

config/logger.js

@@ -63,7 +63,6 @@ logger.setupFileLogger = function setupFileLogger() {
 
     return false;
   }
-
 };
 
 /**
@@ -76,7 +75,7 @@ logger.getLogOptions = function getLogOptions() {
   var _config = _.clone(config, true);
   var configFileLogger = _config.log.fileLogger;
   
-  if (!_.has(_config, 'log.fileLogger.directoryPath') || !_.has(_config, 'log.fileLogger.fileName')) {
+  if (process.env.NODE_ENV !== 'test' && !_.has(_config, 'log.fileLogger.directoryPath') || !_.has(_config, 'log.fileLogger.fileName')) {
     console.log('unable to find logging file configuration');
     return false;
   }
@@ -97,7 +96,6 @@ logger.getLogOptions = function getLogOptions() {
     handleExceptions: true,
     humanReadableUnhandledException: true
   };
-
 };
 
 /**

config/passport_helpers.js

@@ -6,14 +6,24 @@ module.exports.isAuthenticatedOrApiKey = function isAuthenticated(req, res, next
 	if (req.isAuthenticated()) {
 		return next();
 	}
+
 	// Try authenticate with API KEY
 	if (req.headers.apikey || req.query.apikey || req.body.apikey) {
-		passport.authenticate('localapikey', function (err, user, info) {
-			if (err)
-				return res.sendStatus(500);
+		if(!req.body.apikey && req.headers.apikey){
+			req.body.apikey = req.headers.apikey;
+		} else if(!req.query.apikey && req.headers.apikey){
+			req.query.apikey = req.headers.apikey;
+		}
 
-			if (!user)
+		passport.authenticate('localapikey', function (err, user, info) {
+			if (err) {
+				return res.status(500).send('Internal Server Error with API. Sorry about that!');
+			}
+
+			if (!user) {
+				console.log('no user for apikey');
 				return res.status(401).send(info.message || '');
+			}
 
 			req.login(user, function(loginErr) {
 				if (loginErr) return res.sendStatus(500);
@@ -28,23 +38,3 @@ module.exports.isAuthenticatedOrApiKey = function isAuthenticated(req, res, next
 	}
 };
 
-
-module.exports.hasRole = function hasRole(roleRequired) {
-	if (!roleRequired) {
-		throw new Error('Required role needs to be set');
-	}
-
-	return function(req, res, next) {
-		return module.exports.isAuthenticated(req, res, function() {
-			if (req.user && req.user.roles && req.user.roles.indexOf(roleRequired) !== -1){
-				return next();
-			}
-			return res.sendStatus(403);
-		});
-	};
-};
-
-module.exports.hasAdminRole = function hasAdminRole() {
-	return module.exports.hasRole('admin');
-};
-

config/strategies/apikey.js

@@ -11,13 +11,15 @@ module.exports = function() {
 		return User.findOne({
 			'apiKey': apiKey
 		}, function(err, user) {
-			if (err)
+			if (err) {
 				return done(err);
+			}
 
-			if (!user)
+			if (!user){
 				return done(null, false, {
 					message: 'Unknown API Key'
 				});
+			}
 
 			return done(null, user);
 		});

gruntfile.js

@@ -204,63 +204,23 @@ module.exports = function(grunt) {
 			    singleRun: true
             }
 		},
-		protractor: {
-			options: {
-				configFile: 'protractor.conf.js',
-				keepAlive: true,
-				noColor: false
-			},
-			e2e: {
-				options: {
-					args: {} // Target-specific arguments
-				}
-			}
-	    },
 	    mocha_istanbul: {
-            coverage: {
-                src: watchFiles.allTests, // a folder works nicely
-                options: {
-                    mask: '*.test.js',
-                    require: ['server.js']
-                }
-            },
-            coverageClient: {
-                src: watchFiles.clientTests, // specifying file patterns works as well
-                options: {
-                    coverageFolder: 'coverageClient',
-                    mask: '*.test.js',
-                    require: ['server.js']
-                }
-            },
             coverageServer: {
                 src: watchFiles.serverTests,
                 options: {
                     coverageFolder: 'coverageServer',
                     mask: '*.test.js',
-                    require: ['server.js']
-                }
-            },
-            coveralls: {
-                src: watchFiles.allTests, // multiple folders also works
-                options: {
-                	require: ['server.js'],
-                    coverage: true, // this will make the grunt.event.on('coverage') event listener to be triggered
-                    root: './lib', // define where the cover task should consider the root of libraries that are covered by tests
-                    reportFormats: ['cobertura','lcovonly']
+                    require: ['server.js'],
+                    reportFormats: ['html','lcovonly']
                 }
             }
         },
-        istanbul_check_coverage: {
-          default: {
-            options: {
-              coverageFolder: 'coverage*', // will check both coverage folders and merge the coverage results
-              check: {
-                lines: 80,
-                statements: 80
-              }
-            }
-          }
-        },
+        lcovMerge: {
+	      options: {
+	          emitters: ['event'],
+	      },
+	      src: ['./coverageServer/*.info', './coverageClient/lcov-report/*.info']
+	    },
 		html2js: {
 			options: {
 				base: 'public',
@@ -287,7 +247,7 @@ module.exports = function(grunt) {
 				options: {
 					module: 'TellForm.templates'
 				},
-				src: ['public/modules/**/views/**.html', 'public/modules/**/views/**/*.html', 'public/form_modules/forms/base/**/*.html', '!public/modules/forms/base/**/*.html'],
+				src: ['public/modules/**/views/**.html', 'public/modules/**/views/**/*.html', 'public/form_modules/forms/base/**/*.html'],
 				dest: 'public/dist/populate_template_cache.js'
 			}
 		},
@@ -323,9 +283,7 @@ module.exports = function(grunt) {
 	});
 
 	// Code coverage tasks.
-	grunt.registerTask('coveralls', ['env:test','mocha_istanbul:coveralls']);
-    grunt.registerTask('coverage', ['env:test', 'mocha_istanbul:coverage']);
-    grunt.registerTask('coverage:client', ['env:test', 'mocha_istanbul:coverageClient']);
+	grunt.registerTask('coveralls', ['test:client', 'karma:unit', 'mocha_istanbul:coverageServer', 'lcovMerge']);
     grunt.registerTask('coverage:server', ['env:test', 'mocha_istanbul:coverageServer']);
 
 	// Default task(s).
@@ -339,7 +297,7 @@ module.exports = function(grunt) {
 	grunt.registerTask('secure', ['env:secure', 'lint', 'html2js:main', 'html2js:forms', 'concurrent:default']);
 
 	// Lint task(s).
-	grunt.registerTask('lint', ['jshint', 'csslint', 'i18nlint:client', 'i18nlint:server']);
+	grunt.registerTask('lint', ['jshint', 'csslint']);
 	grunt.registerTask('lint:tests', ['jshint:allTests']);
 
 	// Build task(s).
@@ -349,9 +307,11 @@ module.exports = function(grunt) {
 	grunt.registerTask('setup', ['execute']);
 
 	// Test task(s).
-	grunt.registerTask('test', ['lint:tests', 'test:server', 'test:client']);
+	grunt.registerTask('test', ['test:server', 'test:client']);
 	grunt.registerTask('test:server', ['lint:tests', 'env:test', 'mochaTest']);
 	grunt.registerTask('test:client', ['lint:tests', 'html2js:main', 'html2js:forms', 'env:test', 'karma:unit']);
+	grunt.registerTask('test:travis', ['coverage:server', 'test:client', 'lcovMerge']);
+
 
 	grunt.registerTask('testdebug', ['env:test', 'karma:debug']);
 };

karma.conf.js

@@ -29,11 +29,20 @@ module.exports = function(config) {
 		    'public/modules/**/views/**/*.html': ['ng-html2js'],
 		    'public/modules/**/views/*.html': ['ng-html2js'],
 		    'public/form_modules/forms/base/views/**/*.html': ['ng-html2js'],
-		    'public/form_modules/forms/base/views/*.html': ['ng-html2js']
-		    //'public/modules/*/*.js': ['coverage'],
-			//'public/modules/*/*[!tests]*/*.js': ['coverage'],
+		    'public/form_modules/forms/base/views/*.html': ['ng-html2js'],
+		    'public/modules/*/*.js': ['coverage'],
+			'public/modules/*/*[!tests]*/*.js': ['coverage']
 		},
 
+		// configure coverage reporter
+	    coverageReporter: {
+	      	reporters: [
+	      		{ type: 'html', subdir: 'report-html' },
+        		{ type: 'lcov', subdir: 'report-lcov' },
+          	],
+	      	dir : 'coverageClient/'
+	    },
+
 		ngHtml2JsPreprocessor: {
 		    stripPrefix: 'public/',
 		    prependPrefix: 'static/',

package.json

@@ -21,7 +21,8 @@
     "generate": "all-contributors generate",
     "start": "grunt",
     "test": "grunt test",
-    "postinstall": "bower install --config.interactive=false",
+    "travis": "grunt test:travis",
+    "postinstall": "bower install --config.interactive=false; grunt build;",
     "init": "node scripts/setup.js"
   },
   "dependencies": {
@@ -41,7 +42,7 @@
     "express": "~4.13.3",
     "express-session": "~1.12.1",
     "glob": "^7.0.3",
-    "grunt": "~0.4.1",
+    "grunt": "^0.4.5",
     "grunt-concurrent": "~2.3.0",
     "grunt-contrib-csslint": "~1.0.0",
     "grunt-contrib-cssmin": "~1.0.1",
@@ -72,7 +73,6 @@
     "request": "^2.83.0",
     "socket.io": "^1.4.6",
     "socket.io-redis": "^1.0.0",
-    "swig": "~1.4.1",
     "uuid-token-generator": "^0.5.0",
     "winston": "^2.3.1"
   },
@@ -89,8 +89,8 @@
     "grunt-contrib-uglify": "^0.11.1",
     "grunt-contrib-watch": "~0.6.1",
     "grunt-execute": "^0.2.2",
-    "grunt-i18nlint": "github:jwarby/grunt-i18nlint",
     "grunt-karma": "~0.12.1",
+    "grunt-lcov-merge": "^1.2.3",
     "grunt-mocha-istanbul": "^3.0.1",
     "grunt-mocha-test": "~0.12.1",
     "grunt-newer": "~1.1.1",
@@ -98,7 +98,7 @@
     "grunt-usemin": "^3.1.1",
     "grunt-wiredep": "^3.0.1",
     "istanbul": "^0.4.0",
-    "jasmine-core": "^2.4.1",
+    "jasmine-core": "^2.6",
     "karma": "~0.13.14",
     "karma-chrome-launcher": "~0.2.1",
     "karma-coverage": "~0.5.3",
@@ -111,7 +111,7 @@
     "mocha": "^3.1.2",
     "mocha-lcov-reporter": "^1.0.0",
     "nightwatch": "^0.9.8",
-    "phantomjs": "^1.9.18",
+    "phantomjs-prebuilt": "^2.1.15",
     "selenium-server": "^3.0.1",
     "should": "~7.1.1",
     "supertest": "~1.2.0",

public/config.js

@@ -4,7 +4,7 @@
 var ApplicationConfiguration = (function() {
 	// Init module configuration options
 	var applicationModuleName = 'TellForm';
-	var applicationModuleVendorDependencies = ['duScroll', 'ui.select', 'ngSanitize', 'vButton', 'ngResource', 'TellForm.templates', 'ui.router', 'ui.bootstrap', 'ui.utils', 'pascalprecht.translate', 'view-form'];
+	var applicationModuleVendorDependencies = ['duScroll', 'ui.select', 'ngSanitize', 'vButton', 'ngResource', 'TellForm.templates', 'ui.router', 'ui.bootstrap', 'ui.utils', 'pascalprecht.translate'];
 
 	// Add a new vertical module
 	var registerModule = function(moduleName, dependencies) {

public/form_modules/forms/base/css/form.css

@@ -372,7 +372,6 @@ div.config-form .row.field {
     background-color:#efefef;
 }
 
-
 /*Styles for add fields tab*/
 .admin-form .add-field {
     background-color: #ddd;
@@ -389,10 +388,6 @@ div.config-form .row.field {
             border-radius: 4px;
         }
 
-        .admin-form .oscar-field-select {
-            margin: 10px 0 10px;
-        }
-
 .view-form-btn.span {
     padding-right:0.6em;
 }

public/form_modules/forms/base/directives/submit-form.client.directive.js

@@ -285,8 +285,6 @@ angular.module('view-form').directive('submitFormDirective', ['$http', 'TimeCoun
                 };
 
                 $rootScope.prevField = $scope.prevField = function(){
-                	console.log('prevField');
-                	console.log($scope.selected);
                 	var selected_index = $scope.selected.index - 1;
                     if($scope.selected.index > 0){
                         $scope.setActiveField(null, selected_index, true);
@@ -380,17 +378,6 @@ angular.module('view-form').directive('submitFormDirective', ['$http', 'TimeCoun
 						if($scope.myform.form_fields[i].fieldType === 'dropdown' && !$scope.myform.form_fields[i].deletePreserved){
 							$scope.myform.form_fields[i].fieldValue = $scope.myform.form_fields[i].fieldValue.option_value;
 						}
-						
-						//Get rid of unnessecary attributes for each form field
-						delete form.form_fields[i].submissionId;
-                        			delete form.form_fields[i].disabled;
-                        			delete form.form_fields[i].ratingOptions;
-                       				delete form.form_fields[i].fieldOptions;
-                        			delete form.form_fields[i].logicJump;
-                        			delete form.form_fields[i].description;
-                        			delete form.form_fields[i].validFieldTypes;
-                        			delete form.form_fields[i].fieldType;	
-					 
 					}
 
 					setTimeout(function () {

public/form_modules/forms/base/views/directiveViews/field/dropdown.html

@@ -15,11 +15,10 @@
     </div>
     <div class="col-xs-12 field-input">
 		<ui-select ng-model="field.fieldValue"
+				class="dropdown"
 		 		ng-focus="setActiveField(field._id, null, false)"
                 theme="selectize"
 			    search-enabled="true"
-			    search-by="option_value"
-			    set-search-to-answer="true"
 				ng-required="field.required"
 			    on-tab-and-shift-key="prevField()"
 			    on-tab-key="nextField()"

public/modules/core/config/core.client.routes.js

@@ -20,7 +20,7 @@ angular.module(ApplicationConfiguration.applicationModuleName).run(['$rootScope'
 				state: fromState,
 				params: fromParams
 			}
-
+			
 			var statesToIgnore = ['', 'home', 'signin', 'resendVerifyEmail', 'verify', 'signup', 'signup-success', 'forgot', 'reset-invalid', 'reset', 'reset-success'];
 
 			//Redirect to listForms if user is authenticated

public/modules/forms/admin/config/i18n/english.js

@@ -6,16 +6,30 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 
 		//Configure Form Tab View
 		ADVANCED_SETTINGS: 'Advanced Settings',
-		FORM_NAME: 'Form Name',
-		FORM_STATUS: 'Form Status',
+		FORM_NAME: 'Your tellform is called',
+		FORM_STATUS: 'Status',
 		PUBLIC: 'Public',
 		PRIVATE: 'Private',
 		GA_TRACKING_CODE: 'Google Analytics Tracking Code',
-		DISPLAY_FOOTER: 'Display Form Footer?',
+		DISPLAY_FOOTER: 'Form Footer',
 		SAVE_CHANGES: 'Save Changes',
 		CANCEL: 'Cancel',
-		DISPLAY_START_PAGE: 'Display Start Page?',
-		DISPLAY_END_PAGE: 'Display Custom End Page?',
+		DISPLAY_START_PAGE: 'Start Page',
+		DISPLAY_END_PAGE: 'Custom End Page',
+		GENERAL_TAB: 'General',
+		SELF_NOTIFICATIONS_TAB: 'Self notifications',
+		RESPONDENT_NOTIFICATIONS_TAB: 'Respondent notifications',
+
+		SEND_NOTIFICATION_TO: 'Send to',
+		NO_EMAIL_FIELD_WARNING: 'Error: You need an email field in your form to send the email to your form respondent',
+		REPLY_TO: 'Reply to',
+		EMAIL_SUBJECT: 'Subject',
+		EMAIL_MESSAGE: 'Message',
+		ENABLE_RESPONDENT_NOTIFICATIONS: 'Respondent Notifications are currently',
+		ENABLE_SELF_NOTIFICATIONS: 'Self Notifications are currently',
+		TOGGLE_ENABLED: 'Enabled',
+		TOGGLE_DISABLED: 'Disabled',
+		ADD_VARIABLE_BUTTON: 'Add variable',
 
 		//List Forms View
 		CREATE_A_NEW_FORM: 'Create a new form',
@@ -35,6 +49,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		LOGIC_JUMP: 'Logic Jump',
 		SHOW_BUTTONS: 'Additional Buttons',
 		SAVE_START_PAGE: 'Save',
+		ADD_OPTIONS_PLACEHOLDER: 'Add one choice per line. Minumum of one choice is required',
 
 		//Admin Form View
 		ARE_YOU_SURE: 'Are you ABSOLUTELY sure?',
@@ -47,7 +62,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		DELETE_FORM_MD: 'Delete Form',
 		DELETE: 'Delete',
 		FORM: 'Form',
-		VIEW: 'View',
+		VIEW_MY_TELLFORM: 'View my tellform',
 		LIVE: 'Live',
 		PREVIEW: 'Preview',
 		COPY: 'Copy',
@@ -153,7 +168,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 	    MULTIPLE_CHOICE: 'Multiple Choice',
 	    DROPDOWN: 'Dropdown',
 	    DATE: 'Date',
-	    PARAGRAPH_T: 'Paragraph',
+	    PARAGRAPH_FIELD: 'Paragraph',
 	    YES_NO: 'Yes/No',
 	    LEGAL: 'Legal',
 	    RATING: 'Rating',

public/modules/forms/admin/config/i18n/french.js

@@ -5,16 +5,31 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
   	$translateProvider.translations('fr', {
     	// Configurer la vue de l'onglet Formulaire
 		ADVANCED_SETTINGS: 'Paramètres avancés',
-		FORM_NAME: "Nom du formulaire",
-		FORM_STATUS: 'Statut du formulaire',
+		FORM_NAME: "Votre tellform est appelé",
+		FORM_STATUS: 'Statut',
 		PUBLIC: 'Public',
 		PRIVATE: "Privé",
 		GA_TRACKING_CODE: "Code de suivi Google Analytics",
-		DISPLAY_FOOTER: "Afficher le pied de formulaire?",
+		DISPLAY_FOOTER: "Pied de formulaire",
 		SAVE_CHANGES: 'Enregistrer les modifications',
 		CANCEL: 'Annuler',
-		DISPLAY_START_PAGE: "Afficher la page de démarrage?",
-		DISPLAY_END_PAGE: "Afficher la page de fin personnalisée?",
+		DISPLAY_START_PAGE: "Page de démarrage",
+		DISPLAY_END_PAGE: "Page de fin personnalisée",
+
+		GENERAL_TAB: 'General',
+		SELF_NOTIFICATIONS_TAB: 'Self notifications',
+		RESPONDANT_NOTIFICATIONS_TAB: 'Respondent notifications',
+
+		SEND_NOTIFICATION_TO: 'Envoyer à',
+		NO_EMAIL_FIELD_WARNING: 'Erreur: Vous avez besoin d\'un champ e-mail dans votre formulaire pour envoyer l\'e-mail au répondant de votre formulaire',
+		REPLY_TO: "Répondre à",
+		EMAIL_SUBJECT: 'Sujet',
+		EMAIL_MESSAGE: "Message",
+		ENABLE_RESPONDENT_NOTIFICATIONS: 'Les notifications des répondants sont actuellement',
+		ENABLE_SELF_NOTIFICATIONS: 'Les notifications automatiques sont actuellement',
+		TOGGLE_ENABLED: 'Activé',
+		TOGGLE_DISABLED: 'Désactivé',
+		ADD_VARIABLE_BUTTON: "Ajouter une variable",
 
 		// Afficher les formulaires
 		CREATE_A_NEW_FORM: "Créer un nouveau formulaire",
@@ -34,6 +49,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		LOGIC_JUMP: 'Saut logique',
 		SHOW_BUTTONS: 'Boutons supplémentaires',
 		SAVE_START_PAGE: "Enregistrer",
+		ADD_OPTIONS_PLACEHOLDER: "Ajouter un choix par ligne. Un minimum d'un choix est requis",
 
 		// Affichage du formulaire d'administration
 		ARE_YOU_SURE: 'Es-tu ABSOLUMENT sûr?',
@@ -46,7 +62,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		DELETE_FORM_MD: "Supprimer le formulaire",
 		DELETE: "Supprimer",
 		FORM: 'Formulaire',
-		VIEW: "Afficher",
+		VIEW_MY_TELLFORM: "Afficher ma forme",
 		LIVE: "Live",
 		PREVIEW: 'Aperçu',
 		COPY: "Copier",
@@ -152,7 +168,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		MULTIPLE_CHOICE: 'Choix multiple',
 		DROPDOWN: 'Menu Déroulant',
 		DATE: 'Date',
-		PARAGRAPH_T: "Paragraphe",
+		PARAGRAPH_FIELD: "Paragraphe",
 		OUI_NON: 'Oui / Non',
 		LEGAL: 'Légal',
 		RATING: "Évaluation",

public/modules/forms/admin/config/i18n/german.js

@@ -5,16 +5,31 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 	$translateProvider.translations('de', {
 		// Konfigurieren der Formularregisterkarte
 		ADVANCED_SETTINGS: 'Erweiterte Einstellungen',
-		FORM_NAME: 'Formularname',
-		FORM_STATUS: 'Formularstatus',
+		FORM_NAME: 'Ihr tellform heißt',
+		FORM_STATUS: 'Status',
 		PUBLIC: 'Öffentlich',
 		PRIVATE: 'Privat',
 		GA_TRACKING_CODE: 'Google Analytics Tracking-Code',
-		DISPLAY_FOOTER: 'Formularfußzeile anzeigen?',
+		DISPLAY_FOOTER: 'Fußzeile',
 		SAVE_CHANGES: 'Änderungen speichern',
 		CANCEL: 'Abbrechen',
-		DISPLAY_START_PAGE: 'Startseite anzeigen?',
-		DISPLAY_END_PAGE: 'Benutzerdefinierte Endseite anzeigen?',
+		DISPLAY_START_PAGE: 'Startseite',
+		DISPLAY_END_PAGE: 'Benutzerdefinierte Endseite',
+
+		GENERAL_TAB: 'Allgemein',
+		SELF_NOTIFICATIONS_TAB: 'Selbstbenachrichtigungen',
+		RESPONDANT_NOTIFICATIONS_TAB: 'Beantwortungsbenachrichtigungen',
+
+		SEND_NOTIFICATION_TO: 'Senden an',
+		NO_EMAIL_FIELD_WARNING: 'Fehler: Sie benötigen ein E-Mail-Feld in Ihrem Formular, um die E-Mail an Ihr Formular zu senden.',
+		REPLY_TO: 'Antworten auf',
+		EMAIL_SUBJECT: "Betreff",
+		EMAIL_MESSAGE: 'Nachricht',
+		ENABLE_RESPONDENT_NOTIFICATIONS: 'Antwortbenachrichtigungen sind derzeit',
+		ENABLE_SELF_NOTIFICATIONS: 'Selbstbenachrichtigungen sind derzeit',
+		TOGGLE_ENABLED: 'Aktiviert',
+		TOGGLE_DISABLED: 'Deaktiviert',
+		ADD_VARIABLE_BUTTON: 'Variable hinzufügen',
 
 		// Listenformularansicht
 		CREATE_A_NEW_FORM: 'Erstelle ein neues Formular',
@@ -34,6 +49,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		LOGIC_JUMP: 'Logischer Sprung',
 		SHOW_BUTTONS: 'Zusätzliche Schaltflächen',
 		SAVE_START_PAGE: 'Speichern',
+		ADD_OPTIONS_PLACEHOLDER: 'Fügen Sie eine Auswahl pro Zeile hinzu. Mindestens eine Wahl ist erforderlich.',
 
 		// Admin-Formularansicht
 		ARE_YOU_SURE: "Bist du ABSOLUT sicher?",
@@ -46,7 +62,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		DELETE_FORM_MD: 'Formular löschen',
 		DELETE: 'Löschen',
 		FORM: 'Formular',
-		VIEW: 'Ansicht',
+		VIEW_MY_TELLFORM: 'Mein tellform anzeigen',
 		LIVE: 'Leben',
 		PREVIEW: 'Vorschau',
 		COPY: 'Kopieren',
@@ -151,7 +167,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		MULTIPLE_CHOICE: 'Mehrfachauswahl',
 		DROPDOWN: 'Dropdown-Liste',
 		DATE: 'Datum',
-		PARAGRAPH_T: "Absatz",
+		PARAGRAPH_FIELD: "Absatz",
 		YES_NO: 'Ja / Nein',
 		LEGAL: "Rechtliche",
 		RATING: 'Bewertung',

public/modules/forms/admin/config/i18n/italian.js

@@ -5,16 +5,31 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
   	$translateProvider.translations('it', {
 		// Configura la visualizzazione scheda modulo
 		ADVANCED_SETTINGS: 'Impostazioni avanzate',
-		FORM_NAME: 'Nome modulo',
-		FORM_STATUS: 'Stato modulo',
+		FORM_NAME: 'Il tuo tellform è chiamato',
+		FORM_STATUS: 'Stato',
 		PUBLIC: 'pubblico',
 		PRIVATE: 'Privato',
 		GA_TRACKING_CODE: 'Codice di monitoraggio di Google Analytics',
-		DISPLAY_FOOTER: 'Visualizza piè di pagina?',
+		DISPLAY_FOOTER: 'Piè di pagina',
 		SAVE_CHANGES: 'Salva modifiche',
 		CANCEL: 'Annulla',
-		DISPLAY_START_PAGE: 'Visualizza pagina iniziale?',
-		DISPLAY_END_PAGE: 'Mostra pagina finale personalizzata?',
+		DISPLAY_START_PAGE: 'Pagina iniziale',
+		DISPLAY_END_PAGE: 'Pagina finale personalizzata',
+
+		GENERAL_TAB: 'Generale',
+		SELF_NOTIFICATIONS_TAB: 'Autodiagnosi',
+		RESPONDANT_NOTIFICATIONS_TAB: 'Notifiche rispondenti',
+
+		SEND_NOTIFICATION_TO: 'Invia a',
+		NO_EMAIL_FIELD_WARNING: 'Errore: Hai bisogno di un campo e-mail nel tuo modulo per inviare l\'email al tuo interlocutore',
+		REPLY_TO: 'Rispondi a',
+		EMAIL_SUBJECT: 'Oggetto',
+		EMAIL_MESSAGE: 'Messaggio',
+		ENABLE_RESPONDENT_NOTIFICATIONS: 'Notifiche rispondenti sono attualmente',
+		ENABLE_SELF_NOTIFICATIONS: 'Le notifiche auto sono attualmente',
+		TOGGLE_ENABLED: 'Abilitato',
+		TOGGLE_DISABLED: 'disabilitato',
+		ADD_VARIABLE_BUTTON: 'Aggiungi variabile',
 
 		// Visualizzazione dei moduli di elenco
 		CREATE_A_NEW_FORM: 'Crea un nuovo modulo',
@@ -34,6 +49,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		LOGIC_JUMP: 'Jump Logic',
 		SHOW_BUTTONS: 'Pulsanti aggiuntivi',
 		SAVE_START_PAGE: 'Salva',
+		ADD_OPTIONS_PLACEHOLDER: "Aggiungi una scelta per riga. È necessario un minimo di una scelta.",
 
 		// Visualizzazione modulo di amministrazione
 		ARE_YOU_SURE: 'Sei ASSOLUTAMENTE sicuro?',
@@ -46,7 +62,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		DELETE_FORM_MD: 'Elimina modulo',
 		DELETE: 'Elimina',
 		FORM: 'Forma',
-		VIEW: 'Visualizza',
+		VIEW_MY_TELLFORM: 'Visualizza la mia informazione',
 		LIVE: 'Live',
 		PREVIEW: 'Anteprima',
 		COPY: 'Copia',
@@ -152,7 +168,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		MULTIPLE_CHOICE: 'Scelta multipla',
 		DROPDOWN: 'Dropdown',
 		DATE: 'Data',
-		PARAGRAPH_T: 'Paragrafo',
+		PARAGRAPH_FIELD: 'Paragrafo',
 		YES_NO: 'Sì / no',
 		LEGAL: 'Legale',
 		RATING: 'Valutazione',

public/modules/forms/admin/config/i18n/spanish.js

@@ -3,19 +3,33 @@
 angular.module('forms').config(['$translateProvider', function ($translateProvider) {
 
 	$translateProvider.translations('es', {
-
 		//Configure Form Tab View
 		ADVANCED_SETTINGS: 'Configuraciones avanzadas',
-		FORM_NAME: 'Nombre del formulario',
-		FORM_STATUS: 'Estado del formulario',
+		FORM_NAME: 'Tu tellform se llama',
+		FORM_STATUS: 'Estado',
 		PUBLIC: 'Público',
 		PRIVATE: 'Privado',
 		GA_TRACKING_CODE: 'Código de Google Analytics',
-		DISPLAY_FOOTER: '¿Mostrar pie de página?',
+		DISPLAY_FOOTER: 'Pie de página',
 		SAVE_CHANGES: 'Grabar',
 		CANCEL: 'Cancelar',
-		DISPLAY_START_PAGE: '¿Mostrar página de inicio?',
-		DISPLAY_END_PAGE: '¿Mostrar paǵina de fin?',
+		DISPLAY_START_PAGE: 'Página de inicio',
+		DISPLAY_END_PAGE: 'Página final personalizada',
+
+		SELF_NOTIFICATIONS_TAB: 'Auto notificaciones',
+		RESPONDANT_NOTIFICATIONS_TAB: 'Notificaciones de los demandados',
+		GENERAL_TAB: 'Général',
+		
+		SEND_NOTIFICATION_TO: 'Enviar a',
+		NO_EMAIL_FIELD_WARNING: 'Error: necesita un campo de correo electrónico en su formulario para enviar el correo electrónico a su encuestado',
+		REPLY_TO: 'Responder a',
+		EMAIL_SUBJECT: 'Asunto',
+		EMAIL_MESSAGE: 'Mensaje',
+		ENABLE_RESPONDENT_NOTIFICATIONS: 'Las notificaciones de los demandados son actualmente',
+		ENABLE_SELF_NOTIFICATIONS: 'Las notificaciones automáticas están actualmente',
+		TOGGLE_ENABLED: 'Habilitado',
+		TOGGLE_DISABLED: 'Desactivado',
+		ADD_VARIABLE_BUTTON: 'Agregar variable',
 
 		//List Forms View
 		CREATE_A_NEW_FORM: 'Crear formulario',
@@ -35,6 +49,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		LOGIC_JUMP: 'Salto lógico',
 		SHOW_BUTTONS: 'Botones adicionales',
 		SAVE_START_PAGE: 'Grabar',
+		ADD_OPTIONS_PLACEHOLDER: 'Agregue una opción por línea. Se requiere un mínimo de una opción',
 
 		//Admin Form View
 		ARE_YOU_SURE: '¿Estás absolutamente seguro?',
@@ -47,7 +62,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 		DELETE_FORM_MD: 'Borrar formulario',
 		DELETE: 'Borrar',
 		FORM: 'Formulario',
-		VIEW: 'Vista',
+		VIEW_MY_TELLFORM: 'Ver mi tellform',
 		LIVE: 'Online',
 		PREVIEW: 'Vista previa',
 		COPY: 'Copiar',
@@ -153,7 +168,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
 	    MULTIPLE_CHOICE: 'Opciones múltiples',
 	    DROPDOWN: 'Desplegable',
 	    DATE: 'Fecha',
-	    PARAGRAPH_T: 'Párrafo',
+	    PARAGRAPH_FIELD: 'Párrafo',
 	    YES_NO: 'Si/No',
 	    LEGAL: 'Legal',
 	    RATING: 'Puntaje',

public/modules/forms/admin/controllers/admin-form.client.controller.js

@@ -4,19 +4,12 @@
 angular.module('forms').controller('AdminFormController', ['$rootScope', '$window', '$scope', '$stateParams', '$state', 'Forms', 'CurrentForm', '$http', '$uibModal', 'myForm', '$filter', '$translate',
     function($rootScope, $window, $scope, $stateParams, $state, Forms, CurrentForm, $http, $uibModal, myForm, $filter, $translate) {
 
-        //Set active tab to Create
-        $scope.activePill = 0;
-
-        $scope.copied = false;
-        $scope.onCopySuccess = function (e) {
-            $scope.copied = true;
-        };
-
         $scope = $rootScope;
         $scope.animationsEnabled = true;
         $scope.myform = myForm;
         $rootScope.saveInProgress = false;
         $scope.oldForm = _.cloneDeep($scope.myform);
+        $scope.designTabActive = false
 
         CurrentForm.setForm($scope.myform);
 
@@ -36,7 +29,6 @@ angular.module('forms').controller('AdminFormController', ['$rootScope', '$windo
             $scope.actualFormURL = window.location.protocol + '//' + window.location.host + $scope.formURL;
         }
 
-
         var refreshFrame = $scope.refreshFrame = function(){
             if(document.getElementById('iframe')) {
                 document.getElementById('iframe').contentWindow.location.reload();
@@ -44,13 +36,59 @@ angular.module('forms').controller('AdminFormController', ['$rootScope', '$windo
         };
 
         $scope.tabData = [
+            {
+                heading: $filter('translate')('CREATE_TAB'),
+                route: 'viewForm.create',
+                active: false
+            },
             {
                 heading: $filter('translate')('CONFIGURE_TAB'),
-                templateName:   'configure'
+                route: 'viewForm.configure.general',
+                active: false
+            },
+            {
+                heading: $filter('translate')('ANALYZE_TAB'),
+                route: 'viewForm.analyze',
+                active: false
+            },
+            {
+                heading: $filter('translate')('SHARE_TAB'),
+                route: 'viewForm.share',
+                active: false
+            },
+            {
+                heading: $filter('translate')('DESIGN_TAB'),
+                route: 'viewForm.design',
+                active: false
             }
         ];
 
-        $scope.designTabActive = false
+        $scope.go = function(tab){
+            var currParentState = $state.current.name.split('.').slice(0,2).join('.');
+            var tabParentState = tab.route.split('.').slice(0,2).join('.');
+
+            if(currParentState !== tabParentState && tabParentState !== 'viewForm.configure.general'){
+                $state.go(tab.route);
+            }
+        };
+
+        function setActiveTab() {
+            $scope.tabData.forEach(function(tab) {
+                var currentTabState = $state.current.name.split('.').slice(0,2).join('.');
+                var tabRouteState = tab.route.split('.').slice(0,2).join('.');
+                tab.active = (currentTabState === tabRouteState);
+
+                if(tab.active && tab.route === 'viewForm.design'){
+                    $scope.designTabActive = true;
+                } else {
+                    $scope.designTabActive = false;
+                }
+            });
+        }
+
+        setActiveTab();
+
+        $scope.$on("$stateChangeSuccess", setActiveTab());
 
         $scope.deactivateDesignTab = function(){
             $scope.designTabActive = false

public/modules/forms/admin/css/edit-form-configure.css

@@ -0,0 +1,43 @@
+.tag {
+    background-color: #999;
+    border-radius: 3px 3px 3px 3px;
+    border: 0;
+    color: #FFFFFF;
+    font-style: inherit;
+    font-size: 11px;
+    padding: 4px 5px;
+    margin: 0 2px 2px 2px;
+    font-family: inherit;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer !important;
+    pointer-events: none;
+}
+
+.email-subject.ta-root .ta-editor.ta-html, .email-subject .ta-scroll-window.form-control {
+    min-height: 0;
+    overflow: hidden; 
+    height: auto;
+    border-radius: 4px;
+    box-shadow: none;
+    font-size: 18px;
+    padding-top: 10px;
+}
+
+.email-subject.ta-root .ta-scroll-window > .ta-bind {
+    min-height: 0;
+    outline: 0;
+}
+
+.ui-select input.form-control {
+    height: 34px;
+    padding: 6px;
+}
+
+.config-form .btn-secondary {
+    border-color: #DDDDDD;
+}
+
+.notification-toggle.toggle-switch {
+    margin: 5px 0;
+}

public/modules/forms/admin/css/edit-form.css

@@ -247,9 +247,25 @@ div.config-form .row.field {
             margin: 10px 0 10px;
         }
 
+.view-form-btn {
+    border: none;
+}
 .view-form-btn.span {
     padding-right:0.6em;
 }
+
+.notification-row {
+    display: inline-block;
+    padding: 0 5px;
+}
+
+.status-light {
+    font-size: 10px;
+}
+
+.notification-row .status-light {
+    padding-top: 15px;
+}
 .status-light.status-light-off {
     color: #BE0000;
 }

public/modules/forms/admin/directives/configure-form.client.directive.js

@@ -1,23 +1,79 @@
 'use strict';
 
-angular.module('forms').directive('configureFormDirective', ['$rootScope', '$http', 'Upload', 'CurrentForm',
-    function ($rootScope, $http, Upload, CurrentForm) {
+angular.module('forms').directive('configureFormDirective', ['$rootScope', '$filter', '$state',
+    function ($rootScope, $filter, $state) {
         return {
             templateUrl: 'modules/forms/admin/views/directiveViews/form/configure-form.client.view.html',
             restrict: 'E',
             scope: {
-                myform:'=',
-                user:'=',
-                pdfFields:'@',
-                formFields:'@'
+                myform:'='
             },
             controller: function($scope){
-                $scope.log = '';
+                $rootScope.myform = $scope.myform;
                 $scope.languages = $rootScope.languages;
-
                 $scope.resetForm = $rootScope.resetForm;
                 $scope.update = $rootScope.update;
 
+                $scope.$evalAsync(function() {
+                    angular.element('.tag')
+                });
+
+                $scope.languages = ['en', 'fr', 'es', 'it', 'de'];
+
+                $scope.langCodeToWord = {
+                    'en': 'English',
+                    'fr': 'Français',
+                    'es': 'Español',
+                    'it': 'Italiàno',
+                    'de': 'Deutsch'
+                };
+
+                $scope.wordToLangCode = {
+                    'English': 'en',
+                    'Français': 'fr',
+                    'Español': 'es',
+                    'Italiàno': 'it',
+                    'Deutsch': 'de'
+                };
+                
+                $scope.configureTabs = [
+                    {
+                        heading: $filter('translate')('GENERAL_TAB'),
+                        route: 'viewForm.configure.general',
+                        active: false
+                    },
+                    {
+                        heading: $filter('translate')('SELF_NOTIFICATIONS_TAB'),
+                        route: 'viewForm.configure.self_notifications',
+                        active: false
+                    },
+                    {
+                        heading: $filter('translate')('RESPONDENT_NOTIFICATIONS_TAB'),
+                        route: 'viewForm.configure.respondent_notifications',
+                        active: false
+                    }
+                ];
+
+                $scope.emailFields = $scope.myform.form_fields.filter(function(field){
+                    return field.fieldType === 'email';
+                });
+
+                $scope.formHasEmailField = ($scope.emailFields.length > 0);
+
+                $scope.go = function(tab){
+                    tab.active = true;
+                    $state.go(tab.route);
+                };
+
+                function setActiveTab() {
+                    $scope.configureTabs.forEach(function(tab) {
+                        tab.active = ($state.current.name === tab.route);
+                    });
+                }
+
+                setActiveTab();
+
+                $scope.$on("$stateChangeSuccess", setActiveTab());
             }
         };
     }

public/modules/forms/admin/directives/design-form.client.directive.js

@@ -0,0 +1,14 @@
+'use strict';
+
+angular.module('forms').directive('designFormDirective', [
+    function () {
+        return {
+            templateUrl: 'modules/forms/admin/views/directiveViews/form/design-form.client.view.html',
+            restrict: 'E',
+            scope: {
+               myform:'=',
+               formurl: '='
+            }
+        }
+    }
+]);

public/modules/forms/admin/directives/edit-form.client.directive.js

@@ -1,4 +1,3 @@
-
 'use strict';
 
 angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormFields', '$uibModal',
@@ -37,22 +36,60 @@ angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormField
 						animation: true,
 						templateUrl: 'editFieldModal.html',
 						windowClass: 'edit-modal-window',
+						scope: $scope,
 						controller:  function($uibModalInstance, $scope) {
-							$scope.field = curr_field;
-							$scope.showLogicJump = false;
+							var fieldOptionsToString = function(){
+								if(!$scope.field.fieldOptions){
+									return '';
+								}
 
+								return $scope.field.fieldOptions.map(function(fieldOption){
+								    return fieldOption.option_value;
+								}).join('\n');
+							}
+
+							$scope.field = curr_field;
 							$scope.isEdit = isEdit;
+							$scope.options = {
+								isEdit: isEdit,
+								fieldOptionsString: fieldOptionsToString()
+							}
+
+							var stringToFieldOptions = function(fieldOptionsString){
+								var values = fieldOptionsString.split('\n');
+								var fieldOptions = [];
+								for(var i=0; i < values.length; i++){
+									fieldOptions.push({
+										option_value: values[i]
+									});
+								}
+
+								return fieldOptions;
+							}
+
+							$scope.$watch('options.fieldOptionsString', function(newVal, oldVal){
+								if(newVal !== oldVal){
+									$scope.field.fieldOptions = stringToFieldOptions(newVal);
+								}
+							});
 
 							// decides whether field options block will be shown (true for dropdown and radio fields)
-							$scope.showAddOptions = function (field){
-								if($scope.field.fieldType === 'dropdown' || $scope.field.fieldType === 'checkbox' || $scope.field.fieldType === 'radio'){
+							$scope.showListOptions = function () {
+								if($scope.field.fieldType === 'dropdown' || $scope.field.fieldType === 'radio'){
 									return true;
-								} else {
-									return false;
 								}
+								return false;
 							};
 
-							$scope.validShapes =  [
+							// decides whether field options block will be shown (true for rating fields)
+							$scope.showRatingOptions = function (){
+								if($scope.field.fieldType === 'rating'){
+									return true;
+								}
+								return false;
+							};
+
+							$scope.validShapes = [
 								'Heart',
 								'Star',
 								'thumbs-up',
@@ -68,42 +105,7 @@ angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormField
 								'Trash'
 							];
 
-							// add new option to the field
-							$scope.addOption = function(){
-								if($scope.field.fieldType === 'checkbox' || $scope.field.fieldType === 'dropdown' || $scope.field.fieldType === 'radio'){
-									if(!$scope.field.fieldOptions){
-										$scope.field.fieldOptions = [];
-									}
-
-									var lastOptionID = $scope.field.fieldOptions.length+1;
-
-									// new option's id
-
-									var newOption = {
-										'option_id' : Math.floor(100000*Math.random()),
-										'option_title' : 'Option '+lastOptionID,
-										'option_value' : 'Option ' +lastOptionID
-									};
-
-									// put new option into fieldOptions array
-									$scope.field.fieldOptions.push(newOption);
-								}
-							};
-
-							// delete particular option
-							$scope.deleteOption = function (option){
-								if($scope.field.fieldType === 'checkbox' || $scope.field.fieldType === 'dropdown' || $scope.field.fieldType === 'radio'){
-									for(var i = 0; i < $scope.field.fieldOptions.length; i++){
-										if($scope.field.fieldOptions[i].option_id === option.option_id){
-
-											$scope.field.fieldOptions.splice(i, 1);
-											break;
-										}
-									}
-								}
-							};
-
-							//Populate Name to Font-awesomeName Conversion Map
+							//Name to Font-Awesome Conversion Map
 							$scope.select2FA = {
 								'Heart': 'Heart',
 								'Star': 'Star',
@@ -120,17 +122,12 @@ angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormField
 								'Trash': 'Trash Can'
 							};
 
-							// decides whether field options block will be shown (true for dropdown and radio fields)
-							$scope.showRatingOptions = function (){
-								if($scope.field.fieldType === 'rating'){
-									return true;
-								} else {
-									return false;
-								}
-							};
+							if($scope.field.fieldType === 'dropdown' || $scope.field.fieldType === 'radio'){
+								
+							}
 
 							$scope.saveField = function(){
-								if($scope.isEdit){
+								if($scope.options.isEdit){
 									$scope.myform.form_fields[field_index] = $scope.field;
 								} else {
 									$scope.myform.form_fields.push(curr_field);
@@ -294,7 +291,7 @@ angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormField
                         required: true,
                         disabled: false,
                         deletePreserved: false,
-						logicJump: {}
+						logicJump: {},
                     };
 
 					if(fieldType === 'rating'){
@@ -305,36 +302,15 @@ angular.module('forms').directive('editFormDirective', ['$rootScope', 'FormField
 						newField.fieldValue = 0;
 					}
 
-					if($scope.showAddOptions(newField)){
-						newField.fieldOptions = [];
-						newField.fieldOptions.push({
-							'option_id' : Math.floor(100000*Math.random()), //Generate pseudo-random option id
-							'option_title' : 'Option 0',
-							'option_value' : 'Option 0'
-						});
+					if(fieldType === 'dropdown' || fieldType === 'radio'){
+						newField.fieldOptions = [{
+							option_value: 'Option1'
+						}];
 					}
 
-					$scope.openEditModal(newField, false,  $scope.myform.form_fields.length);
+					$scope.openEditModal(newField, false, $scope.myform.form_fields.length);
                 };
 
-				// 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;
-					}
-				};
-
-				// decides whether field options block will be shown (true for dropdown and radio fields)
-				$scope.showRatingOptions = function (field){
-					if(field.fieldType === 'rating'){
-						return true;
-					} else {
-						return false;
-					}
-				};
-
                 // Delete particular field on button click
                 $scope.deleteField = function (field_index) {
                     $scope.myform.form_fields.splice(field_index, 1);

public/modules/forms/admin/directives/share-form.client.directive.js

@@ -0,0 +1,16 @@
+'use strict';
+
+angular.module('forms').directive('shareFormDirective', ['$rootScope',
+    function ($rootScope) {
+        return {
+            templateUrl: 'modules/forms/admin/views/directiveViews/form/share-form.client.view.html',
+            restrict: 'E',
+            scope: {
+                actualformurl:'='
+            },
+            controller: function($scope){
+                $scope.actualFormURL = $scope.actualformurl;
+            }
+        };
+    }
+]);

public/modules/forms/admin/services/form-fields.client.service.js

@@ -30,7 +30,7 @@ angular.module('forms').service('FormFields', [ '$rootScope', '$translate', 'Aut
 		    },
 		    {
 		        name : 'textarea',
-		        value : $translate.instant('PARAGRAPH'),
+		        value : $translate.instant('PARAGRAPH_FIELD'),
 		    },
 		    {
 		        name : 'yes_no',

public/modules/forms/admin/views/admin-form.client.view.html

@@ -42,158 +42,26 @@
 		<div class="col-xs-1 col-sm-2">
 			<small class="pull-right">
 				<a class="btn btn-secondary view-form-btn" href="{{actualFormURL}}">
-					<span class="hidden-xs hidden-sm">
-						{{ 'VIEW' | translate }}
-						<span ng-show="myform.isLive">
-							{{ 'LIVE' | translate }}
-						</span>
-						<span ng-hide="myform.isLive">{{ 'PREVIEW' | translate }}</span>
+					<i class="fa fa-external-link"></i>
+					<span>
+						{{ 'VIEW_MY_TELLFORM' | translate }}
 					</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>
+					<i class="status-light status-light-on fa fa-circle" ng-if="myform.isLive"></i>
+					<i class="status-light status-light-off fa fa-circle" ng-if="!myform.isLive"></i>
 				</a>
 			</small>
 		</div>
 	</div>
 
 	<div class="row">
-		<div class="col-xs-12">
-			<uib-tabset active="activePill" vertical="true" type="pills">
-				<uib-tab index="0" heading="{{ 'CREATE_TAB' | translate }}" select="deactivateDesignTab()">
-					<edit-form-directive myform="myform"></edit-form-directive>
-				</uib-tab>
-				<uib-tab ng-repeat="tab in tabData" index="{{$index+1}}" heading="{{tab.heading}}" select="deactivateDesignTab()">
-					<div class='row' data-ng-include="'/static/modules/forms/admin/views/adminTabs/'+tab.templateName+'.html'"></div>
-				</uib-tab>
-				<uib-tab index="2" heading="{{ 'ANALYZE_TAB' | translate }}" select="deactivateDesignTab()">
-					<edit-submissions-form-directive myform="myform" user="myform.admin"></edit-submissions-form-directive>
-				</uib-tab>
-				<uib-tab ng-if="tabData" heading="{{ 'SHARE_TAB' | translate }}" index="{{tabData.length}}" select="deactivateDesignTab()">
-					<div class="config-form">
-						<div class="row">
-							<div class="col-sm-12">
-								<uib-tabset active="activePill" vertical="true" type="pills">
-									<uib-tab index="0" heading="{{ 'SHARE_YOUR_FORM' | translate }}">
-										<div class="row">
-											<div class="col-sm-12">
-												{{ 'TELLFORM_URL' | translate }}
-											</div>
-											<div class="col-sm-8 form-input">
-												<span ngclipboard data-clipboard-target="#copyURL"> <input id="copyURL" ng-value="actualFormURL" class="form-control ng-pristine ng-untouched ng-valid"> </span>
-											</div>
-											<div class="col-sm-4">
-												<button class="btn btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyURL">
-													{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
-												</button>
-											</div>
-										</div>
-									</uib-tab>
-									<uib-tab index="1" heading="{{ 'EMBED_YOUR_FORM' | translate }}">
-										<div class="row">
-											<div class="col-sm-12">
-												{{ 'COPY_AND_PASTE' | translate }}
-											</div>
-											<div class="col-sm-8 form-input">
-												<span ngclipboard data-clipboard-target="#copyEmbedded">
-													<textarea id="copyEmbedded" class="form-control ng-pristine ng-untouched ng-valid" style="min-height:200px; width:100%; background-color: #FFFFCC; color: #30313F;">
-														&lt;!-- {{ 'CHANGE_WIDTH_AND_HEIGHT' | translate }} --&gt;
-														<iframe id="iframe" src="{{actualFormURL}}" style="width:100%;height:500px;"></iframe>
-														<div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;">{{ 'POWERED_BY' | translate }} <a href="https://www.tellform.com" style="color: #999" target="_blank">TellForm</a></div>
-													</textarea>
-												</span>
-											</div>
-											<div class="col-sm-4">
-												<button class="btn btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyEmbedded">
-													{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
-												</button>
-											</div>
-										</div>
-									</uib-tab>
-								</uib-tabset>
-							</div>
-						</div>
-					</div>
-				</uib-tab>
-				<uib-tab class="design-tab" ng-if="tabData && myform.form_fields.length" heading="{{ 'DESIGN_TAB' | translate }}" index="{{tabData.length}}+1"
-					select="activateDesignTab()">
-					<div class="config-form design container">
-						<div class="row">
-							<div class="col-sm-4 col-xs-12">
-								<div class="row field">
-									<div class="field-title col-sm-5">
-										<h5>{{ 'BACKGROUND_COLOR' | translate }}</h5>
-									</div>
-									<div class="field-input col-sm-6">
-										<input class="form-control" colorpicker="hex" type="text" 
-										ng-model="myform.design.colors.backgroundColor" 
-										ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/"
-										ng-style="{ 'background-color': myform.design.colors.backgroundColor }"/>
-									</div>
-								</div>
-
-								<div class="row field">
-									<div class="field-title col-sm-5">
-										<h5>{{ 'QUESTION_TEXT_COLOR' | translate }}</h5>
-									</div>
-
-									<div class="field-input col-sm-6">
-										<input class="form-control" colorpicker="hex" type="text" ng-model="myform.design.colors.questionColor" ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/"ng-style="{ 'background-color': myform.design.colors.questionColor }"/>
-									</div>
-								</div>
-
-								<div class="row field">
-									<div class="field-title col-sm-5">
-										<h5>{{ 'ANSWER_TEXT_COLOR' | translate }}</h5>
-									</div>
-
-									<div class="field-input col-sm-6">
-										<input class="form-control" colorpicker="hex" type="text" ng-model="myform.design.colors.answerColor" ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/" ng-style="{ 'background-color': myform.design.colors.answerColor }"/>
-									</div>
-								</div>
-
-								<div class="row field">
-									<div class="field-title col-sm-5">
-										<h5>{{ 'BTN_BACKGROUND_COLOR' | translate }}</h5>
-									</div>
-
-									<div class="field-input col-sm-6">
-										<input class="form-control" colorpicker="hex" type="text"
-											   ng-model="myform.design.colors.buttonColor"
-											   ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/"
-											   ng-style="{ 'background-color': myform.design.colors.buttonColor }"/>
-									</div>
-								</div>
-								<div class="row field">
-									<div class="field-title col-sm-5">
-										<h5>{{ 'BTN_TEXT_COLOR' | translate }}</h5>
-									</div>
-
-									<div class="field-input col-sm-6">
-										<input class="form-control" colorpicker="hex" type="text"
-											   ng-model="myform.design.colors.buttonTextColor"
-											   ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/"
-											   ng-style="{ 'background-color': myform.design.colors.buttonTextColor }"/>
-									</div>
-								</div>
-							</div>
-							<div class="col-sm-8 hidden-xs" ng-if="designTabActive">
-								<div class="public-form" ng-style="{ 'background-color': myform.design.colors.backgroundColor }">
-									<iframe id="iframe" ng-if="!!formURL" ng-src="{{formURL | trustSrc}}" style="border: none; box-shadow: 0px 0px 10px 0px grey; overflow: hidden; height: 400px; width: 90%; position: absolute;"></iframe>
-								</div>
-							</div>
-						</div>
-
-						<div class="row">
-							<div class="col-sm-offset-4 col-sm-2">
-								<button class="btn btn-signup btn-rounded" type="button" ng-click="updateDesign(false, myform, false, false)"><i class="icon-arrow-left icon-white"></i>{{ 'SAVE_CHANGES' | translate }}</button>
-							</div>
-							<div class="col-sm-1">
-								<button class="btn btn-secondary btn-rounded" type="button" ng-click="resetForm()"><i class="icon-eye-open icon-white"></i>{{ 'CANCEL' | translate }}</button>
-							</div>
-						</div>
-					</div>
+		<div >
+			<uib-tabset vertical="true" type="pills">
+				<uib-tab ng-repeat="tab in tabData" active="tab.active" select="go(tab)" heading="{{tab.heading}}">
 				</uib-tab>
 			</uib-tabset>
 		</div>
+		<div class="col-xs-10">
+			<div ui-view></div>
+		</div>
 	</div>
 </section>

public/modules/forms/admin/views/adminTabs/configure.html

@@ -1,2 +1,4 @@
+<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.default.css'>
+
 <configure-form-directive myform="myform" user="user">
 </configure-form-directive>

public/modules/forms/admin/views/adminTabs/configureTabs/general.html

@@ -0,0 +1,106 @@
+<!-- Settings -->
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-10">
+        <div class="row field">
+            <div class="field-title col-sm-12">
+                <h4>{{ 'FORM_NAME' | translate }}</h4>
+            </div>
+
+            <div class="col-sm-12">
+                <input class=""
+				    type="text"
+                    ng-model="myform.title"
+                    value="{{myform.title}}"
+                    style="width: 100%;"
+                    ng-minlength="4"
+                    ng-pattern="/^[a-zA-Z0-9 \-.]*$/">
+            </div>
+        </div>
+
+        <div class="row field">
+            <div class="col-sm-4 field-title"><h4>{{ 'LANGUAGE' | translate }}</h4></div>
+            <div class="col-sm-8 field-input">
+                <ui-select ng-model="myform.language" search-enabled="false" theme="selectize">
+                    <ui-select-match>
+                        {{ langCodeToWord[$select.selected] }}
+                    </ui-select-match>
+                    <ui-select-choices repeat="language in languages">
+                        <span ng-bind-html="langCodeToWord[language] | highlight: $select.search">
+                        </span>
+                    </ui-select-choices>
+                </select>
+                <span class="required-error" ng-show="field.required && !field.fieldValue">* {{ 'REQUIRED_FIELD' | translate }}</span>
+            </div>
+        </div>
+
+        <div class="row field">
+            <div class="field-title col-sm-8">
+            	<h4>{{ 'FORM_STATUS' | translate }}</h4>
+            </div>
+
+            <div class="field-input col-sm-4 text-right">
+            	<input class="toggle-switch" type="checkbox" name="my-checkbox" 
+            		bs-switch ng-model="myform.isLive"
+            		switch-on-text="{{ 'PUBLIC' | translate }}"
+            		switch-off-text="{{ 'PRIVATE' | translate }}"
+            		switch-on-color="success"
+					switch-off-color="danger">
+            </div>
+        </div>
+    
+		<div class="row field">
+			<div class="field-title col-sm-12">
+				<h4>{{ 'GA_TRACKING_CODE' | translate }}</h4>
+			</div>
+
+			<div class="col-sm-12">
+				<input class=""
+					   type="text"
+					   ng-model="myform.analytics.gaCode"
+					   value="{{myform.analytics.gaCode}}"
+					   style="width: 100%;"
+					   ng-minlength="4"
+					   placeholder="UA-XXXXX-Y"
+					   ng-pattern="/\bUA-\d{4,10}-\d{1,4}\b/">
+			</div>
+		</div>
+		<div class="row field">
+			<div class="field-title col-sm-8">
+				<h4>{{ 'DISPLAY_FOOTER' | translate }}</h4>
+			</div>
+
+			<div class="field-input col-sm-4 text-right">
+				<input class="toggle-switch" type="checkbox"
+            		bs-switch ng-model="myform.hideFooter"
+            		switch-on-text="{{ 'ON' | translate }}"
+            		switch-off-text="{{ 'OFF' | translate }}">
+			</div>
+		</div>
+
+		<div class="row field">
+			<div class="field-title col-sm-8">
+				<h4>{{ 'DISPLAY_START_PAGE' | translate }}</h4>
+			</div>
+
+			<div class="field-input col-sm-4 text-right">
+				<input class="toggle-switch" type="checkbox"
+            		bs-switch ng-model="myform.startPage.showStart"
+            		switch-on-text="{{ 'ON' | translate }}"
+            		switch-off-text="{{ 'OFF' | translate }}">
+			</div>
+		</div>
+
+		<div class="row field">
+			<div class="field-title col-sm-8">
+				<h4>{{ 'DISPLAY_END_PAGE' | translate }}</h4>
+			</div>
+
+			<div class="field-input col-sm-4 text-right">
+				<input class="toggle-switch" type="checkbox"
+            		bs-switch ng-model="myform.endPage.showEnd"
+            		switch-on-text="{{ 'ON' | translate }}"
+            		switch-off-text="{{ 'OFF' | translate }}">
+			</div>
+		</div>
+	</div>
+</div>

public/modules/forms/admin/views/adminTabs/configureTabs/respondent-notifications.html

@@ -0,0 +1,81 @@
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-10">
+        <div class="row field">
+            <div class="notification-row">
+                <i class="status-light status-light-on fa fa-circle" ng-if="myform.respondentNotifications.enabled"></i>
+                <i class="status-light status-light-off fa fa-circle" ng-if="!myform.respondentNotifications.enabled"></i>
+            </div>
+            <div class="notification-row">
+                <h5>{{ 'ENABLE_RESPONDENT_NOTIFICATIONS' | translate }}</h5>
+            </div>
+
+            <div class="notification-row">
+                <input class="toggle-switch notification-toggle" type="checkbox" switch-size="small"
+                    bs-switch ng-model="myform.respondentNotifications.enabled"
+                    switch-on-text="{{ 'ON' | translate }}"
+                    switch-off-text="{{ 'OFF' | translate }}">
+            </div>
+        </div>
+
+        <div class="row field" ng-if="formHasEmailField">
+            <div class="field-title col-sm-12">
+                <h5>{{ 'SEND_NOTIFICATION_TO' | translate }}:</h5>
+            </div>
+
+            <div class="col-sm-12 field-input">
+                <ui-select ng-model="myform.respondentNotifications.toField" theme="selectize">
+                    <ui-select-match placeholder="{{ 'OPTION_PLACEHOLDER' | translate }}">
+                        {{$select.selected.title}}
+                    </ui-select-match>
+                    <ui-select-choices repeat="field.globalId as field in emailFields | filter: { title: $select.search }">
+                        <span ng-bind-html="field.title | highlight: $select.search">
+                        </span>
+                    </ui-select-choices>
+                </ui-select>
+            </div>
+        </div>
+
+        <div class="row field" ng-if="!formHasEmailField">
+            <strong>
+                {{ 'NO_EMAIL_FIELD_WARNING' | translate }}
+            </strong>
+        </div>
+
+        <div class="row field">
+            <div class="field-title col-sm-12">
+                <h5>{{ 'REPLY_TO' | translate }}:</h5>
+            </div>
+
+            <div class="col-sm-12 field-input">
+                <input class="form-control"
+                       type="text"
+                       ng-model="myform.respondentNotifications.replyEmail"
+                       placeholder="noreply@tellform.com">
+            </div>
+        </div>
+
+        <div class="row field">
+            <div class="field-title col-sm-12">
+                <h5>{{ 'EMAIL_SUBJECT' | translate }}:</h5>
+            </div>
+            <div class="col-sm-12 field-input">
+                <text-angular class="email-subject" ng-model="myform.respondentNotifications.subject" ta-toolbar="[['insertField']]" ta-default-wrap="n" ta-unsafe-sanitizer="true">
+                </text-angular>
+            </div>
+        </div>
+
+        <div class="row field">
+            <div class="field-title col-sm-12">
+                <h5>{{ 'EMAIL_MESSAGE' | translate }}</h5>
+            </div>
+
+            <div class="col-sm-12 field-input">
+                <text-angular class="email-subject" ng-model="myform.respondentNotifications.htmlTemplate" 
+                ta-toolbar="[['bold','italics', 'insertField']]" 
+                ta-unsafe-sanitizer="true">
+                </text-angular>
+                <div ng-bind="myform.respondentNotifications.htmlTemplate"></div>
+            </div>
+        </div>
+    </div>
+</div>

public/modules/forms/admin/views/adminTabs/configureTabs/self-notifications.html

@@ -0,0 +1,74 @@
+<div class="row">
+    <div class="col-sm-offset-2 col-sm-10">
+
+        <div class="row field">
+            <div class='notification-row'>
+                <i class="status-light status-light-on fa fa-circle" ng-if="myform.selfNotifications.enabled"></i>
+                <i class="status-light status-light-off fa fa-circle" ng-if="!myform.selfNotifications.enabled"></i>
+            </div>
+
+            <div class='notification-row'>
+                <h5>{{ 'ENABLE_SELF_NOTIFICATIONS' | translate }}</h5>
+            </div>
+
+            <div class='notification-row'>
+                <input class="toggle-switch notification-toggle" type="checkbox" switch-size="small"
+                    bs-switch ng-model="myform.selfNotifications.enabled"
+                    switch-on-text="{{ 'ON' | translate }}"
+                    switch-off-text="{{ 'OFF' | translate }}">
+            </div>
+        </div>
+        
+        <div class="row field">
+            <div class="field-title col-sm-12">
+                <h5>{{ 'SEND_NOTIFICATION_TO' | translate }}</h5>
+            </div>
+
+            <div class="col-sm-12 field-input">
+                <input class="form-control"
+                       type="text"
+                       ng-model="myform.selfNotifications.toEmails"
+                       placeholder="email@domain.com,email2@domain2.com,etc">
+            </div>
+        </div>
+
+        <div class="row field" ng-if="formHasEmailField">
+            <div class="field-title col-sm-12">
+                <h5>{{ 'REPLY_TO' | translate }}</h5>
+            </div>
+
+            <div class="col-sm-12 ui-select field-input">
+                <ui-select ng-model="myform.selfNotifications.fromField" theme="selectize">
+                    <ui-select-match placeholder="{{ 'OPTION_PLACEHOLDER' | translate }}">
+                    {{$select.selected.title}}
+                    </ui-select-match>
+                    <ui-select-choices repeat="field.globalId as field in emailFields | filter: { title: $select.search }">
+                        <span ng-bind-html="field.title | highlight: $select.search">
+                        </span>
+                    </ui-select-choices>
+                </ui-select>
+            </div>
+        </div>
+
+        <div class="row field">
+            <div class="field-title col-sm-12">
+                <h5>{{ 'EMAIL_SUBJECT' | translate }}</h5>
+            </div>
+
+            <div class="col-sm-12 field-input">
+                <text-angular class="email-subject" ng-model="myform.selfNotifications.subject" ta-toolbar="[['insertField']]" 
+                ta-unsafe-sanitizer="true" ta-default-wrap="n"></text-angular>
+            </div>
+        </div>
+
+        <div class="row field">
+            <div class="field-title col-sm-12">
+                <h5>{{ 'EMAIL_MESSAGE' | translate }}</h5>
+            </div>
+
+            <div class="col-sm-12 field-input">
+                <text-angular ng-model="myform.selfNotifications.htmlTemplate" ta-toolbar="[['bold','italics', 'insertField']]" ta-unsafe-sanitizer="true"></text-angular>
+            </div>
+        </div>
+    </div>
+</div>

public/modules/forms/admin/views/adminTabs/design.html

@@ -0,0 +1 @@
+<design-form-directive myform="myform" formurl="formURL"></design-form-directive>

public/modules/forms/admin/views/adminTabs/share.html

@@ -0,0 +1 @@
+<share-form-directive actualformurl="actualFormURL"></share-form-directive>

public/modules/forms/admin/views/directiveViews/form/configure-form.client.view.html

@@ -1,133 +1,13 @@
 <div class="config-form container">
-	<!-- Settings -->
+
 	<div class="row">
-        <div class="col-sm-offset-2 col-sm-4">
-            <div class="row field">
-                <div class="field-title col-sm-12">
-                    <h5>{{ 'FORM_NAME' | translate }}</h5>
-                </div>
+		<uib-tabset active="activePill" type="pills">
+			<uib-tab ng-repeat="tab in configureTabs" active="tab.active" select="go(tab)" heading="{{tab.heading}}">
+				<div ui-view></div>
+			</uib-tab>
+		</uib-tabset>
+	</div>
 
-                <div class="col-sm-12">
-                    <input class="form-control"
-					    type="text"
-                        ng-model="myform.title"
-                        value="{{myform.title}}"
-                        style="width: 100%;"
-                        ng-minlength="4"
-                        ng-pattern="/^[a-zA-Z0-9 \-.]*$/">
-                </div>
-            </div>
-
-            <div class="row field">
-                <div class="field-title col-sm-12">
-                    <h5>{{ 'FORM_STATUS' | translate }}</h5>
-                </div>
-
-                <div class="field-input col-sm-12">
-
-                    <label style="display: inline-block;">
-                        <input type="radio" data-ng-value="true" ng-model="myform.isLive"  ng-required="true" style="background-color:#33CC00;"/>
-                        &nbsp;<span>{{ 'PUBLIC' | translate }}</span>
-                    </label>
-
-                    <label style="display: inline-block;">
-                        <input type="radio" data-ng-value="false" ng-model="myform.isLive"  ng-required="true" />
-                        &nbsp;<span>{{ 'PRIVATE' | translate }}</span>
-                    </label>
-
-                </div>
-            </div>
-
-            <div class="row field">
-                <div class="col-sm-12 field-title">{{ 'LANGUAGE' | translate }}</div>
-                <div class="col-sm-12 field-input">
-                    <select ng-model="myform.language">
-                        <option ng-repeat="language in languages"
-                                ng-selected="language == myform.language"
-                                value="{{language}}">
-                            {{language}}
-                        </option>
-                    </select>
-                    <span class="required-error" ng-show="field.required && !field.fieldValue">* {{ 'REQUIRED_FIELD' | translate }}</span>
-                </div>
-            </div>
-        </div>
-		<div class="col-sm-4">
-			<div class="row field">
-				<div class="field-title col-sm-12">
-					<h5>{{ 'GA_TRACKING_CODE' | translate }}</h5>
-				</div>
-
-				<div class="col-sm-12">
-					<input class="form-control"
-						   type="text"
-						   ng-model="myform.analytics.gaCode"
-						   value="{{myform.analytics.gaCode}}"
-						   style="width: 100%;"
-						   ng-minlength="4"
-						   placeholder="UA-XXXXX-Y"
-						   ng-pattern="/\bUA-\d{4,10}-\d{1,4}\b/">
-				</div>
-			</div>
-			<div class="row field">
-				<div class="field-title col-sm-12">
-					<h5>{{ 'DISPLAY_FOOTER' | translate }}</h5>
-				</div>
-
-				<div class="field-input col-sm-12">
-					<label style="display: inline-block;">
-						<input type="radio" data-ng-value="false" ng-model="myform.hideFooter"  ng-required="true" />
-						&nbsp;<span>{{ 'YES' | translate }}</span>
-					</label>
-
-					<label style="display: inline-block;">
-						<input type="radio" data-ng-value="true" ng-model="myform.hideFooter"  ng-required="true" />
-						&nbsp;<span>{{ 'NO' | translate }}</span>
-					</label>
-				</div>
-			</div>
-
-			<div class="row field">
-				<div class="field-title col-sm-12">
-					<h5>{{ 'DISPLAY_START_PAGE' | translate }}</h5>
-				</div>
-
-				<div class="field-input col-sm-12">
-
-					<label style="display: inline-block;">
-						<input type="radio" data-ng-value="true" ng-model="myform.startPage.showStart"  ng-required="true" style="background-color:#33CC00;"/>
-						&nbsp;<span>{{ 'YES' | translate }}</span>
-					</label>
-
-					<label style="display: inline-block;">
-						<input type="radio" data-ng-value="false" ng-model="myform.startPage.showStart"  ng-required="true" />
-						&nbsp;<span>{{ 'NO' | translate }}</span>
-					</label>
-
-				</div>
-			</div>
-
-			<div class="row field">
-				<div class="field-title col-sm-12">
-					<h5>{{ 'DISPLAY_END_PAGE' | translate }}</h5>
-				</div>
-
-				<div class="field-input col-sm-12">
-
-					<label style="display: inline-block;">
-						<input type="radio" data-ng-value="true" ng-model="myform.endPage.showEnd"  ng-required="true" style="background-color:#33CC00;"/>
-						&nbsp;<span>{{ 'YES' | translate }}</span>
-					</label>
-
-					<label style="display: inline-block;">
-						<input type="radio" data-ng-value="false" ng-model="myform.endPage.showEnd"  ng-required="true" />
-						&nbsp;<span>{{ 'NO' | translate }}</span>
-					</label>
-
-				</div>
-			</div>
-		</div>
-    </div>
     <div class="row">
 		<div class="col-sm-offset-4 col-sm-2">
 			<button class="btn btn-signup btn-rounded" type="button" ng-click="update(false, myform, false, false, null)"><i class="icon-arrow-left icon-white"></i>{{ 'SAVE_CHANGES' | translate }}</button>

public/modules/forms/admin/views/directiveViews/form/design-form.client.view.html

@@ -0,0 +1,76 @@
+<div class="config-form design container">
+	<div class="row">
+		<div class="col-sm-4 col-xs-12">
+			<div class="row field">
+				<div class="field-title col-sm-5">
+					<h5>{{ 'BACKGROUND_COLOR' | translate }}</h5>
+				</div>
+				<div class="field-input col-sm-6">
+					<input class="form-control" colorpicker="hex" type="text" 
+					ng-model="myform.design.colors.backgroundColor" 
+					ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/"
+					ng-style="{ 'background-color': myform.design.colors.backgroundColor }"/>
+				</div>
+			</div>
+
+			<div class="row field">
+				<div class="field-title col-sm-5">
+					<h5>{{ 'QUESTION_TEXT_COLOR' | translate }}</h5>
+				</div>
+
+				<div class="field-input col-sm-6">
+					<input class="form-control" colorpicker="hex" type="text" ng-model="myform.design.colors.questionColor" ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/"ng-style="{ 'background-color': myform.design.colors.questionColor }"/>
+				</div>
+			</div>
+
+			<div class="row field">
+				<div class="field-title col-sm-5">
+					<h5>{{ 'ANSWER_TEXT_COLOR' | translate }}</h5>
+				</div>
+
+				<div class="field-input col-sm-6">
+					<input class="form-control" colorpicker="hex" type="text" ng-model="myform.design.colors.answerColor" ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/" ng-style="{ 'background-color': myform.design.colors.answerColor }"/>
+				</div>
+			</div>
+
+			<div class="row field">
+				<div class="field-title col-sm-5">
+					<h5>{{ 'BTN_BACKGROUND_COLOR' | translate }}</h5>
+				</div>
+
+				<div class="field-input col-sm-6">
+					<input class="form-control" colorpicker="hex" type="text"
+						   ng-model="myform.design.colors.buttonColor"
+						   ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/"
+						   ng-style="{ 'background-color': myform.design.colors.buttonColor }"/>
+				</div>
+			</div>
+			<div class="row field">
+				<div class="field-title col-sm-5">
+					<h5>{{ 'BTN_TEXT_COLOR' | translate }}</h5>
+				</div>
+
+				<div class="field-input col-sm-6">
+					<input class="form-control" colorpicker="hex" type="text"
+						   ng-model="myform.design.colors.buttonTextColor"
+						   ng-pattern="/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/"
+						   ng-style="{ 'background-color': myform.design.colors.buttonTextColor }"/>
+				</div>
+			</div>
+		</div>
+		<div class="col-sm-8 hidden-xs">
+			<div class="public-form" ng-style="{ 'background-color': myform.design.colors.backgroundColor }">
+				<iframe id="iframe" ng-if="!!formurl" ng-src="{{formurl | trustSrc}}" style="border: none; box-shadow: 0px 0px 10px 0px grey; overflow: hidden; height: 400px; width: 90%; position: absolute;"></iframe>
+			</div>
+		</div>
+	</div>
+
+	<div class="row">
+		<div class="col-sm-offset-4 col-sm-2">
+			<button class="btn btn-signup btn-rounded" type="button" ng-click="updateDesign(false, myform, false, false)"><i class="icon-arrow-left icon-white"></i>{{ 'SAVE_CHANGES' | translate }}</button>
+		</div>
+		<div class="col-sm-1">
+			<button class="btn btn-secondary btn-rounded" type="button" ng-click="resetForm()"><i class="icon-eye-open icon-white"></i>{{ 'CANCEL' | translate }}</button>
+		</div>
+	</div>
+</div>

public/modules/forms/admin/views/directiveViews/form/edit-form.client.view.html

@@ -1,296 +1,5 @@
 <form class="row" name="editForm" >
 
-	<!-- Edit EndPage Modal Dialog Template -->
-	<script type="text/ng-template" id="editEndPageModal.html" class="edit-endpage-modal">
-		<div class="modal-body">
-			<div class="row">
-				<div class="edit-panel col-md-6 col-xs-12 col-sm-12">
-					<div class="row modal-header">
-						<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_END_PAGE' | translate }}</h2>
-						<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_END_PAGE' | translate }}</h3>
-					</div>
-
-					<div class="row question">
-						<div class="col-md-4 col-sm-12">{{ 'TITLE' | translate }}:</div>
-						<div class="col-md-8 col-sm-12">
-							<input class="form-control" type="text"
-								   ng-model="myform.endPage.title" required>
-						</div>
-					</div>
-
-					<div class="row"><br></div>
-
-					<div class="row question">
-						<div class="col-md-4 col-sm-12">{{ 'PARAGRAPH' | translate }}:</div>
-						<div class="col-md-8 col-sm-12">
-                                    <textarea class="form-control" type="text"
-											  ng-model="myform.endPage.paragraph"></textarea>
-						</div>
-					</div>
-
-					<div class="row"><br></div>
-
-					<div class="row question">
-						<div class="col-md-4 col-sm-12">{{ 'BTN_TEXT' | translate }}:</div>
-						<div class="col-md-8 col-sm-12">
-							<input class="form-control" type="text"
-								   ng-model="myform.endPage.buttonText" required>
-						</div>
-					</div>
-
-					<div class="row"><br></div>
-
-					<div class="row">
-						<div class="col-md-4 col-xs-12 field-input">{{ 'SHOW_BUTTONS' | translate }}</div>
-						<div class="col-md-8 col-xs-12 field-input">
-							<label class="switch-light switch-holo" onclick="">
-								<input type="checkbox" ng-model="showButtons">
-								<span>
-									<span> {{ 'OFF' | translate }}</span>
-									<span> {{ 'ON' | translate }}</span>
-									<a></a>
-								</span>
-							</label>
-						</div>
-					</div>
-
-					<div class="row options buttons" ng-if="showButtons">
-						<div class="col-md-3 col-xs-12">{{ 'BUTTONS' | translate }}:</div>
-						<div class="col-md-9 col-xs-12">
-							<div ng-repeat="button in myform.endPage.buttons track by button._id" class="row" style="padding-bottom:1em;">
-
-								<div class="col-xs-5">
-									<span>{{ 'BUTTON_TEXT' | translate }}</span>
-									<input type="text"
-										   name="{{button.text}}_buttonText_startPage"
-										   ng-model="button.text"
-										   value="{{button.text}}"
-										   placeholder="{{ 'BUTTON_TEXT' | translate }}">
-								</div>
-
-
-								<div class="col-xs-5">
-									<span>{{ 'BUTTON_LINK' | translate }}</span>
-									<input type="text"
-										   name="{{button.url}}_url_startPage"
-										   ng-model="button.url"
-										   value="{{button.url}}"
-										   placeholder="http://aeouaou.com/aoeuoa">
-								</div>
-
-								<div class="col-xs-2">
-									<a class="btn btn-danger btn-mini right" type="button" ng-click="deleteButton(button)">
-										<i class="fa fa-trash-o"></i>
-									</a>
-								</div>
-							</div>
-
-							<div class="row"><br></div>
-							<div class="row">
-								<button class="btn btn-primary btn-small col-md-offset-6 col-md-6 col-sm-4 col-sm-offset-8 col-xs-4 col-xs-offset-8" type="button" ng-click="addButton()">
-									<i class="icon-plus icon-white"></i> {{ 'ADD_BUTTON' | translate }}
-								</button>
-							</div>
-						</div>
-					</div>
-
-					<div class="modal-footer row">
-						<button type="submit" ng-click="saveEndPage()" class="btn btn-signup btn-rounded">
-							{{ 'SAVE_START_PAGE' | translate }}
-						</button>
-
-						<button ng-click="cancel()" class="btn btn-secondary btn-rounded">
-							{{ 'CANCEL' | translate }}
-						</button>
-					</div>
-				</div>
-
-				<div class="preview-field-panel col-md-6 hidden-sm hidden-xs">
-					<form class="public-form">
-
-						<div class="row">
-							<div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
-								<h1 style="font-weight: 400; font-size: 25px;">
-									{{myform.endPage.title}}
-								</h1>
-							</div>
-							<div class="col-xs-10 col-xs-offset-1 text-center" style="overflow-wrap: break-word;">
-								<p style="color: grey; font-weight: 100; font-size: 16px;">
-									{{myform.endPage.paragraph}}
-								</p>
-							</div>
-						</div>
-
-						<div class="row form-actions text-center" style="padding: 5px 25px 5px 25px;">
-							<button ng-click="reloadForm()" class="btn" type="button"
-									ng-style="{'background-color':myform.design.colors.buttonColor, 'color':myform.design.colors.buttonTextColor}">
-			<span style="font-size: 1.6em;">
-			{{myform.endPage.buttonText}}
-			</span>
-							</button>
-						</div>
-						<div class="row form-actions" style="padding-bottom:3em; padding-left: 1em; padding-right: 1em;">
-							<p ng-repeat="button in myform.endPage.buttons" class="text-center" style="display:inline;">
-								<button class="btn" style="background-color:rgb(156, 226, 235)" type="button" ng-style="{'background-color':button.bgColor, 'color':button.color}">
-									<a href="{{button.url}}"
-									   style="font-size: 1.6em; text-decoration: none;"
-									   ng-style="{'color':button.color}">
-										{{button.text}}
-									</a>
-								</button>
-							</p>
-						</div>
-
-					</form>
-				</div>
-			</div>
-
-		</div>
-	</script>
-
-	<!-- Edit StartPage Modal Dialog Template -->
-	<script type="text/ng-template" id="editStartPageModal.html" class="edit-startpage-modal">
-		<div class="modal-body">
-			<div class="row">
-				<div class="edit-panel col-md-6 col-xs-12 col-sm-12">
-					<div class="row modal-header">
-						<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_START_PAGE' | translate }}</h2>
-						<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_START_PAGE' | translate }}</h3>
-					</div>
-
-					<div class="row question">
-						<div class="col-md-4 col-sm-12">{{ 'INTRO_TITLE' | translate }}:</div>
-						<div class="col-md-8 col-sm-12">
-							<input class="form-control" type="text"
-								   ng-model="myform.startPage.introTitle"
-								   name="introTitleStartPage" required>
-						</div>
-					</div>
-
-					<div class="row"><br></div>
-
-					<div class="row question">
-						<div class="col-md-4 col-sm-12">{{ 'INTRO_PARAGRAPH' | translate }}:</div>
-						<div class="col-md-8 col-sm-12">
-                                    <textarea class="form-control" type="text"
-											  ng-model="myform.startPage.introParagraph"
-											  name="introParagraphStartPage"></textarea>
-						</div>
-					</div>
-
-					<div class="row"><br></div>
-
-					<div class="row question">
-						<div class="col-md-4 col-sm-12">{{ 'INTRO_BTN' | translate }}:</div>
-						<div class="col-md-8 col-sm-12">
-							<input class="form-control" type="text"
-								   ng-model="myform.startPage.introButtonText"
-								   name="introButtonText" required>
-						</div>
-					</div>
-
-					<div class="row"><br></div>
-
-					<div class="row">
-						<div class="col-md-4 col-xs-12 field-input">{{ 'SHOW_BUTTONS' | translate }}</div>
-						<div class="col-md-8 col-xs-12 field-input">
-							<label class="switch-light switch-holo" onclick="">
-								<input type="checkbox" ng-model="showButtons">
-								<span>
-									<span> {{ 'OFF' | translate }}</span>
-									<span> {{ 'ON' | translate }}</span>
-									<a></a>
-								</span>
-							</label>
-						</div>
-					</div>
-
-					<div class="row options buttons" ng-if="showButtons">
-						<div class="col-md-3 col-xs-12">{{ 'BUTTONS' | translate }}:</div>
-						<div class="col-md-9 col-xs-12">
-							<div ng-repeat="button in myform.startPage.buttons track by button._id" class="row" style="padding-bottom:1em;">
-
-								<div class="col-xs-5">
-									<span>{{ 'BUTTON_TEXT' | translate }}</span>
-									<input type="text"
-										   name="{{button.text}}_buttonText_startPage"
-										   ng-model="button.text"
-										   value="{{button.text}}"
-										   placeholder="{{ 'BUTTON_TEXT' | translate }}">
-								</div>
-
-
-								<div class="col-xs-5">
-									<span>{{ 'BUTTON_LINK' | translate }}</span>
-									<input type="text"
-										   name="{{button.url}}_url_startPage"
-										   ng-model="button.url"
-										   value="{{button.url}}"
-										   placeholder="http://aeouaou.com/aoeuoa">
-								</div>
-
-								<div class="col-xs-2">
-									<a class="btn btn-danger btn-mini right" type="button" ng-click="deleteButton(button)">
-										<i class="fa fa-trash-o"></i>
-									</a>
-								</div>
-							</div>
-
-							<div class="row"><br></div>
-							<div class="row">
-								<button class="btn btn-primary btn-small col-md-offset-6 col-md-6 col-sm-4 col-sm-offset-8 col-xs-4 col-xs-offset-8" type="button" ng-click="addButton()">
-									<i class="icon-plus icon-white"></i> {{ 'ADD_BUTTON' | translate }}
-								</button>
-							</div>
-						</div>
-					</div>
-
-					<div class="modal-footer row">
-						<button type="submit" ng-click="saveStartPage()" class="btn btn-signup btn-rounded">
-							{{ 'SAVE_START_PAGE' | translate }}
-						</button>
-
-						<button ng-click="cancel()" class="btn btn-secondary btn-rounded">
-							{{ 'CANCEL' | translate }}
-						</button>
-					</div>
-				</div>
-
-				<div class="preview-field-panel col-md-6 hidden-sm hidden-xs">
-					<form class="public-form">
-
-						<div class="field row">
-							<div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
-								<h1>{{myform.startPage.introTitle}}</h1>
-							</div>
-							<div class="col-xs-10 col-xs-offset-1 text-left" style="overflow-wrap: break-word;">
-								<p style="color:#ddd;">{{myform.startPage.introParagraph}}</p>
-							</div>
-						</div>
-						<div class="row form-actions" style="padding-bottom:3em; padding-left: 1em; padding-right: 1em;">
-							<p ng-repeat="button in myform.startPage.buttons" class="text-center" style="display:inline;">
-								<button class="btn btn-info" type="button" ng-style="{'background-color':button.bgColor, 'color':button.color}">
-									<a href="{{button.url}}" style="font-size: 1.6em; text-decoration: none; color: inherit;" >
-										{{button.text}}
-									</a>
-								</button>
-							</p>
-						</div>
-						<div class="row form-actions">
-							<button class="btn btn-info btn btn-info col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3" type="button">
-										<span style="color:white; font-size: 1.6em; text-decoration: none;">
-											{{myform.startPage.introButtonText}}
-										</span>
-							</button>
-						</div>
-
-					</form>
-				</div>
-			</div>
-
-		</div>
-	</script>
-
 	<!-- Edit Field Modal Dialog Template -->
 	<script type="text/ng-template" id="editFieldModal.html" class="edit-field-modal">
 		<div class="modal-body">
@@ -308,33 +17,22 @@
 
 					<div class="row"><br></div>
 
-					<div class="row description" ng-hide="showRatingOptions()">
+					<div class="row description question" ng-hide="showRatingOptions(field)">
 						<div class="col-md-12 bold">{{ 'QUESTION_DESCRIPTION' | translate }}</div>
 						<div class="col-md-12">
 							<textarea type="text" class="form-control" ng-model="field.description" name="description{{field._id}}"value="{{field.description}}"></textarea>
 						</div>
 					</div>
 
-					<div class="row" ng-show="showAddOptions()"><br></div>
-					<div class="row options" ng-if="showAddOptions()">
+					<div class="row" ng-if="showListOptions()"><br></div>
+					<div class="row options question" ng-if="showListOptions()">
 						<div class="col-md-4 col-xs-12">{{ 'OPTIONS' | translate }}</div>
 						<div class="col-md-8 col-xs-12">
-							<div ng-repeat="option in field.fieldOptions track by option.option_id" class="row">
-								<input type="text" name="{{option.option_value}}{{field._id}}" ng-model="option.option_value" class="col-xs-5">
-
-								<a class="btn btn-danger btn-mini right" type="button" ng-click="deleteOption(option)" class="col-xs-3">
-									<i class="fa fa-trash-o"></i>
-								</a>
-							</div>
-							<div class="row">
-								<button class="btn btn-primary btn-small col-md-offset-0 col-md-6 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-6" type="button" ng-click="addOption()">
-									<i class="icon-plus icon-white"></i> {{ 'ADD_OPTION' | translate }}
-								</button>
-							</div>
+							<textarea type="text" class="form-control" ng-model="options.fieldOptionsString" ng-value="fieldOptionsString" name="options{{field._id}}" placeholder="{{ 'ADD_OPTIONS_PLACEHOLDER' | translate }}" required="true"></textarea>
 						</div>
 					</div>
 
-					<div class="row" ng-show="showRatingOptions()"><br></div>
+					<div class="row" ng-if="showRatingOptions()"><br></div>
 					<div class="row" ng-if="showRatingOptions()">
 						<div class="col-md-9 col-sm-9">{{ 'NUM_OF_STEPS' | translate }}</div>
 						<div class="col-md-3 col-sm-3">
@@ -342,17 +40,17 @@
 								   min="1" max="10"
 								   ng-model="field.ratingOptions.steps"
 								   name="ratingOptions_steps{{field._id}}"
-								   ng-value="{{field.ratingOptions.steps}}"
+								   ng-value="field.ratingOptions.steps"
 								   required>
 						</div>
 						<br>
 						<div class="col-md-5 col-sm-9">{{ 'SHAPE' | translate }}:</div>
 						<div class="col-md-7 col-sm-3">
 							<select style="width:100%" ng-model="field.ratingOptions.shape"
-									value="{{field.ratingOptions.steps}}"
+									ng-value="field.ratingOptions.steps"
 									name="ratingOptions_shape{{field._id}}" required>
 								<option ng-repeat="shapeType in validShapes"
-										value="{{shapeType}}">
+										ng-value="shapeType">
 									{{select2FA[shapeType]}}
 								</option>
 							</select>
@@ -489,6 +187,298 @@
 		</div>
 	</script>
 
+
+	<!-- Edit EndPage Modal Dialog Template -->
+	<script type="text/ng-template" id="editEndPageModal.html" class="edit-endpage-modal">
+		<div class="modal-body">
+			<div class="row">
+				<div class="edit-panel col-md-6 col-xs-12 col-sm-12">
+					<div class="row modal-header">
+						<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_END_PAGE' | translate }}</h2>
+						<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_END_PAGE' | translate }}</h3>
+					</div>
+
+					<div class="row question">
+						<div class="col-md-4 col-sm-12">{{ 'TITLE' | translate }}:</div>
+						<div class="col-md-8 col-sm-12">
+							<input class="form-control" type="text"
+								   ng-model="myform.endPage.title" required>
+						</div>
+					</div>
+
+					<div class="row"><br></div>
+
+					<div class="row question">
+						<div class="col-md-4 col-sm-12">{{ 'PARAGRAPH' | translate }}:</div>
+						<div class="col-md-8 col-sm-12">
+                            <textarea class="form-control" type="text"
+							    ng-model="myform.endPage.paragraph"></textarea>
+						</div>
+					</div>
+
+					<div class="row"><br></div>
+
+					<div class="row question">
+						<div class="col-md-4 col-sm-12">{{ 'BTN_TEXT' | translate }}:</div>
+						<div class="col-md-8 col-sm-12">
+							<input class="form-control" type="text"
+								   ng-model="myform.endPage.buttonText" required>
+						</div>
+					</div>
+
+					<div class="row"><br></div>
+
+					<div class="row">
+						<div class="col-md-4 col-xs-12 field-input">{{ 'SHOW_BUTTONS' | translate }}</div>
+						<div class="col-md-8 col-xs-12 field-input">
+							<label class="switch-light switch-holo" onclick="">
+								<input type="checkbox" ng-model="showButtons">
+								<span>
+									<span> {{ 'OFF' | translate }}</span>
+									<span> {{ 'ON' | translate }}</span>
+									<a></a>
+								</span>
+							</label>
+						</div>
+					</div>
+
+					<div class="row options buttons" ng-if="showButtons">
+						<div class="col-md-3 col-xs-12">{{ 'BUTTONS' | translate }}:</div>
+						<div class="col-md-9 col-xs-12">
+							<div ng-repeat="button in myform.endPage.buttons track by button._id" class="row" style="padding-bottom:1em;">
+
+								<div class="col-xs-5">
+									<span>{{ 'BUTTON_TEXT' | translate }}</span>
+									<input type="text"
+										   name="{{button.text}}_buttonText_startPage"
+										   ng-model="button.text"
+										   value="{{button.text}}"
+										   placeholder="{{ 'BUTTON_TEXT' | translate }}">
+								</div>
+
+
+								<div class="col-xs-5">
+									<span>{{ 'BUTTON_LINK' | translate }}</span>
+									<input type="text"
+										   name="{{button.url}}_url_startPage"
+										   ng-model="button.url"
+										   value="{{button.url}}"
+										   placeholder="http://aeouaou.com/aoeuoa">
+								</div>
+
+								<div class="col-xs-2">
+									<a class="btn btn-danger btn-mini right" type="button" ng-click="deleteButton(button)">
+										<i class="fa fa-trash-o"></i>
+									</a>
+								</div>
+							</div>
+
+							<div class="row"><br></div>
+							<div class="row">
+								<button class="btn btn-primary btn-small col-md-offset-6 col-md-6 col-sm-4 col-sm-offset-8 col-xs-4 col-xs-offset-8" type="button" ng-click="addButton()">
+									<i class="icon-plus icon-white"></i> {{ 'ADD_BUTTON' | translate }}
+								</button>
+							</div>
+						</div>
+					</div>
+
+					<div class="modal-footer row">
+						<button type="submit" ng-click="saveEndPage()" class="btn btn-signup btn-rounded">
+							{{ 'SAVE_START_PAGE' | translate }}
+						</button>
+
+						<button ng-click="cancel()" class="btn btn-secondary btn-rounded">
+							{{ 'CANCEL' | translate }}
+						</button>
+					</div>
+				</div>
+
+				<div class="preview-field-panel col-md-6 hidden-sm hidden-xs">
+					<form class="public-form">
+
+						<div class="row">
+							<div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
+								<h1 style="font-weight: 400; font-size: 25px;">
+									{{myform.endPage.title}}
+								</h1>
+							</div>
+							<div class="col-xs-10 col-xs-offset-1 text-center" style="overflow-wrap: break-word;">
+								<p style="color: grey; font-weight: 100; font-size: 16px;">
+									{{myform.endPage.paragraph}}
+								</p>
+							</div>
+						</div>
+
+						<div class="row form-actions text-center" style="padding: 5px 25px 5px 25px;">
+							<button ng-click="reloadForm()" class="btn" type="button"
+									ng-style="{'background-color':myform.design.colors.buttonColor, 'color':myform.design.colors.buttonTextColor}">
+								<span style="font-size: 1.6em;">
+								{{myform.endPage.buttonText}}
+								</span>
+							</button>
+						</div>
+						<div class="row form-actions" style="padding-bottom:3em; padding-left: 1em; padding-right: 1em;">
+							<p ng-repeat="button in myform.endPage.buttons" class="text-center" style="display:inline;">
+								<button class="btn" style="background-color:rgb(156, 226, 235)" type="button" ng-style="{'background-color':button.bgColor, 'color':button.color}">
+									<a href="{{button.url}}"
+									   style="font-size: 1.6em; text-decoration: none;"
+									   ng-style="{'color':button.color}">
+										{{button.text}}
+									</a>
+								</button>
+							</p>
+						</div>
+
+					</form>
+				</div>
+			</div>
+
+		</div>
+	</script>
+
+	<!-- Edit StartPage Modal Dialog Template -->
+	<script type="text/ng-template" id="editStartPageModal.html" class="edit-startpage-modal">
+		<div class="modal-body">
+			<div class="row">
+				<div class="edit-panel col-md-6 col-xs-12 col-sm-12">
+					<div class="row modal-header">
+						<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_START_PAGE' | translate }}</h2>
+						<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_START_PAGE' | translate }}</h3>
+					</div>
+
+					<div class="row question">
+						<div class="col-md-4 col-sm-12">{{ 'INTRO_TITLE' | translate }}:</div>
+						<div class="col-md-8 col-sm-12">
+							<input class="form-control" type="text"
+								   ng-model="myform.startPage.introTitle"
+								   name="introTitleStartPage" required>
+						</div>
+					</div>
+
+					<div class="row"><br></div>
+
+					<div class="row question">
+						<div class="col-md-4 col-sm-12">{{ 'INTRO_PARAGRAPH' | translate }}:</div>
+						<div class="col-md-8 col-sm-12">
+                            <textarea class="form-control" type="text"
+									  ng-model="myform.startPage.introParagraph"
+									  name="introParagraphStartPage"></textarea>
+						</div>
+					</div>
+
+					<div class="row"><br></div>
+
+					<div class="row question">
+						<div class="col-md-4 col-sm-12">{{ 'INTRO_BTN' | translate }}:</div>
+						<div class="col-md-8 col-sm-12">
+							<input class="form-control" type="text"
+								   ng-model="myform.startPage.introButtonText"
+								   name="introButtonText" required>
+						</div>
+					</div>
+
+					<div class="row"><br></div>
+
+					<div class="row">
+						<div class="col-md-4 col-xs-12 field-input">{{ 'SHOW_BUTTONS' | translate }}</div>
+						<div class="col-md-8 col-xs-12 field-input">
+							<label class="switch-light switch-holo" onclick="">
+								<input type="checkbox" ng-model="showButtons">
+								<span>
+									<span> {{ 'OFF' | translate }}</span>
+									<span> {{ 'ON' | translate }}</span>
+									<a></a>
+								</span>
+							</label>
+						</div>
+					</div>
+
+					<div class="row options buttons" ng-if="showButtons">
+						<div class="col-md-3 col-xs-12">{{ 'BUTTONS' | translate }}:</div>
+						<div class="col-md-9 col-xs-12">
+							<div ng-repeat="button in myform.startPage.buttons track by button._id" class="row" style="padding-bottom:1em;">
+
+								<div class="col-xs-5">
+									<span>{{ 'BUTTON_TEXT' | translate }}</span>
+									<input type="text"
+										   name="{{button.text}}_buttonText_startPage"
+										   ng-model="button.text"
+										   value="{{button.text}}"
+										   placeholder="{{ 'BUTTON_TEXT' | translate }}">
+								</div>
+
+
+								<div class="col-xs-5">
+									<span>{{ 'BUTTON_LINK' | translate }}</span>
+									<input type="text"
+										   name="{{button.url}}_url_startPage"
+										   ng-model="button.url"
+										   value="{{button.url}}"
+										   placeholder="http://aeouaou.com/aoeuoa">
+								</div>
+
+								<div class="col-xs-2">
+									<a class="btn btn-danger btn-mini right" type="button" ng-click="deleteButton(button)">
+										<i class="fa fa-trash-o"></i>
+									</a>
+								</div>
+							</div>
+
+							<div class="row"><br></div>
+							<div class="row">
+								<button class="btn btn-primary btn-small col-md-offset-6 col-md-6 col-sm-4 col-sm-offset-8 col-xs-4 col-xs-offset-8" type="button" ng-click="addButton()">
+									<i class="icon-plus icon-white"></i> {{ 'ADD_BUTTON' | translate }}
+								</button>
+							</div>
+						</div>
+					</div>
+
+					<div class="modal-footer row">
+						<button type="submit" ng-click="saveStartPage()" class="btn btn-signup btn-rounded">
+							{{ 'SAVE_START_PAGE' | translate }}
+						</button>
+
+						<button ng-click="cancel()" class="btn btn-secondary btn-rounded">
+							{{ 'CANCEL' | translate }}
+						</button>
+					</div>
+				</div>
+
+				<div class="preview-field-panel col-md-6 hidden-sm hidden-xs">
+					<form class="public-form">
+
+						<div class="field row">
+							<div class="col-xs-12 text-center" style="overflow-wrap: break-word;">
+								<h1>{{myform.startPage.introTitle}}</h1>
+							</div>
+							<div class="col-xs-10 col-xs-offset-1 text-left" style="overflow-wrap: break-word;">
+								<p style="color:#ddd;">{{myform.startPage.introParagraph}}</p>
+							</div>
+						</div>
+						<div class="row form-actions" style="padding-bottom:3em; padding-left: 1em; padding-right: 1em;">
+							<p ng-repeat="button in myform.startPage.buttons" class="text-center" style="display:inline;">
+								<button class="btn btn-info" type="button" ng-style="{'background-color':button.bgColor, 'color':button.color}">
+									<a href="{{button.url}}" style="font-size: 1.6em; text-decoration: none; color: inherit;" >
+										{{button.text}}
+									</a>
+								</button>
+							</p>
+						</div>
+						<div class="row form-actions">
+							<button class="btn btn-info btn btn-info col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3" type="button">
+										<span style="color:white; font-size: 1.6em; text-decoration: none;">
+											{{myform.startPage.introButtonText}}
+										</span>
+							</button>
+						</div>
+
+					</form>
+				</div>
+			</div>
+
+		</div>
+	</script>
+
 	<!-- Add Fields Element -->
     <div class="col-xs-2 col-sm-4 add-field">
 

public/modules/forms/admin/views/directiveViews/form/edit-submissions-form.client.view.html

@@ -1,4 +1,4 @@
-<div class="submissions-table container">
+<div class="submissions-table row">
 	<div class="row text-center analytics">
 		<div class="col-xs-12 header-title">
 			<div class="col-xs-3">

public/modules/forms/admin/views/directiveViews/form/share-form.client.view.html

@@ -0,0 +1,44 @@
+<div class="config-form row">
+	<div class="row">
+		<div class="col-sm-12">
+			<uib-tabset active="activePill" vertical="true" type="pills">
+				<uib-tab index="0" heading="{{ 'SHARE_YOUR_FORM' | translate }}">
+					<div class="row">
+						<div class="col-sm-12">
+							{{ 'TELLFORM_URL' | translate }}
+						</div>
+						<div class="col-sm-8 form-input">
+							<span ngclipboard data-clipboard-target="#copyURL"> <input id="copyURL" ng-value="actualFormURL" class="form-control ng-pristine ng-untouched ng-valid"> </span>
+						</div>
+						<div class="col-sm-4">
+							<button class="btn btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyURL">
+								{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
+							</button>
+						</div>
+					</div>
+				</uib-tab>
+				<uib-tab index="1" heading="{{ 'EMBED_YOUR_FORM' | translate }}">
+					<div class="row">
+						<div class="col-sm-12">
+							{{ 'COPY_AND_PASTE' | translate }}
+						</div>
+						<div class="col-sm-8 form-input">
+							<span ngclipboard data-clipboard-target="#copyEmbedded">
+								<textarea id="copyEmbedded" class="form-control ng-pristine ng-untouched ng-valid" style="min-height:200px; width:100%; background-color: #FFFFCC; color: #30313F;">
+									&lt;!-- {{ 'CHANGE_WIDTH_AND_HEIGHT' | translate }} --&gt;
+									<iframe id="iframe" src="{{actualFormURL}}" style="width:100%;height:500px;"></iframe>
+									<div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;">{{ 'POWERED_BY' | translate }} <a href="https://www.tellform.com" style="color: #999" target="_blank">TellForm</a></div>
+								</textarea>
+							</span>
+						</div>
+						<div class="col-sm-4">
+							<button class="btn btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyEmbedded">
+								{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
+							</button>
+						</div>
+					</div>
+				</uib-tab>
+			</uib-tabset>
+		</div>
+	</div>
+</div>

public/modules/forms/base/css/form.css

@@ -224,13 +224,13 @@ form .row.field {
             font-size:0.8em;
         }
 
-    form .row.field.dropdown > .field-input input {
+    form .dropdown > .field-input input {
         min-height: 34px;
 		border-width: 0 0 2px 0;
 		border-radius: 5px;
     }
 	
-	form .row.field.dropdown > .field-input input:focus {
+	form .dropdown > .field-input input:focus {
 		border: none;
 	}
 

public/modules/forms/config/forms.client.config.js

@@ -6,6 +6,15 @@ angular.module('forms').run(['Menus',
 		// Set top bar menu items
 		Menus.addMenuItem('topbar', 'My Forms', 'forms', '', '/forms', false);
 	}
+]).run(['$rootScope', '$state', 
+	function($rootScope, $state) {
+    	$rootScope.$on('$stateChangeStart', function(evt, to, params) {
+	      	if (to.redirectTo) {
+	       		evt.preventDefault();
+	        	$state.go(to.redirectTo, params)
+	      	}
+	    });
+	}
 ]).filter('secondsToDateTime', [function() {
 	return function(seconds) {
 		return new Date(1970, 0, 1).setSeconds(seconds);
@@ -46,4 +55,31 @@ angular.module('forms').run(['Menus',
         directive.replace = true;
         return $delegate;
     });
-}]);
+}]).config(['$provide', function ($provide){
+    $provide.decorator('taOptions', ['$delegate', 'taRegisterTool', '$translate', '$window', function(taOptions, taRegisterTool, $translate, $window) {
+        taRegisterTool('insertField', {
+            display: '<div class="dropdown" uib-dropdown is-open="isopen">\
+					<div class="dropdown-toggle" ng-disabled="isDisabled()" uib-dropdown-toggle>\
+						<span>{{ "ADD_VARIABLE_BUTTON" | translate }}</span>\
+						<b class="caret"></b>\
+					</div>\
+					<ul class="dropdown-menu">\
+						<li ng-repeat="field in $root.myform.form_fields" ng-click="onClickField(field.globalId, field.title)">\
+							{{field.title}}\
+						</li>\
+					</ul>\
+				</div>',
+            onClickField: function(field_id, field_name){
+            	this.$editor().wrapSelection('insertHTML', '<var class="tag" contenteditable="false" id="field:' + field_id + '">' + field_name + '</var>', false);
+            },
+            action: function(){
+            }
+        });
+
+        taOptions.defaultTagAttributes['var'] = {
+        	'contenteditable': 'false'
+        };
+
+		return taOptions;
+    }]);
+}]);

public/modules/forms/config/forms.client.routes.js

@@ -43,6 +43,7 @@ angular.module('forms').config(['$stateProvider',
 			controller: 'SubmitFormController',
 			controllerAs: 'ctrl'
 		}).state('viewForm', {
+			abstract: true,
 			url: '/forms/:formId/admin',
 			templateUrl: 'modules/forms/admin/views/admin-form.client.view.html',
 			data: {
@@ -63,18 +64,35 @@ angular.module('forms').config(['$stateProvider',
 			    }]
 			},
 			controller: 'AdminFormController'
-		}).state('viewForm.configure', {
+		}).state('viewForm.create', {
+			url: '/create',
+			templateUrl: 'modules/forms/admin/views/adminTabs/create.html'
+		})
+
+		.state('viewForm.configure', {
+			abstract: true,
 			url: '/configure',
 			templateUrl: 'modules/forms/admin/views/adminTabs/configure.html'
-	    }).state('viewForm.design', {
+	    }).state('viewForm.configure.general', {
+			url: '/general',
+			templateUrl: 'modules/forms/admin/views/adminTabs/configureTabs/general.html'
+	    }).state('viewForm.configure.self_notifications', {
+			url: '/self_notifications',
+			templateUrl: 'modules/forms/admin/views/adminTabs/configureTabs/self-notifications.html'
+	    }).state('viewForm.configure.respondent_notifications', {
+			url: '/respondent_notifications',
+			templateUrl: 'modules/forms/admin/views/adminTabs/configureTabs/respondent-notifications.html'
+	    })
+
+	    .state('viewForm.design', {
 			url: '/design',
 			templateUrl: 'modules/forms/admin/views/adminTabs/design.html'
+		}).state('viewForm.share', {
+			url: '/share',
+			templateUrl: 'modules/forms/admin/views/adminTabs/share.html'
 	    }).state('viewForm.analyze', {
 			url: '/analyze',
 			templateUrl: 'modules/forms/admin/views/adminTabs/analyze.html'
-	    }).state('viewForm.create', {
-			url: '/create',
-			templateUrl: 'modules/forms/admin/views/adminTabs/create.html'
 	    });
 	}
 ]);

public/modules/forms/forms.client.module.js

@@ -3,5 +3,6 @@
 // Use Application configuration module to register a new module
 ApplicationConfiguration.registerModule('forms', [
 	'ngFileUpload', 'ui.date', 'ui.sortable',
-	'angular-input-stars', 'users', 'ngclipboard'
+	'angular-input-stars', 'users', 'ngclipboard', 'textAngular',
+	'frapontillo.bootstrap-switch'
 ]);//, 'colorpicker.module' @TODO reactivate this module

public/modules/forms/tests/unit/controllers/admin-form.client.controller.test.js

@@ -10,7 +10,8 @@
 			$httpBackend,
 			$stateParams,
 			$location,
-			$state;
+			$state,
+			$timeout;
 
 		var sampleUser = {
 			firstName: 'Full',
@@ -175,7 +176,7 @@
 		// The injector ignores leading and trailing underscores here (i.e. _$httpBackend_).
 		// This allows us to inject a service but then attach it to a variable
 		// with the same name as the service.
-		beforeEach(inject(function($controller, $rootScope, _$state_, _$location_, _$stateParams_, _$httpBackend_, CurrentForm, Forms) {
+		beforeEach(inject(function($controller, $rootScope, _$state_, _$location_, _$stateParams_, _$httpBackend_, CurrentForm, Forms, _$timeout_) {
 			// Set a new global scope
 			scope = $rootScope.$new();
 
@@ -187,6 +188,7 @@
 			$httpBackend = _$httpBackend_;
 			$location = _$location_;
 			$state = _$state_;
+			$timeout = _$timeout_;
 
 			$httpBackend.whenGET(/\.html$/).respond('');
 			$httpBackend.whenGET('/users/me/').respond('');
@@ -197,60 +199,70 @@
 			};
  		}));
 
-		it('AdminFormController should fetch current Form when instantiated', function() {
-			// Run controller functionality
-			var controller = createAdminFormController();
+		it('AdminFormController should fetch current Form when instantiated', inject(function($timeout) {
+			$timeout(function() {
+				// Run controller functionality
+				var controller = createAdminFormController();
 
-			// Test scope value
-			expect(scope.myform).toEqualData(sampleForm);
-		});
-
-		it('$scope.removeCurrentForm() with valid form data should send a DELETE request with the id of form', inject(function($uibModal) {
-			var controller = createAdminFormController();
-
-			//Set $state transition
-			$state.expectTransitionTo('listForms');
-
-			// Set DELETE response
-			$httpBackend.expect('DELETE', /^(\/forms\/)([0-9a-fA-F]{24})$/).respond(200, sampleForm);
-
-			//Run controller functionality
-			scope.openDeleteModal();
-			scope.removeCurrentForm();
-
-			$httpBackend.flush();
-			$state.ensureAllTransitionsHappened();
+				// Test scope value
+				expect(scope.myform).toEqualData(sampleForm);
+			});
 		}));
 
-		it('$scope.update() should send a PUT request with the id of form', function() {
-			var controller = createAdminFormController();
+		it('$scope.removeCurrentForm() with valid form data should send a DELETE request with the id of form', inject(function($timeout, $uibModal) {
+			$timeout(function() {
+				var controller = createAdminFormController();
 
-			//Set PUT response
-			$httpBackend.expect('PUT', /^(\/forms\/)([0-9a-fA-F]{24})$/).respond(200, sampleForm);
+				//Set $state transition
+				$state.expectTransitionTo('listForms');
 
-			//Run controller functionality
-			scope.update(false, sampleForm, false, false);
+				// Set DELETE response
+				$httpBackend.expect('DELETE', /^(\/forms\/)([0-9a-fA-F]{24})$/).respond(200, sampleForm);
 
-			$httpBackend.flush();
-		});
+				//Run controller functionality
+				scope.openDeleteModal();
+				scope.removeCurrentForm();
 
-		it('$scope.openDeleteModal() should open scope.deleteModal', function() {
-			var controller = createAdminFormController();
+				$httpBackend.flush();
+				$state.ensureAllTransitionsHappened();
+			});
+		}));
 
-			//Run controller functionality
-			scope.openDeleteModal();
-			expect(scope.deleteModal.opened).toEqual(true);
-		});
+		it('$scope.update() should send a PUT request with the id of form', inject(function($timeout) {
+			$timeout(function() {
+				var controller = createAdminFormController();
 
-		it('$scope.cancelDeleteModal() should close $scope.deleteModal', inject(function($uibModal) {
-			var controller = createAdminFormController();
+				//Set PUT response
+				$httpBackend.expect('PUT', /^(\/forms\/)([0-9a-fA-F]{24})$/).respond(200, sampleForm);
 
-			//Run controller functionality
-			scope.openDeleteModal();
+				//Run controller functionality
+				scope.update(false, sampleForm, false, false);
 
-			//Run controller functionality
-			scope.cancelDeleteModal();
-			expect( scope.deleteModal.opened ).toEqual(false);
+				$httpBackend.flush();
+			});
+		}));
+
+		it('$scope.openDeleteModal() should open scope.deleteModal', inject(function($timeout) {
+			$timeout(function() {
+				var controller = createAdminFormController();
+
+				//Run controller functionality
+				scope.openDeleteModal();
+				expect(scope.deleteModal.opened).toEqual(true);
+			});
+		}));
+
+		it('$scope.cancelDeleteModal() should close $scope.deleteModal', inject(function($uibModal, $timeout) {
+			$timeout(function() {
+				var controller = createAdminFormController();
+
+				//Run controller functionality
+				scope.openDeleteModal();
+
+				//Run controller functionality
+				scope.cancelDeleteModal();
+				expect( scope.deleteModal.opened ).toEqual(false);
+			});
 		}));
 	});
 }());

public/modules/users/controllers/authentication.client.controller.js

@@ -11,7 +11,7 @@ angular.module('users').controller('AuthenticationController', ['$scope', '$loca
 		var statesToIgnore = ['', 'home', 'signin', 'resendVerifyEmail', 'verify', 'signup', 'signup-success', 'forgot', 'reset-invalid', 'reset', 'reset-success'];
 
 	    $scope.signin = function() {
-	    	if(!$scope.forms.signinForm.$invalid){
+	    	if($scope.forms && $scope.forms.signinForm.$valid){
 				User.login($scope.credentials).then(
 					function(response) {
 						Auth.login(response);
@@ -40,7 +40,7 @@ angular.module('users').controller('AuthenticationController', ['$scope', '$loca
 	    		return;
 	    	}
 
-	    	if(!$scope.forms.signupForm.$invalid){
+	    	if($scope.forms && $scope.forms.signupForm.$valid){
 		        User.signup($scope.credentials).then(
 			        function(response) {
 			        	$state.go('signup-success');

public/modules/users/tests/unit/controllers/authentication.client.controller.test.js

@@ -0,0 +1,181 @@
+'use strict';
+
+(function() {
+	// Forms Controller Spec
+	describe('Authentication Controller Tests', function() {
+		// Initialize global variables
+		var AuthenticationController,
+			scope,
+			$httpBackend,
+			$stateParams,
+			$location,
+			$state;
+
+		var sampleUser = {
+			firstName: 'Full',
+			lastName: 'Name',
+			email: 'test@test.com',
+			username: 'test@test.com',
+			password: 'password',
+			provider: 'local',
+			roles: ['user'],
+			_id: 'ed873933b1f1dea0ce12fab9'
+		};
+
+		var sampleForm = {
+			title: 'Form Title',
+			admin: 'ed873933b1f1dea0ce12fab9',
+			language: 'english',
+			form_fields: [
+				{fieldType:'textfield', title:'First Name', fieldValue: '', deletePreserved: false},
+                {fieldType:'checkbox', title:'nascar',      fieldValue: '', deletePreserved: false},
+                {fieldType:'checkbox', title:'hockey',      fieldValue: '', deletePreserved: false}
+			],
+			_id: '525a8422f6d0f87f0e407a33'
+		};
+
+		var expectedForm = {
+			title: 'Form Title',
+			admin: 'ed873933b1f1dea0ce12fab9',
+			language: 'english',
+			form_fields: [
+				{fieldType:'textfield', title:'First Name', fieldValue: '', deletePreserved: false},
+                {fieldType:'checkbox', title:'nascar',      fieldValue: '', deletePreserved: false},
+                {fieldType:'checkbox', title:'hockey',      fieldValue: '', deletePreserved: false}
+			],
+			visible_form_fields: [
+				{fieldType:'textfield', title:'First Name', fieldValue: '', deletePreserved: false},
+                {fieldType:'checkbox', title:'nascar',      fieldValue: '', deletePreserved: false},
+                {fieldType:'checkbox', title:'hockey',      fieldValue: '', deletePreserved: false}
+			],
+			_id: '525a8422f6d0f87f0e407a33'
+		};
+
+		var sampleCredentials = {
+			username: sampleUser.username,
+			password: sampleUser.password,
+		};
+
+
+
+		// The $resource service augments the response object with methods for updating and deleting the resource.
+		// If we were to use the standard toEqual matcher, our tests would fail because the test values would not match
+		// the responses exactly. To solve the problem, we define a new toEqualData Jasmine matcher.
+		// When the toEqualData matcher compares two objects, it takes only object properties into
+		// account and ignores methods.
+		beforeEach(function() {
+			jasmine.addMatchers({
+				toEqualData: function(util, customEqualityTesters) {
+					return {
+						compare: function(actual, expected) {
+							return {
+								pass: angular.equals(actual, expected)
+							};
+						}
+					};
+				}
+			});
+		});
+
+
+		// Load the main application module
+		beforeEach(module(ApplicationConfiguration.applicationModuleName));
+		beforeEach(module('module-templates'));
+		beforeEach(module('stateMock'));
+
+		// Mock Users Service
+		beforeEach(module(function($provide) {
+			$provide.service('User', function($q) {
+				return {
+					getCurrent: function() {
+						var deferred = $q.defer();
+						deferred.resolve( JSON.stringify(sampleUser) );
+						return deferred.promise;
+					},
+					login: function(credentials) {
+						var deferred = $q.defer();
+						if( credentials.password === sampleUser.password && credentials.username === sampleUser.username){
+							deferred.resolve( JSON.stringify(sampleUser) );
+						}else {
+							deferred.resolve('Error: User could not be loggedin');
+						}
+
+						return deferred.promise;
+					},
+					logout: function() {
+						var deferred = $q.defer();
+						deferred.resolve(null);
+						return deferred.promise;
+					},
+					signup: function(credentials) {
+						var deferred = $q.defer();
+						if( credentials.password === sampleUser.password && credentials.username === sampleUser.username){
+							deferred.resolve( JSON.stringify(sampleUser) );
+						}else {
+							deferred.resolve('Error: User could not be signed up');
+						}
+
+						return deferred.promise;
+					}
+				};
+			});
+		}));
+
+		// Mock Authentication Service
+		beforeEach(module(function($provide) {
+			$provide.service('Auth', function() {
+				return {
+					ensureHasCurrentUser: function() {
+						return sampleUser;
+					},
+					isAuthenticated: function() {
+						return true;
+					},
+					getUserState: function() {
+						return true;
+					}
+				};
+			});
+		}));
+
+		// The injector ignores leading and trailing underscores here (i.e. _$httpBackend_).
+		// This allows us to inject a service but then attach it to a variable
+		// with the same name as the service.
+		beforeEach(inject(function($controller, $rootScope, _$state_, _$location_, _$stateParams_, _$httpBackend_, CurrentForm, Forms) {
+			// Set a new global scope
+			scope = $rootScope.$new();
+			scope.abc = 'hello';
+
+			// Point global variables to injected services
+			$stateParams = _$stateParams_;
+			$httpBackend = _$httpBackend_;
+			$location = _$location_;
+			$state = _$state_;
+
+			// $httpBackend.whenGET(/\.html$/).respond('');
+			$httpBackend.whenGET('/users/me/').respond('');
+
+			// Initialize the Forms controller.
+			AuthenticationController = $controller('AuthenticationController', { $scope: scope });
+ 		}));
+
+		it('$scope.signin should sigin in user with valid credentials', inject(function(Auth) {
+			
+			//Set $state transition 
+			// $state.expectTransitionTo('listForms');
+			//Set POST response
+			// $httpBackend.expect('POST', '/auth/signin', sampleCredentials).respond(200, sampleUser);
+
+			scope.abc = 'sampleCredentials';
+			//Run Controller Logic to Test
+			scope.signin();
+
+			// $httpBackend.flush();
+
+			// Test scope value
+			// expect(Auth.ensureHasCurrentUser()).toEqualData(sampleUser);
+		}));
+
+
+	});
+}());

server.js

@@ -3,12 +3,15 @@
  * Module dependencies.
  */
 
-require('dotenv').config({path: './.env'});
-
 if(!process.env.NODE_ENV){
     process.env.NODE_ENV = 'development';
 }
 
+//Don't check .env file if we are in travis-ci
+if(!process.env.TRAVIS){
+	require('dotenv').config({path: './.env'});
+}
+
 
 require('events').EventEmitter.prototype._maxListeners = 0;
 
@@ -73,9 +76,6 @@ console.log('--');
 console.log(chalk.green('Environment:\t\t\t' + process.env.NODE_ENV));
 console.log(chalk.green('Port:\t\t\t\t' + config.port));
 console.log(chalk.green('Database:\t\t\t' + config.db.uri));
-if (process.env.NODE_ENV === 'secure') {
-	console.log(chalk.green('HTTPs:\t\t\t\ton'));
-}
 console.log('--');
 
 process.on('uncaughtException', function (err) {