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

Added Creation and delete of LLM

Browse Source
This commit is contained in:
adrien
2024-05-22 17:41:21 +02:00
parent 0cb115e560
commit 1aa1968747
12 changed files with 365 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/partials/popover-settings.html
+37 -10
View File
@@ -10,7 +10,7 @@
<div class="dropdown-item">
<div class="field">
<form id="api-keys-form" hx-post="/addKeys" hx-trigger="submit" hx-target="#api-keys-status">
<div class="field has-addons">
<div class="field has-addons is-hidden" id="openai-field">
<p class="control has-icons-left is-expanded">
<input class="input is-small {% if OpenaiExists %}is-success{% endif %}" type="text"
{%if not IsLogin %}disabled{% endif %} placeholder="OpenAI API key"
@@ -20,7 +20,7 @@
</span>
</p>
</div>
<div class="field has-addons">
<div class="field has-addons is-hidden" id="anthropic-field">
<p class="control has-icons-left is-expanded">
<input class="input is-small {% if AnthropicExists %}is-success{% endif %}" type="text"
{% if not IsLogin %}disabled{% endif %} placeholder="Anthropic API key"
@@ -30,7 +30,7 @@
</span>
</p>
</div>
<div class="field has-addons">
<div class="field has-addons is-hidden" id="mistral-field">
<p class="control has-icons-left is-expanded">
<input class="input is-small {% if MistralExists %}is-success{% endif %}" type="text"
{%if not IsLogin %}disabled{% endif %} placeholder="Mistral API key"
@@ -40,7 +40,8 @@
</span>
</p>
</div>
<div class="field has-addons" title="Gemini is unavailable because of Europe">
<div class="field has-addons is-hidden" title="Gemini is unavailable because of Europe"
id="gemini-field">
<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">
@@ -49,17 +50,17 @@
</span>
</p>
</div>
<div class="field has-addons">
<div class="field has-addons is-hidden" id="goose-field">
<p class="control has-icons-left is-expanded">
<input class="input is-small {% if GooseaiExists %}is-success{% endif %}" type="text"
placeholder="Gooseai API key" {%if not IsLogin %}disabled{% endif %}
{%if not IsLogin %}disabled{% endif %} placeholder="Gooseai API key"
name="goose_key" autocomplete="off">
<span class="icon is-small is-left">
<i class="fas fa-lock"></i>
</span>
</p>
</div>
<div class="field has-addons">
<div class="field has-addons is-hidden" id="groq-field">
<p class="control has-icons-left is-expanded">
<input class="input is-small {% if GroqExists %}is-success{% endif %}" type="text"
placeholder="Groq API key" {%if not IsLogin %}disabled{% endif %} name="groq_key"
@@ -69,15 +70,23 @@
</span>
</p>
</div>
<div class="field has-addons">
<div class="field has-addons" id="save-field">
<p class="control">
<button {% if not IsLogin %}disabled{% endif %} type="submit" class="button is-small">
<button disabled id="save-keys-button" type="submit" class="button is-small">
<span class="icon is-small">
<i class="fas fa-check"></i>
</span>
<span>Save keys</span>
</button>
</p>
<p class="control">
<button id="toggle-keys-button" type="button"
class="button is-small {% if not AnyExists %}is-danger{% endif %}">
<span class="icon is-small">
<i class="fa-solid fa-chevron-down"></i>
</span>
</button>
</p>
</div>
</form>
<p id="api-keys-status"></p>
@@ -98,4 +107,22 @@
</div>
</div>
</div>
</div>
</div>
<script>
document.getElementById('toggle-keys-button').addEventListener('click', function () {
// Do not take the id="save-field"
var fields = document.querySelectorAll("#api-keys-form .field.has-addons");
var saveButton = document.getElementById('save-keys-button');
var toggleIcon = this.querySelector('i');
fields.forEach(function (field) {
if (field.id == "save-field") return;
field.classList.toggle('is-hidden');
});
saveButton.disabled = !saveButton.disabled;
toggleIcon.classList.toggle('fa-chevron-up');
toggleIcon.classList.toggle('fa-chevron-down');
});
</script>