| @@ -1,75 +1,119 @@ | ||
| 1 | -/******/ (function() { // webpackBootstrap | |
| 2 | -var __webpack_exports__ = {}; | |
| 1 | +/******/ (() => { // webpackBootstrap | |
| 3 | 2 | /*!***************************************************!*\ |
| 4 | 3 | !*** ./assets/src/apps/js/admin/pages/widgets.js ***! |
| 5 | 4 | \***************************************************/ |
| 6 | 5 | const $ = jQuery; |
| 7 | - | |
| 8 | 6 | function formatCourse(repo) { |
| 9 | 7 | if (repo.loading) { |
| 10 | 8 | return repo.text; |
| 11 | 9 | } |
| 12 | - | |
| 13 | 10 | const markup = "<div class='select2-result-course_title'>" + repo.id + ' - ' + repo.title.rendered + '</div>'; |
| 14 | 11 | return markup; |
| 15 | 12 | } |
| 16 | - | |
| 17 | 13 | function formatCourseSelection(repo) { |
| 18 | 14 | return repo.title.rendered || repo.text; |
| 19 | 15 | } |
| 20 | 16 | |
| 21 | -function autocompleteWidget() { | |
| 22 | - let widget = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; | |
| 23 | - const searchs = $('.lp-widget_select_course'); | |
| 24 | - const wpRestUrl = searchs.data('rest-url'); | |
| 25 | - const postType = searchs.data('post_type') || 'lp_course'; | |
| 26 | - searchs.select2({ | |
| 27 | - ajax: { | |
| 28 | - method: 'GET', | |
| 29 | - url: wpRestUrl + 'wp/v2/' + postType, | |
| 30 | - dataType: 'json', | |
| 31 | - delay: 250, | |
| 17 | +/*function autocompleteWidget( widget = null ) { | |
| 18 | + const searchs = $( '.lp-widget_select_course' ); | |
| 19 | + const wpRestUrl = searchs.data( 'rest-url' ); | |
| 20 | + const postType = searchs.data( 'post_type' ) || 'lp_course'; | |
| 32 | 21 | |
| 33 | - data(params) { | |
| 34 | - return { | |
| 35 | - search: params.term | |
| 36 | - }; | |
| 37 | - }, | |
| 22 | + if ( postType === 'lp_course' ) { | |
| 23 | + const dataStruct = { | |
| 24 | + urlApi: Api.admin.apiSearchCourses, | |
| 25 | + dataType: 'courses', | |
| 26 | + keyGetValue: { | |
| 27 | + value: 'ID', | |
| 28 | + text: '{{post_title}} (#{{ID}})', | |
| 29 | + key_render: { | |
| 30 | + post_title: 'post_title', | |
| 31 | + ID: 'ID', | |
| 32 | + }, | |
| 33 | + }, | |
| 34 | + }; | |
| 35 | + const dataStructJson = JSON.stringify( dataStruct ); | |
| 36 | + const widgetListEl = document.querySelector( '#widget-list' ); | |
| 37 | + let nonTomSelectWidgetEls = ''; | |
| 38 | + if ( widgetListEl ) { | |
| 39 | + const tomSelectWidgetEls = Array.prototype.slice.call( widgetListEl.querySelectorAll( '.lp-widget_select_course' ) ); | |
| 40 | + nonTomSelectWidgetEls = Array.prototype.slice.call( searchs ).filter( ( el ) => ! tomSelectWidgetEls.includes( el ) ); | |
| 41 | + } | |
| 38 | 42 | |
| 39 | - processResults(data, params) { | |
| 40 | - params.page = params.page || 1; | |
| 41 | - return { | |
| 42 | - results: data | |
| 43 | - }; | |
| 44 | - }, | |
| 43 | + nonTomSelectWidgetEls.forEach( ( nonTomSelectWidgetEl ) => { | |
| 44 | + $( nonTomSelectWidgetEl ).attr( 'data-struct', dataStructJson ); | |
| 45 | + initTomSelect( nonTomSelectWidgetEl ); | |
| 46 | + } ); | |
| 47 | + } else { | |
| 48 | + searchs.select2( { | |
| 49 | + ajax: { | |
| 50 | + method: 'GET', | |
| 51 | + url: wpRestUrl + 'wp/v2/' + postType, | |
| 52 | + dataType: 'json', | |
| 53 | + delay: 250, | |
| 54 | + data( params ) { | |
| 55 | + return { | |
| 56 | + search: params.term, | |
| 57 | + }; | |
| 58 | + }, | |
| 59 | + processResults( data, params ) { | |
| 60 | + params.page = params.page || 1; | |
| 45 | 61 | |
| 46 | - cache: true | |
| 47 | - }, | |
| 62 | + return { | |
| 63 | + results: data, | |
| 64 | + }; | |
| 65 | + }, | |
| 66 | + cache: true, | |
| 67 | + }, | |
| 68 | + escapeMarkup( markup ) { | |
| 69 | + return markup; | |
| 70 | + }, | |
| 71 | + minimumInputLength: 2, | |
| 72 | + templateResult: formatCourse, // omitted for brevity, see the source of this page | |
| 73 | + templateSelection: formatCourseSelection, // omitted for brevity, see the source of this page | |
| 74 | + } ); | |
| 75 | + } | |
| 76 | +}*/ | |
| 48 | 77 | |
| 49 | - escapeMarkup(markup) { | |
| 50 | - return markup; | |
| 51 | - }, | |
| 52 | - | |
| 53 | - minimumInputLength: 2, | |
| 54 | - templateResult: formatCourse, | |
| 55 | - // omitted for brevity, see the source of this page | |
| 56 | - templateSelection: formatCourseSelection // omitted for brevity, see the source of this page | |
| 57 | - | |
| 58 | - }); | |
| 59 | -} | |
| 60 | - | |
| 61 | 78 | document.addEventListener('DOMContentLoaded', function (event) { |
| 62 | 79 | if (document.querySelector('#widgets-editor')) { |
| 63 | 80 | $(document).on('widget-added', function (event, widget) { |
| 64 | - autocompleteWidget(widget); | |
| 81 | + //autocompleteWidget( widget ); | |
| 65 | 82 | }); |
| 66 | 83 | } else { |
| 67 | 84 | $(document).on('learnpress/widgets/select', function () { |
| 68 | - autocompleteWidget(); | |
| 85 | + //autocompleteWidget(); | |
| 86 | + sortItem(); | |
| 69 | 87 | }); |
| 70 | - autocompleteWidget(); | |
| 88 | + | |
| 89 | + //autocompleteWidget(); | |
| 71 | 90 | } |
| 72 | 91 | }); |
| 92 | + | |
| 93 | +//Sortable checkbox | |
| 94 | +document.addEventListener('DOMContentLoaded', function (event) { | |
| 95 | + sortItem(); | |
| 96 | +}); | |
| 97 | +$(document).on('widget-added widget-updated', function (event) { | |
| 98 | + sortItem(); | |
| 99 | +}); | |
| 100 | +function sortItem() { | |
| 101 | + $('.widget-content .sortable').sortable({ | |
| 102 | + handle: '.drag', | |
| 103 | + start(event, ui) {}, | |
| 104 | + update(event, ui) { | |
| 105 | + const value = []; | |
| 106 | + $(this).children().map(function () { | |
| 107 | + value.push($(this).find('input').val()); | |
| 108 | + }); | |
| 109 | + value.join(','); | |
| 110 | + const fieldSort = $(this).closest('.widget-content').find('input.fields-sort'); | |
| 111 | + fieldSort.val(value); | |
| 112 | + fieldSort.trigger('change'); | |
| 113 | + }, | |
| 114 | + stop(event, ui) {} | |
| 115 | + }); | |
| 116 | +} | |
| 73 | 117 | /******/ })() |
| 74 | 118 | ; |
| 75 | 119 | //# sourceMappingURL=widgets.js.map |