gps_system/resources/views/flux/input/copyable.blade.php
sackey 6b878bb0a0
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (push) Has been cancelled
Initial commit
2025-09-12 16:19:56 +00:00

23 lines
776 B
PHP

@pure
@php
$attributes = $attributes->merge([
'variant' => 'subtle',
'class' => '-me-1',
'square' => true,
'size' => null,
]);
@endphp
<flux:button
:$attributes
:size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
x-data="{ copied: false }"
x-on:click="copied = ! copied; navigator.clipboard && navigator.clipboard.writeText($el.closest('[data-flux-input]').querySelector('input').value); setTimeout(() => copied = false, 2000)"
x-bind:data-copyable-copied="copied"
aria-label="{{ __('Copy to clipboard') }}"
>
<flux:icon.clipboard-document-check variant="mini" class="hidden [[data-copyable-copied]>&]:block" />
<flux:icon.clipboard-document variant="mini" class="block [[data-copyable-copied]>&]:hidden" />
</flux:button>