1
1
<div >
2
2
<!-- Generate API Token -->
3
- <x-jet- form-section submit =" createApiToken" >
3
+ <x-form-section submit =" createApiToken" >
4
4
<x-slot name =" title" >
5
5
{{ __ (' Create API Token' ) } }
6
6
</x-slot >
12
12
<x-slot name =" form" >
13
13
<!-- Token Name -->
14
14
<div class =" col-span-6 sm:col-span-4" >
15
- <x-jet- label for =" name" value =" {{ __ (' Token Name' ) } }" />
16
- <x-jet- input id =" name" type =" text" class =" mt-1 block w-full" wire:model.defer =" createApiTokenForm.name" autofocus />
17
- <x-jet- input-error for =" name" class =" mt-2" />
15
+ <x-label for =" name" value =" {{ __ (' Token Name' ) } }" />
16
+ <x-input id =" name" type =" text" class =" mt-1 block w-full" wire:model.defer =" createApiTokenForm.name" autofocus />
17
+ <x-input-error for =" name" class =" mt-2" />
18
18
</div >
19
19
20
20
<!-- Token Permissions -->
21
21
@if (Laravel \Jetstream \Jetstream:: hasPermissions () )
22
22
<div class =" col-span-6" >
23
- <x-jet- label for =" permissions" value =" {{ __ (' Permissions' ) } }" />
23
+ <x-label for =" permissions" value =" {{ __ (' Permissions' ) } }" />
24
24
25
25
<div class =" mt-2 grid grid-cols-1 md:grid-cols-2 gap-4" >
26
26
@foreach (Laravel \Jetstream \Jetstream:: $permissions as $permission )
27
27
<label class =" flex items-center" >
28
- <x-jet- checkbox wire:model.defer =" createApiTokenForm.permissions" :value =" $permission" />
28
+ <x-checkbox wire:model.defer =" createApiTokenForm.permissions" :value =" $permission" />
29
29
<span class =" ml-2 text-sm text-gray-600" >{{ $permission } } </span >
30
30
</label >
31
31
@endforeach
35
35
</x-slot >
36
36
37
37
<x-slot name =" actions" >
38
- <x-jet- action-message class =" mr-3" on =" created" >
38
+ <x-action-message class =" mr-3" on =" created" >
39
39
{{ __ (' Created.' ) } }
40
- </x-jet- action-message >
40
+ </x-action-message >
41
41
42
- <x-jet- button >
42
+ <x-button >
43
43
{{ __ (' Create' ) } }
44
- </x-jet- button >
44
+ </x-button >
45
45
</x-slot >
46
- </x-jet- form-section >
46
+ </x-form-section >
47
47
48
48
@if ($this -> user -> tokens -> isNotEmpty () )
49
- <x-jet- section-border />
49
+ <x-section-border />
50
50
51
51
<!-- Manage API Tokens -->
52
52
<div class =" mt-10 sm:mt-0" >
53
- <x-jet- action-section >
53
+ <x-action-section >
54
54
<x-slot name =" title" >
55
55
{{ __ (' Manage API Tokens' ) } }
56
56
</x-slot >
89
89
@endforeach
90
90
</div >
91
91
</x-slot >
92
- </x-jet- action-section >
92
+ </x-action-section >
93
93
</div >
94
94
@endif
95
95
96
96
<!-- Token Value Modal -->
97
- <x-jet- dialog-modal wire:model =" displayingToken" >
97
+ <x-dialog-modal wire:model =" displayingToken" >
98
98
<x-slot name =" title" >
99
99
{{ __ (' API Token' ) } }
100
100
</x-slot >
104
104
{{ __ (' Please copy your new API token. For your security, it won\' t be shown again.' ) } }
105
105
</div >
106
106
107
- <x-jet- input x-ref =" plaintextToken" type =" text" readonly :value =" $plainTextToken"
107
+ <x-input x-ref =" plaintextToken" type =" text" readonly :value =" $plainTextToken"
108
108
class =" mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full"
109
109
autofocus autocomplete =" off" autocorrect =" off" autocapitalize =" off" spellcheck =" false"
110
110
@showing -token-modal.window =" setTimeout(() => $refs.plaintextToken.select(), 250)"
111
111
/>
112
112
</x-slot >
113
113
114
114
<x-slot name =" footer" >
115
- <x-jet- secondary-button wire:click =" $set('displayingToken', false)" wire:loading.attr =" disabled" >
115
+ <x-secondary-button wire:click =" $set('displayingToken', false)" wire:loading.attr =" disabled" >
116
116
{{ __ (' Close' ) } }
117
- </x-jet- secondary-button >
117
+ </x-secondary-button >
118
118
</x-slot >
119
- </x-jet- dialog-modal >
119
+ </x-dialog-modal >
120
120
121
121
<!-- API Token Permissions Modal -->
122
- <x-jet- dialog-modal wire:model =" managingApiTokenPermissions" >
122
+ <x-dialog-modal wire:model =" managingApiTokenPermissions" >
123
123
<x-slot name =" title" >
124
124
{{ __ (' API Token Permissions' ) } }
125
125
</x-slot >
@@ -128,26 +128,26 @@ class="mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full
128
128
<div class =" grid grid-cols-1 md:grid-cols-2 gap-4" >
129
129
@foreach (Laravel \Jetstream \Jetstream:: $permissions as $permission )
130
130
<label class =" flex items-center" >
131
- <x-jet- checkbox wire:model.defer =" updateApiTokenForm.permissions" :value =" $permission" />
131
+ <x-checkbox wire:model.defer =" updateApiTokenForm.permissions" :value =" $permission" />
132
132
<span class =" ml-2 text-sm text-gray-600" >{{ $permission } } </span >
133
133
</label >
134
134
@endforeach
135
135
</div >
136
136
</x-slot >
137
137
138
138
<x-slot name =" footer" >
139
- <x-jet- secondary-button wire:click =" $set('managingApiTokenPermissions', false)" wire:loading.attr =" disabled" >
139
+ <x-secondary-button wire:click =" $set('managingApiTokenPermissions', false)" wire:loading.attr =" disabled" >
140
140
{{ __ (' Cancel' ) } }
141
- </x-jet- secondary-button >
141
+ </x-secondary-button >
142
142
143
- <x-jet- button class =" ml-3" wire:click =" updateApiToken" wire:loading.attr =" disabled" >
143
+ <x-button class =" ml-3" wire:click =" updateApiToken" wire:loading.attr =" disabled" >
144
144
{{ __ (' Save' ) } }
145
- </x-jet- button >
145
+ </x-button >
146
146
</x-slot >
147
- </x-jet- dialog-modal >
147
+ </x-dialog-modal >
148
148
149
149
<!-- Delete Token Confirmation Modal -->
150
- <x-jet- confirmation-modal wire:model =" confirmingApiTokenDeletion" >
150
+ <x-confirmation-modal wire:model =" confirmingApiTokenDeletion" >
151
151
<x-slot name =" title" >
152
152
{{ __ (' Delete API Token' ) } }
153
153
</x-slot >
@@ -157,13 +157,13 @@ class="mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full
157
157
</x-slot >
158
158
159
159
<x-slot name =" footer" >
160
- <x-jet- secondary-button wire:click =" $toggle('confirmingApiTokenDeletion')" wire:loading.attr =" disabled" >
160
+ <x-secondary-button wire:click =" $toggle('confirmingApiTokenDeletion')" wire:loading.attr =" disabled" >
161
161
{{ __ (' Cancel' ) } }
162
- </x-jet- secondary-button >
162
+ </x-secondary-button >
163
163
164
- <x-jet- danger-button class =" ml-3" wire:click =" deleteApiToken" wire:loading.attr =" disabled" >
164
+ <x-danger-button class =" ml-3" wire:click =" deleteApiToken" wire:loading.attr =" disabled" >
165
165
{{ __ (' Delete' ) } }
166
- </x-jet- danger-button >
166
+ </x-danger-button >
167
167
</x-slot >
168
- </x-jet- confirmation-modal >
168
+ </x-confirmation-modal >
169
169
</div >
0 commit comments