adrien/Jade
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modal menu placeholder

Browse Source
This commit is contained in:
adrien
2024-05-18 14:51:48 +02:00
parent da6ead9ea9
commit 74e9673fc4
8 changed files with 240 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/chat.html
+1 -1
View File
@@ -10,7 +10,7 @@
<hx hx-get="/loadSettings" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
<hx hx-get="/loadKeys" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
<hx hx-get="/loadUsageKPI" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
<!--hx hx-get="/loadModelSelection" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx-->
<hx hx-get="/loadModelSelection" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
<button {% if not IsLogin or not HaveKey %}style="display: none;" {%endif%} class="button is-small"
onclick="clearTextArea()" id="clear-button" hx-post="/clearChat" hx-swap="outerHTML"
hx-target="#chat-container" title="Clear chat">
views/partials/modal-llm-setting.html
+11
View File
@@ -0,0 +1,11 @@
<div id="modal">
<div class="modal-underlay" hx-get="/empty" hx-target="#modal" hx-swap="outerHTML"></div>
<div class="modal-content">
<h1>Modal Dialog</h1>
This is the modal content.
You can put anything here, like text, or a form, or an image.
<br>
<br>
<button hx-get="/empty" hx-target="#modal" hx-swap="outerHTML">Close</button>
</div>
</div>
views/partials/popover-keys.html
+1 -1
View File
@@ -40,7 +40,7 @@
</span>
</p>
</div>
<div class="field has-addons" title="Gemini is inailable because im in Europe">
<div class="field has-addons" title="Gemini is unavailable because of Europe">
<p class="control has-icons-left is-expanded">
<input class="input is-small {% if GoogleExists %}is-success{% endif %}" type="text"
disabled placeholder="Google API key" name="google_key" autocomplete="off">
views/partials/popover-models.html
+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>