add webapp, move frontend to webapp folder
This commit is contained in:
27
webapp/frontend/src/components/NodeInfo/Share.vue
Normal file
27
webapp/frontend/src/components/NodeInfo/Share.vue
Normal file
@ -0,0 +1,27 @@
|
||||
<script setup>
|
||||
const props = defineProps(['node']);
|
||||
import { getShareLinkForNode, copyShareLinkForNode } from '../../utils.js';
|
||||
</script>
|
||||
<template>
|
||||
<div>
|
||||
<div class="flex bg-gray-200 p-2 font-semibold">
|
||||
<div class="my-auto">Share Link</div>
|
||||
<div class="ml-auto">
|
||||
<button @click="copyShareLinkForNode(props.node.node_id)" type="button" class="rounded-sm bg-white px-2 py-1 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
|
||||
Copy
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<ul role="list" class="flex-1 divide-y divide-gray-200">
|
||||
<li>
|
||||
<div class="relative flex items-center">
|
||||
<div class="block flex-1 p-2">
|
||||
<div class="flex space-x-2">
|
||||
<input type="text" readonly class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" :value="getShareLinkForNode(props.node.node_id)">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
Reference in New Issue
Block a user