appscms-tools-theme 5.2.5 → 5.2.6

data/assets/js/appscms-login.js

@@ -0,0 +1,447 @@
+---
+---
+
+const profileButton = document.getElementById("profileButton");
+const userModal = document.getElementById("userModal");
+let isModalOpen = false;
+
+if (profileButton && userModal) {
+  profileButton.addEventListener("click", () => {
+    if (isModalOpen) {
+      userModal.style.display = "none";
+      isModalOpen = false;
+    } else {
+      userModal.style.display = "block";
+      isModalOpen = true;
+    }
+  });
+
+  // Close modal when clicking outside
+  document.addEventListener("click", (event) => {
+    if (
+      profileButton &&
+      userModal &&
+      !profileButton.contains(event.target) &&
+      !userModal.contains(event.target)
+    ) {
+      userModal.style.display = "none";
+      isModalOpen = false;
+    }
+  });
+}
+
+// Get the modal elements
+const sideModal = document.getElementById("sideModal");
+const modalOverlayy = document.getElementById("modalOverlay");
+const openModalBtn = document.querySelector(".open-modal-btn");
+const closeModalBtn = document.querySelector(".close-modal-btn");
+
+// Function to open the modal
+function openModal() {
+  if (modalOverlayy && sideModal) {
+    modalOverlayy.style.display = "block";
+    setTimeout(() => {
+      sideModal.style.right = "0";
+    }, 50);
+  }
+}
+
+// Function to close the modal
+function closeModal() {
+  if (sideModal && modalOverlayy) {
+    sideModal.style.right = "-90%";
+    setTimeout(() => {
+      modalOverlayy.style.display = "none";
+    }, 300);
+  }
+}
+
+// Event listeners
+if (openModalBtn) {
+  openModalBtn.addEventListener("click", openModal);
+}
+
+if (closeModalBtn) {
+  closeModalBtn.addEventListener("click", closeModal);
+}
+
+if (modalOverlayy) {
+  modalOverlayy.addEventListener("click", closeModal);
+}
+
+if (sideModal) {
+  sideModal.addEventListener("click", function (event) {
+    event.stopPropagation();
+  });
+}
+
+if (
+  window.location.pathname === "/profile" &&
+  document.querySelector(".login-button")
+) {
+  document.querySelector(".login-button").addEventListener("click", openModal);
+}
+
+// Firebase configuration
+let firebaseConfig;
+
+async function loadFirebaseConfig() {
+  try {
+    const hostname = window.location.hostname;
+    let baseUrl = "";
+
+    if (hostname === "localhost" || hostname === "127.0.0.1") {
+      baseUrl = "http://localhost:9000";
+    }
+
+    const response = await fetch(
+      `${baseUrl}/.netlify/functions/get-firebase-config`
+    );
+
+    if (response.ok) {
+      firebaseConfig = await response.json();
+
+      if (
+        firebaseConfig.apiKey &&
+        firebaseConfig.authDomain &&
+        firebaseConfig.projectId
+      ) {
+        if (typeof firebase !== "undefined") {
+          initializeFirebase();
+        } else {
+          console.error("Firebase SDK not loaded");
+        }
+      } else {
+        console.error("Incomplete Firebase configuration received");
+      }
+    } else {
+      console.error("Failed to load Firebase config:", response.status);
+    }
+  } catch (error) {
+    console.log(error);
+    console.error("Error loading Firebase config:", error);
+  }
+}
+
+function initializeFirebase() {
+  if (!firebase.apps.length) {
+    firebase.initializeApp(firebaseConfig);
+    setupAuthListeners();
+  }
+}
+
+function setupAuthListeners() {
+  const auth = firebase.auth();
+
+  auth
+    .getRedirectResult()
+    .then((result) => {
+      if (result && result.user) {
+        // Successful redirect login
+      }
+    })
+    .catch((error) => {
+      console.error("Redirect result error:", error);
+      if (error.code !== "auth/credential-already-in-use") {
+        alert(`Authentication error: ${error.message}`);
+      }
+    });
+
+  const loginForm = document.getElementById("loginForm");
+  const signupForm = document.getElementById("signupForm");
+  const forgotPasswordForm = document.getElementById("forgotPasswordForm");
+  const userAvatar = document.getElementById("userAvatar");
+  const profileUserAvatar = document.querySelector(".profile-user-avatar");
+
+  const showSignupBtn = document.getElementById("showSignup");
+  if (showSignupBtn) {
+    showSignupBtn.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (loginForm) loginForm.style.display = "none";
+      if (signupForm) signupForm.style.display = "block";
+      if (forgotPasswordForm) forgotPasswordForm.style.display = "none";
+    });
+  }
+
+  const showLoginBtn = document.getElementById("showLogin");
+  if (showLoginBtn) {
+    showLoginBtn.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (signupForm) signupForm.style.display = "none";
+      if (loginForm) loginForm.style.display = "block";
+      if (forgotPasswordForm) forgotPasswordForm.style.display = "none";
+    });
+  }
+
+  const forgotPasswordBtn = document.getElementById("forgotPassword");
+  if (forgotPasswordBtn) {
+    forgotPasswordBtn.addEventListener("click", (e) => {
+      e.preventDefault();
+      if (loginForm) loginForm.style.display = "none";
+      if (forgotPasswordForm) forgotPasswordForm.style.display = "block";
+    });
+  }
+
+  const backToLoginBtn = document.getElementById("backToLogin");
+  if (backToLoginBtn) {
+    backToLoginBtn.addEventListener("click", () => {
+      if (forgotPasswordForm) forgotPasswordForm.style.display = "none";
+      if (loginForm) loginForm.style.display = "block";
+      const resetSuccess = document.getElementById("resetSuccess");
+      if (resetSuccess) resetSuccess.style.display = "none";
+    });
+  }
+
+  const resetPasswordForm = document.getElementById("resetPasswordForm");
+  if (resetPasswordForm) {
+    resetPasswordForm.addEventListener("submit", (e) => {
+      e.preventDefault();
+      const resetEmail = document.getElementById("resetEmail");
+      if (!resetEmail) return;
+
+      const email = resetEmail.value;
+
+      const actionCodeSettings = {
+        url: "https://pdftoolkit-develop.netlify.app/",
+        handleCodeInApp: false,
+      };
+
+      auth
+        .sendPasswordResetEmail(email, actionCodeSettings)
+        .then(() => {
+          const resetSuccess = document.getElementById("resetSuccess");
+          if (resetSuccess) resetSuccess.style.display = "block";
+          resetPasswordForm.reset();
+        })
+        .catch((error) => {
+          alert(`Error: ${error.message}`);
+        });
+    });
+  }
+
+  const toggleLoginPassword = document.getElementById("toggleLoginPassword");
+  if (toggleLoginPassword) {
+    toggleLoginPassword.addEventListener("click", () => {
+      const passwordInput = document.getElementById("loginPassword");
+      if (passwordInput) {
+        passwordInput.type =
+          passwordInput.type === "password" ? "text" : "password";
+      }
+    });
+  }
+
+  const toggleSignupPassword = document.getElementById("toggleSignupPassword");
+  if (toggleSignupPassword) {
+    toggleSignupPassword.addEventListener("click", () => {
+      const passwordInput = document.getElementById("signupPassword");
+      if (passwordInput) {
+        passwordInput.type =
+          passwordInput.type === "password" ? "text" : "password";
+      }
+    });
+  }
+
+  const emailLoginForm = document.getElementById("emailLoginForm");
+  if (emailLoginForm) {
+    emailLoginForm.addEventListener("submit", (e) => {
+      e.preventDefault();
+      const loginEmail = document.getElementById("loginEmail");
+      const loginPassword = document.getElementById("loginPassword");
+      if (!loginEmail || !loginPassword) return;
+
+      auth
+        .signInWithEmailAndPassword(loginEmail.value, loginPassword.value)
+        .then(() => {})
+        .catch((error) => {
+          alert(`Login error: ${error.message}`);
+        });
+    });
+  }
+
+  const emailSignupForm = document.getElementById("emailSignupForm");
+  if (emailSignupForm) {
+    emailSignupForm.addEventListener("submit", (e) => {
+      e.preventDefault();
+      const signupEmail = document.getElementById("signupEmail");
+      const signupPassword = document.getElementById("signupPassword");
+      if (!signupEmail || !signupPassword) return;
+
+      auth
+        .createUserWithEmailAndPassword(signupEmail.value, signupPassword.value)
+        .then(() => {})
+        .catch((error) => {
+          alert(`Signup error: ${error.message}`);
+        });
+    });
+  }
+
+  const googleLoginBtn = document.getElementById("googleLogin");
+  if (googleLoginBtn) {
+    googleLoginBtn.addEventListener("click", () => {
+      const provider = new firebase.auth.GoogleAuthProvider();
+      auth
+        .signInWithPopup(provider)
+        .then(() => {})
+        .catch((error) => {
+          alert(`Google login error: ${error.message}`);
+        });
+    });
+  }
+
+  const googleSignupBtn = document.getElementById("googleSignup");
+  if (googleSignupBtn) {
+    googleSignupBtn.addEventListener("click", () => {
+      const provider = new firebase.auth.GoogleAuthProvider();
+      auth
+        .signInWithPopup(provider)
+        .then(() => {})
+        .catch((error) => {
+          alert(`Google signup error: ${error.message}`);
+        });
+    });
+  }
+
+  const facebookLoginBtn = document.getElementById("facebookLogin");
+  if (facebookLoginBtn) {
+    facebookLoginBtn.addEventListener("click", () => {
+      const provider = new firebase.auth.FacebookAuthProvider();
+      provider.addScope("email");
+
+      auth
+        .signInWithPopup(provider)
+        .then(() => {})
+        .catch((error) => {
+          console.error("Facebook login error:", error);
+          alert(`Facebook login error: ${error.message}`);
+        });
+    });
+  }
+
+  const twitterLoginBtn = document.getElementById("twitterLogin");
+  if (twitterLoginBtn) {
+    twitterLoginBtn.addEventListener("click", () => {
+      const provider = new firebase.auth.TwitterAuthProvider();
+      auth
+        .signInWithPopup(provider)
+        .then(() => {})
+        .catch((error) => {
+          console.error("Twitter popup error:", error);
+          if (
+            error.code === "auth/popup-blocked" ||
+            error.code === "auth/popup-closed-by-user"
+          ) {
+            auth.signInWithRedirect(provider).catch((redirectError) => {
+              console.error("Twitter redirect error:", redirectError);
+              alert(`Twitter login error: ${redirectError.message}`);
+            });
+          } else {
+            alert(`Twitter login error: ${error.message}`);
+          }
+        });
+    });
+  }
+
+  const logoutBtn = document.getElementById("logoutBtn");
+  if (logoutBtn) {
+    logoutBtn.addEventListener("click", () => {
+      auth
+        .signOut()
+        .then(() => {
+          const userProfileHeader = document.querySelector(
+            ".user-profile-header"
+          );
+          if (userProfileHeader) userProfileHeader.style.display = "none";
+          window.location.reload();
+        })
+        .catch((error) => {
+          alert(`Logout error: ${error.message}`);
+        });
+    });
+  }
+
+  auth.onAuthStateChanged((user) => {
+    if (user) {
+      const email = user.email || "No email available";
+      const loggedInUserEmail = document.querySelector(".logged-in-user-email");
+      if (loggedInUserEmail) loggedInUserEmail.textContent = email;
+
+      let displayName =
+        user.displayName || (user.email ? user.email.split("@")[0] : "User");
+
+      if (
+        user.providerData[0].providerId === "twitter.com" &&
+        !user.displayName
+      ) {
+        displayName = user.providerData[0].uid;
+      }
+
+      if (sideModal) {
+        sideModal.style.display = "none";
+        sideModal.style.right = "-90%";
+      }
+
+      if (modalOverlayy) {
+        modalOverlayy.style.display = "none";
+      }
+
+      const loggedInUsername = document.querySelector(".logged-in-username");
+      if (loggedInUsername) loggedInUsername.textContent = displayName;
+
+      const loginModalButton = document.querySelector(".login-modal-button");
+      if (loginModalButton) loginModalButton.style.display = "none";
+
+      const initials = displayName
+        .split(" ")
+        .map((n) => n[0])
+        .join("")
+        .toUpperCase()
+        .substring(0, 2);
+
+      if (profileButton) profileButton.textContent = initials;
+      if (profileUserAvatar) profileUserAvatar.textContent = initials;
+
+      const userProfileHeader = document.querySelector(".user-profile-header");
+      if (userProfileHeader) userProfileHeader.style.display = "block";
+
+      if (userAvatar) {
+        userAvatar.textContent = initials;
+        userAvatar.style.display = "flex";
+      }
+
+      if (window.location.pathname === "/profile") {
+        const userProfileSection = document.querySelector(
+          ".user-profile-section"
+        );
+        if (userProfileSection)
+          userProfileSection.style.display = "flex";
+
+        const profileLoginContainer = document.querySelector(
+          ".profile-login-container"
+        );
+        if (profileLoginContainer)
+          profileLoginContainer.style.display = "none";
+
+        const avatarLarge = document.querySelector(".avatar-large");
+        if (avatarLarge) avatarLarge.textContent = initials;
+
+        const userEmailInput = document.querySelector("#user-email-input");
+        if (userEmailInput) userEmailInput.value = email;
+
+        const usernameInput = document.querySelector(".username-input");
+        if (usernameInput) usernameInput.value = displayName;
+      }
+    } else {
+      if (userAvatar) userAvatar.style.display = "none";
+      if (loginForm) loginForm.style.display = "block";
+      if (signupForm) signupForm.style.display = "none";
+      if (forgotPasswordForm) forgotPasswordForm.style.display = "none";
+    }
+  });
+}
+
+// Initialize the app
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", loadFirebaseConfig);
+} else {
+  loadFirebaseConfig();
+}

