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

add webapp, move frontend to webapp folder

Browse Source
This commit is contained in:
Matt
2025-04-15 15:33:08 -04:00
parent f97b3b5185
commit 196063c23b
93 changed files with 2162 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
webapp/frontend/src/components/NodeInfo/OtherInfo.vue Normal file
View File

@ -0,0 +1,40 @@
<script setup>
const props = defineProps(['node']);
import moment from 'moment';
</script>
<template>
<div>
<div class="bg-gray-200 p-2 font-semibold">Other</div>
<ul role="list" class="flex-1 divide-y divide-gray-200">
<!-- first seen -->
<li class="flex p-3">
<div class="text-sm font-medium text-gray-900">First Seen</div>
<div class="ml-auto text-sm text-gray-700">{{ moment(new Date(props.node.created_at)).fromNow() }}</div>
</li>
<!-- last seen -->
<li class="flex p-3">
<div class="text-sm font-medium text-gray-900">Last Seen</div>
<div class="ml-auto text-sm text-gray-700">{{ moment(new Date(props.node.updated_at)).fromNow() }}</div>
</li>
<!-- neighbours updated -->
<li class="flex p-3">
<div class="text-sm font-medium text-gray-900">Neighbours Updated</div>
<div class="ml-auto text-sm text-gray-700">
<span v-if="props.node.neighbours_updated_at">{{ moment(new Date(props.node.neighbours_updated_at)).fromNow() }}</span>
<span v-else>???</span>
</div>
</li>
<!-- position updated -->
<li class="flex p-3">
<div class="text-sm font-medium text-gray-900">Position Updated</div>
<div class="ml-auto text-sm text-gray-700">
<span v-if="props.node.position_updated_at">{{ moment(new Date(props.node.position_updated_at)).fromNow() }}</span>
<span v-else>???</span>
</div>
</li>
</ul>
</div>
</template>