jQuery(function () { WPML_String_Translation.AutoRegisterStrings.init(jQuery('.wpml-st-auto-register-strings')); }); var WPML_String_Translation = WPML_String_Translation || {}; WPML_String_Translation.AutoRegisterStrings = { init: function(box) { this.saveAutoregisterTypeSettingButton = box.find('#save-autoregister-strings-type'); this.typeSettingAdminRadio = box.find('#autoregister-strings-type-only-viewed-by-admin'); this.typeSettingAllRadio = box.find('#autoregister-strings-type-viewed-by-all-users'); this.typeSettingDisabledRadio = box.find('#autoregister-strings-type-disabled'); this.shouldRegisterBackendStringsCheckbox = box.find('#autoregister-strings-should-register-backend-strings'); box.find('input:radio[id=autoregister-strings-type-only-viewed-by-admin]').change(function () { if(!jQuery(this).is(':checked')) { return; } jQuery('#autoregister-strings-should-register-backend-strings').removeAttr('disabled'); jQuery('#autoregister-strings-should-register-backend-strings').next('span').removeClass('wpml-disabled-text'); }); box.find('input:radio[id=autoregister-strings-type-viewed-by-all-users]').change(function () { if(!jQuery(this).is(':checked')) { return; } jQuery('#autoregister-strings-should-register-backend-strings').removeAttr('disabled'); jQuery('#autoregister-strings-should-register-backend-strings').next('span').removeClass('wpml-disabled-text'); }); box.find('input:radio[id=autoregister-strings-type-disabled]').change(function () { if(!jQuery(this).is(':checked')) { return; } jQuery('#autoregister-strings-should-register-backend-strings').attr('disabled', true); jQuery('#autoregister-strings-should-register-backend-strings').next('span').addClass('wpml-disabled-text'); }); this.saveAutoregisterTypeSettingButton.on('click', this.saveAutoregisterStringsTypeSetting.bind( this ) ); return; this.form = box.find('form'); this.box = box; this.checkBox = this.box.find('.js-auto-register-enabled'); this.description = this.box.find('.js-auto-register-description'); this.intervalMilliseconds = 1000; this.runningCountdown = this.description.data('running-countdown'); this.dialog = this.form.parent(); this.updateDescription(); this.update_excluded_preview(); this.create_dialog(); this.form.find('input[name = "select_all"]').on('click', {'form': this.form}, this.select_all); this.form.find('input[name = "search"]').on('keyup', {'form': this.form}, this.filter); this.form.find('.contexts input:checkbox').on('change', {'form': this.form}, this.toggle_context); this.checkBox.on('change', this.checkBoxChanged.bind( this ) ); }, saveAutoregisterStringsTypeSetting: function() { var settingValue; if (this.typeSettingAdminRadio.is(':checked') ) { settingValue = this.typeSettingAdminRadio.attr('value'); } else if (this.typeSettingAllRadio.is(':checked')) { settingValue = this.typeSettingAllRadio.attr('value'); } else { settingValue = this.typeSettingDisabledRadio.attr('value'); } fadeInAjxResp('#icl-ajx-response-autoregister-strings-type', icl_ajxloaderimg); var settings = WPML_TM_SETTINGS; var restUrl = settings.restUrl; var restNonce = settings.restNonce; var url = restUrl + '/wpml/st/v1/strings/settings'; var data = { autoregisterType: settingValue, shouldRegisterBackendStrings: this.shouldRegisterBackendStringsCheckbox.is(':checked') ? 1 : 0, }; var req = new XMLHttpRequest(); req.open("POST", url); req.setRequestHeader('Content-type', 'application/json'); req.setRequestHeader('Accept', 'application/json'); req.setRequestHeader('X-WP-Nonce', restNonce); req.withCredentials = true; req.onload = function() { fadeInAjxResp('#icl-ajx-response-autoregister-strings-type', icl_ajx_saved); }; req.send(JSON.stringify(data)); }, create_dialog: function () { var that = this; this.dialog.dialog({ autoOpen: false, width: 600, modal: true, buttons: [ { class: 'wpml-st-cancel-button', text: 'Cancel', click: function() { jQuery( this ).dialog( 'close' ); } }, { text: 'Apply', class: 'button-primary js-wpml-st-apply-button', click: function() { that.save(true); } } ] }); this.dialog.on('click', '.checkbox-label', function(event) { jQuery(this).parent().find('input[type="checkbox"]').trigger('click'); }); this.box.find('.js-wpml-autoregister-edit-contexts').on( 'click', {'dialog' : this.dialog}, function(event) { event.preventDefault(); event.data.dialog.dialog( 'open' ); event.data.dialog.closest('.ui-dialog').addClass('wpml-st-modal-form'); // We need to set title as block element to put inside block element with icon on new line, so should replace span with div. var titleEl = event.data.dialog.closest('.ui-dialog').find('.ui-dialog-title')[0]; titleEl.outerHTML = titleEl.outerHTML.replace(/ excluded.length ? excluded : included; var text = included.length > excluded.length ? container.data('excluded-preview') : container.data('included-preview'); text += ' ' + elements.slice(0, limit).join(', '); if (elements.length > limit) { text += ' ' + container.data('preview-suffix'); } container.html(text); } }, get_excluded_contexts: function () { var excluded = []; this.form.find('.contexts input:checkbox').not(':checked').each(function() { excluded.push(jQuery(this).val()); }); return excluded; }, get_included_contexts: function () { var included = []; this.form.find('.contexts input:checkbox:checked').each(function() { included.push(jQuery(this).val()); }); return included; }, display_error_msg: function (msg) { alert(msg); }, toggle_context: function(event) { if (jQuery(this).is(':checked')) { if (event.data.form.find('.contexts input:checkbox:not(:checked)').length == 0) { event.data.form.find('input[name = "select_all"]').prop( 'checked', true ); } } else { event.data.form.find('input[name = "select_all"]').prop( 'checked', false ); } }, select_all: function(event) { if (jQuery(this).is(':checked')) { event.data.form.find('.contexts input').prop( 'checked', true ); } else { event.data.form.find('.contexts input').prop( 'checked', false ); } }, filter: function(event) { var text = jQuery(this).val().toLowerCase(); if (text.length < 2) { event.data.form.find('.contexts p').show(); return; } event.data.form.find('.contexts p span').each(function () { if (jQuery(this).text().toLowerCase().search(text) != -1) { jQuery(this).parents('p').show(); } else { jQuery(this).parents('p').hide(); } }) }, checkBoxChanged: function() { this.save(false); this.box.find('.wpml-st-excluded-info-wrapper').slideToggle(); }, isEnabled: function() { return this.checkBox.is(':checked') }, updateDescription: function() { const that = this; clearInterval(this.interval); if ( this.isEnabled() ) { this.description.removeClass('notice-message').addClass('info-message'); this.initCountDown(); const rawString = this.description.data('enabled-string'); this.refreshCountDownInDescription(rawString); this.interval = setInterval( function(rawString) { that.refreshCountDownInDescription(rawString); }, this.intervalMilliseconds, rawString); } else { this.description.addClass('notice-message').removeClass('info-message'); this.description.html(this.description.data('disabled-string')); } }, initCountDown: function() { if (this.runningCountdown > 0) { this.secondsToEnd = this.runningCountdown; this.runningCountdown = 0; } else { this.secondsToEnd = this.description.data('reset-countdown'); } }, refreshCountDownInDescription: function(rawString) { const date = new Date(null); date.setSeconds(this.secondsToEnd); const description = rawString.replace('%s', date.toISOString().substr(11, 8)); this.description.html(description); this.secondsToEnd = this.secondsToEnd - (this.intervalMilliseconds / 1000); if (this.secondsToEnd < 1) { this.checkBox.click(); } } }