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 Name</td>
|
||||||
<td>{{ setting_to_render.name }}</td>
|
<td>{{ setting_to_render.name }}</td>
|
||||||
</tr>
|
</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 %}
|
{% if setting_to_render.description %}
|
||||||
<tr>
|
<tr>
|
||||||
<td>Setting Description</td>
|
<td>Setting Description</td>
|
||||||
|
|||||||
Reference in New Issue
Block a user