/******/ (() => { // webpackBootstrap /******/ "use strict"; /******/ var __webpack_modules__ = ({ /***/ "./assets/src/js/api.js" /*!******************************!*\ !*** ./assets/src/js/api.js ***! \******************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); /** * List API on backend * * @since 4.2.6 * @version 1.0.2 */ const lplistAPI = {}; let lp_rest_url; if ('undefined' !== typeof lpDataAdmin) { lp_rest_url = lpDataAdmin.lp_rest_url; lplistAPI.admin = { apiAdminNotice: lp_rest_url + 'lp/v1/admin/tools/admin-notices', apiAddons: lp_rest_url + 'lp/v1/addon/all', apiAddonAction: lp_rest_url + 'lp/v1/addon/action-n', apiAddonsPurchase: lp_rest_url + 'lp/v1/addon/info-addons-purchase', apiSearchCourses: lp_rest_url + 'lp/v1/admin/tools/search-course', apiSearchUsers: lp_rest_url + 'lp/v1/admin/tools/search-user', apiAssignUserCourse: lp_rest_url + 'lp/v1/admin/tools/assign-user-course', apiUnAssignUserCourse: lp_rest_url + 'lp/v1/admin/tools/unassign-user-course' }; } if ('undefined' !== typeof lpData) { lp_rest_url = lpData.lp_rest_url; lplistAPI.frontend = { apiWidgets: lp_rest_url + 'lp/v1/widgets/api', apiCourses: lp_rest_url + 'lp/v1/courses/archive-course', // Deprecated API, don't load from v4.3.7 apiAJAX: lp_rest_url + 'lp/v1/load_content_via_ajax/', // Deprecated since 4.3.0 apiProfileCoverImage: lp_rest_url + 'lp/v1/profile/cover-image' }; } if (lp_rest_url) { lplistAPI.apiCourses = lp_rest_url + 'lp/v1/courses/'; lplistAPI.apiEditCoursesArchiveBlock = lp_rest_url + 'lp/v1/courses/edit-archive-block'; lplistAPI.apiCoursesSuggest = lp_rest_url + 'lp/v1/courses/courses-suggest'; } /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (lplistAPI); /***/ }, /***/ "./assets/src/js/utils.js" /*!********************************!*\ !*** ./assets/src/js/utils.js ***! \********************************/ (__unused_webpack_module, __webpack_exports__, __webpack_require__) { __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ debounce: () => (/* binding */ debounce), /* harmony export */ eventHandlers: () => (/* binding */ eventHandlers), /* harmony export */ getDataOfForm: () => (/* binding */ getDataOfForm), /* harmony export */ getFieldKeysOfForm: () => (/* binding */ getFieldKeysOfForm), /* harmony export */ listenElementCreated: () => (/* binding */ listenElementCreated), /* harmony export */ listenElementViewed: () => (/* binding */ listenElementViewed), /* harmony export */ lpAddQueryArgs: () => (/* binding */ lpAddQueryArgs), /* harmony export */ lpAjaxParseJsonOld: () => (/* binding */ lpAjaxParseJsonOld), /* harmony export */ lpClassName: () => (/* binding */ lpClassName), /* harmony export */ lpFetchAPI: () => (/* binding */ lpFetchAPI), /* harmony export */ lpGetCurrentURLNoParam: () => (/* binding */ lpGetCurrentURLNoParam), /* harmony export */ lpOnElementReady: () => (/* binding */ lpOnElementReady), /* harmony export */ lpSetLoadingEl: () => (/* binding */ lpSetLoadingEl), /* harmony export */ lpShowHideEl: () => (/* binding */ lpShowHideEl), /* harmony export */ mergeDataWithDatForm: () => (/* binding */ mergeDataWithDatForm), /* harmony export */ toggleCollapse: () => (/* binding */ toggleCollapse) /* harmony export */ }); /** * Utils functions * * @param url * @param data * @param functions * @since 4.2.5.1 * @version 1.0.6 */ const lpClassName = { hidden: 'lp-hidden', loading: 'loading', elCollapse: 'lp-collapse', elSectionToggle: '.lp-section-toggle', elTriggerToggle: '.lp-trigger-toggle' }; const lpFetchAPI = (url, data = {}, functions = {}) => { if ('function' === typeof functions.before) { functions.before(); } fetch(url, { method: 'GET', ...data }).then(response => response.json()).then(response => { if ('function' === typeof functions.success) { functions.success(response); } }).catch(err => { if ('function' === typeof functions.error) { functions.error(err); } }).finally(() => { if ('function' === typeof functions.completed) { functions.completed(); } }); }; /** * Get current URL without params. * * @since 4.2.5.1 */ const lpGetCurrentURLNoParam = () => { let currentUrl = window.location.href; const hasParams = currentUrl.includes('?'); if (hasParams) { currentUrl = currentUrl.split('?')[0]; } return currentUrl; }; const lpAddQueryArgs = (endpoint, args) => { const url = new URL(endpoint); Object.keys(args).forEach(arg => { url.searchParams.set(arg, args[arg]); }); return url; }; /** * Listen element viewed. * * @param el * @param callback * @since 4.2.5.8 */ const listenElementViewed = (el, callback) => { const observerSeeItem = new IntersectionObserver(function (entries) { for (const entry of entries) { if (entry.isIntersecting) { callback(entry); } } }); observerSeeItem.observe(el); }; /** * Listen element created. * * @param callback * @since 4.2.5.8 */ const listenElementCreated = callback => { const observerCreateItem = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.addedNodes) { mutation.addedNodes.forEach(function (node) { if (node.nodeType === 1) { callback(node); } }); } }); }); observerCreateItem.observe(document, { childList: true, subtree: true }); // End. }; /** * Listen element created. * * @param selector * @param callback * @since 4.2.7.1 */ const lpOnElementReady = (selector, callback) => { const element = document.querySelector(selector); if (element) { callback(element); return; } const observer = new MutationObserver((mutations, obs) => { const element = document.querySelector(selector); if (element) { obs.disconnect(); callback(element); } }); observer.observe(document.documentElement, { childList: true, subtree: true }); }; // Parse JSON from string with content include LP_AJAX_START. const lpAjaxParseJsonOld = data => { if (typeof data !== 'string') { return data; } const m = String.raw({ raw: data }).match(/<-- LP_AJAX_START -->(.*)<-- LP_AJAX_END -->/s); try { if (m) { data = JSON.parse(m[1].replace(/(?:\r\n|\r|\n)/g, '')); } else { data = JSON.parse(data); } } catch (e) { data = {}; } return data; }; // status 0: hide, 1: show const lpShowHideEl = (el, status = 0) => { if (!el) { return; } if (!status) { el.classList.add(lpClassName.hidden); } else { el.classList.remove(lpClassName.hidden); } }; // status 0: hide, 1: show const lpSetLoadingEl = (el, status) => { if (!el) { return; } if (!status) { el.classList.remove(lpClassName.loading); } else { el.classList.add(lpClassName.loading); } }; // Toggle collapse section const toggleCollapse = (e, target, elTriggerClassName = '', elsExclude = [], callback) => { if (!elTriggerClassName) { elTriggerClassName = lpClassName.elTriggerToggle; } // Exclude elements, which should not trigger the collapse toggle if (elsExclude && elsExclude.length > 0) { for (const elExclude of elsExclude) { if (target.closest(elExclude)) { return; } } } const elTrigger = target.closest(elTriggerClassName); if (!elTrigger) { return; } //console.log( 'elTrigger', elTrigger ); const elSectionToggle = elTrigger.closest(`${lpClassName.elSectionToggle}`); if (!elSectionToggle) { return; } elSectionToggle.classList.toggle(`${lpClassName.elCollapse}`); if ('function' === typeof callback) { callback(elSectionToggle); } }; // Get data of form const getDataOfForm = form => { const dataSend = {}; const formData = new FormData(form); for (const pair of formData.entries()) { const key = pair[0]; const value = formData.getAll(key); if (!dataSend.hasOwnProperty(key)) { // Convert value array to string. dataSend[key] = value.join(','); } } return dataSend; }; // Get field keys of form const getFieldKeysOfForm = form => { const keys = []; const elements = form.elements; for (let i = 0; i < elements.length; i++) { const name = elements[i].name; if (name && !keys.includes(name)) { keys.push(name); } } return keys; }; // Merge data handle with data form. const mergeDataWithDatForm = (elForm, dataHandle) => { const dataForm = getDataOfForm(elForm); const keys = getFieldKeysOfForm(elForm); keys.forEach(key => { if (!dataForm.hasOwnProperty(key)) { delete dataHandle[key]; } else if (dataForm[key][0] === '') { delete dataForm[key]; delete dataHandle[key]; } }); dataHandle = { ...dataHandle, ...dataForm }; return dataHandle; }; /** * Event trigger * For each list of event handlers, listen event on document. * * eventName: 'click', 'change', ... * eventHandlers = [ { selector: '.lp-button', callBack: function(){}, class: object } ] * * @param eventName * @param eventHandlers */ const eventHandlers = (eventName, eventHandlers) => { document.addEventListener(eventName, e => { const target = e.target; let args = { e, target }; eventHandlers.forEach(eventHandler => { args = { ...args, ...eventHandler }; //console.log( args ); // Check condition before call back if (eventHandler.conditionBeforeCallBack) { if (eventHandler.conditionBeforeCallBack(args) !== true) { return; } } // Special check for keydown event with checkIsEventEnter = true if (eventName === 'keydown' && eventHandler.checkIsEventEnter) { if (e.key !== 'Enter') { return; } } if (target.closest(eventHandler.selector)) { if (eventHandler.class) { // Call method of class, function callBack will understand exactly {this} is class object. eventHandler.class[eventHandler.callBack](args); } else { // For send args is objected, {this} is eventHandler object, not class object. eventHandler.callBack(args); } } }); }); }; /** * Debounce - delays function execution until after `wait` ms of inactivity. * * Each call resets the timer. Only the last call in a burst executes. * * USE CASES: * - Search inputs, form validation, window resize * - Multiple elements need independent timers * - When you need to call with different arguments * * EXAMPLES: * const debouncedSearch = debounce( (query) => fetchResults(query), 300 ); * searchInput.addEventListener('input', (e) => debouncedSearch(e.target.value)); * * const debouncedResize = debounce( recalculateLayout, 250 ); * window.addEventListener('resize', debouncedResize); * * ⚠️ Create ONCE outside event handlers, not inside. * * @param {Function} func - Function to debounce (can be anonymous) * @param {number} wait - Milliseconds to wait (default: 500) * @return {Function} Debounced wrapper function * @since 4.3.7 * @version 1.0.0 */ const debounce = (func, wait = 500) => { let timer; return args => { clearTimeout(timer); timer = setTimeout(() => func(args), wait); }; }; /***/ } /******/ }); /************************************************************************/ /******/ // The module cache /******/ var __webpack_module_cache__ = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ var cachedModule = __webpack_module_cache__[moduleId]; /******/ if (cachedModule !== undefined) { /******/ return cachedModule.exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = __webpack_module_cache__[moduleId] = { /******/ // no module.id needed /******/ // no module.loaded needed /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ if (!(moduleId in __webpack_modules__)) { /******/ delete __webpack_module_cache__[moduleId]; /******/ var e = new Error("Cannot find module '" + moduleId + "'"); /******/ e.code = 'MODULE_NOT_FOUND'; /******/ throw e; /******/ } /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /************************************************************************/ /******/ /* webpack/runtime/define property getters */ /******/ (() => { /******/ // define getter functions for harmony exports /******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ /******/ (() => { /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) /******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ /******/ (() => { /******/ // define __esModule on exports /******/ __webpack_require__.r = (exports) => { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ })(); /******/ /************************************************************************/ var __webpack_exports__ = {}; // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. (() => { /*!**********************************************!*\ !*** ./assets/src/js/frontend/courses-v2.js ***! \**********************************************/ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../api */ "./assets/src/js/api.js"); /* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils.js */ "./assets/src/js/utils.js"); /** * Handle events for courses list. * * @since 4.2.5.8 * @version 1.0.1 */ if ('undefined' === typeof lpData) { console.log('lpData is undefined'); } // Events document.addEventListener('change', function (e) { const target = e.target; window.lpCoursesList.onChangeSortBy(e, target); window.lpCoursesList.onChangeTypeLayout(e, target); }); document.addEventListener('click', function (e) { const target = e.target; window.lpCoursesList.LoadMore(e, target); }); document.addEventListener('keyup', function (e) { const target = e.target; window.lpCoursesList.searchCourse(e, target); }); document.addEventListener('submit', function (e) { const target = e.target; //window.lpCourseList.searchCourse( e, target ); }); (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lpOnElementReady)('.course-filter-btn-mobile', function (el) { const widgetCourseFilter = document.querySelector('.widget_course_filter'); if (!widgetCourseFilter) { el.remove(); } }); let timeOutSearch; window.lpCoursesList = (() => { const classListCourse = '.lp-list-courses-no-css'; const classLPTarget = '.lp-target'; const classLoadMore = 'courses-btn-load-more-no-css'; const classPageResult = '.courses-page-result'; const classLoading = '.lp-loading-no-css'; const urlCurrent = (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lpGetCurrentURLNoParam)(); return { LoadMore: (e, target) => { const btnLoadMore = target.closest(`.${classLoadMore + ':not(.disabled)'}`); if (!btnLoadMore) { return; } const elLPTarget = btnLoadMore.closest(`${classLPTarget}`); if (!elLPTarget) { return; } e.preventDefault(); btnLoadMore.classList.add('disabled'); const elLoading = btnLoadMore.querySelector(classLoading); const dataObj = JSON.parse(elLPTarget.dataset.send); const dataSend = { ...dataObj }; if (!dataSend.args.hasOwnProperty('paged')) { dataSend.args.paged = 1; } dataSend.args.paged++; elLPTarget.dataset.send = JSON.stringify(dataSend); if (elLoading) { elLoading.classList.remove('hide'); } const callBack = { success: response => { const { status, message, data } = response; const paged = parseInt(data.paged); const totalPages = parseInt(data.total_pages); const newEl = document.createElement('div'); newEl.innerHTML = data.content || ''; const elListCourse = elLPTarget.querySelector(classListCourse); const elPageResult = elLPTarget.querySelector(classPageResult); const elPageResultNew = newEl.querySelector(classPageResult); elListCourse.insertAdjacentHTML('beforeend', newEl.querySelector(classListCourse).innerHTML); if (elPageResult && elPageResultNew) { elPageResult.innerHTML = elPageResultNew.innerHTML; } if (paged >= totalPages) { btnLoadMore.remove(); } }, error: error => { console.log(error); }, completed: () => { //console.log( 'completed' ); if (elLoading) { elLoading.classList.add('hide'); } btnLoadMore.classList.remove('disabled'); } }; window.lpAJAXG.fetchAJAX(dataSend, callBack); }, LoadInfinite: () => { // When see element, will call API to load more items. const callBackAfterSeeItem = entry => { const elInfinite = entry.target; const elLoading = elInfinite.querySelector(`${classLoading}:not(.disabled)`); if (!elLoading) { return; } elLoading.classList.remove('hide'); elLoading.classList.add('disabled'); const elLPTarget = elInfinite.closest(classLPTarget); if (!elLPTarget) { return; } const dataObj = JSON.parse(elLPTarget.dataset.send); const dataSend = { ...dataObj }; // Clone object if (!dataSend.args.hasOwnProperty('paged')) { dataSend.args.paged = 1; } // Handle set data send to call API dataSend.args.paged++; elLPTarget.dataset.send = JSON.stringify(dataSend); const callBack = { success: response => { const { status, message, data } = response; const newEl = document.createElement('div'); newEl.innerHTML = data.content || ''; const elListCourse = elLPTarget.querySelector(classListCourse); const elPageResult = elLPTarget.querySelector(classPageResult); const elPageResultNew = newEl.querySelector(classPageResult); elListCourse.insertAdjacentHTML('beforeend', newEl.querySelector(classListCourse).innerHTML); if (elPageResult && elPageResultNew) { elPageResult.innerHTML = elPageResultNew.innerHTML; } if (data.total_pages === data.paged) { elInfinite.remove(); } }, error: error => { console.log(error); }, completed: () => { //console.log( 'completed' ); elLoading.classList.add('hide'); elLoading.classList.remove('disabled'); } }; window.lpAJAXG.fetchAJAX(dataSend, callBack); }; // Listen el courses load infinite have just created. (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.listenElementCreated)(node => { if (node.classList.contains('courses-load-infinite-no-css')) { (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.listenElementViewed)(node, callBackAfterSeeItem); } else if (node.classList.contains('wp-block-learnpress-list-courses')) { // For block Gutenberg const elInfinite = node.querySelector('.courses-load-infinite-no-css'); if (elInfinite) { (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.listenElementViewed)(elInfinite, callBackAfterSeeItem); } } }); // If el created on DOMContentLoaded. const elInfinite = document.querySelector('.courses-load-infinite-no-css'); if (elInfinite) { (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.listenElementViewed)(elInfinite, callBackAfterSeeItem); } }, onChangeSortBy: (e, target) => { if (!target.classList.contains('courses-order-by')) { return; } const elLPTarget = target.closest(classLPTarget); if (!elLPTarget) { lpData.urlParams.paged = 1; lpData.urlParams.order_by = target.value || ''; window.location.href = (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lpAddQueryArgs)(urlCurrent, lpData.urlParams); return; } e.preventDefault(); const dataObj = JSON.parse(elLPTarget.dataset.send); const dataSend = { ...dataObj }; dataSend.args.paged = 1; dataSend.args.order_by = target.value || ''; elLPTarget.dataset.send = JSON.stringify(dataSend); // Set url params to reload page. // Todo: need check allow set url params. lpData.urlParams.paged = dataSend.args.paged; lpData.urlParams.order_by = dataSend.args.order_by; window.history.pushState({}, '', (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lpAddQueryArgs)(urlCurrent, lpData.urlParams)); // End. // Show loading window.lpAJAXG.showHideLoading(elLPTarget, 1); // End const callBack = { success: response => { //console.log( 'response', response ); const { status, message, data } = response; elLPTarget.innerHTML = data.content || ''; }, error: error => { console.log(error); }, completed: () => { //console.log( 'completed' ); window.lpAJAXG.showHideLoading(elLPTarget, 0); } }; window.lpAJAXG.fetchAJAX(dataSend, callBack); }, onChangeTypeLayout: (e, target) => { if ('lp-switch-layout-btn' !== target.getAttribute('name')) { return; } const elListCourse = document.querySelector(classListCourse); if (!elListCourse) { return; } e.preventDefault(); const layout = target.value; if (layout) { elListCourse.dataset.layout = layout; window.wpCookies.set('courses-layout', layout, 24 * 60 * 60, '/'); } }, searchCourse: (e, target) => { if ('c_search' !== target.name) { return; } const elLPTarget = target.closest(classLPTarget); if (!elLPTarget) { return; } e.preventDefault(); const dataObj = JSON.parse(elLPTarget.dataset.send); const dataSend = { ...dataObj }; const keyword = target.value; dataSend.args.c_search = keyword || ''; dataSend.args.paged = 1; elLPTarget.dataset.send = JSON.stringify(dataSend); // Set url params to reload page. // Todo: need check allow set url params. lpData.urlParams.paged = dataSend.args.paged; lpData.urlParams.c_search = dataSend.args.c_search; window.history.pushState({}, '', (0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lpAddQueryArgs)((0,_utils_js__WEBPACK_IMPORTED_MODULE_1__.lpGetCurrentURLNoParam)(), lpData.urlParams)); // End. if (!keyword || keyword && keyword.length > 2) { if (undefined !== timeOutSearch) { clearTimeout(timeOutSearch); } timeOutSearch = setTimeout(function () { const callBack = { success: response => { //console.log( 'response', response ); const { status, message, data } = response; elLPTarget.innerHTML = data.content || ''; }, error: error => { console.log(error); }, completed: () => { //console.log( 'completed' ); } }; window.lpAJAXG.fetchAJAX(dataSend, callBack); }, 800); } } }; })(); window.lpCoursesList.LoadInfinite(); })(); /******/ })() ; //# sourceMappingURL=courses-v2.js.map