james1075/ultimate-manga-scraper
0
1"use strict";
2var { registerBlockType } = wp.blocks;
3var gcel = wp.element.createElement;
4
5registerBlockType( 'ultimate-manga-scraper/ums-display', {
6 title: 'Ultimate Mange Scraper Display Posts',
7 icon: 'smartphone',
8 category: 'embed',
9 attributes: {
10 ruletype : {
11 default: '',
12 type: 'string',
13 },
14 ruleid : {
15 default: '',
16 type: 'string',
17 },
18 wrapper : {
19 default: 'ul',
20 type: 'string',
21 },
22 read_more_text : {
23 default: '',
24 type: 'string',
25 },
26 wrapper_class : {
27 default: 'display-posts-listing',
28 type: 'string',
29 },
30 excerpt_font_size : {
31 default: '100%',
32 type: 'string',
33 },
34 title_font_size : {
35 default: '100%',
36 type: 'string',
37 },
38 link_to_source : {
39 default: 'no',
40 type: 'string',
41 },
42 excerpt_color : {
43 default: '#000000',
44 type: 'string',
45 },
46 title_color : {
47 default: '#000000',
48 type: 'string',
49 },
50 posts_per_page : {
51 default: '10',
52 type: 'string',
53 },
54 post_type : {
55 default: 'post',
56 type: 'string',
57 },
58 orderby : {
59 default: 'date',
60 type: 'string',
61 },
62 no_posts_message : {
63 default: 'No posts found.',
64 type: 'string',
65 },
66 include_title : {
67 default: 'true',
68 type: 'string',
69 },
70 include_link : {
71 default: 'true',
72 type: 'string',
73 },
74 include_excerpt : {
75 default: 'false',
76 type: 'string',
77 },
78 include_date : {
79 default: 'false',
80 type: 'string',
81 },
82 include_content : {
83 default: 'false',
84 type: 'string',
85 },
86 include_author : {
87 default: 'false',
88 type: 'string',
89 },
90 image_size : {
91 default: 'false',
92 type: 'string',
93 },
94 excerpt_more : {
95 default: 'false',
96 type: 'string',
97 },
98 excerpt_more_link : {
99 default: 'false',
100 type: 'string',
101 },
102 excerpt_length : {
103 default: 'false',
104 type: 'string',
105 },
106 date_format : {
107 default: '(n/j/Y)',
108 type: 'string',
109 },
110 content_class : {
111 default: 'content',
112 type: 'string',
113 },
114 author : {
115 default: '',
116 type: 'string',
117 }
118 },
119 keywords: ['display', 'posts', 'ums'],
120 edit: (function( props ) {
121 var ruletype = props.attributes.ruletype;
122 var ruleid = props.attributes.ruleid;
123 var wrapper = props.attributes.wrapper;
124 var read_more_text = props.attributes.read_more_text;
125 var wrapper_class = props.attributes.wrapper_class;
126 var excerpt_font_size = props.attributes.excerpt_font_size;
127 var title_font_size = props.attributes.title_font_size;
128 var excerpt_color = props.attributes.excerpt_color;
129 var title_color = props.attributes.title_color;
130 var posts_per_page = props.attributes.posts_per_page;
131 var post_type = props.attributes.post_type;
132 var orderby = props.attributes.orderby;
133 var no_posts_message = props.attributes.no_posts_message;
134 var include_title = props.attributes.include_title;
135 var include_link = props.attributes.include_link;
136 var include_excerpt = props.attributes.include_excerpt;
137 var include_date = props.attributes.include_date;
138 var include_content = props.attributes.include_content;
139 var include_author = props.attributes.include_author;
140 var image_size = props.attributes.image_size;
141 var excerpt_more = props.attributes.excerpt_more;
142 var excerpt_more_link = props.attributes.excerpt_more_link;
143 var excerpt_length = props.attributes.excerpt_length;
144 var date_format = props.attributes.date_format;
145 var content_class = props.attributes.content_class;
146 var author = props.attributes.author;
147 function updateMessage( event ) {
148 props.setAttributes( { ruletype: event.target.value} );
149 }
150 function updateMessage2( event ) {
151 props.setAttributes( { ruleid: event.target.value} );
152 }
153 function updateMessage3( event ) {
154 props.setAttributes( { wrapper: event.target.value} );
155 }
156 function updateMessage4( event ) {
157 props.setAttributes( { read_more_text: event.target.value} );
158 }
159 function updateMessage5( event ) {
160 props.setAttributes( { wrapper_class: event.target.value} );
161 }
162 function updateMessage6( event ) {
163 props.setAttributes( { excerpt_font_size: event.target.value} );
164 }
165 function updateMessage7( event ) {
166 props.setAttributes( { title_font_size: event.target.value} );
167 }
168 function updateMessage8( event ) {
169 props.setAttributes( { excerpt_color: event.target.value} );
170 }
171 function updateMessage9( event ) {
172 props.setAttributes( { title_color: event.target.value} );
173 }
174 function updateMessage10( event ) {
175 props.setAttributes( { posts_per_page: event.target.value} );
176 }
177 function updateMessage11( event ) {
178 props.setAttributes( { post_type: event.target.value} );
179 }
180 function updateMessage12( event ) {
181 props.setAttributes( { orderby: event.target.value} );
182 }
183 function updateMessage13( event ) {
184 props.setAttributes( { no_posts_message: event.target.value} );
185 }
186 function updateMessage14( event ) {
187 props.setAttributes( { include_title: event.target.value} );
188 }
189 function updateMessage15( event ) {
190 props.setAttributes( { include_link: event.target.value} );
191 }
192 function updateMessage16( event ) {
193 props.setAttributes( { include_excerpt: event.target.value} );
194 }
195 function updateMessage17( event ) {
196 props.setAttributes( { include_date: event.target.value} );
197 }
198 function updateMessage18( event ) {
199 props.setAttributes( { include_content: event.target.value} );
200 }
201 function updateMessage19( event ) {
202 props.setAttributes( { include_author: event.target.value} );
203 }
204 function updateMessage20( event ) {
205 props.setAttributes( { image_size: event.target.value} );
206 }
207 function updateMessage21( event ) {
208 props.setAttributes( { excerpt_more: event.target.value} );
209 }
210 function updateMessage22( event ) {
211 props.setAttributes( { excerpt_more_link: event.target.value} );
212 }
213 function updateMessage23( event ) {
214 props.setAttributes( { excerpt_length: event.target.value} );
215 }
216 function updateMessage24( event ) {
217 props.setAttributes( { date_format: event.target.value} );
218 }
219 function updateMessage25( event ) {
220 props.setAttributes( { content_class: event.target.value} );
221 }
222 function updateMessage26( event ) {
223 props.setAttributes( { author: event.target.value} );
224 }
225 return gcel(
226 'div',
227 { className: 'coderevolution_gutenberg_div' },
228 gcel(
229 'h4',
230 { className: 'coderevolution_gutenberg_title' },
231 'Ultimate Mange Scraper Display Posts ',
232 gcel(
233 'div',
234 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
235 ,
236 gcel(
237 'div',
238 {className:'bws_hidden_help_text'},
239 'This block is used to display posts generated by this plugin. It has many features that can be customized.'
240 )
241 )
242 ),
243 gcel(
244 'label',
245 { className: 'coderevolution_gutenberg_label' },
246 'Rule Type: '
247 ),
248 gcel(
249 'div',
250 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
251 ,
252 gcel(
253 'div',
254 {className:'bws_hidden_help_text'},
255 'Select the source of the posts that will be listed.'
256 )
257 ),
258 gcel(
259 'select',
260 { value: ruletype, onChange: updateMessage, className: 'coderevolution_gutenberg_select' },
261 gcel(
262 'option',
263 { value: 0},
264 'APKs to Posts'
265 ),
266 gcel(
267 'option',
268 { value: 0},
269 'Custom Page Import'
270 ),
271 gcel(
272 'option',
273 { value: ''},
274 'Any'
275 )
276 ),
277 gcel(
278 'br'
279 ),
280 gcel(
281 'label',
282 { className: 'coderevolution_gutenberg_label' },
283 'Rule ID: '
284 ),
285 gcel(
286 'div',
287 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
288 ,
289 gcel(
290 'div',
291 {className:'bws_hidden_help_text'},
292 'Select the ID of the rule you wish to list posts from. To list all posts from a specific rule, leave this field blank.'
293 )
294 ),
295 gcel(
296 'input',
297 { type:'number',min:0,placeholder:'Rule id to list', value: ruleid, onChange: updateMessage2, className: 'coderevolution_gutenberg_input' }
298 ),
299 gcel(
300 'br'
301 ),
302 gcel(
303 'label',
304 { className: 'coderevolution_gutenberg_label' },
305 'Wrapper: '
306 ),
307 gcel(
308 'div',
309 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
310 ,
311 gcel(
312 'div',
313 {className:'bws_hidden_help_text'},
314 'Select the wrapper type that will be used for displaying results.'
315 )
316 ),
317 gcel(
318 'select',
319 { value: wrapper, onChange: updateMessage3, className: 'coderevolution_gutenberg_select' },
320 gcel(
321 'option',
322 { value: 'ul'},
323 'List'
324 ),
325 gcel(
326 'option',
327 { value: 'div'},
328 'Div'
329 )
330 ),
331 gcel(
332 'br'
333 ),
334 gcel(
335 'label',
336 { className: 'coderevolution_gutenberg_label' },
337 'Read More Text: '
338 ),
339 gcel(
340 'div',
341 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
342 ,
343 gcel(
344 'div',
345 {className:'bws_hidden_help_text'},
346 'Input the text that will be displayed for the "Read More" link.'
347 )
348 ),
349 gcel(
350 'textarea',
351 { rows:1,placeholder:'Read more...', value: read_more_text, onChange: updateMessage4, className: 'coderevolution_gutenberg_input' }
352 ),
353 gcel(
354 'br'
355 ),
356 gcel(
357 'label',
358 { className: 'coderevolution_gutenberg_label' },
359 'Wrapper Class: '
360 ),
361 gcel(
362 'div',
363 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
364 ,
365 gcel(
366 'div',
367 {className:'bws_hidden_help_text'},
368 'Select the class that will be used for wrapping results.'
369 )
370 ),
371 gcel(
372 'textarea',
373 { rows:1,placeholder:'div class', value: wrapper_class, onChange: updateMessage5, className: 'coderevolution_gutenberg_input' }
374 ),
375 gcel(
376 'br'
377 ),
378 gcel(
379 'label',
380 { className: 'coderevolution_gutenberg_label' },
381 'Excerpt Font Size: '
382 ),
383 gcel(
384 'div',
385 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
386 ,
387 gcel(
388 'div',
389 {className:'bws_hidden_help_text'},
390 'Select the font size of the excerpt (CSS font size supported).'
391 )
392 ),
393 gcel(
394 'textarea',
395 { rows:1,placeholder:'10px', value: excerpt_font_size, onChange: updateMessage6, className: 'coderevolution_gutenberg_input' }
396 ),
397 gcel(
398 'br'
399 ),
400 gcel(
401 'label',
402 { className: 'coderevolution_gutenberg_label' },
403 'Title Font Size: '
404 ),
405 gcel(
406 'div',
407 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
408 ,
409 gcel(
410 'div',
411 {className:'bws_hidden_help_text'},
412 'Select the font size of the title (CSS font size supported).'
413 )
414 ),
415 gcel(
416 'textarea',
417 { rows:1,placeholder:'12px', value: title_font_size, onChange: updateMessage7, className: 'coderevolution_gutenberg_input' }
418 ),
419 gcel(
420 'br'
421 ),
422 gcel(
423 'label',
424 { className: 'coderevolution_gutenberg_label' },
425 'Excerpt Color: '
426 ),
427 gcel(
428 'div',
429 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
430 ,
431 gcel(
432 'div',
433 {className:'bws_hidden_help_text'},
434 'Select the color of the excerpt (CSS font color supported).'
435 )
436 ),
437 gcel(
438 'textarea',
439 { rows:1,placeholder:'#000000', value: excerpt_color, onChange: updateMessage8, className: 'coderevolution_gutenberg_input' }
440 ),
441 gcel(
442 'br'
443 ),
444 gcel(
445 'label',
446 { className: 'coderevolution_gutenberg_label' },
447 'Title Color: '
448 ),
449 gcel(
450 'div',
451 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
452 ,
453 gcel(
454 'div',
455 {className:'bws_hidden_help_text'},
456 'Select the color of the title (CSS font color supported).'
457 )
458 ),
459 gcel(
460 'textarea',
461 { rows:1,placeholder:'#000000', value: title_color, onChange: updateMessage9, className: 'coderevolution_gutenberg_input' }
462 ),
463 gcel(
464 'br'
465 ),
466 gcel(
467 'label',
468 { className: 'coderevolution_gutenberg_label' },
469 'Posts Per Page: '
470 ),
471 gcel(
472 'div',
473 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
474 ,
475 gcel(
476 'div',
477 {className:'bws_hidden_help_text'},
478 'Select the number of posts to be shown at max.'
479 )
480 ),
481 gcel(
482 'input',
483 { type:'number',min:1,placeholder:'10', value: posts_per_page, onChange: updateMessage10, className: 'coderevolution_gutenberg_input' }
484 ),
485 gcel(
486 'br'
487 ),
488 gcel(
489 'label',
490 { className: 'coderevolution_gutenberg_label' },
491 'Post Type: '
492 ),
493 gcel(
494 'div',
495 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
496 ,
497 gcel(
498 'div',
499 {className:'bws_hidden_help_text'},
500 'Select the post type to be listed. You can input a comma separated list of multiple post types (custom post types supported).'
501 )
502 ),
503 gcel(
504 'textarea',
505 { rows:1,placeholder:'post', value: post_type, onChange: updateMessage11, className: 'coderevolution_gutenberg_input' }
506 ),
507 gcel(
508 'br'
509 ),
510 gcel(
511 'label',
512 { className: 'coderevolution_gutenberg_label' },
513 'Order By: '
514 ),
515 gcel(
516 'div',
517 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
518 ,
519 gcel(
520 'div',
521 {className:'bws_hidden_help_text'},
522 'Select how to order results.'
523 )
524 ),
525 gcel(
526 'select',
527 { value: orderby, onChange: updateMessage12, className: 'coderevolution_gutenberg_select' },
528 gcel(
529 'option',
530 { value: 'none'},
531 'none'
532 ),
533 gcel(
534 'option',
535 { value: 'date'},
536 'date'
537 ),
538 gcel(
539 'option',
540 { value: 'ID'},
541 'ID'
542 ),
543 gcel(
544 'option',
545 { value: 'author'},
546 'author'
547 ),
548 gcel(
549 'option',
550 { value: 'title'},
551 'title'
552 ),
553 gcel(
554 'option',
555 { value: 'name'},
556 'name'
557 ),
558 gcel(
559 'option',
560 { value: 'type'},
561 'type'
562 ),
563 gcel(
564 'option',
565 { value: 'modified'},
566 'modified'
567 ),
568 gcel(
569 'option',
570 { value: 'parent'},
571 'parent'
572 ),
573 gcel(
574 'option',
575 { value: 'rand'},
576 'rand'
577 ),
578 gcel(
579 'option',
580 { value: 'comment_count'},
581 'comment_count'
582 ),
583 gcel(
584 'option',
585 { value: 'relevance'},
586 'relevance'
587 ),
588 gcel(
589 'option',
590 { value: 'menu_order'},
591 'menu_order'
592 )
593 ),
594 gcel(
595 'br'
596 ),
597 gcel(
598 'label',
599 { className: 'coderevolution_gutenberg_label' },
600 'No Posts Message: '
601 ),
602 gcel(
603 'div',
604 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
605 ,
606 gcel(
607 'div',
608 {className:'bws_hidden_help_text'},
609 'Select the message that will be shown when no posts found.'
610 )
611 ),
612 gcel(
613 'textarea',
614 { rows:1,placeholder:'No posts found.', value: no_posts_message, onChange: updateMessage13, className: 'coderevolution_gutenberg_input' }
615 ),
616 gcel(
617 'br'
618 ),
619 gcel(
620 'label',
621 { className: 'coderevolution_gutenberg_label' },
622 'Include Title: '
623 ),
624 gcel(
625 'div',
626 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
627 ,
628 gcel(
629 'div',
630 {className:'bws_hidden_help_text'},
631 'Select if you wish to include the title in results.'
632 )
633 ),
634 gcel(
635 'select',
636 { value: include_title, onChange: updateMessage14, className: 'coderevolution_gutenberg_select' },
637 gcel(
638 'option',
639 { value: 'true'},
640 'true'
641 ),
642 gcel(
643 'option',
644 { value: 'false'},
645 'false'
646 )
647 ),
648 gcel(
649 'br'
650 ),
651 gcel(
652 'label',
653 { className: 'coderevolution_gutenberg_label' },
654 'Include Link: '
655 ),
656 gcel(
657 'div',
658 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
659 ,
660 gcel(
661 'div',
662 {className:'bws_hidden_help_text'},
663 'Select if you wish to include the link in results.'
664 )
665 ),
666 gcel(
667 'select',
668 { value: include_link, onChange: updateMessage15, className: 'coderevolution_gutenberg_select' },
669 gcel(
670 'option',
671 { value: 'true'},
672 'true'
673 ),
674 gcel(
675 'option',
676 { value: 'false'},
677 'false'
678 )
679 ),
680 gcel(
681 'br'
682 ),
683 gcel(
684 'label',
685 { className: 'coderevolution_gutenberg_label' },
686 'Include Excerpt: '
687 ),
688 gcel(
689 'div',
690 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
691 ,
692 gcel(
693 'div',
694 {className:'bws_hidden_help_text'},
695 'Select if you wish to include the excerpt in results.'
696 )
697 ),
698 gcel(
699 'select',
700 { value: include_excerpt, onChange: updateMessage16, className: 'coderevolution_gutenberg_select' },
701 gcel(
702 'option',
703 { value: 'false'},
704 'false'
705 ),
706 gcel(
707 'option',
708 { value: 'true'},
709 'true'
710 )
711 ),
712 gcel(
713 'br'
714 ),
715 gcel(
716 'label',
717 { className: 'coderevolution_gutenberg_label' },
718 'Include Date: '
719 ),
720 gcel(
721 'div',
722 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
723 ,
724 gcel(
725 'div',
726 {className:'bws_hidden_help_text'},
727 'Select if you wish to include the date in results.'
728 )
729 ),
730 gcel(
731 'select',
732 { value: include_date, onChange: updateMessage17, className: 'coderevolution_gutenberg_select' },
733 gcel(
734 'option',
735 { value: 'false'},
736 'false'
737 ),
738 gcel(
739 'option',
740 { value: 'true'},
741 'true'
742 )
743 ),
744 gcel(
745 'br'
746 ),
747 gcel(
748 'label',
749 { className: 'coderevolution_gutenberg_label' },
750 'Include Content: '
751 ),
752 gcel(
753 'div',
754 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
755 ,
756 gcel(
757 'div',
758 {className:'bws_hidden_help_text'},
759 'Select if you wish to include the content in results.'
760 )
761 ),
762 gcel(
763 'select',
764 { value: include_content, onChange: updateMessage18, className: 'coderevolution_gutenberg_select' },
765 gcel(
766 'option',
767 { value: 'false'},
768 'false'
769 ),
770 gcel(
771 'option',
772 { value: 'true'},
773 'true'
774 )
775 ),
776 gcel(
777 'br'
778 ),
779 gcel(
780 'label',
781 { className: 'coderevolution_gutenberg_label' },
782 'Include Author: '
783 ),
784 gcel(
785 'div',
786 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
787 ,
788 gcel(
789 'div',
790 {className:'bws_hidden_help_text'},
791 'Select if you wish to include the author in results.'
792 )
793 ),
794 gcel(
795 'select',
796 { value: include_author, onChange: updateMessage19, className: 'coderevolution_gutenberg_select' },
797 gcel(
798 'option',
799 { value: 'false'},
800 'false'
801 ),
802 gcel(
803 'option',
804 { value: 'true'},
805 'true'
806 )
807 ),
808 gcel(
809 'br'
810 ),
811 gcel(
812 'label',
813 { className: 'coderevolution_gutenberg_label' },
814 'Image Size: '
815 ),
816 gcel(
817 'div',
818 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
819 ,
820 gcel(
821 'div',
822 {className:'bws_hidden_help_text'},
823 'Select the image size to be shown in results.'
824 )
825 ),
826 gcel(
827 'select',
828 { value: image_size, onChange: updateMessage20, className: 'coderevolution_gutenberg_select' },
829 gcel(
830 'option',
831 { value: 'thumbnail'},
832 'thumbnail'
833 ),
834 gcel(
835 'option',
836 { value: 'medium'},
837 'medium'
838 ),
839 gcel(
840 'option',
841 { value: 'large'},
842 'large'
843 ),
844 gcel(
845 'option',
846 { value: 'full'},
847 'full'
848 )
849 ),
850 gcel(
851 'br'
852 ),
853 gcel(
854 'label',
855 { className: 'coderevolution_gutenberg_label' },
856 'Show Read More: '
857 ),
858 gcel(
859 'div',
860 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
861 ,
862 gcel(
863 'div',
864 {className:'bws_hidden_help_text'},
865 'Select if you wish to show the "Read More" button in results.'
866 )
867 ),
868 gcel(
869 'select',
870 { value: excerpt_more, onChange: updateMessage21, className: 'coderevolution_gutenberg_select' },
871 gcel(
872 'option',
873 { value: 'false'},
874 'false'
875 ),
876 gcel(
877 'option',
878 { value: 'true'},
879 'true'
880 )
881 ),
882 gcel(
883 'br'
884 ),
885 gcel(
886 'label',
887 { className: 'coderevolution_gutenberg_label' },
888 'Link Read More: '
889 ),
890 gcel(
891 'div',
892 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
893 ,
894 gcel(
895 'div',
896 {className:'bws_hidden_help_text'},
897 'Select if you wish to link the "Read more" text from the excerpt.'
898 )
899 ),
900 gcel(
901 'select',
902 { value: excerpt_more_link, onChange: updateMessage22, className: 'coderevolution_gutenberg_select' },
903 gcel(
904 'option',
905 { value: 'false'},
906 'false'
907 ),
908 gcel(
909 'option',
910 { value: 'true'},
911 'true'
912 )
913 ),
914 gcel(
915 'br'
916 ),
917 gcel(
918 'label',
919 { className: 'coderevolution_gutenberg_label' },
920 'Excerpt Lenght: '
921 ),
922 gcel(
923 'div',
924 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
925 ,
926 gcel(
927 'div',
928 {className:'bws_hidden_help_text'},
929 'Select the length of the excerpt (word count).'
930 )
931 ),
932 gcel(
933 'input',
934 { type:'number', min:1, placeholder:'30', value: excerpt_length, onChange: updateMessage23, className: 'coderevolution_gutenberg_input' }
935 ),
936 gcel(
937 'br'
938 ),
939 gcel(
940 'label',
941 { className: 'coderevolution_gutenberg_label' },
942 'Date Format: '
943 ),
944 gcel(
945 'div',
946 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
947 ,
948 gcel(
949 'div',
950 {className:'bws_hidden_help_text'},
951 'Input the date format to be used.'
952 )
953 ),
954 gcel(
955 'textarea',
956 { rows:1,placeholder:'(n/j/Y)', value: date_format, onChange: updateMessage24, className: 'coderevolution_gutenberg_input' }
957 ),
958 gcel(
959 'br'
960 ),
961 gcel(
962 'label',
963 { className: 'coderevolution_gutenberg_label' },
964 'Content Class: '
965 ),
966 gcel(
967 'div',
968 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
969 ,
970 gcel(
971 'div',
972 {className:'bws_hidden_help_text'},
973 'Input the class to be assigned to resulting content.'
974 )
975 ),
976 gcel(
977 'textarea',
978 { rows:1,placeholder:'content', value: content_class, onChange: updateMessage25, className: 'coderevolution_gutenberg_input' }
979 ),
980 gcel(
981 'br'
982 ),
983 gcel(
984 'label',
985 { className: 'coderevolution_gutenberg_label' },
986 'Post Author: '
987 ),
988 gcel(
989 'div',
990 {className:'bws_help_box bws_help_box_right dashicons dashicons-editor-help'}
991 ,
992 gcel(
993 'div',
994 {className:'bws_hidden_help_text'},
995 'Input the user_nicename of the author to list posts from. You can also use "current" to list posts for the currently logged in user.'
996 )
997 ),
998 gcel(
999 'textarea',
1000 { rows:1,placeholder:'author name', value: author, onChange: updateMessage26, className: 'coderevolution_gutenberg_input' }
1001 )
1002 );
1003 }),
1004 save: (function( props ) {
1005 return null;
1006 }),
1007} );