converted project list page

added missing js files

services/web/app/views/project/list/project-list.jade

@@ -52,7 +52,7 @@
 						role="menu"
 						ng-controller="TagListController"
 					)
-						li.dropdown-header Add to folder
+						li.dropdown-header #{translate("add_to_folder")}
 						li(
 							ng-repeat="tag in tags | filter:nonEmpty | orderBy:'name'",
 							ng-controller="TagDropdownItemController"
@@ -68,25 +68,25 @@
 								|  {{tag.name}}
 						li.divider
 						li
-							a(href="#", ng-click="openNewTagModal()", stop-propagation="click") Create New Folder
+							a(href="#", ng-click="openNewTagModal()", stop-propagation="click") #{translate("create_new_folder")}
 
 				.btn-group(ng-hide="selectedProjects.length != 1").dropdown
 					a.btn.btn-default.dropdown-toggle(
 						href='#',
 						data-toggle="dropdown"
-					) More 
+					) #{translate("more")}
 						span.caret
 					ul.dropdown-menu.dropdown-menu-right(role="menu")
 						li(ng-show="getFirstSelectedProject().accessLevel == 'owner'")
 							a(
 								href='#',
 								ng-click="openRenameProjectModal()"
-							) Rename
+							) #{translate("rename")}
 						li
 							a(
 								href='#',
 								ng-click="openCloneProjectModal()"
-							) Make a copy
+							) #{translate("make_copy")}
 
 			.btn-toolbar(ng-show="filter == 'archived'")
 				.btn-group(ng-hide="selectedProjects.length < 1")
@@ -96,7 +96,7 @@
 						data-toggle="tooltip",
 						data-placement="bottom",
 						ng-click="restoreSelectedProjects()"
-					) Restore
+					) #{translate("restore")}
 
 				.btn-group(ng-hide="selectedProjects.length < 1")
 					a.btn.btn-danger(
@@ -105,7 +105,7 @@
 						data-toggle="tooltip",
 						data-placement="bottom",
 						ng-click="openDeleteProjectsModal()"
-					) Delete Forever
+					) #{translate("delete_forever")}
 
 .row.row-spaced
 	.col-xs-12
@@ -123,13 +123,13 @@
 								select-all,
 								type="checkbox"
 							)
-							span.header.clickable Title
+							span.header.clickable #{translate("title")}
 								i.tablesort.fa(ng-class="getSortIconClass('name')")
 						.col-xs-2(ng-click="changePredicate('accessLevel')")
-							span.header.clickable Owner
+							span.header.clickable #{translate("owner")}
 								i.tablesort.fa(ng-class="getSortIconClass('accessLevel')")
 						.col-xs-4(ng-click="changePredicate('lastUpdated')")
-							span.header.clickable Last Modified
+							span.header.clickable #{translate("last_modified")}
 								i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')")
 				li.project_entry.container-fluid(
 					ng-repeat="project in visibleProjects | orderBy:predicate:reverse",
@@ -162,13 +162,13 @@
 				)
 					.row
 						.col-xs-12.text-centered
-							small No projects
+							small #{translate("no_projects")}
 			div.welcome.text-centered(ng-if="projects.length == 0", ng-cloak)
-				h2 Welcome to ShareLaTeX!
-				p New to LaTeX? Start by having a look at our
-					a(href="/templates")  templates
-					|  or
-					a(href="/learn")  help guides
+				h2 #{translate("welcome_to_sl")}
+				p #{translate("new_to_latex_look_at")}
+					a(href="/templates") #{translate("templates").toLowerCase()}
+					|   #{translate("or")}
+					a(href="/learn")  #{translate("latex_help_guide")}
 					| ,
 					br 
-					| or create your first project on the left.
+					|  #{translate("or_create_project_left")}

services/web/app/views/project/list/side-bar.jade

