initial commit

public/js/lib/modules/login/loginModule.js

@@ -0,0 +1,75 @@
+/**
+ * Created by Pensare Software.
+ * User: Theo Weijmer
+ * Date: 05/12/2017
+ * Time: 11:17
+ */
+var pp = {};
+$( function () {
+
+    pp.loginModel = {
+
+        username: ko.observable( '' ),
+        password: ko.observable( '' ),
+
+        login: function () {
+            pp.loginService.login();
+        }
+    }
+
+    ko.applyBindings( pp.loginModel, document.getElementById( "login-user" ) );
+
+} );
+
+pp.loginService = {
+
+    login: function () {
+        var ds = pp.loginDataservice;
+        var self = pp.loginService;
+        var vm = pp.loginModel;
+
+        self.validateInput( function ( data ) {
+            if ( !data ) return self.notifyWrongPassword();
+
+            ds.login( submitDATA, function ( data ) {
+                if ( data ) return location.reload();
+            } );
+        } );
+
+    },
+
+    validateInput: function ( callback ) {
+        var vm = pp.loginModel;
+
+        if ( vm.username().length < 2 ) return callback( false );
+        if ( vm.password().length < 6 ) return callback( false );
+
+        var submitDATA = {
+            username: vm.username(),
+            password: vm.password
+        }
+
+        return callback( submitDATA );
+    },
+
+    notifyWrongPassword: function () {
+        notifyMe( {
+            title  : 'Login fout',
+            message: 'Gebruikersnaam / wachtwoord komen niet overeen',
+            alert  : true
+        } );
+    }
+};
+
+
+pp.loginDataservice = {
+
+    login: function ( submitDATA, callback ) {
+        $.post( 'index.php/login/', submitDATA, function ( data ) {
+            callback( data );
+        } );
+    }
+
+};
+
+

public/js/lib/modules/specials/notifyModule.js

@@ -0,0 +1,66 @@
+/**
+ * Created by Pensare Software.
+ * User: Theo Weijmer
+ * Date: 13/12/2017
+ * Time: 17:08
+ */
+
+var notifyMe = function ( options, callback ) {
+    pp.notifyModel.init( options, callback );
+}
+
+pp.notifyModel = {
+
+    title    : ko.observable( null ),
+    message  : ko.observable( null ),
+    notify   : ko.observable( false ),
+    alert    : ko.observable( false ),
+    noText   : ko.observable( null ),
+    yesText  : ko.observable( null ),
+    closeText: ko.observable( null ),
+    callback : null,
+
+    init: function ( options, callback ) {
+        var vm = pp.notifyModel;
+
+        vm.callback = callback;
+
+        vm.setOptions( options );
+
+        $( "#notify-me" ).modal( 'show' );
+    },
+
+    setOptions: function ( options ) {
+        var vm = pp.notifyModel;
+
+        vm.title( options.title || '' );
+        vm.message( options.message || '' );
+        vm.notify( options.notify || false );
+        vm.alert( options.alert || false );
+        vm.noText( options.noText || 'Nee' );
+        vm.yesText( options.yesText || 'Ja' );
+        vm.closeText( options.closeText || 'ok' );
+    },
+
+    closeNo: function () {
+        if ( typeof( pp.notifyModel.callback ) == 'function' ) callback( false );
+    },
+
+    closeYes: function () {
+        if ( typeof( pp.notifyModel.callback ) == 'function' ) callback( true );
+    },
+
+    closeOk: function () {
+        if ( typeof( pp.notifyModel.callback ) == 'function' ) callback();
+    },
+
+    close: function () {
+        if ( typeof( pp.notifyModel.callback ) == 'function' ) callback();
+    }
+
+
+}
+
+ko.applyBindings( pp.notifyModel, document.getElementById( "notify-me" ) );
+
+