vbatts/llama.cpp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #2 from mounta11n/server-ui-improvements

Browse source 
Server UI improvements
This commit is contained in:
Yazan Agha-Schrader 2023-11-27 17:26:43 +01:00 • committed by GitHub
commit d55b482361
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 103 additions and 104 deletions
Download patch file Download diff file Expand all files Collapse all files

23
examples/server/public/index.html
View file

@ -230,8 +230,7 @@
currentMessages.push(data); currentMessages.push(data);
slot_id = data.slot_id; slot_id = data.slot_id;
if (selected_image && !data.multimodal) { if (selected_image && !data.multimodal) {
alert("Der Server wurde nicht für multimodal zusammengestellt oder der Modellprojektor kann nicht geladen werden."); alert("The server was not compiled for multimodal or the model projector can't be loaded."); return;
return;
} }
transcriptUpdate([...history, [char, currentMessages]]) transcriptUpdate([...history, [char, currentMessages]])
} }
@ -354,7 +353,7 @@
</div> </div>
<div class="right"> <div class="right">
<button class="button-back" onclick=${reset}>Back</button> <button class="button-back" onclick=${reset}>Back</button>
<button onclick=${uploadImage}>Upload Image</button> <button onclick=${uploadImage}>Upload Image</button>
<button onclick=${stop} disabled=${!generating.value}>Stop</button> <button onclick=${stop} disabled=${!generating.value}>Stop</button>
<button type="submit" disabled=${generating.value}>Submit</button> <button type="submit" disabled=${generating.value}>Submit</button>
@ -372,7 +371,7 @@
<div> <div>
<button onclick=${submit} type="button" disabled=${generating.value}>Start</button> <button onclick=${submit} type="button" disabled=${generating.value}>Start</button>
<button onclick=${stop} disabled=${!generating.value}>Stop</button> <button onclick=${stop} disabled=${!generating.value}>Stop</button>
<button onclick=${reset}>Back</button> <button onclick=${reset}>Back</button>
</div>`; </div>`;
} }
@ -517,19 +516,19 @@ async function updateSystemLanguage(event) {
} }
// //
// async function updateTexts(systemPrompts) { // async function updateTexts(systemPrompts) {
// // Aktualisiere die Texte, die aus den Sprachdateien kommen // // Update the texts that come from the language files
// document.querySelector('#someElement').textContent = systemPrompts.default.systemPrompt; // document.querySelector('#someElement').textContent = systemPrompts.default.systemPrompt;
// // Lade die JSON-Datei für die UI-Elemente // // Load the JSON file for the UI elements
// const uiLanguageFile = `./${language}_texts.json`; // const uiLanguageFile = `./${language}_texts.json`;
// try { // try {
// const response = await fetch(uiLanguageFile); // const response = await fetch(uiLanguageFile);
// const uiTexts = await response.json(); // const uiTexts = await response.json();
// // Aktualisiere die UI-Elemente // // Update the UI elements
// // document.querySelector('label[for="user"]').textContent = uiTexts.USER_NAME; // // document.querySelector('label[for="user"]').textContent = uiTexts.USER_NAME;
// document.getElementById('label-user').textContent = uiTexts.USER_NAME; // document.getElementById('label-user').textContent = uiTexts.USER_NAME;
// // Weitere Elemente aktualisieren // // Update further elements
// } catch (error) { // } catch (error) {
// console.error('Fehler beim Laden der UI-Texte:', error); // console.error('Error when loading the UI texts:', error);
// } // }
// } // }
// //
@ -564,7 +563,7 @@ async function updateSystemLanguage(event) {
grammar: converter.formatGrammar(), grammar: converter.formatGrammar(),
} }
} catch (e) { } catch (e) {
alert(`Konvertierung fehlgeschlagen: ${e.message}`) alert(`Conversion failed: ${e.message}`)
} }
} }
@ -746,7 +745,7 @@ async function updateSystemLanguage(event) {
<details> <details>
<summary><span class="summary-title" id="id_grammar-title" id_grammar-title>Grammar</span></summary> <summary><span class="summary-title" id="id_grammar-title" id_grammar-title>Grammar</span></summary>
${GrammarControl()} ${GrammarControl()}
</details> </details>
</fieldset> </fieldset>
` `
); );
@ -888,7 +887,7 @@ async function updateSystemLanguage(event) {
} }
return html` return html`
<span> <span>
${llamaStats.value.predicted_per_token_ms.toFixed()}ms pro Token, ${llamaStats.value.predicted_per_second.toFixed(2)} Token pro Sekunde ${llamaStats.value.predicted_per_token_ms.toFixed()}ms per token, ${llamaStats.value.predicted_per_second.toFixed(2)} tokens per second
</span> </span>
` `
} }