47 lines
2.3 KiB
HTML
47 lines
2.3 KiB
HTML
<div class="dropdown is-hoverable is-up is-right">
|
|
<div class="dropdown-trigger">
|
|
<button class="button is-small" aria-haspopup="true" aria-controls="dropdown-menu4">
|
|
<span class="icon"><i class="fa-solid fa-robot"></i></span>
|
|
</button>
|
|
</div>
|
|
<div class="dropdown-menu" id="dropdown-menu4" role="menu">
|
|
<div class="dropdown-content is-small">
|
|
<div class="dropdown-item">
|
|
<table class="table is-hoverable is-fullwidth is-narrow is-small">
|
|
<thead>
|
|
<tr>
|
|
<th class="is-size-7" style="width: 30%;">Name</th>
|
|
<th class="is-size-7" style="width: 30%;">Model</th>
|
|
<th class="is-size-7" style="width: 10%;"></th>
|
|
<th class="is-size-7" style="width: 10%;"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for LLM in LLMs %}
|
|
<tr>
|
|
<td class="is-size-6">{{ LLM.Name }}</td>
|
|
<td class="is-size-7">{{ LLM.Model.ModelID }}</td>
|
|
<td class="is-size-6">
|
|
<button hx-get="/modal" hx-target="body" hx-swap="beforeend"
|
|
class="button is-primary is-small is-inline-block is-outlined">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-gear"></i>
|
|
</span>
|
|
</button>
|
|
</td>
|
|
<td class="is-size-6">
|
|
<button class="button is-danger is-small is-inline-block is-outlined"
|
|
style="min-width: auto;">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-xmark"></i>
|
|
</span>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |