diff --git a/assets/js/lcp-ui.js b/assets/js/lcp-ui.js
index 0bd7fef..5f5ce53 100644
--- a/assets/js/lcp-ui.js
+++ b/assets/js/lcp-ui.js
@@ -1,3 +1,5 @@
+
+/* ACCORDION */
document.addEventListener('DOMContentLoaded', function () {
// Find all elements with the class "lcp-accordion"
var accordions = document.querySelectorAll('.lcp-accordion');
@@ -31,31 +33,64 @@ document.addEventListener('DOMContentLoaded', function () {
});
+/* TABS */
document.addEventListener('DOMContentLoaded', function () {
const tabs = document.querySelectorAll('.tab-link');
const panes = document.querySelectorAll('.tab-pane');
+ const tabContainer = document.querySelector('.lcp-tab-container'); // The parent container
- tabs.forEach(tab => {
- tab.addEventListener('click', function (event) {
- event.preventDefault();
+ // Only enable the hash functionality if the container has the class '.lcp-support-hash'
+ if (tabContainer && tabContainer.classList.contains('lcp-support-hash')) {
+
+ // Function to set the active tab based on the hash in the URL
+ function setActiveTabFromHash() {
+ const hash = window.location.hash; // Get the current URL hash
+ if (hash) {
+ const targetTab = document.querySelector(`.tab-link[data-tab="${hash.substring(1)}"]`); // Remove '#' from hash
+ const targetPane = document.getElementById(hash.substring(1));
- // Remove active class from all tabs and panes
- tabs.forEach(link => link.classList.remove('active'));
- panes.forEach(pane => pane.classList.remove('active'));
+ // If both tab and pane exist, make them active
+ if (targetTab && targetPane) {
+ tabs.forEach(link => link.classList.remove('active'));
+ panes.forEach(pane => pane.classList.remove('active'));
- // Add active class to the clicked tab
- tab.classList.add('active');
-
- // Get the target pane
- const targetPaneId = tab.dataset.tab;
- const targetPane = document.getElementById(targetPaneId);
-
- // Check if targetPane exists before trying to manipulate it
- if (targetPane) {
- targetPane.classList.add('active');
- } else {
- console.error(`Tab pane with ID '${targetPaneId}' not found.`);
+ targetTab.classList.add('active');
+ targetPane.classList.add('active');
+ } else {
+ console.error(`Tab or pane with ID '${hash}' not found.`);
+ }
}
+ }
+
+ // Set the active tab from the hash when the page loads
+ setActiveTabFromHash();
+ }
+ // Handle tab clicks
+ tabs.forEach(tab => {
+ tab.addEventListener('click', function (event) {
+ event.preventDefault();
+
+ // Remove active class from all tabs and panes
+ tabs.forEach(link => link.classList.remove('active'));
+ panes.forEach(pane => pane.classList.remove('active'));
+
+ // Add active class to the clicked tab
+ tab.classList.add('active');
+
+ // Get the target pane and update URL hash
+ const targetPaneId = tab.dataset.tab;
+ const targetPane = document.getElementById(targetPaneId);
+
+ // Check if targetPane exists before trying to manipulate it
+ if (targetPane) {
+ targetPane.classList.add('active');
+ if (tabContainer && tabContainer.classList.contains('lcp-support-hash')){
+ window.location.hash = targetPaneId; // Update the URL hash
+ }
+ } else {
+ console.error(`Tab pane with ID '${targetPaneId}' not found.`);
+ }
+ });
});
- });
+
});
diff --git a/assets/js/lcp.js b/assets/js/lcp.js
index efc49a6..ba85d12 100644
--- a/assets/js/lcp.js
+++ b/assets/js/lcp.js
@@ -89,7 +89,7 @@ document.addEventListener('DOMContentLoaded', function () {
}
// Add debounced scroll event listener
-window.addEventListener('scroll', debounce(handleScroll, 20)); // 200ms debounce
+window.addEventListener('scroll', debounce(handleScroll, 0)); // 200ms debounce
});
diff --git a/functions.php b/functions.php
index 460e9dd..4b6216e 100644
--- a/functions.php
+++ b/functions.php
@@ -170,32 +170,6 @@ function drop_lcp_icons_table() {
-/* BACKEND ICON ADDER */
-// Register the dashboard page in the admin menu
-function lcp_register_dashboard_page() {
- add_menu_page(
- 'Icon Management', // Page Title
- 'Icon Management', // Menu Title
- 'manage_options', // Capability
- 'icon-management', // Menu Slug
- 'lcp_dashboard_page', // Callback function
- 'dashicons-images-alt2', // Icon for the menu item
- 60 // Position
- );
-}
-add_action('admin_menu', 'lcp_register_dashboard_page');
-
-// Callback function to display the dashboard page content
-function lcp_dashboard_page() {
- ?>
-