Modal menu placeholder

This commit is contained in:
2024-05-18 14:51:48 +02:00
parent da6ead9ea9
commit 74e9673fc4
8 changed files with 240 additions and 21 deletions
+34 -16
View File
@@ -5,24 +5,42 @@
</button>
</div>
<div class="dropdown-menu" id="dropdown-menu4" role="menu">
<div class="dropdown-content">
<div class="dropdown-content is-small">
<div class="dropdown-item">
{% for CompanyInfo in CompanyInfos %}
<div class="content">
<div class="block">
{% for ModelInfo in CompanyInfo.ModelInfos %}
<div class="field">
<label class="custom-checkbox">
<input {%if ModelInfo.ID in CheckedModels %}checked{% endif %} type="checkbox"
name="model-check-{{ ModelInfo.ID }}" value="{{ ModelInfo.ID }}" />
<span class="checkmark"></span>
{{ ModelInfo.Name }}
</label>
</div>
<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 %}
</div>
</div>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>