Edit User client logic + Delete User UI

client/js/modals/admin-users-create.js

@@ -2,7 +2,7 @@
 // Vue Create User instance
 
 let vueCreateUser = new Vue({
-	el: '#modal-admin-createuser',
+	el: '#modal-admin-users-create',
 	data: {
 		email: '',
 		provider: 'local',
@@ -11,11 +11,11 @@ let vueCreateUser = new Vue({
 	},
 	methods: {
 		open: (ev) => {
-			$('#modal-admin-createuser').addClass('is-active');
-			$('#modal-admin-createuser input').first().focus();
+			$('#modal-admin-users-create').addClass('is-active');
+			$('#modal-admin-users-create input').first().focus();
 		},
 		cancel: (ev) => {
-			$('#modal-admin-createuser').removeClass('is-active');
+			$('#modal-admin-users-create').removeClass('is-active');
 			vueCreateUser.email = '';
 			vueCreateUser.provider = 'local';
 		},

client/js/modals/admin-users-delete.js

@@ -0,0 +1,22 @@
+
+// Vue Delete User instance
+
+let vueDeleteUser = new Vue({
+	el: '#modal-admin-users-delete',
+	data: {
+
+	},
+	methods: {
+		open: (ev) => {
+			$('#modal-admin-users-delete').addClass('is-active');
+		},
+		cancel: (ev) => {
+			$('#modal-admin-users-delete').removeClass('is-active');
+		},
+		deleteUser: (ev) => {
+			vueDeleteUser.cancel();
+		}
+	}
+});
+
+$('.btn-deluser-prompt').on('click', vueDeleteUser.open);

client/js/pages/admin.js

@@ -1,6 +1,50 @@
 
-if($('#page-type-admin').length) {
+if($('#page-type-admin-users').length) {
 
-	//=include ../modals/admin-createuser.js
+	//=include ../modals/admin-users-create.js
+
+} else if($('#page-type-admin-users-edit').length) {
+
+	let vueEditUser = new Vue({
+		el: '#page-type-admin-users-edit',
+		data: {
+			id: '',
+			email: '',
+			password: '********',
+			name: '',
+			rights: [],
+			roleoverride: 'none'
+		},
+		methods: {
+			addRightsRow: (ev) => {
+				vueEditUser.rights.push({});
+			},
+			removeRightsRow: (ev) => {
+
+			},
+			saveUser: (ev) => {
+
+
+			}
+		},
+		created: function() {
+
+			this.id = usrData._id;
+			this.email = usrData.email;
+			this.name = usrData.name;
+
+			console.log(_.find(usrData.rights, { role: 'admin' }));
+
+			if(_.find(usrData.rights, { role: 'admin' })) {
+				this.rights = _.reject(usrData.rights, ['role', 'admin']);
+				this.roleoverride = 'admin';
+			} else {
+				this.rights = usrData.rights;
+			}
+
+		}
+	});
+
+	//=include ../modals/admin-users-delete.js
 
 }