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) {
+                        varselection;
+                        varselectionRange;
+                        varselectionNode;
+                        varvalueElement;
+        //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;
+                        varcanRegisterNewUsers;
+
+                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 () {
                         varloginFormPage;
 
                 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;
                         varregistrationPage;
 
                 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) {
                         vardeferredResult;
 
                 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);
                         vardeferredResult;
 
                 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);
                         vardeferredResult;
 
-        //      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) {
+                        vardeferredResult;
+
+                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;
                         varresult;
 
                 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) {
+                        vardeferredResult;
+
+                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"
 });