← All changes | assets/js/dist/frontend/single-course.js +153 -30 4.4.4 → 4.4.9 View file →

		@@ -942,8 +942,9 @@
942	942	__webpack_require__.r(__webpack_exports__);
943	943	/* harmony export */ __webpack_require__.d(__webpack_exports__, {
944	944	/* harmony export */ debounce: () => (/* binding */ debounce),
945	945	/* harmony export */ eventHandlers: () => (/* binding */ eventHandlers),
	946	+/* harmony export */ fullScreenView: () => (/* binding */ fullScreenView),
946	947	/* harmony export */ getDataOfForm: () => (/* binding */ getDataOfForm),
947	948	/* harmony export */ getFieldKeysOfForm: () => (/* binding */ getFieldKeysOfForm),
948	949	/* harmony export */ listenElementCreated: () => (/* binding */ listenElementCreated),
949	950	/* harmony export */ listenElementViewed: () => (/* binding */ listenElementViewed),
		@@ -955,9 +956,10 @@
955	956	/* harmony export */ lpOnElementReady: () => (/* binding */ lpOnElementReady),
956	957	/* harmony export */ lpSetLoadingEl: () => (/* binding */ lpSetLoadingEl),
957	958	/* harmony export */ lpShowHideEl: () => (/* binding */ lpShowHideEl),
958	959	/* harmony export */ mergeDataWithDatForm: () => (/* binding */ mergeDataWithDatForm),
959		-/* harmony export */ toggleCollapse: () => (/* binding */ toggleCollapse)
	960	+/* harmony export */ toggleCollapse: () => (/* binding */ toggleCollapse),
	961	+/* harmony export */ toggleEnable: () => (/* binding */ toggleEnable)
960	962	/* harmony export */ });
961	963	/**
962	964	* Utils functions
963	965	*
		@@ -964,9 +966,9 @@
964	966	* @param url
965	967	* @param data
966	968	* @param functions
967	969	* @since 4.2.5.1
968		- * @version 1.0.6
	970	+ * @version 1.0.7
969	971	*/
970	972	const lpClassName = {
971	973	hidden: 'lp-hidden',
972	974	loading: 'loading',
		@@ -971,9 +973,12 @@
971	973	hidden: 'lp-hidden',
972	974	loading: 'loading',
973	975	elCollapse: 'lp-collapse',
974	976	elSectionToggle: '.lp-section-toggle',
975		- elTriggerToggle: '.lp-trigger-toggle'
	977	+ elTriggerToggle: '.lp-trigger-toggle',
	978	+ elBtnFullScreen: '.lp-btn-full-screen-view',
	979	+ elFullScreen: 'lp-full-screen-view',
	980	+ elBtnFullScreenClose: 'lp-full-screen-view__close'
976	981	};
977	982	const lpFetchAPI = (url, data = {}, functions = {}) => {
978	983	if ('function' === typeof functions.before) {
979	984	functions.before();
		@@ -1291,8 +1296,141 @@
1291	1296	timer = setTimeout(() => func(args), wait);
1292	1297	};
1293	1298	};
1294	1299
	1300	+/**
	1301	+ * Initialize lp-toggle-enable components.
	1302	+ *
	1303	+ * Finds all `.lp-toggle-enable` elements and wires up toggle behavior.
	1304	+ * Reads initial state from `data-enabled` attribute ("true"/"false").
	1305	+ * Calls `data-on-toggle` callback (if provided via options) on state change.
	1306	+ *
	1307	+ * HTML structure:
	1308	+ * <label class="lp-toggle-enable" data-enabled="true">
	1309	+ * <input type="checkbox" class="lp-toggle-enable__input" />
	1310	+ * <span class="lp-toggle-enable__track"></span>
	1311	+ * </label>
	1312	+ *
	1313	+ * @param {string} selector CSS selector for toggle elements (default: '.lp-toggle-enable')
	1314	+ * @param {Function} onToggle Optional callback( el, isEnabled ) called on state change
	1315	+ * @since 4.4.5
	1316	+ * @version 1.0.0
	1317	+ */
	1318	+window.lpToggleEnableInit = 0;
	1319	+const toggleEnable = (onToggle = null) => {
	1320	+ if (window.lpToggleEnableInit) {
	1321	+ return;
	1322	+ }
	1323	+ window.lpToggleEnableInit = 1;
	1324	+ const selector = '.lp-toggle-enable';
	1325	+ const updateUI = (toggle, isEnabled) => {
	1326	+ toggle.classList.toggle('is-enabled', isEnabled);
	1327	+ const input = toggle.querySelector('.lp-toggle-enable__input');
	1328	+ if (input) {
	1329	+ input.checked = isEnabled;
	1330	+ input.value = isEnabled ? '1' : '0';
	1331	+ }
	1332	+ };
	1333	+
	1334	+ // Delegate click handling via eventHandlers.
	1335	+ eventHandlers('click', [{
	1336	+ selector,
	1337	+ callBack: args => {
	1338	+ const {
	1339	+ e,
	1340	+ target
	1341	+ } = args;
	1342	+ const toggle = target.closest(selector);
	1343	+ if (!toggle || toggle.classList.contains('is-disabled')) {
	1344	+ return;
	1345	+ }
	1346	+ e.preventDefault();
	1347	+ const isEnabled = !toggle.classList.contains('is-enabled');
	1348	+ updateUI(toggle, isEnabled);
	1349	+ if ('function' === typeof onToggle) {
	1350	+ onToggle(toggle, isEnabled);
	1351	+ }
	1352	+ }
	1353	+ }]);
	1354	+};
	1355	+
	1356	+/**
	1357	+ * Initialize custom fullscreen view buttons.
	1358	+ *
	1359	+ * Delegates clicks on `.lp-btn-full-screen-view` buttons to
	1360	+ * `lpToggleFullscreenView`. Reads the `data-target` attribute to find the
	1361	+ * target element. Falls back to the button's parent element when
	1362	+ * `data-target` is not provided.
	1363	+ *
	1364	+ * @since 4.4.5
	1365	+ * @version 1.0.0
	1366	+ */
	1367	+window.lpFullScreenViewInit = 0;
	1368	+const fullScreenView = () => {
	1369	+ if (window.lpFullScreenViewInit) {
	1370	+ return;
	1371	+ }
	1372	+ window.lpFullScreenViewInit = 1;
	1373	+ let lastScrollY = 0;
	1374	+ const lpToggleFullscreenView = (elTarget, elBtnFullScreen = null) => {
	1375	+ const isFullscreen = elTarget.classList.contains(lpClassName.elFullScreen);
	1376	+ if (isFullscreen) {
	1377	+ elTarget.classList.remove(lpClassName.elFullScreen);
	1378	+ document.documentElement.classList.remove('lp-full-screen-active');
	1379	+ window.scrollTo(0, lastScrollY);
	1380	+ } else {
	1381	+ lastScrollY = window.scrollY;
	1382	+ elTarget.classList.add(lpClassName.elFullScreen);
	1383	+ document.documentElement.classList.add('lp-full-screen-active');
	1384	+ }
	1385	+ if (!isFullscreen) {
	1386	+ if (!elTarget.querySelector(`.${lpClassName.elBtnFullScreenClose}`)) {
	1387	+ const closeButton = document.createElement('button');
	1388	+ closeButton.type = 'button';
	1389	+ closeButton.className = lpClassName.elBtnFullScreenClose;
	1390	+ closeButton.setAttribute('aria-label', 'Close');
	1391	+ closeButton.innerHTML = lpData.i18n.closeButtonFullScreen || 'Close &times;';
	1392	+ closeButton.addEventListener('click', e => {
	1393	+ e.preventDefault();
	1394	+ lpToggleFullscreenView(elTarget);
	1395	+ });
	1396	+ elTarget.appendChild(closeButton);
	1397	+ }
	1398	+ } else {
	1399	+ const closeButton = elTarget.querySelector(`.${lpClassName.elBtnFullScreenClose}`);
	1400	+ if (closeButton) {
	1401	+ closeButton.remove();
	1402	+ }
	1403	+ }
	1404	+ };
	1405	+ eventHandlers('click', [{
	1406	+ selector: lpClassName.elBtnFullScreen,
	1407	+ callBack: args => {
	1408	+ const {
	1409	+ e,
	1410	+ target
	1411	+ } = args;
	1412	+ const elBtnFullScreen = target.closest(lpClassName.elBtnFullScreen);
	1413	+ if (!elBtnFullScreen) {
	1414	+ console.log('No full screen button found');
	1415	+ return;
	1416	+ }
	1417	+ e.preventDefault();
	1418	+ let elTarget = null;
	1419	+ const targetSelector = elBtnFullScreen.dataset.targetFullscreen;
	1420	+ console.log(targetSelector);
	1421	+ if (targetSelector) {
	1422	+ elTarget = document.querySelector(targetSelector);
	1423	+ }
	1424	+ if (!elTarget) {
	1425	+ console.log('No target element found');
	1426	+ return;
	1427	+ }
	1428	+ lpToggleFullscreenView(elTarget, elBtnFullScreen);
	1429	+ }
	1430	+ }]);
	1431	+};
	1432	+
