Merge pull request #23 from TrickfireRobotics/adamseth2/automate_deadline

adamseth2 · web-flow · commit d7be1e7839f5 · 2022-08-26T13:51:11.000-07:00
Connected deadline text to be dynamic google doc
diff --git a/assets/javascript/deadlineText.js b/assets/javascript/deadlineText.js
@@ -0,0 +1,44 @@
+//DO NOT CHANGE DELIMITERs
+const DELIMITER_BEG =
+    'DO NOT DELETE THIS TEXT AND INCLUDE A SPACE AFTER COLON: ';
+// 2 Ending because for some reason fetching from google doc has to
+const DELIMITER_END1 = '</span>';
+const DELIMITER_END2 = '"';
+
+const deadlineElements = document.querySelectorAll('[data-deadline]');
+
+fetch(
+    //public view only url
+    //trickfirerobotics@gmail.com
+    'https://docs.google.com/document/d/1tRysVWzUv-sKNg6lWe7n-CvKLZU0HNW3SZiIs19d09Q/edit?usp=sharing'
+)
+    .then(res => {
+        //check to make sure API works
+        if (!res.ok) {
+            throw new error('DEADLINE TEXT API NOT WORKING');
+        }
+        return res.text();
+    })
+    .then(text => {
+        let indexBeg = text.indexOf(DELIMITER_BEG) + DELIMITER_BEG.length;
+        let indexEnd = Math.min(
+            text.indexOf(DELIMITER_END1, indexBeg),
+            text.indexOf(DELIMITER_END2, indexBeg)
+        );
+        //Catches if the DELIMITER isn't found
+        if (indexBeg == -1 + DELIMITER_BEG.length || indexEnd == -1) {
+            throw new Error('DELIMITER WAS NOT FOUND');
+        }
+
+        const deadlineText = `Deadline: ${text.substring(indexBeg, indexEnd)}`;
+        //safety check to make sure it didn't go over
+        if (deadlineText.length > 100) {
+            throw new Error('TEXT WAS OVER 100 CHARS');
+        }
+        deadlineElements.forEach(ele => {
+            ele.innerText = deadlineText;
+        });
+    })
+    .catch(error => {
+        console.error(error);
+    });
diff --git a/assets/moduleHtml/footer.html b/assets/moduleHtml/footer.html
@@ -57,11 +57,9 @@
             </p>
         </div>
         <script>
-            console.log(document.getElementById('copyright-text').innerText);
             let copyrightTextElement =
                 document.getElementById('copyright-text');
             let currentYear = new Date().getFullYear();
-            console.log(currentYear);
             copyrightTextElement.innerText =
                 copyrightTextElement.innerText.replace('2022', currentYear);
         </script>
diff --git a/join_us.html b/join_us.html
@@ -50,6 +50,12 @@
                 $('#footer').load('./assets/moduleHtml/footer.html');
             });
         </script>
+        <!-- Updates Deadline text dynamicaly -->
+        <script
+            type="module"
+            async
+            src="./assets/javascript/deadlineText.js"
+        ></script>
     </head>
 
     <body>
@@ -102,9 +108,10 @@ <h1>Why Join?</h1>
                             >
                                 TrickFire Robotics Application Link
                             </a>
-                            <br/>
-                            <b>Deadline: Between June 20th and July 15th</b>
-
+                            <br />
+                            <b data-deadline>
+                                Deadline: Please check the form above</b
+                            >
                         </p>
                     </div>
                 </div>
@@ -147,15 +154,18 @@ <h1>Why Join?</h1>
                         >
                             TrickFire Robotics Application Link
                         </a>
-                        <br/>
-                        <b>Deadline: Between June 20th and July 15th</b>
+                        <br />
+                        <b data-deadline>
+                            Deadline: Please check the form above</b
+                        >
                     </p>
                 </div>
             </div>
             <div class="space-after-rows"></div>
         </section>
 
         <footer id="footer"></footer>
+
         <script
             src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
             integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
