hackerESQ
e6f38d9481
* docs: remove requirement for setting APP_KEY manually * optimize date picker * clean up modals * spot light working * reorganization * add lazy load * wip * remove filament * styling
128 lines
4.1 KiB
PHP
128 lines
4.1 KiB
PHP
@props([
|
|
'id' => null,
|
|
'label' => null,
|
|
'icon' => null,
|
|
'hint' => null,
|
|
'hintClass' => 'label-text-alt text-gray-400 py-1 pb-0',
|
|
|
|
'prefix' => null,
|
|
'suffix' => null,
|
|
'prepend' => null,
|
|
'append' => null,
|
|
|
|
'errorField' => null,
|
|
'errorClass' => 'text-red-500 label-text-alt p-1',
|
|
'omitError' => false,
|
|
'firstErrorOnly' => false,
|
|
])
|
|
|
|
@php
|
|
$modelName = $attributes->whereStartsWith('wire:model')->first();
|
|
$errorFieldName = $errorField ?? $modelName;
|
|
$id = $id == $modelName ? $modelName : "{$id}{$modelName}";
|
|
@endphp
|
|
|
|
|
|
<div>
|
|
|
|
{{-- STANDARD LABEL --}}
|
|
@if($label)
|
|
<label for="{{ $id }}" class="pt-0 label label-text font-semibold">
|
|
<span>
|
|
{{ $label }}
|
|
|
|
@if($attributes->get('required'))
|
|
<span class="text-error">*</span>
|
|
@endif
|
|
</span>
|
|
</label>
|
|
@endif
|
|
|
|
{{-- PREFIX/SUFFIX/PREPEND/APPEND CONTAINER --}}
|
|
@if($prefix || $suffix || $prepend || $append)
|
|
<div class="flex">
|
|
@endif
|
|
|
|
{{-- PREFIX / PREPEND --}}
|
|
@if($prefix || $prepend)
|
|
<div
|
|
@class([
|
|
"rounded-s-lg flex items-center",
|
|
"border border-primary border-e-0 px-4" => $prefix,
|
|
"border-0" => $attributes->has('disabled') && $attributes->get('disabled') == true,
|
|
"border-dashed" => $attributes->has('readonly') && $attributes->get('readonly') == true,
|
|
"!border-error" => $errorFieldName && $errors->has($errorFieldName) && !$omitError
|
|
])
|
|
>
|
|
{{ $prepend ?? $prefix }}
|
|
</div>
|
|
@endif
|
|
|
|
<div class="flex-1 relative">
|
|
|
|
{{-- INPUT --}}
|
|
<input
|
|
id="{{ $id }}"
|
|
placeholder = "{{ $attributes->whereStartsWith('placeholder')->first() }} "
|
|
|
|
@if($attributes->has('autofocus') && $attributes->get('autofocus') == true)
|
|
autofocus
|
|
@endif
|
|
|
|
{{
|
|
$attributes
|
|
->merge(['type' => 'text'])
|
|
->class([
|
|
'input input-primary w-full peer',
|
|
'ps-10' => ($icon),
|
|
'rounded-s-none' => $prefix || $prepend,
|
|
'rounded-e-none' => $suffix || $append,
|
|
'border-e-0' => $suffix,
|
|
'border border-dashed' => $attributes->has('readonly') && $attributes->get('readonly') == true,
|
|
'input-error' => $errorFieldName && $errors->has($errorFieldName) && !$omitError
|
|
])
|
|
}}
|
|
/>
|
|
|
|
{{-- ICON --}}
|
|
@if($icon)
|
|
<x-ui.icon :name="$icon" class="z-60 absolute top-1/2 -translate-y-1/2 start-3 text-gray-400 pointer-events-none" />
|
|
@endif
|
|
</div>
|
|
|
|
{{-- SUFFIX/APPEND --}}
|
|
@if($suffix || $append)
|
|
<div
|
|
@class([
|
|
"rounded-e-lg flex items-center",
|
|
"border border-primary border-s-0" => $suffix,
|
|
"border-0" => $attributes->has('disabled') && $attributes->get('disabled') == true,
|
|
"border-dashed" => $attributes->has('readonly') && $attributes->get('readonly') == true,
|
|
"!border-error" => $errorFieldName && $errors->has($errorFieldName) && !$omitError
|
|
])
|
|
>
|
|
{{ $append ?? $suffix }}
|
|
</div>
|
|
@endif
|
|
|
|
{{-- END: PREFIX/SUFFIX/APPEND/PREPEND CONTAINER --}}
|
|
@if($prefix || $suffix || $prepend || $append)
|
|
</div>
|
|
@endif
|
|
|
|
{{-- ERROR --}}
|
|
@if(!$omitError && $errors->has($errorFieldName))
|
|
@foreach($errors->get($errorFieldName) as $message)
|
|
@foreach(Arr::wrap($message) as $line)
|
|
<div class="{{ $errorClass }}" x-classes="text-red-500 label-text-alt p-1">{{ $line }}</div>
|
|
@break($firstErrorOnly)
|
|
@endforeach
|
|
@break($firstErrorOnly)
|
|
@endforeach
|
|
@endif
|
|
|
|
{{-- HINT --}}
|
|
@if($hint)
|
|
<div class="{{ $hintClass }}" x-classes="label-text-alt text-gray-400 py-1 pb-0">{{ $hint }}</div>
|
|
@endif
|
|
</div> |