v2 first commit

resources/assets/js/views/auth/forgot.js

@@ -0,0 +1,26 @@
+/**
+ * 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
+    ],
+    data: function () {
+        return {
+            form: new Form('item')
+        }
+    }
+});

resources/assets/js/views/auth/login.js

@@ -0,0 +1,44 @@
+/**
+ * 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
+    ],
+    data: function () {
+        return {
+            form: new Form('login')
+        }
+    },
+    watch:{
+        'form.response'(notify) {
+            /*
+            if (!notify.message) {
+                return {};
+            }
+
+            var type = (notify.success) ? 'success' : 'warning';
+
+            this.$notify({
+                message: notify.message,
+                timeout: 5000,
+                icon: 'ni ni-bell-55',
+                type
+            });
+            */
+        }
+    }
+});

resources/assets/js/views/auth/permissions.js

@@ -0,0 +1,27 @@
+/**
+ * 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
+    ],
+    data: function () {
+        return {
+            form: new Form('permission'),
+            bulk_action: new BulkAction('permissions')
+        }
+    }
+});

resources/assets/js/views/auth/reset.js

@@ -0,0 +1,26 @@
+/**
+ * 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
+    ],
+    data: function () {
+        return {
+            form: new Form('item')
+        }
+    }
+});

resources/assets/js/views/auth/roles.js

@@ -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);
+                    }
+                }
+            }
+        }
+    }
+});

resources/assets/js/views/auth/users.js

@@ -0,0 +1,27 @@
+/**
+ * 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
+    ],
+    data: function () {
+        return {
+            form: new Form('user'),
+            bulk_action: new BulkAction('users')
+        }
+    }
+});