Skip to content

Commit 0591c14

Browse files
mckenzieartsmckenziearts
committed
💄 refactoring des vues
1 parent 6cc258c commit 0591c14

File tree

3 files changed

+48
-7
lines changed

3 files changed

+48
-7
lines changed

‎resources/views/articles/show.blade.php

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -211,11 +211,18 @@ class="inline-flex items-center py-2 px-4 border border-skin-base rounded-md sha
211211
</div>
212212
<div class="relative flex justify-center">
213213
<span class="relative z-0 inline-flex shadow-sm rounded-md -space-x-px">
214-
<a href="{{ route('articles.edit', $article) }}" class="relative inline-flex items-center px-4 py-2 rounded-l-md border border-skin-base bg-skin-card text-sm font-medium text-gray-400 hover:bg-skin-card-muted focus:z-10 focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 focus:ring-offset-body">
214+
<a href="{{ route('articles.edit', $article) }}" class="relative inline-flex items-center px-4 py-2 rounded-l-md border border-skin-base bg-skin-card text-sm font-medium text-skin-inverted-muted hover:bg-skin-card-muted focus:z-10 focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 focus:ring-offset-body">
215215
<span class="sr-only">Éditer</span>
216216
<x-heroicon-s-pencil class="h-5 w-5" />
217217
</a>
218-
<button onclick="Livewire.emit('openModal', 'modals.delete-article', {{ json_encode([$article->id]) }})" type="button" class="relative inline-flex items-center px-4 py-2 rounded-r-md border border-skin-base bg-skin-card text-sm font-medium text-gray-400 hover:bg-skin-card-muted focus:z-10 focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 focus:ring-offset-body">
218+
@if($article->isNotApproved())
219+
@hasanyrole('admin|moderator')
220+
<button onclick="Livewire.emit('openModal', 'modals.approved-article', {{ json_encode([$article->id]) }})" type="button" class="-ml-px relative inline-flex items-center px-4 py-2 border border-skin-base bg-skin-card text-sm font-medium text-green-500 hover:bg-skin-card-muted focus:z-10 focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 focus:border-green-500 focus:ring-offset-body">
221+
<x-heroicon-s-badge-check class="h-5 w-5" />
222+
</button>
223+
@endhasanyrole
224+
@endif
225+
<button onclick="Livewire.emit('openModal', 'modals.delete-article', {{ json_encode([$article->id]) }})" type="button" class="relative inline-flex items-center px-4 py-2 rounded-r-md border border-skin-base bg-skin-card text-sm font-medium text-skin-inverted-muted hover:bg-skin-card-muted focus:z-10 focus:outline-none focus:ring-1 focus:ring-green-500 focus:border-green-500 focus:ring-offset-body">
219226
<span class="sr-only">Supprimer</span>
220227
<x-heroicon-s-trash class="h-5 w-5" />
221228
</button>

‎resources/views/components/danger-button.blade.php

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
<button {{ $attributes->merge(['class' => 'inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 bg-negative-600 text-base leading-6 font-medium text-white shadow-sm hover:bg-negative-500 focus:outline-none focus:border-negative-700 focus:shadow-outline-negative transition ease-in-out duration-150 sm:text-sm sm:leading-5']) }}>
1+
<button {{ $attributes->merge(['class' => 'inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 bg-negative-600 text-base leading-6 font-medium text-white shadow-sm hover:bg-negative-500 focus:outline-none focus:border-negative-700 sm:text-sm sm:leading-5 focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-negative-500']) }}>
22
{{ $slot }}
33
</button>

‎resources/views/livewire/articles/_form.blade.php

Lines changed: 38 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,44 @@
1515
</x-button>
1616
@else
1717
@if(isset($article))
18-
<x-button type="button" wire:click="save">
19-
<x-loader class="text-white" wire:loading wire:target="save" />
20-
Enregistrer
21-
</x-button>
18+
<span class="relative z-20 inline-flex shadow-sm rounded-md">
19+
<button type="button" class="button inline-flex items-center justify-center py-2 px-4 text-sm font-medium text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500 rounded-l-md border-r border-white" disabled>
20+
Enregistrer les modifications
21+
</button>
22+
<span x-data="{ open: false }" @keydown.escape.stop="open = false;" @click.away="open = false" class="-ml-px relative block">
23+
<button type="button" class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-transparent text-sm font-medium text-white text-white bg-green-600 hover:bg-green-700 focus:z-10 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-body focus:ring-green-500"
24+
id="option-menu-button"
25+
x-ref="button"
26+
@click="open = !open"
27+
aria-expanded="false" aria-haspopup="true" x-bind:aria-expanded="open.toString()">
28+
<span class="sr-only">Ouvrir les options</span>
29+
<x-heroicon-s-chevron-down class="h-5 w-5" />
30+
</button>
31+
32+
<div x-show="open"
33+
x-transition:enter="transition ease-out duration-100"
34+
x-transition:enter-start="transform opacity-0 scale-95"
35+
x-transition:enter-end="transform opacity-100 scale-100"
36+
x-transition:leave="transition ease-in duration-75"
37+
x-transition:leave-start="transform opacity-100 scale-100"
38+
x-transition:leave-end="transform opacity-0 scale-95"
39+
class="origin-top-right absolute right-0 mt-2 -mr-1 w-56 rounded-md shadow-lg bg-skin-card ring-1 ring-black ring-opacity-5 focus:outline-none"
40+
x-ref="menu-items"
41+
role="menu" aria-orientation="vertical" aria-labelledby="option-menu-button" tabindex="-1"
42+
@keydown.tab="open = false" @keydown.enter.prevent="open = false;" @keyup.space.prevent="open = false;" style="display: none;">
43+
<div class="py-1" role="none">
44+
<button type="button" wire:click="submit" class="block px-4 py-2 text-sm text-skin-inverted-muted hover:text-skin-inverted" role="menuitem" tabindex="-1" id="option-menu-item-0">
45+
<x-loader class="text-white" wire:loading wire:target="submit" />
46+
Enregistrer et soumettre
47+
</button>
48+
<button type="button" wire:click="save" class="block px-4 py-2 text-sm text-skin-inverted-muted hover:text-skin-inverted" role="menuitem" tabindex="-1" id="option-menu-item-1">
49+
<x-loader class="text-white" wire:loading wire:target="save" />
50+
Enregistrer en brouillon
51+
</button>
52+
</div>
53+
</div>
54+
</span>
55+
</span>
2256
@else
2357
<x-button type="button" wire:click="submit">
2458
<x-loader class="text-white" wire:loading wire:target="submit" />

0 commit comments

Comments
 (0)