Upload index.html

index.html

@@ -0,0 +1,59 @@
+<script>
+    function changeButtonColors() {
+      const streamlitDoc = window.parent.document;
+    
+      const buttons = Array.from(streamlitDoc.querySelectorAll('.stButton > button'));
+    
+      const Create_Obituary = buttons.find(el => el.innerText === 'Create Obituary');
+      const I_want_to_add_more_information = buttons.find(el => el.innerText === 'I want to add more information');
+      const I_want_to_export_and_edit_manually = buttons.find(el => el.innerText === 'I want to export and edit manually');
+      const save_docx = buttons.find(el => el.innerText === 'Save as DOCX');
+      const Email_Obituary = buttons.find(el => el.innerText === 'Email Obituary');
+      const Send = buttons.find(el => el.innerText === 'Send');
+    
+      if (Create_Obituary) {
+        Create_Obituary.style.backgroundColor = "Blue";
+      }
+      if (I_want_to_add_more_information) {
+        I_want_to_add_more_information.style.backgroundColor = "Blue";
+      }
+      if (I_want_to_export_and_edit_manually) {
+        I_want_to_export_and_edit_manually.style.backgroundColor = "#e75480";
+      }
+      if (save_docx) {
+        save_docx.style.backgroundColor = "Blue";
+      }
+      if (Email_Obituary) {
+        Email_Obituary.style.backgroundColor = "#e75480";
+      }
+      if (Send) {
+        Send.style.backgroundColor = "#e75480";
+      }
+    }
+
+    function updateButtonColorsOnClick() {
+  const streamlitDoc = window.parent.document;
+  const Email_Obituary = streamlitDoc.querySelector('.stButton > button:contains("Email Obituary")');
+  
+  if (Email_Obituary) {
+    Email_Obituary.addEventListener("click", () => {
+      setTimeout(() => {
+        changeButtonColors();
+      }, 50);
+    });
+  }
+}
+    
+    changeButtonColors(); // Call initially to set colors for form page buttons
+    updateButtonColorsOnClick(); // Add event listener for "Email Obituary" button
+    
+    window.addEventListener('message', (event) => {
+      if (event.data.type === 'streamlit:update') {
+        setTimeout(() => {
+          changeButtonColors();
+          updateButtonColorsOnClick();
+        }, 200);
+      }
+    });
+    </script>
+