forked from enviPath/enviPy
provide setting link and copy button
This commit is contained in:
@ -24,6 +24,76 @@
|
||||
<td>Setting Name</td>
|
||||
<td>{{ setting_to_render.name }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Setting URL</td>
|
||||
<td>
|
||||
<a href="{{ setting_to_render.url }}" class="link link-primary">{{ setting_to_render.url }}</a>
|
||||
<div
|
||||
x-data="{
|
||||
value: '{{ setting_to_render.url }}',
|
||||
copied: false,
|
||||
|
||||
async copy() {
|
||||
await navigator.clipboard.writeText(this.value)
|
||||
this.copied = true
|
||||
|
||||
setTimeout(() => {
|
||||
this.copied = false
|
||||
}, 1500)
|
||||
}
|
||||
}"
|
||||
class="join"
|
||||
>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-ghost"
|
||||
:data-tip="copied ? 'Copied!' : 'Copy'"
|
||||
@click="copy"
|
||||
aria-label="Copy to clipboard"
|
||||
>
|
||||
<svg
|
||||
x-show="!copied"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="h-4 w-4"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2"
|
||||
/>
|
||||
<rect
|
||||
width="12"
|
||||
height="12"
|
||||
x="8"
|
||||
y="8"
|
||||
rx="2"
|
||||
ry="2"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
<svg
|
||||
x-show="copied"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="h-4 w-4"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M5 13l4 4L19 7"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% if setting_to_render.description %}
|
||||
<tr>
|
||||
<td>Setting Description</td>
|
||||
|
||||
Reference in New Issue
Block a user