← All changes
|
includes/admin/settings/js/settings-admin-scripts.js
+25
-16
4.4.3
→
4.5.2
View file →
| @@ -1,7 +1,7 @@ | ||
| 1 | 1 | jQuery(document).ready(function ($) { |
| 2 | 2 | |
| 3 | - const prefix = WZSettingsAdmin.prefix || 'wz'; | |
| 3 | + const prefix = WebberSettingsAdmin.prefix || 'wz'; | |
| 4 | 4 | |
| 5 | 5 | // File browser. |
| 6 | 6 | $('.file-browser').on('click', function (event) { |
| 7 | 7 | event.preventDefault(); |
| @@ -52,9 +52,9 @@ | ||
| 52 | 52 | var $panels = $form.children('div[id]'); |
| 53 | 53 | var $navLinks = $container.find('> ul.nav-tab-wrapper a.nav-tab'); |
| 54 | 54 | var $clearButton = $container.find('.wz-settings-search-clear'); |
| 55 | 55 | var $status = $container.find('.wz-settings-search-status'); |
| 56 | - var strings = (typeof WZSettingsAdmin !== 'undefined' && WZSettingsAdmin.strings) || {}; | |
| 56 | + var strings = (typeof WebberSettingsAdmin !== 'undefined' && WebberSettingsAdmin.strings) || {}; | |
| 57 | 57 | var $noResults = null; |
| 58 | 58 | var $actionsBar = null; |
| 59 | 59 | var indexBuilt = false; |
| 60 | 60 | var debounceTimer = null; |
| @@ -296,11 +296,11 @@ | ||
| 296 | 296 | }); |
| 297 | 297 | |
| 298 | 298 | // Reset default thumbnail - uses plugin-specific localized data. |
| 299 | 299 | $('.reset-default-thumb').on('click', function () { |
| 300 | - var settingsKey = WZSettingsAdmin.settings_key || ''; | |
| 301 | - var thumbDefault = (typeof window[WZSettingsAdmin.prefix + '_admin'] !== 'undefined') | |
| 302 | - ? window[WZSettingsAdmin.prefix + '_admin'].thumb_default | |
| 300 | + var settingsKey = WebberSettingsAdmin.settings_key || ''; | |
| 301 | + var thumbDefault = (typeof window[WebberSettingsAdmin.prefix + '_admin'] !== 'undefined') | |
| 302 | + ? window[WebberSettingsAdmin.prefix + '_admin'].thumb_default | |
| 303 | 303 | : ''; |
| 304 | 304 | $('#' + settingsKey + '-thumb_default').val(thumbDefault); |
| 305 | 305 | }); |
| 306 | 306 | |
| @@ -342,12 +342,16 @@ | ||
| 342 | 342 | template = template.replace(/{{ROW_ID}}/g, uniqueId); |
| 343 | 343 | itemsContainer.append(template); |
| 344 | 344 | index++; |
| 345 | 345 | var newItem = itemsContainer.find('.wz-repeater-item:last'); |
| 346 | - itemsContainer.find('.repeater-item-header:last .toggle-icon').text('\u25b2'); | |
| 347 | - itemsContainer.find('.repeater-item-content:last').css('display', 'block'); | |
| 348 | - if (window.WZInitTomSelect) { | |
| 349 | - window.WZInitTomSelect(newItem.get(0)); | |
| 346 | + itemsContainer.find('.repeater-item-header:last') | |
| 347 | + .attr('aria-expanded', 'true') | |
| 348 | + .find('.toggle-icon').text('\u25b2'); | |
| 349 | + itemsContainer.find('.repeater-item-content:last') | |
| 350 | + .attr('aria-hidden', 'false') | |
| 351 | + .css('display', 'block'); | |
| 352 | + if (window.WebberInitTomSelect) { | |
| 353 | + window.WebberInitTomSelect(newItem.get(0)); | |
| 350 | 354 | } |
| 351 | 355 | document.dispatchEvent(new CustomEvent('wz:repeater-item-added', { detail: { container: newItem.get(0) } })); |
| 352 | 356 | }); |
| 353 | 357 | |
| @@ -377,17 +381,22 @@ | ||
| 377 | 381 | } |
| 378 | 382 | }); |
| 379 | 383 | |
| 380 | 384 | // Toggle Accordion. |
| 381 | - wrapper.on('click', '.repeater-item-header', function () { | |
| 382 | - var $this = $(this); | |
| 383 | - var $toggleIcon = $this.find('.toggle-icon'); | |
| 384 | - var $content = $this.next('.repeater-item-content'); | |
| 385 | - if ($content.is(':visible')) { | |
| 386 | - $content.slideUp(); | |
| 385 | + wrapper.on('click', '.repeater-item-header', function (e) { | |
| 386 | + e.preventDefault(); | |
| 387 | + e.stopImmediatePropagation(); | |
| 388 | + var $button = $(this); | |
| 389 | + var $toggleIcon = $button.find('.toggle-icon'); | |
| 390 | + var $content = $button.next('.repeater-item-content'); | |
| 391 | + var isExpanded = 'true' === $button.attr('aria-expanded'); | |
| 392 | + if (isExpanded) { | |
| 393 | + $button.attr('aria-expanded', 'false'); | |
| 394 | + $content.attr('aria-hidden', 'true').stop(true, true).hide(); | |
| 387 | 395 | $toggleIcon.text('\u25bc'); |
| 388 | 396 | } else { |
| 389 | - $content.slideDown(); | |
| 397 | + $button.attr('aria-expanded', 'true'); | |
| 398 | + $content.attr('aria-hidden', 'false').stop(true, true).show(); | |
| 390 | 399 | $toggleIcon.text('\u25b2'); |
| 391 | 400 | } |
| 392 | 401 | }); |
| 393 | 402 | |