From 361e512114b2eeeebfdaf7f2cbc1f0075f73379b Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Mon, 28 Oct 2024 23:01:37 +0100
Subject: [PATCH] clicking on chatgpt_web_model allowed options now sets the
 text field

---
 options/mzta-options.css  | 4 ++++
 options/mzta-options.html | 2 +-
 options/mzta-options.js   | 5 +++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/options/mzta-options.css b/options/mzta-options.css
index 9c0305c1..013c39ec 100644
--- a/options/mzta-options.css
+++ b/options/mzta-options.css
@@ -166,6 +166,10 @@ input.option-input[type="text"]{
     border-radius: 4px;
 }
 
+.conntype_chatgpt_web_option{
+    cursor: pointer;
+}
+
 @media (prefers-color-scheme: dark) {
     body {
         background-color: rgb(35, 34, 43);
diff --git a/options/mzta-options.html b/options/mzta-options.html
index 4a878c04..c6b08eb4 100644
--- a/options/mzta-options.html
+++ b/options/mzta-options.html
@@ -116,7 +116,7 @@
       <tr class="conntype_chatgpt_web">
         <td><label>
           <span>__MSG_prefs_OptionText_chatgpt_web_model__</span>
-          <br><table><tr><td><i style="font-size:smaller;"><nobr>__MSG_AllowedValues__:</nobr></i></td><td><i style="font-size:smaller;"> &nbsp; <nobr>gpt-4o</nobr> &nbsp; <nobr>gpt-4o-mini</nobr> &nbsp; <nobr>gpt-4</nobr> &nbsp; <nobr>o1-mini</nobr> &nbsp; <nobr>o1-preview</nobr></i></td></tr></table>
+          <br><table><tr><td><i style="font-size:smaller;"><nobr>__MSG_AllowedValues__:</nobr></i></td><td><i style="font-size:smaller;"> &nbsp; <nobr class="conntype_chatgpt_web_option">gpt-4o</nobr> &nbsp; <nobr class="conntype_chatgpt_web_option">gpt-4o-mini</nobr> &nbsp; <nobr class="conntype_chatgpt_web_option">gpt-4</nobr> &nbsp; <nobr class="conntype_chatgpt_web_option">o1-mini</nobr> &nbsp; <nobr class="conntype_chatgpt_web_option">o1-preview</nobr></i></td></tr></table>
         </label></td>
         <td>
           <label>
diff --git a/options/mzta-options.js b/options/mzta-options.js
index 9413afef..1836ef91 100644
--- a/options/mzta-options.js
+++ b/options/mzta-options.js
@@ -226,6 +226,11 @@ document.addEventListener('DOMContentLoaded', async () => {
   document.querySelectorAll(".option-input").forEach(element => {
     element.addEventListener("change", saveOptions);
   });
+  document.querySelectorAll(".conntype_chatgpt_web_option").forEach(element => {
+    element.addEventListener("click", () => {
+      document.getElementById("chatgpt_web_model").value = element.textContent;
+    });
+  });
   
   document.getElementById('btnManagePrompts').addEventListener('click', () => {
     // check if the tab is already there