https://coastalmonitoringac.netlify.app/generalFunctions/revertLayoutProfiles.js

1export function revertLayoutProfiles() {
2  const mainContent = document.querySelector(".main-content");
3
4  mainContent.classList.remove("expand-plots");
5  mainContent.style.gridTemplateAreas = "hd hd hd";
6  ("description description description ");
7  ("sideNav map map");
8  ("footer footer footer");
9  mainContent.style.gridTemplateColumns = "max-content 3fr 3fr";
10
11  const tabContent = document.getElementById("tabContent1");
12  tabContent.className = "loading-skeleton tab-content";
13
14  const idsToRemove = ["shoreline-chart", "profile-chart"];
15
16  if (tabContent) {
17    idsToRemove.forEach((id) => {
18      const elementToRemove = document.getElementById(id);
19      if (elementToRemove) {
20        tabContent.removeChild(elementToRemove);
21      }
22    });
23  }
24
25  // Remove map controls
26  const existingControl = document.getElementById("mapSelect")?.parentElement;
27  if (existingControl) {
28    existingControl.remove();
29  }
30}