1295	1433	/***/ },
1296	1434
1297	1435	/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/toastify-js/src/toastify.css"
1298	1436	/*!*****************************************************************************************!*\
		@@ -2356,19 +2494,19 @@
2356	2494
2357	2495	/******/ });
2358	2496	/************************************************************************/
2359	2497	/******/ // The module cache
2360		-/******/ const __webpack_module_cache__ = {};
	2498	+/******/ var __webpack_module_cache__ = {};
2361	2499	/******/
2362	2500	/******/ // The require function
2363	2501	/******/ function __webpack_require__(moduleId) {
2364	2502	/******/ // Check if module is in cache
2365		-/******/ const cachedModule = __webpack_module_cache__[moduleId];
	2503	+/******/ var cachedModule = __webpack_module_cache__[moduleId];
2366	2504	/******/ if (cachedModule !== undefined) {
2367	2505	/******/ return cachedModule.exports;
2368	2506	/******/ }
2369	2507	/******/ // Create a new module (and put it into the cache)
2370		-/******/ const module = __webpack_module_cache__[moduleId] = {
	2508	+/******/ var module = __webpack_module_cache__[moduleId] = {
2371	2509	/******/ id: moduleId,
2372	2510	/******/ // no module.loaded needed
2373	2511	/******/ exports: {}
2374	2512	/******/ };
		@@ -2375,9 +2513,9 @@
2375	2513	/******/
2376	2514	/******/ // Execute the module function
2377	2515	/******/ if (!(moduleId in __webpack_modules__)) {
2378	2516	/******/ delete __webpack_module_cache__[moduleId];
2379		-/******/ const e = new Error("Cannot find module '" + moduleId + "'");
	2517	+/******/ var e = new Error("Cannot find module '" + moduleId + "'");
2380	2518	/******/ e.code = 'MODULE_NOT_FOUND';
2381	2519	/******/ throw e;
2382	2520	/******/ }
2383	2521	/******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
		@@ -2390,9 +2528,9 @@
2390	2528	/******/ /* webpack/runtime/compat get default export */
2391	2529	/******/ (() => {
2392	2530	/******/ // getDefaultExport function for compatibility with non-harmony modules
2393	2531	/******/ __webpack_require__.n = (module) => {
2394		-/******/ const getter = module && module.__esModule ?
	2532	+/******/ var getter = module && module.__esModule ?
2395	2533	/******/ () => (module['default']) :
2396	2534	/******/ () => (module);
2397	2535	/******/ __webpack_require__.d(getter, { a: getter });
2398	2536	/******/ return getter;
		@@ -2400,29 +2538,14 @@
2400	2538	/******/ })();
2401	2539	/******/
2402	2540	/******/ /* webpack/runtime/define property getters */
2403	2541	/******/ (() => {
2404		-/******/ // define getter/value functions for harmony exports
	2542	+/******/ // define getter functions for harmony exports
2405	2543	/******/ __webpack_require__.d = (exports, definition) => {
2406		-/******/ if(Array.isArray(definition)) {
2407		-/******/ var i = 0;
2408		-/******/ while(i < definition.length) {
2409		-/******/ var key = definition[i++];
2410		-/******/ var binding = definition[i++];
2411		-/******/ if(!__webpack_require__.o(exports, key)) {
2412		-/******/ if(binding === 0) {
2413		-/******/ Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
2414		-/******/ } else {
2415		-/******/ Object.defineProperty(exports, key, { enumerable: true, get: binding });
2416		-/******/ }
2417		-/******/ } else if(binding === 0) { i++; }
	2544	+/******/ for(var key in definition) {
	2545	+/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
	2546	+/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
2418	2547	/******/ }
2419		-/******/ } else {
2420		-/******/ for(var key in definition) {
2421		-/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
2422		-/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
2423		-/******/ }
2424		-/******/ }
2425	2548	/******/ }
2426	2549	/******/ };
2427	2550	/******/ })();
2428	2551	/******/
		@@ -2427,9 +2550,9 @@
2427	2550	/******/ })();
2428	2551	/******/
2429	2552	/******/ /* webpack/runtime/hasOwnProperty shorthand */
2430	2553	/******/ (() => {
2431		-/******/ __webpack_require__.o = (obj, prop) => (Object.hasOwn(obj, prop))
	2554	+/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
2432	2555	/******/ })();
2433	2556	/******/
2434	2557	/******/ /* webpack/runtime/make namespace object */
2435	2558	/******/ (() => {
		@@ -2434,9 +2557,9 @@
2434	2557	/******/ /* webpack/runtime/make namespace object */
2435	2558	/******/ (() => {
2436	2559	/******/ // define __esModule on exports
2437	2560	/******/ __webpack_require__.r = (exports) => {
2438		-/******/ if(Symbol.toStringTag) {
	2561	+/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
2439	2562	/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
2440	2563	/******/ }
2441	2564	/******/ Object.defineProperty(exports, '__esModule', { value: true });
2442	2565	/******/ };
		@@ -2447,9 +2570,9 @@
2447	2570	/******/ __webpack_require__.nc = undefined;
2448	2571	/******/ })();
2449	2572	/******/
2450	2573	/************************************************************************/
2451		-let __webpack_exports__ = {};
	2574	+var __webpack_exports__ = {};
2452	2575	// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
2453	2576	(() => {
2454	2577	"use strict";
2455	2578	/*!******************************************************!*\