admin module, profile form

Author: szczepanmasny

examples/crm/routes/app/routes/administration/routes/permissions/Index.vue

@@ -16,7 +16,7 @@ import Crud from '@/utils/crud/components/Crud.vue'
 export default {
   data () {
     return {
-      prefix: 'admin',
+      prefix: 'crud/admin',
       path: 'permissions',
       pageTitle: 'admin.permissions'
     }
@@ -27,7 +27,7 @@ export default {
         permissionUsers: {
           title: this.$t('itemElements.permissionUsers.title'),
           url: 'admin/permissions/{id}/users',
-          controller: 'admin/user-permissions',
+          controller: 'crud/admin/user-permissions',
           itemObject: 'user_permissions',
           columns: [
             {

examples/crm/routes/app/routes/administration/routes/user-permissions/Index.vue

@@ -2,6 +2,7 @@
   <crud
     :prefix="prefix"
     :path="path"
+    :paths="paths"
     :pageTitle="pageTitle"
     :fieldsInfo="fieldsInfo"
     :detailsTitle="$t('detailsTitle')"
@@ -16,8 +17,11 @@ import Crud from '@/utils/crud/components/Crud.vue'
 export default {
   data () {
     return {
-      prefix: 'admin',
+      prefix: 'crud/admin',
       path: 'user-permissions',
+      paths: {
+        i: 'admin/user-permissions'
+      },
       pageTitle: 'admin.userPermissions'
     }
   },
@@ -31,7 +35,7 @@ export default {
         },
         {
           type: 'select',
-          url: 'admin/users',
+          url: 'crud/admin/users',
           list: {
             value: 'id',
             text: 'name',
@@ -54,7 +58,7 @@ export default {
         },
         {
           type: 'select',
-          url: 'admin/permissions',
+          url: 'crud/admin/permissions',
           list: {
             value: 'id',
             text: 'name',

examples/crm/routes/app/routes/administration/routes/users/Index.vue

@@ -1,6 +1,15 @@
 <template>
-  <crud :prefix="prefix" :path="path" :pageTitle="pageTitle" :fieldsInfo="fieldsInfo" :detailsTitle="$t('detailsTitle')"
-    :customButtons="buttons" :itemElements="itemElements" ref="crud">
+  <crud
+    :prefix="prefix"
+    :path="path"
+    :paths="paths"
+    :pageTitle="pageTitle"
+    :fieldsInfo="fieldsInfo"
+    :detailsTitle="$t('detailsTitle')"
+    :customButtons="buttons"
+    :itemElements="itemElements"
+    ref="crud"
+  >
   </crud>
 </template>
 
@@ -14,8 +23,12 @@ import {
 export default {
   data () {
     return {
-      prefix: 'admin',
+      prefix: 'crud/admin',
       path: 'users',
+      paths: {
+        i: 'admin/users',
+        st: 'admin/users'
+      },
       pageTitle: 'admin.users'
     }
   },
@@ -25,7 +38,7 @@ export default {
         userPermissions: {
           title: this.$t('itemElements.userPermissions.title'),
           url: 'admin/users/{id}/permissions',
-          controller: 'admin/user-permissions',
+          controller: 'crud/admin/user-permissions',
           itemObject: 'permission_users',
           columns: [
             {
@@ -73,7 +86,7 @@ export default {
         },
         {
           type: 'select',
-          url: 'admin/user-types',
+          url: 'crud/admin/user-types',
           list: {
             value: 'id',
             text: 'name',
@@ -105,7 +118,7 @@ export default {
       'openAlertBox'
     ]),
     resetPassword (item) {
-      Vue.http.put(this.prefix + '/' + this.path + '/' + item.id + '/reset-password')
+      Vue.http.put('admin/users/' + item.id + '/reset-password')
         .then((response) => {
           this.openAlertBox(['alertSuccess', this.$t('passwordReseted')])
           this.getItems()

src/utils/auth/components/LoginForm.vue

@@ -2,7 +2,7 @@
   <v-layout v-if="loginWait" class="login-loader" justify-center align-center>
     <v-progress-circular indeterminate v-bind:size="100" v-bind:width="5" color="primary"></v-progress-circular>
   </v-layout>
-  <v-layout v-else row wrap class="white" color="primary" ma-3>
+  <v-layout v-else row wrap class="white" color="primary">
       <v-alert class="login-failed" type="error" :value="loginFailed" dismissible>
         {{ $t('global.login.failed') }}
       </v-alert>

src/utils/auth/store/actions.js

@@ -48,21 +48,27 @@ const actions = {
       })
   },
   editUser ({
-    commit
+    commit,
+    dispatch
   }, data) {
     Vue.http.post('auth/user', data)
-      .then(response => response.json())
-      .then((result) => {
+      .then(response => {
+        let result = response.json()
         commit('editUser', result)
+      }, (error) => {
+        dispatch('openAlertBox', ['alertError', error.statusText], { root: true })
       })
   },
   editPassword ({
-    commit
+    commit,
+    dispatch
   }, data) {
     Vue.http.post('auth/user-password', data)
-      .then(response => response.json())
-      .then((result) => {
+      .then(response => {
+        let result = response.json()
         commit('editPassword', result)
+      }, (error) => {
+        dispatch('openAlertBox', ['alertError', error.statusText], { root: true })
       })
   }
 }