v2 first commit
This commit is contained in:
112
resources/assets/js/views/auth/roles.js
vendored
Normal file
112
resources/assets/js/views/auth/roles.js
vendored
Normal file
@ -0,0 +1,112 @@
|
||||
/**
|
||||
* First we will load all of this project's JavaScript dependencies which
|
||||
* includes Vue and other libraries. It is a great starting point when
|
||||
* building robust, powerful web applications using Vue and Laravel.
|
||||
*/
|
||||
|
||||
require('./../../bootstrap');
|
||||
|
||||
import Vue from 'vue';
|
||||
|
||||
import Global from './../../mixins/global';
|
||||
|
||||
import Form from './../../plugins/form';
|
||||
import BulkAction from './../../plugins/bulk-action';
|
||||
|
||||
const app = new Vue({
|
||||
el: '#app',
|
||||
|
||||
mixins: [
|
||||
Global
|
||||
],
|
||||
|
||||
mounted() {
|
||||
if (!this.form.permissions.length) {
|
||||
this.form.permissions = [];
|
||||
}
|
||||
},
|
||||
|
||||
data: function () {
|
||||
return {
|
||||
form: new Form('role'),
|
||||
bulk_action: new BulkAction('roles'),
|
||||
permissions: {
|
||||
'all': $('input:checkbox').serializeAll().permissions,
|
||||
'read': $('#tab-read input:checkbox').serializeAll(),
|
||||
'create': $('#tab-create input:checkbox').serializeAll(),
|
||||
'update': $('#tab-update input:checkbox').serializeAll(),
|
||||
'delete': $('#tab-delete input:checkbox').serializeAll(),
|
||||
'read_admin_panel': $('#read-admin-panel').val(),
|
||||
'read_client_portal': $('#read-client-portal').val(),
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods:{
|
||||
permissionSelectAll() {
|
||||
var is_admin = false;
|
||||
var is_portal = false;
|
||||
|
||||
if (this.permissions.all.length) {
|
||||
for (var i = 0; i < this.permissions.all.length; i++) {
|
||||
var value = this.permissions.all[i];
|
||||
|
||||
if ((is_admin && value == this.permissions.read_client_portal) ||
|
||||
(is_portal && value == this.permissions.read_admin_panel)) {
|
||||
} else {
|
||||
this.form.permissions.push(value);
|
||||
}
|
||||
|
||||
if (value == this.permissions.read_admin_panel) {
|
||||
is_admin = true;
|
||||
} else if (value == this.permissions.read_client_portal) {
|
||||
is_portal = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
permissionUnselectAll() {
|
||||
this.form.permissions = [];
|
||||
},
|
||||
|
||||
select(type) {
|
||||
var is_admin = false;
|
||||
var is_portal = false;
|
||||
|
||||
var values = this.permissions[type].permissions;
|
||||
|
||||
if (values.length) {
|
||||
for (var i = 0; i < values.length; i++) {
|
||||
var value = values[i];
|
||||
|
||||
if ((is_admin && value == this.permissions.read_client_portal) ||
|
||||
(is_portal && value == this.permissions.read_admin_panel)) {
|
||||
} else {
|
||||
this.form.permissions.push(value);
|
||||
}
|
||||
|
||||
if (value == this.permissions.read_admin_panel) {
|
||||
is_admin = true;
|
||||
} else if (value == this.permissions.read_client_portal) {
|
||||
is_portal = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
unselect(type) {
|
||||
var values = this.permissions[type].permissions;
|
||||
|
||||
if (values.length) {
|
||||
for (var i = 0; i < values.length; i++) {
|
||||
var index = this.form.permissions.indexOf(values[i]);
|
||||
|
||||
if (index > -1) {
|
||||
this.form.permissions.splice(index, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
Reference in New Issue
Block a user