← All changes | assets/src/js/frontend/widgets.js +90 -90 4.3.8 → 4.4.8 View file →

		@@ -1,90 +1,90 @@
1		-import { lpFetchAPI, lpShowHideEl } from '../utils.js';
2		-import API from '../api';
3		-
4		-function widgetRestAPI() {
5		- const widgets = document.querySelectorAll( '.learnpress-widget-wrapper:not(.loaded)' );
6		-
7		- if ( ! widgets.length ) {
8		- return;
9		- }
10		-
11		- const getResponse = ( ele ) => {
12		- const lang = lpData.urlParams.lang ? `?lang=${ lpData.urlParams.lang }` : '';
13		- const widgetData = ele.dataset.widget ? JSON.parse( ele.dataset.widget ) : '';
14		- const url = API.frontend.apiWidgets + lang;
15		- const paramsFetch = {
16		- method: 'POST',
17		- headers: {
18		- 'Content-Type': 'application/json',
19		- },
20		- body: JSON.stringify( { ...widgetData, ...{ params_url: lpData.urlParams } } ),
21		- };
22		-
23		- if ( 0 !== parseInt( lpData.user_id ) ) {
24		- paramsFetch.headers[ 'X-WP-Nonce' ] = lpData.nonce;
25		- }
26		-
27		- const callBack = {
28		- before: () => {
29		-
30		- },
31		- success: ( res ) => {
32		- const { data, status, message } = res;
33		-
34		- if ( data && status === 'success' ) {
35		- ele.insertAdjacentHTML( 'afterbegin', data );
36		- } else if ( message ) {
37		- ele.insertAdjacentHTML( 'afterbegin', `<div class="lp-ajax-message error" style="display:block">${ message }</div>` );
38		- }
39		-
40		- const elBtnDone = ele.querySelector( '.course-filter-submit.lp-btn-done' );
41		- if ( elBtnDone ) {
42		- if ( window.outerWidth <= 991 ) {
43		- lpShowHideEl( elBtnDone, 1 );
44		- } else {
45		- lpShowHideEl( elBtnDone, 0 );
46		- }
47		- }
48		- },
49		- error: ( error ) => {
50		-
51		- },
52		- completed: () => {
53		- //delete ele.dataset.widget;
54		- const elSkeleton = ele.querySelector( '.lp-skeleton-animation' );
55		- if ( elSkeleton ) {
56		- elSkeleton.remove();
57		- }
58		-
59		- // Set temporary count course fields filter selected
60		- const classCourseFilter = 'lp-form-course-filter';
61		- const courseFilter = document.querySelector( `.${ classCourseFilter }` );
62		- if ( courseFilter ) {
63		- window.lpCourseFilter.countFieldsSelected( courseFilter );
64		- }
65		- },
66		- };
67		-
68		- // Call API load widget
69		- lpFetchAPI( url, paramsFetch, callBack );
70		- };
71		-
72		- widgets.forEach( ( ele ) => {
73		- ele.classList.add( 'loaded' );
74		- if ( ele.classList.contains( 'learnpress-widget-wrapper__restapi' ) ) {
75		- getResponse( ele );
76		- }
77		- } );
78		-}
79		-
80		-widgetRestAPI();
81		-
82		-// Case 2: readystatechange, find all elements with the class '.lp-load-ajax-element' not have class 'loaded'
83		-document.addEventListener( 'readystatechange', ( event ) => {
84		- widgetRestAPI();
85		-} );
86		-
87		-// Case 3: DOMContentLoaded, find all elements with the class '.lp-load-ajax-element' not have class 'loaded'
88		-document.addEventListener( 'DOMContentLoaded', () => {
89		- widgetRestAPI();
90		-} );
	1	+import { lpFetchAPI, lpShowHideEl } from '../utils.js';
	2	+import API from '../api';
	3	+
	4	+function widgetRestAPI() {
	5	+ const widgets = document.querySelectorAll( '.learnpress-widget-wrapper:not(.loaded)' );
	6	+
	7	+ if ( ! widgets.length ) {
	8	+ return;
	9	+ }
	10	+
	11	+ const getResponse = ( ele ) => {
	12	+ const lang = lpData.urlParams.lang ? `?lang=${ lpData.urlParams.lang }` : '';
	13	+ const widgetData = ele.dataset.widget ? JSON.parse( ele.dataset.widget ) : '';
	14	+ const url = API.frontend.apiWidgets + lang;
	15	+ const paramsFetch = {
	16	+ method: 'POST',
	17	+ headers: {
	18	+ 'Content-Type': 'application/json',
	19	+ },
	20	+ body: JSON.stringify( { ...widgetData, ...{ params_url: lpData.urlParams } } ),
	21	+ };
	22	+
	23	+ if ( 0 !== parseInt( lpData.user_id ) ) {
	24	+ paramsFetch.headers[ 'X-WP-Nonce' ] = lpData.nonce;
	25	+ }
	26	+
	27	+ const callBack = {
	28	+ before: () => {
	29	+
	30	+ },
	31	+ success: ( res ) => {
	32	+ const { data, status, message } = res;
	33	+
	34	+ if ( data && status === 'success' ) {
	35	+ ele.insertAdjacentHTML( 'afterbegin', data );
	36	+ } else if ( message ) {
	37	+ ele.insertAdjacentHTML( 'afterbegin', `<div class="lp-ajax-message error" style="display:block">${ message }</div>` );
	38	+ }
	39	+
	40	+ const elBtnDone = ele.querySelector( '.course-filter-submit.lp-btn-done' );
	41	+ if ( elBtnDone ) {
	42	+ if ( window.outerWidth <= 991 ) {
	43	+ lpShowHideEl( elBtnDone, 1 );
	44	+ } else {
	45	+ lpShowHideEl( elBtnDone, 0 );
	46	+ }
	47	+ }
	48	+ },
	49	+ error: ( error ) => {
	50	+
	51	+ },
	52	+ completed: () => {
	53	+ //delete ele.dataset.widget;
	54	+ const elSkeleton = ele.querySelector( '.lp-skeleton-animation' );
	55	+ if ( elSkeleton ) {
	56	+ elSkeleton.remove();
	57	+ }
	58	+
	59	+ // Set temporary count course fields filter selected
	60	+ const classCourseFilter = 'lp-form-course-filter';
	61	+ const courseFilter = document.querySelector( `.${ classCourseFilter }` );
	62	+ if ( courseFilter ) {
	63	+ window.lpCourseFilter.countFieldsSelected( courseFilter );
	64	+ }
	65	+ },
	66	+ };
	67	+
	68	+ // Call API load widget
	69	+ lpFetchAPI( url, paramsFetch, callBack );
	70	+ };
	71	+
	72	+ widgets.forEach( ( ele ) => {
	73	+ ele.classList.add( 'loaded' );
	74	+ if ( ele.classList.contains( 'learnpress-widget-wrapper__restapi' ) ) {
	75	+ getResponse( ele );
	76	+ }
	77	+ } );
	78	+}
	79	+
	80	+widgetRestAPI();
	81	+
	82	+// Case 2: readystatechange, find all elements with the class '.lp-load-ajax-element' not have class 'loaded'
	83	+document.addEventListener( 'readystatechange', ( event ) => {
	84	+ widgetRestAPI();
	85	+} );
	86	+
	87	+// Case 3: DOMContentLoaded, find all elements with the class '.lp-load-ajax-element' not have class 'loaded'
	88	+document.addEventListener( 'DOMContentLoaded', () => {
	89	+ widgetRestAPI();
	90	+} );