MyCaptain, an e-learning platform that is a gateway to more offbeat careers - The Hindu

if(readCookie(_pc_thgpremiumexp) == true) var element = document.getElementsByTagName(body) element[0].classList.add(subscribed); requirejs([jquery,bootstrap], function ($) // Cache jQuery selectors for better performance var $sideMenu = $(.comments-chat-side-menu); var $subscriptionCard = $(.subscription-card); var $header = $(.header); var $body = $(body); var $userEmailDisplay = $(#userEmailDisplay); // Track if user state has been initialized (lazy init on first account click) var userStateInitialized = false; // LOADER FUNCTIONS function showLoader() $(#pageLoader).fadeIn(200); function hideLoader() $(#pageLoader).fadeOut(200); // LOGIN (no subscription yet) $(.btn-signup).on(click, function (e) e.preventDefault(); $(.header) .removeClass(logged-out subscribed) .addClass(logged-in); $(.subscription-card) .removeClass(active-subscription) .addClass(no-subscription); ); // Function to update subscription state based on actual user status function updateSubscriptionState() if (typeof tp !== undefined && tp.pianoId && tp.user && tp.user.isUserValid()) try if (typeof userIdentify !== undefined) userIdentify.then(function () if (typeof isNonSubcribedUser === function && !isNonSubcribedUser()) $subscriptionCard .removeClass(no-subscription) .addClass(active-subscription); else $subscriptionCard .removeClass(active-subscription) .addClass(no-subscription); ); catch (error) console.log(Error checking subscription status:, error); function updateUserEmail() // Update user email if tp is available and user is logged in if (typeof tp !== undefined && tp.pianoId && tp.user && tp.user.isUserValid()) try var userDetails = tp.pianoId.getUser(); if (userDetails && userDetails.email) $userEmailDisplay.text(userDetails.email); catch (error) console.log(Error getting user email:, error); $userEmailDisplay.text(User logged in); // ACCOUNT CLICK (logged out view + open comments) $(.btn-account).on(click, function (e) e.preventDefault(); e.stopPropagation(); showLoader(); setTimeout(() => // Simulate loading time for better UX $header .removeClass(logged-in subscribed) .addClass(logged-out); if (!$sideMenu.hasClass(show-comments)) $sideMenu.addClass(show-comments); // addClass is idempotent — safe even if hamburger already added stop-scroll $body.addClass(stop-scroll); // Initialize user state only on first account click (lazy initialization) if (!userStateInitialized) userStateInitialized = true; updateUserEmail(); updateSubscriptionState(); else // On subsequent clicks, just update email in case it changed updateUserEmail(); hideLoader(); , 500); ); // Close popup handlers - use event delegation for better performance $sideMenu.on(click touchstart, .comments-close, .comments-overlay, function (e) e.preventDefault(); e.stopPropagation(); if ($sideMenu.hasClass(show-comments)) $sideMenu.removeClass(show-comments); // Only remove scroll lock if hamburger menu is also closed if (!$(.menu-btn).hasClass(opened)) $body.removeClass(stop-scroll); ); $sideMenu.on(click touchstart, function (e) e.stopPropagation(); ); // Logout button handler $(#logoutBtn).on(click, function (e) if (typeof tp !== undefined && tp.pianoId) console.log(Logging out user via pianoId); tp.pianoId.logout(); ); );