Initial commit

This commit is contained in:
Ronald Huynen
2026-03-23 21:37:59 +01:00
commit 2547717edb
2193 changed files with 972171 additions and 0 deletions

View File

@@ -0,0 +1,75 @@
<div x-data class="mt-4 max-w-md">
<label for="toAuthor" class="my-2 block text-sm font-medium text-theme-primary"> {{ __('Written by') . ' ' . '(' . __('all languages') . ')'}} </label>
<div class="relative">
<!----- When nothing is selected ---->
@if (!isset($selectedId) || $search != '')
<div class="pointer-events-none absolute inset-y-0 left-0 flex pl-3 pt-2">
<svg class="h-5 w-5 text-theme-muted" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd"
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
clip-rule="evenodd" />
</svg>
</div>
<input wire:model.live.debounce.300ms="search" x-on:blur="$wire.inputBlur()"
class="block w-full rounded-md border border-theme-border bg-white py-2 pl-10 pr-3 leading-5 placeholder-gray-400 shadow-sm transition duration-150 ease-in-out focus:border-theme-accent focus:ring-1 focus:ring-theme-accent focus:placeholder-gray-700 sm:text-sm"
placeholder="{{ __('Search author name') }}" type="search" autocomplete="off">
@if (strlen($search) > 2)
<ul
class="absolute z-[60] mt-0 w-full rounded-md border border-theme-border bg-white text-sm text-theme-primary shadow-lg">
@forelse ($searchResults as $result)
<li>
<a wire:click="authorSelected({{ $result['id'] }})"
class="flex items-center px-2 py-2 hover:bg-gray-100 cursor-pointer">
<img src="{{ $result['profile_photo_path'] }}" class="w-10 rounded-full profile-photo">
<div class="ml-3 leading-tight">
<div class="font-semibold text-theme-primary">
@if (array_key_exists('name', $result))
{{ $result['name'] }}
@else
{{ __('No results found') }}
@endif
</div>
<div class="text-theme-secondary">
@if (array_key_exists('description', $result))
{{ $result['description'] }}
@else
{{ __('No results found') }}
@endif
</div>
</div>
</a>
</li>
@empty
<li class="px-4 py-4">{{ __('No results found for') }} "{{ $search }}"</li>
@endforelse
</ul>
@endif
@else
<!----- When selected ---->
<div
class=" focus:shadow-outline-gray my-3 w-full rounded-md border border-theme-border bg-white pl-0 pr-3 leading-5 transition duration-150 ease-in-out focus:border-theme-border focus:outline-none sm:text-sm">
<div class="flex items-center px-2 py-2">
<img src="{{ $selected['profile_photo_path'] }}" class="w-10 rounded-full profile-photo">
<div class="ml-3 leading-tight">
<div class="font-semibold">
{{ $selected['name'] }}
</div>
<div class="text-theme-secondary">
{{ $selected['description'] }}
</div>
</div>
<button type="button" class="ml-auto text-theme-secondary hover:text-red-600" wire:click="removeSelectedProfile">
<x-icon mini name="x-circle" />
</button>
</div>
</div>
@endif
</div>
</div>