diff options
author | H Lohaus <hlohaus@users.noreply.github.com> | 2024-04-09 19:40:42 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-04-09 19:40:42 +0200 |
commit | 4c23b4cad4744e20da7ccffb303503ea627df7c2 (patch) | |
tree | a032e6ebd494136ba35e049b06aa4af45558b540 /g4f/gui/client/index.html | |
parent | Merge pull request #1809 from ochen1/patch-1 (diff) | |
parent | Add project files (diff) | |
download | gpt4free-4c23b4cad4744e20da7ccffb303503ea627df7c2.tar gpt4free-4c23b4cad4744e20da7ccffb303503ea627df7c2.tar.gz gpt4free-4c23b4cad4744e20da7ccffb303503ea627df7c2.tar.bz2 gpt4free-4c23b4cad4744e20da7ccffb303503ea627df7c2.tar.lz gpt4free-4c23b4cad4744e20da7ccffb303503ea627df7c2.tar.xz gpt4free-4c23b4cad4744e20da7ccffb303503ea627df7c2.tar.zst gpt4free-4c23b4cad4744e20da7ccffb303503ea627df7c2.zip |
Diffstat (limited to 'g4f/gui/client/index.html')
-rw-r--r-- | g4f/gui/client/index.html | 122 |
1 files changed, 69 insertions, 53 deletions
diff --git a/g4f/gui/client/index.html b/g4f/gui/client/index.html index 7103b9c3..d6ad5241 100644 --- a/g4f/gui/client/index.html +++ b/g4f/gui/client/index.html @@ -37,6 +37,7 @@ import llamaTokenizer from "llama-tokenizer-js" </script> <script src="https://unpkg.com/gpt-tokenizer/dist/cl100k_base.js" async></script> + <script src="/static/js/text_to_speech/index.js" async></script> <script> const user_image = '<img src="/static/img/user.png" alt="your avatar">'; const gpt_image = '<img src="/static/img/gpt.png" alt="your avatar">'; @@ -49,7 +50,7 @@ <body> <div class="gradient"></div> <div class="row"> - <div class="box conversations hidden"> + <div class="box conversations"> <div class="top"> <button class="new_convo" onclick="new_conversation()"> <i class="fa-regular fa-plus"></i> @@ -57,17 +58,18 @@ </button> </div> <div class="bottom_buttons"> - <button onclick="delete_conversations()"> - <i class="fa-regular fa-trash"></i> - <span>Clear Conversations</span> - </button> - <button onclick="save_storage()"> - <i class="fa-solid fa-download"></i> - <a href="" onclick="return false;">Export Conversations</a> + <button onclick="open_settings();"> + <i class="fa-solid fa-toolbox"></i> + <span>Open Settings</span> </button> <div class="info"> + <i class="fa-brands fa-discord"></i> + <span class="convo-title">discord ~ <a href="https://discord.gg/XfybzPXPH5">discord.gg/XfybzPXPH5</a> + </span> + </div> + <div class="info"> <i class="fa-brands fa-github"></i> - <span class="convo-title">github ~ <a href="https://github.com/xtekky/gpt4free">@gpt4free</a> + <span class="convo-title">github ~ <a href="https://github.com/xtekky/gpt4free">@xtekky/gpt4free</a> </span> </div> <div class="info"> @@ -76,22 +78,46 @@ </div> </div> </div> - <div class="settings"> - <div class="field box"> - <label for="OpenaiChat-api_key" class="label" title="">OpenaiChat: access_token</label> - <textarea id="OpenaiChat-api_key" name="OpenaiChat[api_key]" placeholder="..."></textarea> + <div class="settings hidden"> + <div class="paper"> + <div class="field"> + <span class="label">Web Access</span> + <input type="checkbox" id="switch" /> + <label for="switch" class="toogle" title="Add the pages of the first 5 search results to the query."></label> + </div> + <div class="field"> + <span class="label">Disable History</span> + <input type="checkbox" id="history" /> + <label for="history" class="toogle" title="To improve the reaction time or if you have trouble with large conversations."></label> </div> <div class="field"> - <span class="label">OpenaiChat: Auto continue</span> - <input id="OpenaiChat-auto_continue" type="checkbox" name="OpenaiChat[auto_continue]" checked/> - <label for="OpenaiChat-auto_continue" class="toogle" title=""></label> + <span class="label">Hide System prompt</span> + <input type="checkbox" id="hide-systemPrompt" /> + <label for="hide-systemPrompt" class="toogle" title="For more space on phones"></label> + </div> + <div class="field"> + <span class="label">Auto continue</span> + <input id="auto_continue" type="checkbox" name="auto_continue" checked/> + <label for="auto_continue" class="toogle" title="Continue large responses in OpenaiChat"></label> + </div> + <div class="field box"> + <label for="message-input-height" class="label" title="">Input max. grow height</label> + <input type="number" id="message-input-height" value="200"/> + </div> + <div class="field box"> + <label for="recognition-language" class="label" title="">Speech recognition lang</label> + <input type="text" id="recognition-language" value="" placeholder="navigator.language"/> + </div> + <div class="field box"> + <label for="OpenaiChat-api_key" class="label" title="">OpenaiChat: api_key</label> + <textarea id="OpenaiChat-api_key" name="OpenaiChat[api_key]" placeholder="..."></textarea> </div> <div class="field box"> <label for="Bing-api_key" class="label" title="">Bing: "_U" cookie</label> <textarea id="Bing-api_key" name="Bing[api_key]" placeholder="..."></textarea> </div> <div class="field box"> - <label for="Gemini-api_key" class="label" title="">Gemini: Auth cookies</label> + <label for="Gemini-api_key" class="label" title="">Gemini: Cookies</label> <textarea id="Gemini-api_key" name="Gemini[api_key]" placeholder="..."></textarea> </div> <div class="field box"> @@ -99,6 +125,10 @@ <textarea id="Openai-api_key" name="Openai[api_key]" placeholder="..."></textarea> </div> <div class="field box"> + <label for="Groq-api_key" class="label" title="">Groq: api_key</label> + <textarea id="Groq-api_key" name="Groq[api_key]" placeholder="..."></textarea> + </div> + <div class="field box"> <label for="GeminiPro-api_key" class="label" title="">GeminiPro: api_key</label> <textarea id="GeminiPro-api_key" name="GeminiPro[api_key]" placeholder="..."></textarea> </div> @@ -106,6 +136,17 @@ <label for="HuggingFace-api_key" class="label" title="">HuggingFace: api_key</label> <textarea id="HuggingFace-api_key" name="HuggingFace[api_key]" placeholder="..."></textarea> </div> + </div> + <div class="bottom_buttons"> + <button onclick="delete_conversations()"> + <i class="fa-regular fa-trash"></i> + <span>Clear Conversations</span> + </button> + <button onclick="save_storage()"> + <i class="fa-solid fa-download"></i> + <a href="" onclick="return false;">Export Conversations</a> + </button> + </div> </div> <div class="conversation"> <textarea id="systemPrompt" class="box" placeholder="System prompt"></textarea> @@ -143,6 +184,9 @@ <input type="file" id="file" name="file" accept="text/plain, text/html, text/xml, application/json, text/javascript, .sh, .py, .php, .css, .yaml, .sql, .log, .csv, .twig, .md" required/> <i class="fa-solid fa-paperclip"></i> </label> + <label class="micro-label" for="micro"> + <i class="fa-solid fa-microphone-slash"></i> + </label> <div id="send-button"> <i class="fa-solid fa-paper-plane-top"></i> </div> @@ -161,43 +205,15 @@ <select name="model2" id="model2" class="hidden"></select> </div> <div class="field"> - <select name="jailbreak" id="jailbreak" style="display: none;"> - <option value="default" selected>Set Jailbreak</option> - <option value="gpt-math-1.0">math 1.0</option> - <option value="gpt-dude-1.0">dude 1.0</option> - <option value="gpt-dan-1.0">dan 1.0</option> - <option value="gpt-dan-2.0">dan 2.0</option> - <option value="gpt-dev-2.0">dev 2.0</option> - <option value="gpt-evil-1.0">evil 1.0</option> + <select name="provider" id="provider"> + <option value="">Provider: Auto</option> + <option value="Bing">Bing</option> + <option value="OpenaiChat">OpenaiChat</option> + <option value="Gemini">Gemini</option> + <option value="Liaobots">Liaobots</option> + <option value="You">You</option> + <option value="">----</option> </select> - <div class="field"> - <select name="provider" id="provider"> - <option value="">Provider: Auto</option> - <option value="Bing">Bing</option> - <option value="OpenaiChat">OpenaiChat</option> - <option value="Gemini">Gemini</option> - <option value="Liaobots">Liaobots</option> - <option value="You">You</option> - <option value="">----</option> - </select> - </div> - </div> - <div class="field"> - <input type="checkbox" id="switch" /> - <label for="switch" title="Add the pages of the first 5 search results to the query."></label> - <span class="about">Web Access</span> - </div> - <!-- - <div class="field"> - <input type="checkbox" id="patch" /> - <label for="patch" title="Enable create images with Bing."></label> - <span class="about">Image Generator</span> - </div> - --> - <div class="field"> - <input type="checkbox" id="history" /> - <label for="history" title="To improve the reaction time or if you have trouble with large conversations."></label> - <span class="about">Disable History</span> </div> </div> </div> |