Updated /delta

Switched from less to scss. Still no build script to update the final CSS, though.
Added preliminary support for storing account data on browser's local storage for offline viewing. No public backend currently support this feature.

1 files changed, 111 insertions, 19 deletions

diff --git a/frontend/delta/js/Clipperz/PM/UI/MainController.js b/frontend/delta/js/Clipperz/PM/UI/MainController.js
index da7540e..20ff041 100644
--- a/frontend/delta/js/Clipperz/PM/UI/MainController.js
+++ b/frontend/delta/js/Clipperz/PM/UI/MainController.js
@@ -13,158 +13,218 @@ refer to http://www.clipperz.com.
 
 * Clipperz is distributed in the hope that it will be useful, but 
   WITHOUT ANY WARRANTY; without even the implied warranty of 
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
   See the GNU Affero General Public License for more details.
 
 * You should have received a copy of the GNU Affero General Public
   License along with Clipperz. If not, see http://www.gnu.org/licenses/.
 
 */
 
 Clipperz.Base.module('Clipperz.PM.UI');
 
 Clipperz.PM.UI.MainController = function() {
 	var pages;
 
-	this._proxy		= null;
+//	this._proxy		= null;
 	this._user		= null;
 	this._filter	= '';
 
 //	this._currentPage = 'loadingPage';
 
 	this._pageStack = ['loadingPage'];
 	this._overlay =  new Clipperz.PM.UI.Components.Overlay();
 	pages = {
 		'loginPage':		new Clipperz.PM.UI.Components.LoginForm(),
 		'registrationPage':	new Clipperz.PM.UI.Components.RegistrationWizard(),
 		'cardListPage':		new Clipperz.PM.UI.Components.CardList(),
 		'cardDetailPage':	new Clipperz.PM.UI.Components.CardDetail({card: {}}),
+		'preferencePage':	new Clipperz.PM.UI.Components.PreferencePage(),
 		'errorPage':		new Clipperz.PM.UI.Components.ErrorPage({message:''})
 	};
 
 	MochiKit.Base.map(function (anId) {React.renderComponent(pages[anId], MochiKit.DOM.getElement(anId))}, MochiKit.Base.keys(pages));
 	this._pages = pages;
 	this.registerForNotificationCenterEvents();
+	MochiKit.Signal.connect(MochiKit.DOM.currentDocument(), 'onselectionchange', this, 'selectionChangeHandler');
 
 	return this;
 }
 
 MochiKit.Base.update(Clipperz.PM.UI.MainController.prototype, {
 
 	toString: function () {
 		return "Clipperz.PM.UI.MainController";
 	},
 
 	//=========================================================================
 
 	overlay: function () {
 		return this._overlay;
 	},
 
 	loginForm: function () {
 		return this._loginForm;
 	},
 
 	registrationWizard: function () {
 		return this._registrationWizard;
 	},
 
 	//=========================================================================
 
 	isOnline: function() {
 		return navigator.onLine;
+//		return false;
 	},
 
 	hasLocalData: function() {
-		return false;
+//		return false;
+		return (Clipperz.PM.DataModel.devicePreferences.accountData() != null);
 	},
 
 	loginMode: function () {
 		//	PIN is set using this command:
 		//	Clipperz.PM.PIN.setCredentialsWithPIN('1234', {'username':'joe', 'passphrase':'clipperz'});
 
 		return Clipperz.PM.PIN.isSet() ? 'PIN' : 'CREDENTIALS';
 	},
 
 	//=========================================================================
 
 	pages: function () {
 		return this._pages;
 	},
 
 	pageStack: function () {
 		return this._pageStack;
 	},
 
 	//=========================================================================
 
+	showOfflineError: function () {
+console.log("THE BROWSER IS OFFLINE");
+	},
+
 	selectInitialProxy: function () {
 		if (this.isOnline()) {
-			this._proxy = Clipperz.PM.Proxy.defaultProxy;
+//			this._proxy = Clipperz.PM.Proxy.defaultProxy;
 		} else {
 			if (this.hasLocalData()) {
-				this._proxy = new Clipperz.PM.Proxy.Offline({dataStore: new Clipperz.PM.Proxy.Offline.LocalStorageDataStore(), shouldPayTolls:false});
+//				this._proxy = new Clipperz.PM.Proxy.Offline({dataStore: new Clipperz.PM.Proxy.Offline.LocalStorageDataStore(), shouldPayTolls:false});
+				Clipperz.PM.Proxy.defaultProxy = new Clipperz.PM.Proxy.Offline({dataStore: new Clipperz.PM.Proxy.Offline.LocalStorageDataStore(), shouldPayTolls:false});
 			} else {
 				this.showOfflineError();
 			}
 		}
 	},
 
-	proxy: function () {
-		return this._proxy;
-	},
+//	proxy: function () {
+//		return this._proxy;
+//	},
 
 	//=========================================================================
 
 	registerForNotificationCenterEvents: function () {
-		var	events	= ['doLogin', 'registerNewUser', 'showRegistrationForm', 'goBack', 'showRecord', 'searchCards', 'runDirectLogin'];
+		var	events	= [
+			'doLogin',
+			'registerNewUser',
+			'showRegistrationForm',
+			'goBack',
+			'showRecord',
+			'searchCards',
+			'showPreferences',
+			'runDirectLogin',
+			'synchronizeLocalData'
+		];
 		var	self	= this;
 
 		MochiKit.Base.map(function (anEvent) {
 			MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, anEvent, MochiKit.Base.method(self, anEvent));
 		}, events);
 
 //		MochiKit.Signal.connect(window, 'onpopstate',		MochiKit.Base.method(this, 'historyGoBack'));
 		MochiKit.Signal.connect(window, 'onbeforeunload',	MochiKit.Base.method(this, 'shouldExitApp'));
 	},
 
 	//-------------------------------------------------------------------------
 
+	selectionChangeHandler: function (anEvent) {
+		var	selection;
+		var	selectionRange;
+		var	selectionNode;
+		var	valueElement;
+//	other hints: http://www.bearpanther.com/2013/05/27/easy-text-selection-in-mobile-safari/
+//	SELECTION:   https://developer.mozilla.org/en-US/docs/Web/API/Selection
+//	RANGE:       https://developer.mozilla.org/en-US/docs/Web/API/Range
+//	NODE TYPES:  https://developer.mozilla.org/en-US/docs/Web/API/Node.nodeType
+
+		selection = MochiKit.DOM.currentWindow().getSelection();
+//console.log("-- selection", selection);
+		selectionRange = selection.getRangeAt(0);
+		selectionNode = selectionRange.startContainer.childNodes[selectionRange.startOffset];
+//console.log("-- selectionNode", selectionNode);
+
+		if (selectionNode != undefined) {
+			valueElement = MochiKit.DOM.getFirstElementByTagAndClassName('*', 'value', selectionNode);
+//console.log("-- valueElement", valueElement);
+		}
+
+		if ((valueElement != null) && (valueElement != selectionNode)) {
+			var range;
+			range = MochiKit.DOM.currentDocument().createRange();
+			range.selectNodeContents(valueElement);
+			selection.removeAllRanges();
+			selection.addRange(range);
+
+			anEvent.preventDefault();
+			anEvent.stopPropagation();
+
+//console.log("updated selection", MochiKit.DOM.currentWindow().getSelection());
+		}
+//console.log("-----------");
+	},
+
+	//-------------------------------------------------------------------------
+
 	run: function (parameters) {
 		var shouldShowRegistrationForm;
+		var	canRegisterNewUsers;
+
+		canRegisterNewUsers = Clipperz.PM.Proxy.defaultProxy.canRegisterNewUsers();
 
 		this.selectInitialProxy();
-		shouldShowRegistrationForm = parameters['shouldShowRegistrationForm'] && this.proxy().canRegisterNewUsers();
-		this.pages()['loginPage'].setProps({'mode':this.loginMode(), 'isNewUserRegistrationAvailable': this.proxy().canRegisterNewUsers()});
+		shouldShowRegistrationForm = parameters['shouldShowRegistrationForm'] && canRegisterNewUsers;
+		this.pages()['loginPage'].setProps({'mode':this.loginMode(), 'isNewUserRegistrationAvailable':canRegisterNewUsers});
 
 		if (shouldShowRegistrationForm) {
 			this.showRegistrationForm();
 		} else {
 			this.showLoginForm();
 		}
 		this.overlay().done("", 0.5);
 	},
 
 	//-------------------------------------------------------------------------
 
 	showLoginForm: function () {
 		var	loginFormPage;
 
 		loginFormPage = this.pages()['loginPage'];
-		loginFormPage.setProps({'mode':this.loginMode(), 'isNewUserRegistrationAvailable': this.proxy().canRegisterNewUsers()});
+		loginFormPage.setProps({'mode':this.loginMode(), 'isNewUserRegistrationAvailable':Clipperz.PM.Proxy.defaultProxy.canRegisterNewUsers()});
 		this.moveInPage(this.currentPage(), 'loginPage');
 		MochiKit.Async.callLater(0.5, MochiKit.Base.method(loginFormPage, 'setInitialFocus'));
 	},
 
 	showRegistrationForm: function () {
 		var currentPage;
 		var	registrationPage;
 
 		currentPage = this.currentPage();
 		registrationPage = this.pages()['registrationPage'];
 		this.setCurrentPage('loginPage');
 		registrationPage.setProps({});
 		this.moveInPage(currentPage, 'registrationPage');
 		MochiKit.Async.callLater(0.5, MochiKit.Base.method(registrationPage, 'setInitialFocus'));
 	},
 
@@ -189,35 +249,35 @@ MochiKit.Base.update(Clipperz.PM.UI.MainController.prototype, {
 		user = new Clipperz.PM.DataModel.User({'username':credentials.username, 'getPassphraseFunction':getPassphraseDelegate});
 
 		deferredResult = new Clipperz.Async.Deferred('MainController.doLogin', {trace:false});
 		deferredResult.addCallback(MochiKit.Async.wait, 0.1);
 		deferredResult.addMethod(Clipperz.Crypto.PRNG.defaultRandomGenerator(), 'deferredEntropyCollection');
 		deferredResult.addMethod(user, 'login');
 		deferredResult.addMethod(Clipperz.PM.PIN, 'resetFailedAttemptCount');
 		deferredResult.addMethod(this, 'setUser', user);
 
 //		deferredResult.addMethod(this, 'setupApplication');
 		deferredResult.addMethod(this, 'runApplication');
 		deferredResult.addMethod(this.overlay(), 'done', "", 1);
 		deferredResult.addErrback(MochiKit.Base.method(this, 'genericErrorHandler', event));
 		deferredResult.addErrback(MochiKit.Base.bind(function (anEvent, anError) {
 			if (anError['isPermanent'] != true) {
 				this.pages()['loginPage'].setProps({disabled:false, 'mode':this.loginMode()});
- 				this.pages()['loginPage'].setInitialFocus();
- 			}
- 			return anError;
+				this.pages()['loginPage'].setInitialFocus();
+			}
+			return anError;
 		}, this, event))
 		deferredResult.callback();
 
 		return deferredResult;
 	},
 
 	//-------------------------------------------------------------------------
 
 	registerNewUser: function (credentials) {
 		var	deferredResult;
 
 		this.overlay().show("creating user");
 
 		this.pages()['registrationPage'].setProps({disabled:true});
 		deferredResult = new Clipperz.Async.Deferred('MainController.registerNewUser', {trace:false});
 		deferredResult.addCallback(Clipperz.PM.DataModel.User.registerNewAccount,
@@ -310,79 +370,92 @@ MochiKit.Base.update(Clipperz.PM.UI.MainController.prototype, {
 	},
 
 	setFilter: function (aValue) {
 		this._filter = aValue;
 	},
 
 	searchCards: function (someParameters) {
 //console.log("SEARCH CARDS", someParameters);
 		this.setFilter(someParameters);
 		this.showRecordList();
 	},
 
 	//=========================================================================
 
 	runApplication: function () {
 		MochiKit.Signal.connect(window, 'onpopstate',	MochiKit.Base.method(this, 'historyGoBack'));
+///		TODO: remove this TEST HACK
 		this.moveInPage(this.currentPage(), 'cardListPage');
 		return this.showRecordList();
+
+//		this.moveInPage(this.currentPage(), 'preferencePage');
 	},
 
 	showRecord: function (aRecordReference) {
 //console.log("Show Record", aRecordReference);
 		var	deferredResult;
 
 		this.pages()['cardListPage'].setProps({selectedCard:aRecordReference});
 		deferredResult = new Clipperz.Async.Deferred('MainController.runApplication', {trace:false});
-//		deferredResult.addMethod(this.user(), 'getRecord', aRecordReference['_reference']);
 		deferredResult.addMethod(this.user(), 'getRecord', aRecordReference);
 		deferredResult.addMethodcaller('content');
 		deferredResult.addCallback(MochiKit.Base.bind(function (aCard) {
 //console.log("CARD DETAILS", aCard);
 			this.pages()['cardDetailPage'].setProps({card: aCard});
 			this.pages()['cardListPage'].setProps({selectedCard: null});
 		}, this));
 		deferredResult.addMethod(this, 'moveInPage', this.currentPage(), 'cardDetailPage', true);
 		deferredResult.callback();
 
 		return deferredResult;
 	},
 
 	runDirectLogin: function (someParameters) {
-console.log("RUN DIRECT LOGIN", someParameters);
+//console.log("RUN DIRECT LOGIN", someParameters);
 		var	deferredResult;
 
-//		this.pages()['cardListPage'].setProps({selectedCard:aRecordReference});
 		deferredResult = new Clipperz.Async.Deferred('MainController.runDirectLogin', {trace:false});
-//		deferredResult.addMethod(this.user(), 'getRecord', aRecordReference['_reference']);
 		deferredResult.addMethod(this.user(), 'getRecord', someParameters['record']);
 		deferredResult.addMethodcaller('directLoginWithReference', someParameters['directLogin']);
 		deferredResult.addCallback(Clipperz.PM.UI.DirectLoginRunner.openDirectLogin);
 		deferredResult.callback();
 
 		return deferredResult;
 	},
 
 	shouldExitApp: function (anEvent) {
-console.log("SHOULD EXIT APP");
+//console.log("SHOULD EXIT APP");
 		anEvent.preventDefault();
 		anEvent.stopPropagation();
 	},
 
 	//=========================================================================
 
+	showPreferences: function (anEvent) {
+		var	deferredResult;
+
+		this.pages()['preferencePage'].setProps({});
+		deferredResult = new Clipperz.Async.Deferred('MainController.showPreferences', {trace:false});
+		deferredResult.addMethod(this, 'moveInPage', this.currentPage(), 'preferencePage', true);
+		deferredResult.callback();
+
+		return deferredResult;
+	},
+
+	//=========================================================================
+
 	genericErrorHandler: function (anEvent, anError) {
 		var errorMessage;
 		var	result;
 
 		result = anError;
 		errorMessage = "login failed";
 
 		if (anError['isPermanent'] === true) {
 			this.pages()['errorPage'].setProps({message:anError.message});
 			this.moveInPage(this.currentPage(), 'errorPage');
 			errorMessage = "failure";
 		} else {
 			if ('pin' in anEvent) {
 				errorCount = Clipperz.PM.PIN.recordFailedAttempt();
 				if (errorCount == -1) {
 					errorMessage = "PIN resetted";
@@ -467,25 +540,44 @@ console.log("SHOULD EXIT APP");
 //console.log("ADD ITEM TO HISTORY - window", window);
 //console.log("ADD ITEM TO HISTORY - window.history", window.history);
 			window.history.pushState({'fromPage': fromPage, 'toPage': toPage});
 //#			window.history.pushState();
 //console.log("ADDED ITEM TO HISTORY");
 		} else {
 //console.log("Skip HISTORY");
 		}
 	},
 
 	moveOutPage: function (fromPage, toPage) {
 		this.slidePage(MochiKit.DOM.getElement(fromPage), MochiKit.DOM.getElement(toPage), 'RIGHT');
 		this.setCurrentPage(toPage);
 	},
 
 	//=========================================================================
+
+	synchronizeLocalData: function (anEvent) {
+		var	deferredResult;
+
+		deferredResult = new Clipperz.Async.Deferred('MainController.synchronizeLocalData', {trace:true});
+//		deferredResult.addMethod(this.proxy(), 'message', 'downloadAccountData', {});
+		deferredResult.addMethod(this.user().connection(), 'message', 'downloadAccountData', {});
+		deferredResult.addCallback(function (aResult) {
+			Clipperz.PM.DataModel.devicePreferences.setAccountDataWityResponse(aResult);
+//			localStorage.setItem('clipperz_dump_data', aResult['data']);
+//			localStorage.setItem('clipperz_dump_version', aResult['version']);
+//			localStorage.setItem('clipperz_dump_date', new Date());
+		})
+		deferredResult.callback();
+
+		return deferredResult;
+	},
+
+	//=========================================================================
 /*
 	wrongAppVersion: function (anError) {
 //		this.pages()['errorPage'].setProps({message:anError.message});
 //		this.moveInPage('errorPage', this.currentPage());
 	},
 */
 	//=========================================================================
 	__syntaxFix__: "syntax fix"
 });