ctmesh/map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more code cleanup

Browse Source
This commit is contained in:
Matt
2025-04-17 18:45:15 -04:00
parent 600ed7bbb3
commit 63b823a7a1
49 changed files with 3016 additions and 1658 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
webapp/frontend/src/components/NodeInfo/Share.vue
View File

@ -1,27 +1,35 @@
<script setup>
const props = defineProps(['node']);
import { getShareLinkForNode, copyShareLinkForNode } from '../../utils.js';
const props = defineProps({
node: Object,
});
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>
<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 class="p-3">
<div class="flex space-x-2">
<input
type="text"
readonly
:value="getShareLinkForNode(props.node.node_id)"
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"
/>
</div>
</li>
</ul>
</div>
</template>