data/assets/js/appscms-search-home1.js

@@ -0,0 +1,136 @@
+let features = [];
+let featureshi = [];
+let featuresar = [];
+let featuresda = [];
+let featuresde = [];
+let featureses = [];
+let featuresfr = [];
+let featuresid = [];
+let featuresit = [];
+let featuresja = [];
+let featuresko = [];
+let featuresnl = [];
+let featurespl = [];
+let featurespt = [];
+let featuresru = [];
+let featuressv = [];
+let featuresth = [];
+let featurestr = [];
+let featuresuk = [];
+let featuresvi = [];
+let featureszh = [];
+let featureszhtw = [];
+
+// Fetch data from searchbar.json
+const fetchFeatures = async () => {
+  try {
+    const response = await fetch('/searchbar1.json');
+    const data = await response.json();
+    features = data.features;
+    featureshi = data.featureshi;
+    featuresar = data.featuresar;
+    featuresda = data.featuresda;
+    featuresde = data.featuresde;
+    featureses = data.featureses;
+    featuresfr = data.featuresfr;
+    featuresid = data.featuresid;
+    featuresit = data.featuresit;
+    featuresja = data.featuresja;
+    featuresko = data.featuresko;
+    featuresnl = data.featuresnl;
+    featurespl = data.featurespl;
+    featurespt = data.featurespt;
+    featuresru = data.featuresru;
+    featuressv = data.featuressv;
+    featuresth = data.featuresth;
+    featurestr = data.featurestr;
+    featuresuk = data.featuresuk;
+    featuresvi = data.featuresvi;
+    featureszh = data.featureszh;
+    featureszhtw = data.featureszhtw;
+  } catch (error) {
+    console.error('Error loading features:', error);
+    featureList.innerHTML = '<div class="error-msg">Error loading features</div>';
+  }
+};
+
+const getFeatureSet = () => {
+  const currentUrl = window.location.pathname;
+  if (currentUrl.includes('/hi')) return featureshi;
+  if (currentUrl.includes('/ar')) return featuresar;
+  if (currentUrl.includes('/da')) return featuresda;
+  if (currentUrl.includes('/de')) return featuresde;
+  if (currentUrl.includes('/es')) return featureses;
+  if (currentUrl.includes('/fr')) return featuresfr;
+  if (currentUrl.includes('/id')) return featuresid;
+  if (currentUrl.includes('/it')) return featuresit;
+  if (currentUrl.includes('/ja')) return featuresja;
+  if (currentUrl.includes('/ko')) return featuresko;
+  if (currentUrl.includes('/nl')) return featuresnl;
+  if (currentUrl.includes('/pl')) return featurespl;
+  if (currentUrl.includes('/pt')) return featurespt;
+  if (currentUrl.includes('/ru')) return featuresru;
+  if (currentUrl.includes('/sv')) return featuressv;
+  if (currentUrl.includes('/th')) return featuresth;
+  if (currentUrl.includes('/tr')) return featurestr;
+  if (currentUrl.includes('/uk')) return featuresuk;
+  if (currentUrl.includes('/vi')) return featuresvi;
+  if (currentUrl.includes('/zh')) return featureszh;
+  if (currentUrl.includes('/zh-tw')) return featureszhtw;
+  return features;
+};
+
+const featureList = document.querySelector('.home1-features');
+const renderFeatures = (query) => {
+  featureList.innerHTML = "";
+  const currentFeatures = getFeatureSet();
+  const filteredFeatures = currentFeatures.filter(currentFeatures =>
+    currentFeatures.name.toLowerCase().includes(query.toLowerCase())
+  );
+
+  if (filteredFeatures.length > 0) {
+    filteredFeatures.forEach(item => {
+      const listItem = document.createElement("li");
+      listItem.classList.add("home1-features-box");
+
+      listItem.innerHTML = `
+        <div class="home1-inner-box">
+          <a class="home1-feature-name" href="${item.url}">
+            <div class="home1-feature-text">${truncate(item.name, 33, '..')}</div>
+          </a>
+          <div style="background: ${item.color};" class="home1-feature-img" height="30px" width="30px">
+            <img style="padding:5px;" src="${item.icon}" height="32px" width="32px" alt="home1-feature-icon" crossorigin="">
+          </div>
+          <div class="home1-right-arrow-icon">
+            <div style="width:24px;height:24px">
+              <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+                <path d="M9 7L10 6L16 12L10 18L9 17L14.17 12L9 7Z"></path>
+              </svg>
+            </div>
+          </div>
+          <p class="home1-feature-desc">${truncate(item.description, 67, '..')}</p>
+        </div>
+      `;
+      featureList.appendChild(listItem);
+    });
+  } else {
+    let msg = document.createElement('div');
+    msg.classList.add('no-result-found-msg');
+    msg.innerHTML = "No search results found!";
+    featureList.appendChild(msg);
+  }
+};
+
+function truncate(str, length, ending = '..') {
+  if (!str) return '';
+  return str.length > length ? str.substring(0, length) + ending : str;
+}
+
+const searchInput = document.querySelector('#search-features');
+searchInput.addEventListener("input", function () {
+  const query = searchInput.value.trim();
+  renderFeatures(query);
+});
+
+// Initialize by fetching data
+fetchFeatures();