← All changes | assets/src/apps/js/blocks/course-elements/course-curriculum/edit.js +117 -117 4.3.9 → 4.4.9 View file →

		@@ -1,117 +1,117 @@
1		-import { __ } from '@wordpress/i18n';
2		-import { useBlockProps } from '@wordpress/block-editor';
3		-
4		-const Edit = ( props ) => {
5		- const blockProps = useBlockProps();
6		- return (
7		- <>
8		- <div { ...blockProps }>
9		- <div className="lp-course-curriculum">
10		- <h3 className="lp-course-curriculum__title">{ __( 'Curriculum', 'learnpress' ) }</h3>
11		- <div className="course-curriculum-info">
12		- <ul className="course-curriculum-info__left">
13		- <li className="course-count-section">{ '2 Sections' }</li>
14		- <li className="course-count-lesson">{ '3 Lessons' }</li>
15		- <li className="course-duration">
16		- <span className="course-duration">{ '3 Weeks' }</span>
17		- </li>
18		- </ul>
19		- <div className="course-curriculum-info__right">
20		- <span className="course-toggle-all-sections">{ 'Expand all sections' }</span>
21		- </div>
22		- </div>
23		- <div className="course-curriculum">
24		- <ul className="course-sections">
25		- <li className="course-section">
26		- <div className="course-section-header">
27		- <div className="section-toggle">
28		- <i className="lp-icon-angle-up"></i>
29		- </div>
30		- <div className="course-section-info">
31		- <div className="course-section__title">{ 'Section 1' }</div>
32		- </div>
33		- <div className="section-count-items">{ '3' }</div>
34		- </div>
35		- <ul className="course-section__items">
36		- <li className="course-item">
37		- <a className="course-item__link">
38		- <div className="course-item__info">
39		- <span className="course-item-ico lp_lesson"></span>
40		- </div>
41		- <div className="course-item__content">
42		- <div className="course-item__left">
43		- <div className="course-item-title">{ 'What is LearnPress?' }</div>
44		- </div>
45		- <div className="course-item__right">
46		- <span className="duration">{ '20 Minutes' }</span>
47		- </div>
48		- </div>
49		- <div className="course-item__status">
50		- <span className="course-item-ico in-progress"></span>
51		- </div>
52		- </a>
53		- </li>
54		- <li className="course-item ">
55		- <a className="course-item__link">
56		- <div className="course-item__info">
57		- <span className="course-item-ico lp_lesson"></span>
58		- </div>
59		- <div className="course-item__content">
60		- <div className="course-item__left">
61		- <div className="course-item-title">{ 'How to use LearnPress?' }</div>
62		- </div>
63		- <div className="course-item__right">
64		- <span className="duration">{ '60 Minutes' }</span>
65		- </div>
66		- </div>
67		- <div className="course-item__status">
68		- <span className="course-item-ico preview"></span>
69		- </div>
70		- </a>
71		- </li>
72		- <li className="course-item ">
73		- <a className="course-item__link">
74		- <div className="course-item__info">
75		- <span className="course-item-ico lp_quiz"></span>
76		- </div>
77		- <div className="course-item__content">
78		- <div className="course-item__left">
79		- <div className="course-item-title">{ 'Demo the Quiz of LearnPress' }</div>
80		- </div>
81		- <div className="course-item__right">
82		- <span className="duration">{ '10 Minutes' }</span>
83		- <span className="question-count">{ '4 Questions' }</span>
84		- </div>
85		- </div>
86		- <div className="course-item__status">
87		- <span className="course-item-ico locked"></span>
88		- </div>
89		- </a>
90		- </li>
91		- </ul>
92		- </li>
93		- <li className="course-section lp-collapse">
94		- <div className="course-section-header">
95		- <div className="section-toggle">
96		- <i className="lp-icon-angle-down"></i>
97		- </div>
98		- <div className="course-section-info">
99		- <div className="course-section__title">{ 'Section 2' }</div>
100		- <div className="course-section__description">
101		- {
102		- 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'
103		- }
104		- </div>
105		- </div>
106		- <div className="section-count-items">{ '10' }</div>
107		- </div>
108		- </li>
109		- </ul>
110		- </div>
111		- </div>
112		- </div>
113		- </>
114		- );
115		-};
116		-
117		-export default Edit;
	1	+import { __ } from '@wordpress/i18n';
	2	+import { useBlockProps } from '@wordpress/block-editor';
	3	+
	4	+const Edit = ( props ) => {
	5	+ const blockProps = useBlockProps();
	6	+ return (
	7	+ <>
	8	+ <div { ...blockProps }>
	9	+ <div className="lp-course-curriculum">
	10	+ <h3 className="lp-course-curriculum__title">{ __( 'Curriculum', 'learnpress' ) }</h3>
	11	+ <div className="course-curriculum-info">
	12	+ <ul className="course-curriculum-info__left">
	13	+ <li className="course-count-section">{ '2 Sections' }</li>
	14	+ <li className="course-count-lesson">{ '3 Lessons' }</li>
	15	+ <li className="course-duration">
	16	+ <span className="course-duration">{ '3 Weeks' }</span>
	17	+ </li>
	18	+ </ul>
	19	+ <div className="course-curriculum-info__right">
	20	+ <span className="course-toggle-all-sections">{ 'Expand all sections' }</span>
	21	+ </div>
	22	+ </div>
	23	+ <div className="course-curriculum">
	24	+ <ul className="course-sections">
	25	+ <li className="course-section">
	26	+ <div className="course-section-header">
	27	+ <div className="section-toggle">
	28	+ <i className="lp-icon-angle-up"></i>
	29	+ </div>
	30	+ <div className="course-section-info">
	31	+ <div className="course-section__title">{ 'Section 1' }</div>
	32	+ </div>
	33	+ <div className="section-count-items">{ '3' }</div>
	34	+ </div>
	35	+ <ul className="course-section__items">
	36	+ <li className="course-item">
	37	+ <a className="course-item__link">
	38	+ <div className="course-item__info">
	39	+ <span className="course-item-ico lp_lesson"></span>
	40	+ </div>
	41	+ <div className="course-item__content">
	42	+ <div className="course-item__left">
	43	+ <div className="course-item-title">{ 'What is LearnPress?' }</div>
	44	+ </div>
	45	+ <div className="course-item__right">
	46	+ <span className="duration">{ '20 Minutes' }</span>
	47	+ </div>
	48	+ </div>
	49	+ <div className="course-item__status">
	50	+ <span className="course-item-ico in-progress"></span>
	51	+ </div>
	52	+ </a>
	53	+ </li>
	54	+ <li className="course-item ">
	55	+ <a className="course-item__link">
	56	+ <div className="course-item__info">
	57	+ <span className="course-item-ico lp_lesson"></span>
	58	+ </div>
	59	+ <div className="course-item__content">
	60	+ <div className="course-item__left">
	61	+ <div className="course-item-title">{ 'How to use LearnPress?' }</div>
	62	+ </div>
	63	+ <div className="course-item__right">
	64	+ <span className="duration">{ '60 Minutes' }</span>
	65	+ </div>
	66	+ </div>
	67	+ <div className="course-item__status">
	68	+ <span className="course-item-ico preview"></span>
	69	+ </div>
	70	+ </a>
	71	+ </li>
	72	+ <li className="course-item ">
	73	+ <a className="course-item__link">
	74	+ <div className="course-item__info">
	75	+ <span className="course-item-ico lp_quiz"></span>
	76	+ </div>
	77	+ <div className="course-item__content">
	78	+ <div className="course-item__left">
	79	+ <div className="course-item-title">{ 'Demo the Quiz of LearnPress' }</div>
	80	+ </div>
	81	+ <div className="course-item__right">
	82	+ <span className="duration">{ '10 Minutes' }</span>
	83	+ <span className="question-count">{ '4 Questions' }</span>
	84	+ </div>
	85	+ </div>
	86	+ <div className="course-item__status">
	87	+ <span className="course-item-ico locked"></span>
	88	+ </div>
	89	+ </a>
	90	+ </li>
	91	+ </ul>
	92	+ </li>
	93	+ <li className="course-section lp-collapse">
	94	+ <div className="course-section-header">
	95	+ <div className="section-toggle">
	96	+ <i className="lp-icon-angle-down"></i>
	97	+ </div>
	98	+ <div className="course-section-info">
	99	+ <div className="course-section__title">{ 'Section 2' }</div>
	100	+ <div className="course-section__description">
	101	+ {
	102	+ 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua'
	103	+ }
	104	+ </div>
	105	+ </div>
	106	+ <div className="section-count-items">{ '10' }</div>
	107	+ </div>
	108	+ </li>
	109	+ </ul>
	110	+ </div>
	111	+ </div>
	112	+ </div>
	113	+ </>
	114	+ );
	115	+};
	116	+
	117	+export default Edit;