Chris@0: /** Chris@0: * @file Chris@0: * CKEditor 'drupalimage' plugin admin behavior. Chris@0: */ Chris@0: Chris@17: (function($, Drupal, drupalSettings) { Chris@0: /** Chris@0: * Provides the summary for the "drupalimage" plugin settings vertical tab. Chris@0: * Chris@0: * @type {Drupal~behavior} Chris@0: * Chris@0: * @prop {Drupal~behaviorAttach} attach Chris@0: * Attaches summary behaviour to the "drupalimage" settings vertical tab. Chris@0: */ Chris@0: Drupal.behaviors.ckeditorDrupalImageSettingsSummary = { Chris@0: attach() { Chris@17: $('[data-ckeditor-plugin-id="drupalimage"]').drupalSetSummary(context => { Chris@17: const root = Chris@17: 'input[name="editor[settings][plugins][drupalimage][image_upload]'; Chris@0: const $status = $(`${root}[status]"]`); Chris@0: const $maxFileSize = $(`${root}[max_size]"]`); Chris@0: const $maxWidth = $(`${root}[max_dimensions][width]"]`); Chris@0: const $maxHeight = $(`${root}[max_dimensions][height]"]`); Chris@0: const $scheme = $(`${root}[scheme]"]:checked`); Chris@0: Chris@17: const maxFileSize = $maxFileSize.val() Chris@17: ? $maxFileSize.val() Chris@17: : $maxFileSize.attr('placeholder'); Chris@17: const maxDimensions = Chris@17: $maxWidth.val() && $maxHeight.val() Chris@17: ? `(${$maxWidth.val()}x${$maxHeight.val()})` Chris@17: : ''; Chris@0: Chris@0: if (!$status.is(':checked')) { Chris@0: return Drupal.t('Uploads disabled'); Chris@0: } Chris@0: Chris@0: let output = ''; Chris@17: output += Drupal.t('Uploads enabled, max size: @size @dimensions', { Chris@17: '@size': maxFileSize, Chris@17: '@dimensions': maxDimensions, Chris@17: }); Chris@0: if ($scheme.length) { Chris@0: output += `
${$scheme.attr('data-label')}`; Chris@0: } Chris@0: return output; Chris@0: }); Chris@0: }, Chris@0: }; Chris@17: })(jQuery, Drupal, drupalSettings);