peterstockings/function
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make http functions overview page more responsive

Browse Source
This commit is contained in:
Peter Stockings
2023-12-18 21:24:40 +11:00
parent 7e2181c7a6
commit 9aa551a083
1 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
templates/dashboard/http_functions.html
View File

@@ -15,7 +15,7 @@
data-id="59">Name</th> data-id="59">Name</th>
<th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0 hidden md:table-cell" <th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0 hidden md:table-cell"
data-id="60">URL</th> data-id="60">URL</th>
<th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0 hidden md:table-cell" <th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0"
data-id="61">Actions</th> data-id="61">Actions</th>
</tr> </tr>
</thead> </thead>
@@ -44,25 +44,27 @@
</path> </path>
</svg></button> </svg></button>
</td> </td>
<td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 hidden md:table-cell" data-id="68"> <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0" data-id="68">
<button <div class="flex gap-1">
class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3" <button
data-id="69" hx-get="{{ url_for('get_http_function_logs', name=function.name) }}" class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
hx-target="#container" hx-swap="innerHTML"> data-id="69" hx-get="{{ url_for('get_http_function_logs', name=function.name) }}"
Logs hx-target="#container" hx-swap="innerHTML">
</button> Logs
<button </button>
class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3" <button
data-id="69" hx-get="{{ url_for('get_http_function_edit_form', name=function.name) }}" class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
hx-target="#container" hx-swap="innerHTML"> data-id="69" hx-get="{{ url_for('get_http_function_edit_form', name=function.name) }}"
Edit hx-target="#container" hx-swap="innerHTML">
</button> Edit
<button </button>
class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3" <button
data-id="69" hx-get="{{ url_for('client', function=function.name) }}" hx-target="#container" class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
hx-swap="innerHTML"> data-id="69" hx-get="{{ url_for('client', function=function.name) }}"
Try hx-target="#container" hx-swap="innerHTML">
</button> Try
</button>
</div>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}