Select list styling for chatbot

polterguy · Oct 17, 2023 · 8b33437 · 8b33437
1 parent bafa188
commit 8b33437
Show file tree

Hide file tree

Showing 33 changed files with 313 additions and 19 deletions.
diff --git a/backend/files/system/openai/front.files/chat/burning-sunset.css b/backend/files/system/openai/front.files/chat/burning-sunset.css
@@ -453,3 +453,12 @@
   color: #030a0a !important;
   opacity:40% !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/chess.css b/backend/files/system/openai/front.files/chat/chess.css
@@ -451,3 +451,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/default.css b/backend/files/system/openai/front.files/chat/default.css
@@ -402,3 +402,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/default.js b/backend/files/system/openai/front.files/chat/default.js
@@ -37,6 +37,25 @@ let ainiro_references = [];
 // Type or model to use.
 let ainiroChatbotType = '[[type]]';
 
+/*
+ * "API method" for FAQ questions.
+ */
+window.ainiro_faq_question = function(e) {
+
+  const question = e.srcElement.innerHTML;
+  aista_show_chat_window();
+  setTimeout(() => {
+    const prompt = document.getElementsByClassName('aista-chat-prompt')[0];
+    if (!ainiroQuestionnaire.questions || ainiroQuestionnaire.questions.length === 0) {
+      prompt.value = question;
+      prompt.focus();
+      prompt.select();
+    }
+  }, 1);
+  e.preventDefault();
+  e.stopPropagation();
+}
+
 // Downloading icofont, making sure we only download it once.
 if (!window.ainiroHasDownloadIcofont) {
   window.ainiroHasDownloadIcofont = true;
@@ -91,25 +110,6 @@ window.document.getElementsByTagName('head')[0].appendChild(icofontCss);
 // Creating our chat UI.
 aista_create_chat_ui();
 
-/*
- * "API method" for FAQ questions.
- */
-window.ainiro_faq_question = function(e) {
-
-  const question = e.srcElement.innerHTML;
-  aista_show_chat_window();
-  setTimeout(() => {
-    const prompt = document.getElementsByClassName('aista-chat-prompt')[0];
-    if (!ainiroQuestionnaire.questions || ainiroQuestionnaire.questions.length === 0) {
-      prompt.value = question;
-      prompt.focus();
-      prompt.select();
-    }
-  }, 1);
-  e.preventDefault();
-  e.stopPropagation();
-}
-
 /*
  * Function creating our chat UI.
  */
@@ -240,6 +240,11 @@ function aista_create_chat_ui() {
     const msgs = window.document.getElementsByClassName('aista-chat-msg-container')[0];
     msgs.appendChild(row);
   }
+
+  // Checking if we've got a global callback that should be invoked as we've created our window.
+  if (window.ainiroInitializeChatWindow) {
+    window.ainiroInitializeChatWindow();
+  }
 }
 
 function ainiro_create_wait_animation() {

diff --git a/backend/files/system/openai/front.files/chat/emerald.css b/backend/files/system/openai/front.files/chat/emerald.css
@@ -455,3 +455,12 @@
   color: #030a0a !important;
   opacity:40% !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/frank.css b/backend/files/system/openai/front.files/chat/frank.css
@@ -450,3 +450,12 @@
   color: #030a0a !important;
   opacity:40% !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/galaxy.css b/backend/files/system/openai/front.files/chat/galaxy.css
@@ -455,3 +455,12 @@
   color: #030a0a !important;
   opacity:40% !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/lollipop.css b/backend/files/system/openai/front.files/chat/lollipop.css
@@ -454,3 +454,12 @@
   color: #030a0a !important;
   opacity:40% !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/minimalistic-green.css b/backend/files/system/openai/front.files/chat/minimalistic-green.css
@@ -448,3 +448,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/morphed-bubbles.css b/backend/files/system/openai/front.files/chat/morphed-bubbles.css
@@ -460,3 +460,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(198,198,198) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/nuomorphism.css b/backend/files/system/openai/front.files/chat/nuomorphism.css
@@ -447,3 +447,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/ocean-bleu.css b/backend/files/system/openai/front.files/chat/ocean-bleu.css
@@ -454,3 +454,12 @@
   color: #030a0a !important;
   opacity:40% !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/office.css b/backend/files/system/openai/front.files/chat/office.css
@@ -419,3 +419,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/parakeet.css b/backend/files/system/openai/front.files/chat/parakeet.css
@@ -455,3 +455,12 @@
   color: #030a0a !important;
   opacity:40% !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-blush.css b/backend/files/system/openai/front.files/chat/scandinavian-blush.css
@@ -454,3 +454,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-chocolate-inline.css b/backend/files/system/openai/front.files/chat/scandinavian-chocolate-inline.css
@@ -468,3 +468,12 @@
 .aista-chat-close-btn {
   display: none !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-chocolate.css b/backend/files/system/openai/front.files/chat/scandinavian-chocolate.css
@@ -459,3 +459,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-cyan.css b/backend/files/system/openai/front.files/chat/scandinavian-cyan.css
@@ -454,3 +454,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-deep-teal.css b/backend/files/system/openai/front.files/chat/scandinavian-deep-teal.css
@@ -455,3 +455,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-flamingo.css b/backend/files/system/openai/front.files/chat/scandinavian-flamingo.css
@@ -454,3 +454,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-grape.css b/backend/files/system/openai/front.files/chat/scandinavian-grape.css
@@ -455,3 +455,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-honey.css b/backend/files/system/openai/front.files/chat/scandinavian-honey.css
@@ -454,3 +454,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-lime.css b/backend/files/system/openai/front.files/chat/scandinavian-lime.css
@@ -455,3 +455,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-maroon.css b/backend/files/system/openai/front.files/chat/scandinavian-maroon.css
@@ -454,3 +454,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-mulberry.css b/backend/files/system/openai/front.files/chat/scandinavian-mulberry.css
@@ -455,3 +455,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}
diff --git a/backend/files/system/openai/front.files/chat/scandinavian-navy.css b/backend/files/system/openai/front.files/chat/scandinavian-navy.css
@@ -455,3 +455,12 @@
 .aista-chat-prompt::placeholder {
   color: rgb(180,181,188) !important;
 }
+.ainiro-select-list {
+  display: block;
+  margin: 10px 0;
+  width: 100%;
+  padding: 10px;
+  outline: none;
+  border-radius: 10px;
+  border: solid 1px rgba(0,0,0,.3);
+}