Linux puskom-ProLiant-DL385-Gen10 5.4.0-150-generic #167~18.04.1-Ubuntu SMP Wed May 24 00:51:42 UTC 2023 x86_64
/home/puskom/mastur/post-grid/includes/blocks/tabs-nested/
//home/puskom/mastur/post-grid/includes/blocks/tabs-nested/front-scripts.js
 document.addEventListener("DOMContentLoaded", function (event) {
	var pgTabs = document.querySelectorAll(".pg-tabs");
	var tabData = document.querySelectorAll("[data-tabData]");

	if (tabData != null) {
		tabData.forEach((item) => {
			var tabDataX = item.getAttribute("data-tabData");
			var tabDataObject = JSON.parse(tabDataX);
			var activeTab = tabDataObject.activeTab;

			pgTabs.forEach((pgTab) => {
				var pgTabId = pgTab.getAttribute("id");
				if (activeTab == pgTabId) {
					pgTab.classList.add("nav-item-active");
				}
			});
		});
	}

	pgTabs.forEach((pgTab) => {
		var pgTabId = pgTab.getAttribute("id");
		var tabDataX = pgTab.getAttribute("data-tabData");
		var tabDataObject = JSON.parse(tabDataX);
		var activeTab = tabDataObject.activeTab;

		var navItems = document.querySelectorAll(`#${pgTabId} .nav-item`);
		var tabPanels = document.querySelectorAll(`#${pgTabId} .pg-tabs-panel`);

		var iconToggle = pgTab.querySelectorAll(".nav-icon-toggle");
		var iconIdle = pgTab.querySelectorAll(".nav-icon-idle");

		navItems.forEach((item, index) => {
			var tabIdX = item.getAttribute("data-tab-id");

			if (activeTab == tabIdX) {
				item.classList.add("nav-item-active");
				tabPanels[index].classList.add("pg-tabs-panel-active");
				if (iconToggle[index] != undefined) {
					iconToggle[index].style.display = "inline-block";
				}
				if (iconIdle[index] != undefined) {
					iconIdle[index].style.display = "none";
				}
			} else {
				if (iconToggle[index] != undefined) {
					iconToggle[index].style.display = "none";
				}
				if (iconIdle[index] != undefined) {
					iconIdle[index].style.display = "inline-block";
				}

			}

			item.addEventListener("click", function (event) {
				navItems.forEach((tab) => {
					tab.classList.remove("nav-item-active");
					tab.classList.add("nav-item");
				});

				// hide all tab panels
				tabPanels.forEach((panel) => {
					// panel.hidden = true;
					panel.classList.remove("pg-tabs-panel-active");
				});

				event.currentTarget.classList.remove("nav-item");

				event.currentTarget.classList.add("nav-item-active");
				var tabId = event.currentTarget.getAttribute("data-tab-id");

				if (tabId == tabIdX) {
					iconIdle.forEach((iconI, J) => {
						iconToggle[J].style.display = "none";
						iconIdle[J].style.display = "inline-block";
					});
					// event.currentTarget.classList.add("nav-item-active");
					// tabPanels[index].classList.add("pg-tabs-panel-active");
					if (iconToggle[index] != undefined) {
						iconToggle[index].style.display = "inline-block";
					}
					if (iconIdle[index] != undefined) {
						iconIdle[index].style.display = "none";
					}
				}


				var tabByattr = document.querySelector(
					`.pg-tabs-panel[data-tab-id="${tabId}"]`
				);

				tabByattr.classList.add("pg-tabs-panel-active");

				//tabByattr.hidden = false;
			});
		});
	});


});