3 * CKEditor 'drupalimage' plugin admin behavior.
6 (function ($, Drupal, drupalSettings) {
8 * Provides the summary for the "drupalimage" plugin settings vertical tab.
10 * @type {Drupal~behavior}
12 * @prop {Drupal~behaviorAttach} attach
13 * Attaches summary behaviour to the "drupalimage" settings vertical tab.
15 Drupal.behaviors.ckeditorDrupalImageSettingsSummary = {
17 $('[data-ckeditor-plugin-id="drupalimage"]').drupalSetSummary((context) => {
18 const root = 'input[name="editor[settings][plugins][drupalimage][image_upload]';
19 const $status = $(`${root}[status]"]`);
20 const $maxFileSize = $(`${root}[max_size]"]`);
21 const $maxWidth = $(`${root}[max_dimensions][width]"]`);
22 const $maxHeight = $(`${root}[max_dimensions][height]"]`);
23 const $scheme = $(`${root}[scheme]"]:checked`);
25 const maxFileSize = $maxFileSize.val() ? $maxFileSize.val() : $maxFileSize.attr('placeholder');
26 const maxDimensions = ($maxWidth.val() && $maxHeight.val()) ? `(${$maxWidth.val()}x${$maxHeight.val()})` : '';
28 if (!$status.is(':checked')) {
29 return Drupal.t('Uploads disabled');
33 output += Drupal.t('Uploads enabled, max size: @size @dimensions', { '@size': maxFileSize, '@dimensions': maxDimensions });
35 output += `<br />${$scheme.attr('data-label')}`;
41 }(jQuery, Drupal, drupalSettings));