Fix routing, still need to fix intial loads only returning portion of page

This commit is contained in:
Peter Stockings
2023-01-24 21:02:40 +11:00
parent bbf67f5768
commit 1ba186b608
3 changed files with 51 additions and 34 deletions

View File

@@ -1,3 +1,22 @@
<div class="text-sm breadcrumbs">
<nav class="flex" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-1 md:space-x-3">
<li class="inline-flex items-center">
<a hx-get="{{ url_for('devices') }}" hx-target="#container" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600
dark:text-gray-400 dark:hover:text-white">
<svg aria-hidden="true" class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
</path>
</svg>
Devices
</a>
</li>
</ol>
</nav>
</div>
<div class="flex justify-center">
<div class="relative overflow-x-auto">
<table class="lg:w-1/4 sm:w-full text-sm text-left text-gray-500 dark:text-gray-400">
@@ -14,7 +33,7 @@
<tbody>
{% for d in devices %}
<tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700 cursor-pointer"
hx-get="{{ url_for('overview', device_id=d['id']) }}" hx-target="#container">
hx-get="{{ url_for('overview', device_id=d['id']) }}" hx-push-url="true" hx-target="#container">
<th scope="row" class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
{{d['name']}}
</th>