comparison core/modules/quickedit/js/theme.es6.js @ 17:129ea1e6d783

Update, including to Drupal core 8.6.10

 /**
  * @file
  * Provides theme functions for all of Quick Edit's client-side HTML.
  */
 
-(function ($, Drupal) {
+(function($, Drupal) {
   /**
    * Theme function for a "backstage" for the Quick Edit module.
    *
    * @param {object} settings
    *   Settings object used to construct the markup.

    *   The id to apply to the backstage.
    *
    * @return {string}
    *   The corresponding HTML.
    */
-  Drupal.theme.quickeditBackstage = function (settings) {
+  Drupal.theme.quickeditBackstage = function(settings) {
     let html = '';
     html += `<div id="${settings.id}" />`;
     return html;
   };
 

    *   the id to apply to the backstage.
    *
    * @return {string}
    *   The corresponding HTML.
    */
-  Drupal.theme.quickeditEntityToolbar = function (settings) {
+  Drupal.theme.quickeditEntityToolbar = function(settings) {
     let html = '';
-    html += `<div id="${settings.id}" class="quickedit quickedit-toolbar-container clearfix">`;
+    html += `<div id="${
+      settings.id
+    }" class="quickedit quickedit-toolbar-container clearfix">`;
     html += '<i class="quickedit-toolbar-pointer"></i>';
     html += '<div class="quickedit-toolbar-content">';
-    html += '<div class="quickedit-toolbar quickedit-toolbar-entity clearfix icon icon-pencil">';
+    html +=
+      '<div class="quickedit-toolbar quickedit-toolbar-entity clearfix icon icon-pencil">';
     html += '<div class="quickedit-toolbar-label" />';
     html += '</div>';
-    html += '<div class="quickedit-toolbar quickedit-toolbar-field clearfix" />';
+    html +=
+      '<div class="quickedit-toolbar quickedit-toolbar-field clearfix" />';
     html += '</div><div class="quickedit-toolbar-lining"></div></div>';
     return html;
   };
 
   /**

    *   The label of the highlighted or active field.
    *
    * @return {string}
    *   The corresponding HTML.
    */
-  Drupal.theme.quickeditEntityToolbarLabel = function (settings) {
+  Drupal.theme.quickeditEntityToolbarLabel = function(settings) {
     // @todo Add XSS regression test coverage in https://www.drupal.org/node/2547437
-    return `<span class="field">${Drupal.checkPlain(settings.fieldLabel)}</span>${Drupal.checkPlain(settings.entityLabel)}`;
+    return `<span class="field">${Drupal.checkPlain(
+      settings.fieldLabel,
+    )}</span>${Drupal.checkPlain(settings.entityLabel)}`;
   };
 
   /**
    * Element defining a containing box for the placement of the entity toolbar.
    *
    * @return {string}
    *   The corresponding HTML.
    */
-  Drupal.theme.quickeditEntityToolbarFence = function () {
+  Drupal.theme.quickeditEntityToolbarFence = function() {
     return '<div id="quickedit-toolbar-fence" />';
   };
 
   /**
    * Theme function for a toolbar container of the Quick Edit module.

    *   The id to apply to the toolbar container.
    *
    * @return {string}
    *   The corresponding HTML.
    */
-  Drupal.theme.quickeditFieldToolbar = function (settings) {
+  Drupal.theme.quickeditFieldToolbar = function(settings) {
     return `<div id="${settings.id}" />`;
   };
 
   /**
    * Theme function for a toolbar toolgroup of the Quick Edit module.

    *   See {@link Drupal.theme.quickeditButtons}.
    *
    * @return {string}
    *   The corresponding HTML.
    */
-  Drupal.theme.quickeditToolgroup = function (settings) {
+  Drupal.theme.quickeditToolgroup = function(settings) {
     // Classes.
-    const classes = (settings.classes || []);
+    const classes = settings.classes || [];
     classes.unshift('quickedit-toolgroup');
     let html = '';
     html += `<div class="${classes.join(' ')}"`;
     if (settings.id) {
       html += ` id="${settings.id}"`;

    * - String label: the label of the button.
    *
    * @return {string}
    *   The corresponding HTML.
    */
-  Drupal.theme.quickeditButtons = function (settings) {
+  Drupal.theme.quickeditButtons = function(settings) {
     let html = '';
     for (let i = 0; i < settings.buttons.length; i++) {
       const button = settings.buttons[i];
       if (!button.hasOwnProperty('type')) {
         button.type = 'button';
       }
       // Attributes.
       const attributes = [];
       const attrMap = settings.buttons[i].attributes || {};
-      Object.keys(attrMap).forEach((attr) => {
-        attributes.push(attr + ((attrMap[attr]) ? `="${attrMap[attr]}"` : ''));
+      Object.keys(attrMap).forEach(attr => {
+        attributes.push(attr + (attrMap[attr] ? `="${attrMap[attr]}"` : ''));
       });
-      html += `<button type="${button.type}" class="${button.classes}" ${attributes.join(' ')}>${button.label}</button>`;
+      html += `<button type="${button.type}" class="${
+        button.classes
+      }" ${attributes.join(' ')}>${button.label}</button>`;
     }
     return html;
   };
 
   /**

    *   The message to show while loading.
    *
    * @return {string}
    *   The corresponding HTML.
    */
-  Drupal.theme.quickeditFormContainer = function (settings) {
+  Drupal.theme.quickeditFormContainer = function(settings) {
     let html = '';
     html += `<div id="${settings.id}" class="quickedit-form-container">`;
     html += '  <div class="quickedit-form">';
     html += '    <div class="placeholder">';
     html += settings.loadingMsg;
     html += '    </div>';
     html += '  </div>';
     html += '</div>';
     return html;
   };
-}(jQuery, Drupal));
+})(jQuery, Drupal);