toggle class schedule to new server

Author: kagarwal-ucsc

classes/ClassSchedule.php

@@ -41,21 +41,26 @@ function adminAssets()
 
   function theHTML($attributes)
   {
+    // Retrieve the 'useNewServer' attribute
+    $useNewServer = isset($attributes['useNewServer']) && $attributes['useNewServer'];
+
+    // Determine the base URL based on the 'useNewServer' attribute
+    $baseURL = $useNewServer ? 'https://webapps.stg.web.aws.ucsc.edu/wcsi' : 'https://webapps.ucsc.edu/wcsi';
+
     $deptOrSubAttribute = '';
     if ($attributes['subjectOrDept'] == 'dept') {
       $deptOrSubAttribute = 'department="' . $attributes['department']  . '"';
     } else {
       $deptOrSubAttribute = 'subject="' . $attributes['subject']  . '" department=""';
     }
     $markup = '
-      <link rel="stylesheet" href="https://webapps.ucsc.edu/wcsi/css/app.css">
-      <div id="wcsi" ' . $deptOrSubAttribute . ' >
-
-      </div>
+      <link rel="stylesheet" href="' . $baseURL . '/css/app.css">
+      <div id="wcsi" ' . $deptOrSubAttribute . '></div>
       <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default,Promise,Object.assign,Object.values,Array.prototype.find,Array.prototype.findIndex,Array.prototype.includes,String.prototype.includes,String.prototype.startsWith,String.prototype.endsWith"></script>
-      <script src="https://webapps.ucsc.edu/wcsi/js/manifest.js"></script>
-      <script src="https://webapps.ucsc.edu/wcsi/js/vendor.js"></script>
-      <script src="https://webapps.ucsc.edu/wcsi/js/app.js"></script>';
+      <script src="' . $baseURL . '/js/manifest.js"></script>
+      <script src="' . $baseURL . '/js/vendor.js"></script>
+      <script src="' . $baseURL . '/js/app.js"></script>';
+
     return $markup;
   }
 }

index.php

@@ -3,7 +3,7 @@
 /*
   Plugin Name: UCSC Gutenberg Blocks
   Description: Custom UCSC Gutenberg Blocks.
-  Version: 1.1.23
+  Version: 1.1.24
   Author: UCSC
   Author URI: https://www.ucsc.edu/
 */

src/blocks/ClassSchedule.js

@@ -1,4 +1,4 @@
-import { Panel, PanelBody, RadioControl } from '@wordpress/components';
+import { Panel, PanelBody, RadioControl, CheckboxControl } from '@wordpress/components';
 
 import DepartmentDropdown from '../components/DepartmentDropdown';
 import SubjectDropdown from '../components/SubjectDropdown';
@@ -23,12 +23,17 @@ const ClassSchedule = () => {
       subject: {
         type: "string"
       },
+      useNewServer: {
+        type: "boolean",
+        default: false
+      },
     },
     edit: ({ setAttributes, attributes }) => {
       const {
         department,
         subject,
-        subjectOrDept
+        subjectOrDept,
+        useNewServer
       } = attributes;
 
       let localSubjectOrDept;
@@ -42,6 +47,12 @@ const ClassSchedule = () => {
         [localSubjectOrDept, setLocalSubjectOrDept] = useState(subjectOrDept);
       }
 
+      const isDevEnvironment = () => {
+        const isDevEnv = window.location.href.includes('https://wordpress-dev.ucsc.edu/')
+                    || window.location.href.includes('wp-dev.ucsc');
+        return isDevEnv;
+      }
+
       const options = [
         { label: 'Department', value: 'dept' },
         { label: 'Subject', value: 'subject' },
@@ -76,6 +87,16 @@ const ClassSchedule = () => {
                 setAttributes={setAttributes}
                 disabled={subjectOrDept !== "subject"}
               />
+              {isDevEnvironment() && (
+                <>
+                  <hr />
+                  <CheckboxControl
+                    label="Use New Server for Testing"
+                    checked={useNewServer}
+                    onChange={(newUseNewServer) => setAttributes({ useNewServer: newUseNewServer })}
+                  />
+                </>
+              )}
             </PanelBody>
           </Panel>
         </>