From ea8d6b847a0e656cc5583948c5745592adda7103 Mon Sep 17 00:00:00 2001
From: Heiner Lohaus <hlohaus@users.noreply.github.com>
Date: Sat, 13 Jan 2024 15:37:36 +0100
Subject: Support upload image in gui Add image upload to OpenaiChat Add image
 response to OpenaiChat Improve ChatGPT Plus Support Remove unused
 requirements

---
 g4f/gui/client/html/index.html | 93 ++++++++----------------------------------
 1 file changed, 18 insertions(+), 75 deletions(-)

(limited to 'g4f/gui/client/html/index.html')

diff --git a/g4f/gui/client/html/index.html b/g4f/gui/client/html/index.html
index bc41bd45..3f2bb0c0 100644
--- a/g4f/gui/client/html/index.html
+++ b/g4f/gui/client/html/index.html
@@ -36,7 +36,8 @@
 
         #message-input {
             margin-right: 30px;
-            height: 80px;
+            height: 82px;
+            margin-left: 20px;
         }
 
         #message-input::-webkit-scrollbar {
@@ -113,6 +114,10 @@
                 <div class="box input-box">
                     <textarea id="message-input" placeholder="Ask a question" cols="30" rows="10"
                         style="white-space: pre-wrap;resize: none;"></textarea>
+                    <label for="image" title="Works only with Bing and OpenaiChat">
+                        <input type="file" id="image" name="image" accept="image/png, image/gif, image/jpeg" required/>
+                        <i class="fa-regular fa-image"></i>
+                    </label>
                     <div id="send-button">
                         <i class="fa-solid fa-paper-plane-top"></i>
                     </div>
@@ -120,52 +125,7 @@
             </div>
             <div class="buttons">
                 <div class="field">
-                    <input type="checkbox" id="switch" />
-                    <label for="switch"></label>
-                    <span class="about">Web Access</span>
-                </div>
-                <div class="field">
-                    <input type="checkbox" id="patch" />
-                    <label for="patch" title="Works only with Bing and some other providers"></label>
-                    <span class="about">Image Generator</span>
-                </div>
-                <div class="field">
-                    <select name="model" id="model">
-                        <option value="gpt-3.5-turbo" selected="">gpt-3.5-turbo</option>
-                        <option value="gpt-3.5-turbo-0613">gpt-3.5-turbo-0613</option>
-                        <option value="gpt-3.5-turbo-16k">gpt-3.5-turbo-16k</option>
-                        <option value="gpt-3.5-turbo-16k-0613">gpt-3.5-turbo-16k-0613</option>
-                        <option value="gpt-4">gpt-4</option>
-                        <option value="gpt-4-0613">gpt-4-0613</option>
-                        <option value="gpt-4-32k">gpt-4-32k</option>
-                        <option value="gpt-4-32k-0613">gpt-4-32k-0613</option>
-                        <option value="palm2">palm2</option>
-                        <option value="palm">palm</option>
-                        <option value="google">google</option>
-                        <option value="google-bard">google-bard</option>
-                        <option value="google-palm">google-palm</option>
-                        <option value="bard">bard</option>
-						<option value="llama2-7b">llama2-7b</option>
-                        <option value="llama2-13b">llama2-13b</option>
-						<option value="llama2-70b">llama2-70b</option>
-                        <option value="command-nightly">command-nightly</option>
-                        <option value="gpt-neox-20b">gpt-neox-20b</option>
-                        <option value="santacoder">santacoder</option>
-                        <option value="bloom">bloom</option>
-                        <option value="flan-t5-xxl">flan-t5-xxl</option>
-                        <option value="code-davinci-002">code-davinci-002</option>
-                        <option value="text-ada-001">text-ada-001</option>
-                        <option value="text-babbage-001">text-babbage-001</option>
-                        <option value="text-curie-001">text-curie-001</option>
-                        <option value="text-davinci-002">text-davinci-002</option>
-                        <option value="text-davinci-003">text-davinci-003</option>
-                        <option value="llama70b-v2-chat">llama70b-v2-chat</option>
-                        <option value="llama13b-v2-chat">llama13b-v2-chat</option>
-                        <option value="llama7b-v2-chat">llama7b-v2-chat</option>
-                        <option value="oasst-sft-1-pythia-12b">oasst-sft-1-pythia-12b</option>
-                        <option value="oasst-sft-4-pythia-12b-epoch-3.5">oasst-sft-4-pythia-12b-epoch-3.5</option>
-                        <option value="command-light-nightly">command-light-nightly</option>
-                    </select>
+                    <select name="model" id="model"></select>
                 </div>
                 <div class="field">
                     <select name="jailbreak" id="jailbreak" style="display: none;">
@@ -178,36 +138,19 @@
                         <option value="gpt-evil-1.0">evil 1.0</option>
                     </select>
                     <div class="field">
-                        <select name="provider" id="provider">
-                            <option value="g4f.Provider.Auto" selected>Set Provider</option>
-                            <option value="g4f.Provider.AItianhuSpace">AItianhuSpace</option>
-                            <option value="g4f.Provider.ChatgptLogin">ChatgptLogin</option>
-                            <option value="g4f.Provider.ChatgptDemo">ChatgptDemo</option>
-                            <option value="g4f.Provider.ChatgptDuo">ChatgptDuo</option>
-                            <option value="g4f.Provider.Vitalentum">Vitalentum</option>
-                            <option value="g4f.Provider.ChatgptAi">ChatgptAi</option>
-                            <option value="g4f.Provider.AItianhu">AItianhu</option>
-                            <option value="g4f.Provider.ChatBase">ChatBase</option>
-                            <option value="g4f.Provider.Liaobots">Liaobots</option>
-                            <option value="g4f.Provider.Yqcloud">Yqcloud</option>
-                            <option value="g4f.Provider.Myshell">Myshell</option>
-                            <option value="g4f.Provider.FreeGpt">FreeGpt</option>
-                            <option value="g4f.Provider.Vercel">Vercel</option>
-                            <option value="g4f.Provider.Aichat">Aichat</option>
-                            <option value="g4f.Provider.GPTalk">GPTalk</option>
-                            <option value="g4f.Provider.GptGod">GptGod</option>
-                            <option value="g4f.Provider.AiAsk">AiAsk</option>
-                            <option value="g4f.Provider.GptGo">GptGo</option>
-                            <option value="g4f.Provider.Ylokh">Ylokh</option>
-                            <option value="g4f.Provider.Bard">Bard</option>
-                            <option value="g4f.Provider.Aibn">Aibn</option>
-                            <option value="g4f.Provider.Bing">Bing</option>
-                            <option value="g4f.Provider.You">You</option>
-                            <option value="g4f.Provider.Llama2">Llama2</option>
-                            <option value="g4f.Provider.Aivvm">Aivvm</option>
-                        </select>
+                        <select name="provider" id="provider"></select>
                     </div>
                 </div>
+                <div class="field">
+                    <input type="checkbox" id="switch" />
+                    <label for="switch"></label>
+                    <span class="about">Web Access</span>
+                </div>
+                <div class="field">
+                    <input type="checkbox" id="patch" />
+                    <label for="patch" title="Works only with Bing and some other providers"></label>
+                    <span class="about">Image Generator</span>
+                </div>
             </div>
         </div>
     </div>
-- 
cgit v1.2.3