show position in sidebar

This commit is contained in:
liamcottle
2024-04-07 20:24:15 +12:00
parent 5a4072b7c2
commit 7705220f68

View File

@ -701,6 +701,62 @@
</ul> </ul>
</div> </div>
<!-- position -->
<div>
<div class="bg-gray-200 p-2 font-semibold">Position</div>
<ul role="list" class="flex-1 divide-y divide-gray-200">
<li>
<div class="relative flex items-center">
<div class="block flex-1 px-4 py-2">
<div class="relative flex min-w-0 flex-1 items-center">
<div class="truncate">
<p class="truncate text-sm font-medium text-gray-900">Latitude</p>
<p class="truncate text-sm text-gray-700">
<span v-if="selectedNode.latitude">{{ selectedNode.latitude }}</span>
<span v-else class="text-gray-500">???</span>
</p>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative flex items-center">
<div class="block flex-1 px-4 py-2">
<div class="relative flex min-w-0 flex-1 items-center">
<div class="truncate">
<p class="truncate text-sm font-medium text-gray-900">Longitude</p>
<p class="truncate text-sm text-gray-700">
<span v-if="selectedNode.longitude">{{ selectedNode.longitude }}</span>
<span v-else class="text-gray-500">???</span>
</p>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="relative flex items-center">
<div class="block flex-1 px-4 py-2">
<div class="relative flex min-w-0 flex-1 items-center">
<div class="truncate">
<p class="truncate text-sm font-medium text-gray-900">Altitude</p>
<p class="truncate text-sm text-gray-700">
<span v-if="selectedNode.altitude">{{ selectedNode.altitude }}</span>
<span v-else class="text-gray-500">???</span>
</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- telemetry --> <!-- telemetry -->
<div> <div>
<div class="bg-gray-200 p-2 font-semibold">Telemetry</div> <div class="bg-gray-200 p-2 font-semibold">Telemetry</div>