16
16
17
17
<div class =" flex items-center gap-x-2.5" >
18
18
{!! view_render_event (' admin.settings.users.index.create_button.before' ) ! !}
19
-
19
+
20
20
<!-- Create button for User -->
21
21
@if (bouncer ()-> hasPermission (' settings.user.users.create' ) )
22
22
<div class =" flex items-center gap-x-2.5" >
@@ -46,7 +46,7 @@ class="primary-button"
46
46
id =" users-settings-template"
47
47
>
48
48
{!! view_render_event (' admin.settings.users.index.datagrid.before' ) ! !}
49
-
49
+
50
50
<!-- Datagrid -->
51
51
< x- admin:: datagrid
52
52
: src= " route('admin.settings.users.index')"
@@ -63,7 +63,7 @@ class="primary-button"
63
63
< template v- if = " isLoading" >
64
64
< x- admin:: shimmer .datagrid .table .body / >
65
65
< / template>
66
-
66
+
67
67
< template v- else >
68
68
< div
69
69
v- for = " record in available.records"
@@ -86,10 +86,10 @@ class="icon-checkbox-outline peer-checked:icon-checkbox-select cursor-pointer ro
86
86
: for = " `mass_action_select_record_${record.id}`"
87
87
>< / label>
88
88
< / div>
89
-
89
+
90
90
<!-- Users Id -->
91
91
< p> @ {{ record .id }}< / p>
92
-
92
+
93
93
<!-- Users Name and Profile -->
94
94
< div class = " flex items-center gap-2.5" >
95
95
< template v- if = " record.name.image" >
@@ -118,7 +118,7 @@ class="flex h-9 w-9 items-center justify-center rounded-full"
118
118
>
119
119
@ {{ record .status == 1 ? ' @lang (' admin::app.settings.users.index.active' )' : ' @lang (' admin::app.settings.users.index.inactive' )' }}
120
120
< / span>
121
-
121
+
122
122
<!-- Users Creation Date -->
123
123
< p> @ {{ record .created_at }}< / p>
124
124
@@ -131,7 +131,7 @@ class="cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200
131
131
>
132
132
< / span>
133
133
< / a>
134
-
134
+
135
135
< a @click = " performAction(record.actions.find(action => action.index === 'delete'))" >
136
136
< span
137
137
: class = " record.actions.find(action => action.index === 'delete')?.icon"
@@ -160,7 +160,7 @@ class="hidden border-b px-4 py-4 text-black dark:border-gray-800 dark:text-gray-
160
160
class = " peer hidden"
161
161
v- model= " applied.massActions.indices"
162
162
>
163
-
163
+
164
164
< span class = " icon-checkbox-outline peer-checked:icon-checkbox-select cursor-pointer rounded-md text-2xl text-gray-500 peer-checked:text-brandColor" >
165
165
< / span>
166
166
< / label>
@@ -179,7 +179,7 @@ class="cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200
179
179
>
180
180
< / span>
181
181
< / a>
182
-
182
+
183
183
< a @click = " performAction(record.actions.find(action => action.index === 'delete'))" >
184
184
< span
185
185
: class = " record.actions.find(action => action.index === 'delete')?.icon"
@@ -204,15 +204,15 @@ class="cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200
204
204
< / template>
205
205
< / template>
206
206
< / x- admin:: datagrid>
207
-
207
+
208
208
{!! view_render_event (' admin.users.index.datagrid.after' ) ! !}
209
-
209
+
210
210
< x- admin:: form
211
211
v- slot= " { meta, values, errors, handleSubmit }"
212
212
as= " div"
213
213
ref= " modalForm"
214
214
>
215
- < form
215
+ < form
216
216
@submit = " handleSubmit($event, updateOrCreate)"
217
217
ref= " userForm"
218
218
>
@@ -222,10 +222,10 @@ class="cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200
222
222
<!-- Modal Header -->
223
223
< x- slot: header>
224
224
< p class = " text-lg font-bold text-gray-800 dark:text-white" >
225
- @ {{
225
+ @ {{
226
226
selectedType == ' create'
227
227
? " @lang (' admin::app.settings.users.index.create.title' )"
228
- : " @lang (' admin::app.settings.users.index.edit.title' )"
228
+ : " @lang (' admin::app.settings.users.index.edit.title' )"
229
229
}}
230
230
< / p>
231
231
< / x- slot>
@@ -328,7 +328,7 @@ class="cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200
328
328
{!! view_render_event (' admin.settings.users.index.form.password.after' ) ! !}
329
329
330
330
{!! view_render_event (' admin.settings.users.index.form.role_id.before' ) ! !}
331
-
331
+
332
332
< div class = " flex gap-4" >
333
333
<!-- Role -->
334
334
< x- admin:: form .control - group class = " flex-1" >
@@ -347,11 +347,11 @@ class="cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200
347
347
v- for = " role in roles"
348
348
: key= " role.id"
349
349
: value= " role.id"
350
- >
351
- @ {{ role .name }}
350
+ >
351
+ @ {{ role .name }}
352
352
< / option>
353
353
< / x- admin:: form .control - group .control >
354
-
354
+
355
355
< x- admin:: form .control - group .error control- name= " role_id" / >
356
356
< / x- admin:: form .control - group>
357
357
@@ -372,7 +372,7 @@ class="cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200
372
372
< option value= " global" selected>
373
373
@lang (' admin::app.settings.users.index.create.global' )
374
374
< / option>
375
-
375
+
376
376
< option value= " group" >
377
377
@lang (' admin::app.settings.users.index.create.group' )
378
378
< / option>
@@ -392,13 +392,12 @@ class="cursor-pointer rounded-md p-1.5 text-2xl transition-all hover:bg-gray-200
392
392
393
393
<!-- Group -->
394
394
< x- admin:: form .control - group>
395
- < x- admin:: form .control - group .label class = " required " >
395
+ < x- admin:: form .control - group .label >
396
396
@lang (' admin::app.settings.users.index.create.group' )
397
397
< / x- admin:: form .control - group .label >
398
398
399
399
< v- field
400
400
name= " groups[]"
401
- rules= " required"
402
401
label= " @lang (' admin::app.settings.users.index.create.group' )"
403
402
multiple
404
403
v- model= " user.groups"
@@ -446,7 +445,7 @@ class="flex min-h-[39px] w-full rounded-md border px-3 py-2 text-sm text-gray-60
446
445
:: checked= " parseInt(user.status || 0)"
447
446
/ >
448
447
< / x- admin:: form .control - group>
449
-
448
+
450
449
{!! view_render_event (' admin.settings.users.index.form.status.after' ) ! !}
451
450
< / x- slot>
452
451
@@ -475,7 +474,7 @@ class="primary-button justify-center"
475
474
<script type =" module" >
476
475
app .component (' v-users-settings' , {
477
476
template: ' #users-settings-template' ,
478
-
477
+
479
478
data () {
480
479
return {
481
480
isProcessing: false ,
@@ -491,23 +490,23 @@ class="primary-button justify-center"
491
490
computed: {
492
491
gridsCount () {
493
492
let count = this .$refs .datagrid .available .columns .length ;
494
-
493
+
495
494
if (this .$refs .datagrid .available .actions .length ) {
496
495
++ count;
497
496
}
498
-
497
+
499
498
if (this .$refs .datagrid .available .massActions .length ) {
500
499
++ count;
501
500
}
502
-
501
+
503
502
return count;
504
503
},
505
504
506
505
selectedType () {
507
506
return this .user .id ? ' edit' : ' create' ;
508
507
},
509
508
},
510
-
509
+
511
510
methods: {
512
511
openModal () {
513
512
this .user = {
@@ -516,36 +515,41 @@ class="primary-button justify-center"
516
515
517
516
this .$refs .userUpdateAndCreateModal .toggle ();
518
517
},
519
-
518
+
520
519
updateOrCreate (params , {resetForm, setErrors}) {
521
520
const userForm = new FormData (this .$refs .userForm );
522
521
523
522
userForm .append (' _method' , params .id ? ' put' : ' post' );
524
523
525
524
this .isProcessing = true ;
526
525
527
- this .$axios .post (params .id ? ` {{ route (' admin.settings.users.update' , ' ' ) } } /${ params .id } ` : " {{ route (' admin.settings.users.store' ) } }" , userForm).then (response => {
528
- this .isProcessing = false ;
526
+ this .$axios .post (
527
+ params .id
528
+ ? ` {{ route (' admin.settings.users.update' , ' ' ) } } /${ params .id } `
529
+ : " {{ route (' admin.settings.users.store' ) } }" , userForm
530
+ )
531
+ .then (response => {
532
+ this .isProcessing = false ;
529
533
530
- this .$refs .userUpdateAndCreateModal .toggle ();
534
+ this .$refs .userUpdateAndCreateModal .toggle ();
531
535
532
- this .$emitter .emit (' add-flash' , { type: ' success' , message: response .data .message });
536
+ this .$emitter .emit (' add-flash' , { type: ' success' , message: response .data .message });
533
537
534
- this .$refs .datagrid .get ();
538
+ this .$refs .datagrid .get ();
535
539
536
- resetForm ();
537
- }).catch (error => {
538
- this .isProcessing = false ;
540
+ resetForm ();
541
+ }).catch (error => {
542
+ this .isProcessing = false ;
539
543
540
- if (error .response .status === 422 ) {
541
- setErrors (error .response .data .errors );
542
- }
543
- });
544
+ if (error .response .status === 422 ) {
545
+ setErrors (error .response .data .errors );
546
+ }
547
+ });
544
548
},
545
-
549
+
546
550
editModal (url ) {
547
551
this .$axios .get (url)
548
- .then (response => {
552
+ .then (response => {
549
553
this .user = response .data .data ;
550
554
551
555
this .user .groups = this .user .groups .map (group => group .id );
0 commit comments