mirador mods

js/mirador-mods.js

@@ -1,31 +1,13 @@
 /*
 This code waits for the viewer to load with the search panel open, then it closes the search 'companion window'
 leaving the search icon visible. This combo is not available in the configs
-jQuery(window).on("load", function() {
-    jQuery(".mirador31").css({
-        "display": "none",
-        "transform": "translateX(0px)",
-        "visibility": "hidden"
-    });
-    jQuery("button.mirador34").attr({
-        "aria-expanded": "false",
-        "aria-label": "Expand sidebar",
-        "title": "Expand sidebar"
-    });
-    jQuery("button.MuiButtonBase-root.MuiTab-root.mirador26 svg").css({
-        "font-size": "2.7em",
-        "margin-top": "21px"
-    });
-    jQuery(".mirador34").click();
-    console.log("window loaded, mirador-mods applied");
-});
-
 */
 window.addEventListener("load", (event) => {
+	// find elements
 	const searchPanel = document.querySelector(".mirador31");
 	const searchPanelToggle = document.querySelector("button.mirador34");
 	const searchPanelIcon = document.querySelector("button.MuiButtonBase-root.MuiTab-root.mirador26 svg");
-	  console.log(searchPanel);
+	// hide the panel
 	searchPanel.style.display = "none";
 	searchPanel.style.transform = "translateX(0px)";
 	searchPanel.style.visibility = "hidden";
@@ -34,9 +16,10 @@ window.addEventListener("load", (event) => {
         searchPanelToggle.setAttribute("aria-label", "Expand sidebar");
         searchPanelToggle.setAttribute("title", "Expand sidebar");
 
+	searchPanelIcon.style.fontSize = "2.7em";
+	searchPanelIcon.style.marginTop = "21px";
+	//fake click
 	searchPanelToggle.click();
 
-	  console.log("page is fully loaded");
-	  console.log(searchPanel);
 	
 });

olives.libraries.yml

@@ -78,9 +78,6 @@ mirador-mods:
   version: VERSION
   js:
     js/mirador-mods.js: {}
-  dependencies:
-    - core/drupal
-    - core/once
     
 color-picker:
   version: VERSION