fixed tags
This commit is contained in:
@@ -144,22 +144,51 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="xl:col-span-2">
|
<div class="lg:col-span-3 xl:col-span-6">
|
||||||
<label class="block text-sm font-semibold text-zinc-200" for="tag_ids">Tags</label>
|
<fieldset class="rounded-2xl border border-zinc-700 bg-zinc-950/70 p-4">
|
||||||
|
<div class="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between">
|
||||||
|
<legend class="text-sm font-semibold text-zinc-200">
|
||||||
|
Tags
|
||||||
|
</legend>
|
||||||
|
|
||||||
<select id="tag_ids" wire:model.defer="tag_ids" data-helpdesk-select2 multiple class="mt-2 block w-full rounded-xl border-zinc-700 bg-zinc-950 text-zinc-100 shadow-sm focus:border-blue-500 focus:ring-blue-500">
|
<span class="text-xs text-zinc-500">
|
||||||
@foreach ($tags as $tag)
|
Optional · select all that apply
|
||||||
<option value="{{ $tag->id }}" @selected(in_array((string) $tag->id, array_map('strval', $tag_ids ?? []), true))>{{ $tag->name }}</option>
|
</span>
|
||||||
@endforeach
|
</div>
|
||||||
</select>
|
|
||||||
|
|
||||||
@error('tag_ids')
|
<div class="mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
||||||
<p class="mt-2 text-sm text-red-500">{{ $message }}</p>
|
@forelse ($tags as $tag)
|
||||||
@enderror
|
<label
|
||||||
|
for="tag_{{ $tag->id }}"
|
||||||
|
class="flex cursor-pointer items-center gap-3 rounded-xl border border-zinc-700 bg-zinc-900 px-4 py-3 text-sm font-medium text-zinc-200 transition hover:border-blue-500 hover:bg-zinc-800"
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
id="tag_{{ $tag->id }}"
|
||||||
|
type="checkbox"
|
||||||
|
wire:model.defer="tag_ids"
|
||||||
|
value="{{ $tag->id }}"
|
||||||
|
class="h-4 w-4 rounded border-zinc-600 bg-zinc-950 text-blue-600 focus:ring-blue-500"
|
||||||
|
>
|
||||||
|
|
||||||
@error('tag_ids.*')
|
<span class="truncate">
|
||||||
<p class="mt-2 text-sm text-red-500">{{ $message }}</p>
|
{{ $tag->name }}
|
||||||
@enderror
|
</span>
|
||||||
|
</label>
|
||||||
|
@empty
|
||||||
|
<div class="rounded-xl border border-dashed border-zinc-700 bg-zinc-900 px-4 py-3 text-sm text-zinc-400">
|
||||||
|
No tags are available.
|
||||||
|
</div>
|
||||||
|
@endforelse
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@error('tag_ids')
|
||||||
|
<p class="mt-3 text-sm text-red-500">{{ $message }}</p>
|
||||||
|
@enderror
|
||||||
|
|
||||||
|
@error('tag_ids.*')
|
||||||
|
<p class="mt-3 text-sm text-red-500">{{ $message }}</p>
|
||||||
|
@enderror
|
||||||
|
</fieldset>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="xl:col-span-2">
|
<div class="xl:col-span-2">
|
||||||
|
|||||||
@@ -190,26 +190,52 @@
|
|||||||
<p class="mt-2 text-sm text-red-500">{{ $message }}</p>
|
<p class="mt-2 text-sm text-red-500">{{ $message }}</p>
|
||||||
@enderror
|
@enderror
|
||||||
</div>
|
</div>
|
||||||
|
<div class="lg:col-span-3 xl:col-span-6">
|
||||||
|
<fieldset class="rounded-2xl border border-zinc-700 bg-zinc-950/70 p-4">
|
||||||
|
<div class="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between">
|
||||||
|
<legend class="text-sm font-semibold text-zinc-200">
|
||||||
|
Tags
|
||||||
|
</legend>
|
||||||
|
|
||||||
|
<span class="text-xs text-zinc-500">
|
||||||
|
Optional · select all that apply
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="xl:col-span-2">
|
<div class="mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
||||||
<label class="block text-sm font-semibold text-zinc-200" for="tag_ids">Tags</label>
|
@forelse ($tags as $tag)
|
||||||
|
<label
|
||||||
|
for="tag_{{ $tag->id }}"
|
||||||
|
class="flex cursor-pointer items-center gap-3 rounded-xl border border-zinc-700 bg-zinc-900 px-4 py-3 text-sm font-medium text-zinc-200 transition hover:border-blue-500 hover:bg-zinc-800"
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
id="tag_{{ $tag->id }}"
|
||||||
|
type="checkbox"
|
||||||
|
wire:model.defer="tag_ids"
|
||||||
|
value="{{ $tag->id }}"
|
||||||
|
class="h-4 w-4 rounded border-zinc-600 bg-zinc-950 text-blue-600 focus:ring-blue-500"
|
||||||
|
>
|
||||||
|
|
||||||
<select id="tag_ids" wire:model.defer="tag_ids" data-helpdesk-select2 multiple class="mt-2 block w-full rounded-xl border-zinc-700 bg-zinc-950 text-zinc-100 shadow-sm focus:border-blue-500 focus:ring-blue-500">
|
<span class="truncate">
|
||||||
@foreach ($tags as $tag)
|
{{ $tag->name }}
|
||||||
<option value="{{ $tag->id }}">{{ $tag->name }}</option>
|
</span>
|
||||||
@endforeach
|
</label>
|
||||||
</select>
|
@empty
|
||||||
|
<div class="rounded-xl border border-dashed border-zinc-700 bg-zinc-900 px-4 py-3 text-sm text-zinc-400">
|
||||||
|
No tags are available.
|
||||||
|
</div>
|
||||||
|
@endforelse
|
||||||
|
</div>
|
||||||
|
|
||||||
@error('tag_ids')
|
@error('tag_ids')
|
||||||
<p class="mt-2 text-sm text-red-500">{{ $message }}</p>
|
<p class="mt-3 text-sm text-red-500">{{ $message }}</p>
|
||||||
@enderror
|
@enderror
|
||||||
|
|
||||||
@error('tag_ids.*')
|
@error('tag_ids.*')
|
||||||
<p class="mt-2 text-sm text-red-500">{{ $message }}</p>
|
<p class="mt-3 text-sm text-red-500">{{ $message }}</p>
|
||||||
@enderror
|
@enderror
|
||||||
|
</fieldset>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="xl:col-span-2">
|
<div class="xl:col-span-2">
|
||||||
<label class="block text-sm font-semibold text-zinc-200" for="due_at">Due date</label>
|
<label class="block text-sm font-semibold text-zinc-200" for="due_at">Due date</label>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user