/** * @file * Provides theme functions for image Quick Edit's client-side HTML. */ (function (Drupal) { /** * Theme function for validation errors of the Image in-place editor. * * @param {object} settings * Settings object used to construct the markup. * @param {string} settings.errors * Already escaped HTML representing error messages. * * @return {string} * The corresponding HTML. */ Drupal.theme.quickeditImageErrors = function (settings) { return `
${settings.errors}
`; }; /** * Theme function for the dropzone element of the Image module's in-place * editor. * * @param {object} settings * Settings object used to construct the markup. * @param {string} settings.state * State of the upload. * @param {string} settings.text * Text to display inline with the dropzone element. * * @return {string} * The corresponding HTML. */ Drupal.theme.quickeditImageDropzone = function (settings) { return `
` + ' ' + ` ${settings.text}` + '
'; }; /** * Theme function for the toolbar of the Image module's in-place editor. * * @param {object} settings * Settings object used to construct the markup. * @param {bool} settings.alt_field * Whether or not the "Alt" field is enabled for this field. * @param {bool} settings.alt_field_required * Whether or not the "Alt" field is required for this field. * @param {string} settings.alt * The current value for the "Alt" field. * @param {bool} settings.title_field * Whether or not the "Title" field is enabled for this field. * @param {bool} settings.title_field_required * Whether or not the "Title" field is required for this field. * @param {string} settings.title * The current value for the "Title" field. * * @return {string} * The corresponding HTML. */ Drupal.theme.quickeditImageToolbar = function (settings) { let html = '
'; if (settings.alt_field) { html += `${'
' + ' ` + ` ` + '
'; } if (settings.title_field) { html += `${'
' + ' ` + ` ` + '
'; } html += '
'; return html; }; }(Drupal));