@@ -2,8 +2,9 @@
 	a.btn.btn-primary.dropdown-toggle(
 		href="#",
 		data-toggle="dropdown"
-	) 
-		p(ng-i18next="new_project") 
+	)
+		| #{translate("new_project")}
+
 	ul.dropdown-menu(role="menu")
 		li
 			a(
@@ -95,9 +96,9 @@
 -if (settings.enableSubscriptions && !hasSubscription)
 	.row-spaced(ng-if="projects.length > 0", ng-cloak).text-centered
 		hr
-		p.small You are using the free version of ShareLaTeX.
+		p.small #{translate("on_free_sl")}
 		p
-			a(href="/user/subscription/plans").btn.btn-primary Upgrade
+			a(href="/user/subscription/plans").btn.btn-primary #{translate("upgrade")}
 		p.small
-			| or unlock some free bonus features by 
-			a(href="/user/bonus") sharing ShareLaTeX.
+			| #{translate("or_unlock_features_bonus")} 
+			a(href="/user/bonus") #{translate("sharing_sl")} .

services/web/public/js/libs/ng-i18next/directive/directive.js

@@ -0,0 +1,185 @@
+angular.module('jm.i18next').directive('ngI18next', ['$rootScope', '$i18next', '$compile', '$parse', '$interpolate', function ($rootScope, $i18next, $compile, $parse, $interpolate) {
+
+	'use strict';
+
+	console.log("running directive")
+	var watchUnregister;
+
+	function parse(scope, element, key) {
+
+		var attr = 'text',
+			attrs = [attr],
+			string,
+			i;
+
+		// If there was a watched value, unregister it
+		if (watchUnregister) {
+			watchUnregister();
+		}
+
+		key = key.trim();
+
+		/*
+		 * Check if we want to translate an attribute
+		 */
+		if (key.indexOf('[') === 0) {
+
+			var parts = key.split(']');
+
+			// If there are more than two parts because of multiple "]", concatenate them again.
+			if (parts.length > 2) {
+				for (i = 2; i < parts.length; i++) {
+					parts[1] += ']' + parts[i];
+					parts[i] = null;
+				}
+			}
+
+			key = parts[1];
+			attr = parts[0].substr(1, parts[0].length - 1);
+
+		}
+		/*
+		 * Cut of the ";" that might be at the end of the string
+		 */
+		if (key.indexOf(';') === key.length - 1) {
+			key = key.substr(0, key.length - 2).trim();
+		}
+		/*
+		 * If passing options, split attr
+		 */
+		if (attr.indexOf(':') >= 0) {
+			attrs = attr.split(':');
+			attr = attrs[0];
+		} else if (attr === 'i18next') {
+			attrs[1] = 'i18next';
+			attr = 'text';
+		}
+
+		if (attr !== 'i18next' && attrs[1] !== 'i18next') {
+
+			string = $i18next(key);
+
+		} else {
+
+			var options = {},
+				strippedKey = key;
+
+			if (key.indexOf('(') >= 0 && key.indexOf(')') >= 0) {
+
+				var keys = key.split(')');
+
+				keys[0] = keys[0].substr(1, keys[0].length);
+
+				if (keys.length > 2) {
+
+					strippedKey = keys.pop();
+
+					options = $parse(keys.join(')'))(scope);
+
+				} else {
+
+					options = $parse(keys[0])(scope);
+					strippedKey = keys[1].trim();
+
+				}
+
+				if (options.sprintf) {
+					options.postProcess = 'sprintf';
+				}
+
+			}
+
+			string = $i18next(strippedKey, options);
+
+		}
+
+		if (attr === 'html') {
+
+			element.empty().append(string);
+
+			/*
+			 * Now compile the content of the element and bind the variables to
+			 * the scope
+			 */
+			$compile(element.contents())(scope);
+
+		} else {
+			var insertText = element.text.bind(element);
+
+			if (attr !== 'text') {
+				insertText = element.attr.bind(element, attr);
+			}
+
+			watchUnregister = scope.$watch($interpolate(string), insertText);
+			insertText(string);
+		}
+
+		if (!$rootScope.$$phase) {
+			$rootScope.$digest();
+		}
+	}
+
+
+	function localize(scope, element, key) {
+
+		if (key.indexOf(';') >= 0) {
+
+			var keys = key.split(';');
+
+			for (var i = 0; i < keys.length; i++) {
+				if (keys[i] !== '') {
+					parse(scope, element, keys[i]);
+				}
+			}
+
+		} else {
+			parse(scope, element, key);
+		}
+
+	}
+
+	return {
+
+		// 'A': only as attribute
+		restrict: 'A',
+
+		scope: false,
+
+		link: function postLink(scope, element, attrs) {
+
+			var translationValue;
+
+			function observe(value) {
+				translationValue = value.replace(/^\s+|\s+$/g, ''); // RegEx removes whitespace
+
+				if (translationValue === '') {
+					return setupWatcher();
+				}
+
+				localize(scope, element, translationValue);
+			}
+
+			function setupWatcher() {
+				// Prevent from executing this method twice
+				if (setupWatcher.done) {
+					return;
+				}
+
+				// interpolate is allowing to transform {{expr}} into text
+				var interpolation = $interpolate(element.html());
+
+				scope.$watch(interpolation, observe);
+
+				setupWatcher.done = true;
+			}
+
+			attrs.$observe('ngI18next', observe);
+
+			scope.$on('i18nextLanguageChange', function () {
+				localize(scope, element, translationValue);
+			});
+		}
+
+	};
+
+}]);

services/web/public/js/libs/ng-i18next/filter/filter.js

@@ -0,0 +1,12 @@
+angular.module('jm.i18next').filter('i18next', ['$i18next', function ($i18next) {
+
+	'use strict';
+
+	console.log("running filter")
+	return function (string, options) {
+
+		return $i18next(string, options);
+
+	};
+
+}]);

services/web/public/js/libs/ng-i18next/index.js

@@ -0,0 +1,8 @@
+(function() {
+  define(["libs/ng-i18next/provider", "libs/ng-i18next/directive/directive", "libs/ng-i18next/filter/filter"], function() {
+
+  	console.log("hello")
+
+  });
+
+}).call(this);

services/web/public/js/libs/ng-i18next/provider.js

@@ -0,0 +1,123 @@
+angular.module('jm.i18next', ['ng']);
+angular.module('jm.i18next').provider('$i18next', function () {
+
+	'use strict';
+	console.log("Running provider")
+
+	var self = this,
+		/**
+		 * This will be our translation function (see code below)
+		 */
+		t = null,
+		translations = {},
+		globalOptions = null,
+		triesToLoadI18next = 0;
+
+	self.options = {};
+
+	self.$get = ['$rootScope', '$timeout', function ($rootScope, $timeout) {
+
+		function init(options) {
+
+			if (window.i18n) {
+
+				window.i18n.init(options, function (localize) {
+
+					translations = {};
+
+					t = localize;
+
+					if (!$rootScope.$$phase) {
+						$rootScope.$digest();
+					}
+
+					$rootScope.$broadcast('i18nextLanguageChange');
+
+				});
+
+			} else {
+
+				triesToLoadI18next++;
+				// only check 4 times for i18next
+				if (triesToLoadI18next < 5) {
+
+					$timeout(function () {
+						init(options);
+					}, 400);
+
+				} else {
+					throw new Error('[ng-i18next] Can\'t find i18next!');
+				}
+
+			}
+		}
+
+		function optionsChange(newOptions, oldOptions) {
+
+			$i18nextTanslate.debugMsg.push(['i18next options changed:', oldOptions, newOptions]);
+
+			globalOptions = newOptions;
+
+			init(globalOptions);
+
+		}
+
+		/**
+		 * Translates `key` with given options and puts the translation into `translations`.
+		 * @param {Boolean} hasOwnOptions hasOwnOptions means that we are passing options to
+		 *                                $i18next so we can't use previous saved translation.
+		 */
+		function translate(key, options, hasOwnOptions) {
+
+			var lng = options.lng || 'auto';
+
+			if (!translations[lng]) {
+				translations[lng] = {};
+			}
+
+			if (!t) {
+				translations[lng][key] = 'defaultLoadingValue' in options ? options.defaultLoadingValue :
+					'defaultValue' in options ? options.defaultValue :
+					'defaultLoadingValue' in globalOptions ? globalOptions.defaultLoadingValue : key;
+			} else if (!translations[lng][key] || hasOwnOptions) {
+				translations[lng][key] = t(key, options);
+			}
+
+		}
+
+		function $i18nextTanslate(key, options) {
+
+			var optionsObj = options || {},
+				mergedOptions = options ? angular.extend({}, optionsObj, options) : optionsObj;
+
+			translate(key, mergedOptions, !!options);
+
+			return (options && options.lng) ? translations[options.lng][key] :
+				!!optionsObj.lng ? translations[optionsObj.lng][key] : translations['auto'][key];
+
+		}
+
+		$i18nextTanslate.debugMsg = [];
+
+		$i18nextTanslate.options = self.options;
+
+		if (self.options !== globalOptions) {
+			optionsChange(self.options, globalOptions);
+		}
+
+		$i18nextTanslate.reInit = function () {
+			optionsChange(globalOptions, globalOptions);
+		};
+
+		$rootScope.$watch(function () { return $i18nextTanslate.options; }, function (newOptions, oldOptions) {
+			// Check whether there are new options and whether the new options are different from the old options.
+			if (!!newOptions && oldOptions !== newOptions) {
+				optionsChange(newOptions, oldOptions);
+			}
+		}, true);
+
+		return $i18nextTanslate;
+
+	}];
+
+});