mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-app.git
synced 2025-12-14 12:06:46 +00:00
📋 Add copy-to-clipboard feature for service URLs: Enhance user experience by allowing easy copying of clearnet, onion, I2P, and pkdns links.
This commit is contained in:
@@ -107,6 +107,7 @@ class extends Component {
|
|||||||
<flux:table.cell>
|
<flux:table.cell>
|
||||||
<div class="flex flex-col gap-1">
|
<div class="flex flex-col gap-1">
|
||||||
@if($service->url_clearnet)
|
@if($service->url_clearnet)
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
<flux:tooltip content="{{ $service->url_clearnet }}">
|
<flux:tooltip content="{{ $service->url_clearnet }}">
|
||||||
<flux:link :href="$service->url_clearnet" external
|
<flux:link :href="$service->url_clearnet" external
|
||||||
class="text-blue-600 dark:text-blue-400">
|
class="text-blue-600 dark:text-blue-400">
|
||||||
@@ -114,8 +115,15 @@ class extends Component {
|
|||||||
Clearnet
|
Clearnet
|
||||||
</flux:link>
|
</flux:link>
|
||||||
</flux:tooltip>
|
</flux:tooltip>
|
||||||
|
<div x-copy-to-clipboard="'{{ $service->url_clearnet }}'">
|
||||||
|
<flux:button icon="clipboard" size="xs" variant="ghost" class="cursor-pointer">
|
||||||
|
{{ __('Copy') }}
|
||||||
|
</flux:button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@endif
|
@endif
|
||||||
@if($service->url_onion)
|
@if($service->url_onion)
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
<flux:tooltip content="{{ $service->url_onion }}">
|
<flux:tooltip content="{{ $service->url_onion }}">
|
||||||
<flux:link :href="$service->url_onion" external
|
<flux:link :href="$service->url_onion" external
|
||||||
class="text-purple-600 dark:text-purple-400">
|
class="text-purple-600 dark:text-purple-400">
|
||||||
@@ -123,8 +131,15 @@ class extends Component {
|
|||||||
Onion
|
Onion
|
||||||
</flux:link>
|
</flux:link>
|
||||||
</flux:tooltip>
|
</flux:tooltip>
|
||||||
|
<div x-copy-to-clipboard="'{{ $service->url_onion }}'">
|
||||||
|
<flux:button icon="clipboard" size="xs" variant="ghost" class="cursor-pointer">
|
||||||
|
{{ __('Copy') }}
|
||||||
|
</flux:button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@endif
|
@endif
|
||||||
@if($service->url_i2p)
|
@if($service->url_i2p)
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
<flux:tooltip content="{{ $service->url_i2p }}">
|
<flux:tooltip content="{{ $service->url_i2p }}">
|
||||||
<flux:link :href="$service->url_i2p" external
|
<flux:link :href="$service->url_i2p" external
|
||||||
class="text-green-600 dark:text-green-400">
|
class="text-green-600 dark:text-green-400">
|
||||||
@@ -132,8 +147,15 @@ class extends Component {
|
|||||||
I2P
|
I2P
|
||||||
</flux:link>
|
</flux:link>
|
||||||
</flux:tooltip>
|
</flux:tooltip>
|
||||||
|
<div x-copy-to-clipboard="'{{ $service->url_i2p }}'">
|
||||||
|
<flux:button icon="clipboard" size="xs" variant="ghost" class="cursor-pointer">
|
||||||
|
{{ __('Copy') }}
|
||||||
|
</flux:button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@endif
|
@endif
|
||||||
@if($service->url_pkdns)
|
@if($service->url_pkdns)
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
<flux:tooltip content="{{ $service->url_pkdns }}">
|
<flux:tooltip content="{{ $service->url_pkdns }}">
|
||||||
<flux:link :href="$service->url_pkdns" external
|
<flux:link :href="$service->url_pkdns" external
|
||||||
class="text-orange-600 dark:text-orange-400">
|
class="text-orange-600 dark:text-orange-400">
|
||||||
@@ -141,6 +163,12 @@ class extends Component {
|
|||||||
pkdns
|
pkdns
|
||||||
</flux:link>
|
</flux:link>
|
||||||
</flux:tooltip>
|
</flux:tooltip>
|
||||||
|
<div x-copy-to-clipboard="'{{ $service->url_pkdns }}'">
|
||||||
|
<flux:button icon="clipboard" size="xs" variant="ghost" class="cursor-pointer">
|
||||||
|
{{ __('Copy') }}
|
||||||
|
</flux:button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@endif
|
@endif
|
||||||
@if($service->ip)
|
@if($service->ip)
|
||||||
<div class="flex items-center gap-2">
|
<div class="flex items-center gap-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user