* Provides theme functions for image Quick Edit's client-side HTML.
*/
-(function (Drupal) {
+(function(Drupal) {
/**
* Theme function for validation errors of the Image in-place editor.
*
* @return {string}
* The corresponding HTML.
*/
- Drupal.theme.quickeditImageErrors = function (settings) {
+ Drupal.theme.quickeditImageErrors = function(settings) {
return `<div class="quickedit-image-errors">${settings.errors}</div>`;
};
* @return {string}
* The corresponding HTML.
*/
- Drupal.theme.quickeditImageDropzone = function (settings) {
- return `<div class="quickedit-image-dropzone ${settings.state}">` +
+ Drupal.theme.quickeditImageDropzone = function(settings) {
+ return (
+ `<div class="quickedit-image-dropzone ${settings.state}">` +
' <i class="quickedit-image-icon"></i>' +
` <span class="quickedit-image-text">${settings.text}</span>` +
- '</div>';
+ '</div>'
+ );
};
/**
* @return {string}
* The corresponding HTML.
*/
- Drupal.theme.quickeditImageToolbar = function (settings) {
+ Drupal.theme.quickeditImageToolbar = function(settings) {
let html = '<form class="quickedit-image-field-info">';
if (settings.alt_field) {
- html += `${' <div>' +
- ' <label for="alt" class="'}${settings.alt_field_required ? 'required' : ''}">${Drupal.t('Alternative text')}</label>` +
- ` <input type="text" placeholder="${settings.alt}" value="${settings.alt}" name="alt" ${settings.alt_field_required ? 'required' : ''}/>` +
+ html +=
+ `<div><label for="alt" class="${
+ settings.alt_field_required ? 'required' : ''
+ }">${Drupal.t('Alternative text')}</label>` +
+ `<input type="text" placeholder="${settings.alt}" value="${
+ settings.alt
+ }" name="alt" ${settings.alt_field_required ? 'required' : ''}/>` +
' </div>';
}
if (settings.title_field) {
- html += `${' <div>' +
- ' <label for="title" class="'}${settings.title_field_required ? 'form-required' : ''}">${Drupal.t('Title')}</label>` +
- ` <input type="text" placeholder="${settings.title}" value="${settings.title}" name="title" ${settings.title_field_required ? 'required' : ''}/>` +
- ' </div>';
+ html +=
+ `<div><label for="title" class="${
+ settings.title_field_required ? 'form-required' : ''
+ }">${Drupal.t('Title')}</label>` +
+ `<input type="text" placeholder="${settings.title}" value="${
+ settings.title
+ }" name="title" ${settings.title_field_required ? 'required' : ''}/>` +
+ '</div>';
}
html += '</form>';
return html;
};
-}(Drupal));
+})(Drupal);