projecten

2018-01-18 08:45:09 +01:00
parent 00246f49f7
commit 970aa53971
25 changed files with 689 additions and 285 deletions
@@ -0,0 +1,154 @@
+/**
+ * Created by Pensare Software.
+ * User: Theo Weijmer
+ * Date: 25/12/2017
+ * Time: 17:32
+ */
+
+$( function () {
+    dbo.editUserModal = {
+
+        id        : null,
+        roles     : ko.observableArray( [] ),
+        firstname : ko.observable(),
+        lastname  : ko.observable(),
+        middlename: ko.observable(),
+        username  : ko.observable(),
+        email     : ko.observable(),
+        role      : ko.observable(),
+        callback  : null,
+
+        init: function () {
+            var vm = dbo.editUserModal;
+
+            dbo.rolesDataservice.getAllRoles( 'F', function ( data ) {
+                vm.roles( data );
+            } );
+        },
+
+        newEditUser: function ( user, callback ) {
+            var vm = dbo.editUserModal;
+            vm.callback = typeof(callback) == 'function' ? callback : null;
+
+            vm.showUserModal();
+
+            vm.setUser( user );
+        },
+
+        setRole: function () {
+            var vm = dbo.editUserModal;
+
+            vm.role( this.rolelevel );
+        },
+
+        saveUser: function () {
+            var vm = dbo.editUserModal;
+
+            if ( vm.formValid == false ) return;
+
+            var submitDATA = {
+                id        : vm.id,
+                firstname : vm.firstname(),
+                middlename: vm.middlename(),
+                lastname  : vm.lastname(),
+                username  : vm.username(),
+                email     : vm.email(),
+                role      : vm.role()
+            }
+
+            dbo.userDataService.saveUser( submitDATA, function ( data ) {
+                if ( data.success ) {
+                    tellMe( {
+                        title     : 'gebruiker aangemaakt',
+                        message   : 'gebuiker is succesvol opgeslagen',
+                        modalClass: 'modal-success'
+                    }, function(){
+                        vm.hideUserModal();
+
+                        if( typeof(vm.callback) == 'function') vm.callback();
+                    } );
+
+                    return;
+                }
+
+                var errorMessage = '<ul>';
+                $.each( data.messages, function ( i, p ) {
+                    if ( p[0] ) {
+                        errorMessage += '<li>' + i + ': ' + p[0] + '</li>';
+                    }
+                } );
+                errorMessage += '</ul>';
+                tellMe( {
+                    title     : 'fout aanmaken gebruiker',
+                    message   : errorMessage,
+                    modalClass: 'modal-danger'
+                } );
+            } );
+        },
+
+        setUser: function ( user ) {
+            var vm = dbo.editUserModal;
+            var role = isNaN( user.role ) ? null : user.role;
+
+            vm.id = user.id || 0;
+            vm.firstname( user.firstname || '' );
+            vm.lastname( user.lastname || '' );
+            vm.middlename( user.middlename || '' );
+            vm.username( user.username || '' );
+            vm.email( user.email || '' );
+            vm.role( user.role || null );
+        },
+
+        showUserModal: function () {
+            $( "#user-modal" ).modal( 'show' );
+        },
+
+        hideUserModal: function () {
+            $( "#user-modal" ).modal( 'hide' );
+        }
+    };
+
+    dbo.editUserModal.init();
+
+    dbo.editUserModal.lastnameInvalid = ko.pureComputed( function () {
+        if ( !this.lastname() ) return true;
+
+        if ( this.lastname().length < 2 ) return true;
+
+        return false;
+    }, dbo.editUserModal );
+
+    dbo.editUserModal.firstnameInvalid = ko.pureComputed( function () {
+        if ( !this.firstname() ) return true;
+
+        if ( this.firstname().length < 2 ) return true;
+
+        return false;
+    }, dbo.editUserModal );
+
+    dbo.editUserModal.usernameInvalid = ko.pureComputed( function () {
+        if ( !this.username() ) return true;
+
+        if ( this.username().length < 4 ) return true;
+
+        return false;
+    }, dbo.editUserModal );
+
+    dbo.editUserModal.emailInvalid = ko.pureComputed( function () {
+        if ( !this.email() ) return true;
+
+        return !dbo.helpers.validateEmail( this.email() );
+    }, dbo.editUserModal );
+
+    dbo.editUserModal.formValid = ko.pureComputed( function () {
+        if ( this.firstnameInvalid() ) return false;
+        if ( this.lastnameInvalid() ) return false;
+        if ( this.usernameInvalid() ) return false;
+        if ( this.emailInvalid() ) return false;
+
+        return true;
+    }, dbo.editUserModal )
+
+    ko.applyBindings( dbo.editUserModal, document.getElementById( 'user-modal' ) );
+
+} );