identation requirement to eslint

2021-05-28 10:35:46 +02:00
parent 1e73db7f5c
commit 01b022b1e7
39 changed files with 1832 additions and 1846 deletions
--- a/src/editor/panels/BottomPanel.js
+++ b/src/editor/panels/BottomPanel.js
@@ -16,132 +16,132 @@ class BottomPanel {
  constructor (editor) {
    this.editor = editor;
  }
-    /**
+  /**
   * @type {module}
   */
-     get selectedElement () {
-      return this.editor.selectedElement;
-    }
-    /**
+  get selectedElement () {
+    return this.editor.selectedElement;
+  }
+  /**
     * @type {module}
     */
-    get multiselected () {
-      return this.editor.multiselected;
-    }
-    /**
+  get multiselected () {
+    return this.editor.multiselected;
+  }
+  /**
    * @type {module}
    */
-    changeStrokeWidth (e) {
-      let val = e.target.value;
-      if (val === 0 && this.editor.selectedElement && [ 'line', 'polyline' ].includes(this.editor.selectedElement.nodeName)) {
-        val = 1;
-      }
-      this.editor.svgCanvas.setStrokeWidth(val);
+  changeStrokeWidth (e) {
+    let val = e.target.value;
+    if (val === 0 && this.editor.selectedElement && [ 'line', 'polyline' ].includes(this.editor.selectedElement.nodeName)) {
+      val = 1;
    }
-    /**
+    this.editor.svgCanvas.setStrokeWidth(val);
+  }
+  /**
    * @type {module}
    */
-    changeZoom (value) {
-      switch (value) {
-      case 'canvas':
-      case 'selection':
-      case 'layer':
-      case 'content':
-        this.editor.zoomChanged(window, value);
-        break;
-      default:
-      {
-        const zoomlevel = Number(value) / 100;
-        if (zoomlevel < 0.001) {
-          value = 0.1;
-          return;
-        }
-        const zoom = this.editor.svgCanvas.getZoom();
-        const wArea = this.editor.workarea;
-        this.editor.zoomChanged(window, {
-          width: 0,
-          height: 0,
-          // center pt of scroll position
-          x: (wArea.scrollLeft + parseFloat(getComputedStyle(wArea, null).width.replace("px", "")) / 2) / zoom,
-          y: (wArea.scrollTop + parseFloat(getComputedStyle(wArea, null).height.replace("px", "")) / 2) / zoom,
-          zoom: zoomlevel
-        }, true);
-      }
+  changeZoom (value) {
+    switch (value) {
+    case 'canvas':
+    case 'selection':
+    case 'layer':
+    case 'content':
+      this.editor.zoomChanged(window, value);
+      break;
+    default:
+    {
+      const zoomlevel = Number(value) / 100;
+      if (zoomlevel < 0.001) {
+        value = 0.1;
+        return;
      }
+      const zoom = this.editor.svgCanvas.getZoom();
+      const wArea = this.editor.workarea;
+      this.editor.zoomChanged(window, {
+        width: 0,
+        height: 0,
+        // center pt of scroll position
+        x: (wArea.scrollLeft + parseFloat(getComputedStyle(wArea, null).width.replace("px", "")) / 2) / zoom,
+        y: (wArea.scrollTop + parseFloat(getComputedStyle(wArea, null).height.replace("px", "")) / 2) / zoom,
+        zoom: zoomlevel
+      }, true);
    }
-    /**
+    }
+  }
+  /**
     * @fires module:svgcanvas.SvgCanvas#event:ext_toolButtonStateUpdate
     * @returns {void}
     */
-    updateToolButtonState () {
-      const bNoFill = (this.editor.svgCanvas.getColor('fill') === 'none');
-      const bNoStroke = (this.editor.svgCanvas.getColor('stroke') === 'none');
-      const buttonsNeedingStroke = [ 'tool_fhpath', 'tool_line' ];
-      const buttonsNeedingFillAndStroke = [
-        'tools_rect', 'tools_ellipse',
-        'tool_text', 'tool_path'
-      ];
+  updateToolButtonState () {
+    const bNoFill = (this.editor.svgCanvas.getColor('fill') === 'none');
+    const bNoStroke = (this.editor.svgCanvas.getColor('stroke') === 'none');
+    const buttonsNeedingStroke = [ 'tool_fhpath', 'tool_line' ];
+    const buttonsNeedingFillAndStroke = [
+      'tools_rect', 'tools_ellipse',
+      'tool_text', 'tool_path'
+    ];

-      if (bNoStroke) {
-        buttonsNeedingStroke.forEach((btn) => {
-          // if btn is pressed, change to select button
-          if ($id(btn).pressed) {
-            this.editor.leftPanel.clickSelect();
-          }
-          $id(btn).disabled = true;
-        });
-      } else {
-        buttonsNeedingStroke.forEach((btn) => {
-          $id(btn).disabled = false;
-        });
-      }
-      if (bNoStroke && bNoFill) {
-        // eslint-disable-next-line sonarjs/no-identical-functions
-        buttonsNeedingFillAndStroke.forEach((btn) => {
-          // if btn is pressed, change to select button
-          if ($id(btn).pressed) {
-            this.editor.leftPanel.clickSelect();
-          }
-          $id(btn).disabled = true;
-        });
-      } else {
-        buttonsNeedingFillAndStroke.forEach((btn) => {
-          $id(btn).disabled = false;
-        });
-      }
-      this.editor.svgCanvas.runExtensions(
-        'toolButtonStateUpdate',
-        /** @type {module:svgcanvas.SvgCanvas#event:ext_toolButtonStateUpdate} */ {
-          nofill: bNoFill,
-          nostroke: bNoStroke
+    if (bNoStroke) {
+      buttonsNeedingStroke.forEach((btn) => {
+        // if btn is pressed, change to select button
+        if ($id(btn).pressed) {
+          this.editor.leftPanel.clickSelect();
        }
-      );
+        $id(btn).disabled = true;
+      });
+    } else {
+      buttonsNeedingStroke.forEach((btn) => {
+        $id(btn).disabled = false;
+      });
    }
-    /**
+    if (bNoStroke && bNoFill) {
+      // eslint-disable-next-line sonarjs/no-identical-functions
+      buttonsNeedingFillAndStroke.forEach((btn) => {
+        // if btn is pressed, change to select button
+        if ($id(btn).pressed) {
+          this.editor.leftPanel.clickSelect();
+        }
+        $id(btn).disabled = true;
+      });
+    } else {
+      buttonsNeedingFillAndStroke.forEach((btn) => {
+        $id(btn).disabled = false;
+      });
+    }
+    this.editor.svgCanvas.runExtensions(
+      'toolButtonStateUpdate',
+      /** @type {module:svgcanvas.SvgCanvas#event:ext_toolButtonStateUpdate} */ {
+        nofill: bNoFill,
+        nostroke: bNoStroke
+      }
+    );
+  }
+  /**
    * @type {module}
    */
-    handleColorPicker (type, evt) {
-      const { paint } = evt.detail;
-      this.editor.svgCanvas.setPaint(type, paint);
-      this.updateToolButtonState();
-    }
-    /**
+  handleColorPicker (type, evt) {
+    const { paint } = evt.detail;
+    this.editor.svgCanvas.setPaint(type, paint);
+    this.updateToolButtonState();
+  }
+  /**
    * @type {module}
    */
-    handleStrokeAttr (type, evt) {
-      this.editor.svgCanvas.setStrokeAttr(type, evt.detail.value);
-    }
-    /**
+  handleStrokeAttr (type, evt) {
+    this.editor.svgCanvas.setStrokeAttr(type, evt.detail.value);
+  }
+  /**
    * @type {module}
    */
-    handleOpacity (evt) {
-      const val = Number.parseInt(evt.currentTarget.value.split('%')[0]);
-      this.editor.svgCanvas.setOpacity(val / 100);
-    }
+  handleOpacity (evt) {
+    const val = Number.parseInt(evt.currentTarget.value.split('%')[0]);
+    this.editor.svgCanvas.setOpacity(val / 100);
+  }
  /**
  * @type {module}
  */
-   handlePalette (e) {
+  handlePalette (e) {
    e.preventDefault();
    // shift key or right click for stroke
    const { picker, color } = e.detail;
@@ -233,7 +233,7 @@ class BottomPanel {
  /**
  * @type {module}
  */
-   updateColorpickers (apply) {
+  updateColorpickers (apply) {
    $id('fill_color').update(this.editor.svgCanvas, this.editor.selectedElement, apply);
    $id('stroke_color').update(this.editor.svgCanvas, this.editor.selectedElement, apply);
  }
--- a/src/editor/panels/LayersPanel.js
+++ b/src/editor/panels/LayersPanel.js
@@ -92,20 +92,20 @@ class LayersPanel {
  lmenuFunc(e) {
    const action = e?.detail?.trigger;
    switch (action) {
-      case "dupe":
-        this.cloneLayer();
-        break;
-      case "delete":
-        this.deleteLayer();
-        break;
-      case "merge_down":
-        this.mergeLayer();
-        break;
-      case "merge_all":
-        this.editor.svgCanvas.mergeAllLayers();
-        this.updateContextPanel();
-        this.populateLayers();
-        break;
+    case "dupe":
+      this.cloneLayer();
+      break;
+    case "delete":
+      this.deleteLayer();
+      break;
+    case "merge_down":
+      this.mergeLayer();
+      break;
+    case "merge_all":
+      this.editor.svgCanvas.mergeAllLayers();
+      this.updateContextPanel();
+      this.populateLayers();
+      break;
    }
  }
  /**
@@ -283,7 +283,7 @@ class LayersPanel {

  index(el) {
    if (!el) return -1;
-    var i = 0;
+    let i = 0;
    do {
      i++;
    } while (el == el.previousElementSibling);
--- a/src/editor/panels/TopPanel.js
+++ b/src/editor/panels/TopPanel.js
@@ -68,48 +68,48 @@ class TopPanel {
    let i, len;
    if (!isNullish(this.selectedElement)) {
      switch (this.selectedElement.tagName) {
-        case "use":
-        case "image":
-        case "foreignObject":
-          break;
-        case "g":
-        case "a": {
-          // Look for common styles
-          const childs = this.selectedElement.getElementsByTagName("*");
-          let gWidth = null;
-          for (i = 0, len = childs.length; i < len; i++) {
-            const swidth = childs[i].getAttribute("stroke-width");
+      case "use":
+      case "image":
+      case "foreignObject":
+        break;
+      case "g":
+      case "a": {
+        // Look for common styles
+        const childs = this.selectedElement.getElementsByTagName("*");
+        let gWidth = null;
+        for (i = 0, len = childs.length; i < len; i++) {
+          const swidth = childs[i].getAttribute("stroke-width");

-            if (i === 0) {
-              gWidth = swidth;
-            } else if (gWidth !== swidth) {
-              gWidth = null;
-            }
+          if (i === 0) {
+            gWidth = swidth;
+          } else if (gWidth !== swidth) {
+            gWidth = null;
          }
-
-          $id("stroke_width").value = (gWidth === null ? "" : gWidth);
-          this.editor.bottomPanel.updateColorpickers(true);
-          break;
        }
-        default: {
-          this.editor.bottomPanel.updateColorpickers(true);

-          $id("stroke_width").value = this.selectedElement.getAttribute("stroke-width") || 1;
-          $id("stroke_style").value = this.selectedElement.getAttribute("stroke-dasharray") || "none";
+        $id("stroke_width").value = (gWidth === null ? "" : gWidth);
+        this.editor.bottomPanel.updateColorpickers(true);
+        break;
+      }
+      default: {
+        this.editor.bottomPanel.updateColorpickers(true);

-          let attr =
+        $id("stroke_width").value = this.selectedElement.getAttribute("stroke-width") || 1;
+        $id("stroke_style").value = this.selectedElement.getAttribute("stroke-dasharray") || "none";
+
+        let attr =
            this.selectedElement.getAttribute("stroke-linejoin") || "miter";

-          if ($id("linejoin_" + attr).length) {
-            this.setStrokeOpt($id("linejoin_" + attr));
-          }
-
-          attr = this.selectedElement.getAttribute("stroke-linecap") || "butt";
-
-          if ($id("linecap_" + attr).length) {
-            this.setStrokeOpt($id("linecap_" + attr));
-          }
+        if ($id("linejoin_" + attr).length) {
+          this.setStrokeOpt($id("linejoin_" + attr));
        }
+
+        attr = this.selectedElement.getAttribute("stroke-linecap") || "butt";
+
+        if ($id("linecap_" + attr).length) {
+          this.setStrokeOpt($id("linecap_" + attr));
+        }
+      }
      }
    }

@@ -332,21 +332,21 @@ class TopPanel {
          const textAnchorMiddle = $id("tool_text_anchor_middle");
          const textAnchorEnd = $id("tool_text_anchor_end");
          switch (elem.getAttribute("text-anchor")) {
-            case "start":
-              textAnchorStart.pressed = true;
-              textAnchorMiddle.pressed = false;
-              textAnchorEnd.pressed = false;
-              break;
-            case "middle":
-              textAnchorStart.pressed = false;
-              textAnchorMiddle.pressed = true;
-              textAnchorEnd.pressed = false;
-              break;
-            case "end":
-              textAnchorStart.pressed = false;
-              textAnchorMiddle.pressed = false;
-              textAnchorEnd.pressed = true;
-              break;
+          case "start":
+            textAnchorStart.pressed = true;
+            textAnchorMiddle.pressed = false;
+            textAnchorEnd.pressed = false;
+            break;
+          case "middle":
+            textAnchorStart.pressed = false;
+            textAnchorMiddle.pressed = true;
+            textAnchorEnd.pressed = false;
+            break;
+          case "end":
+            textAnchorStart.pressed = false;
+            textAnchorMiddle.pressed = false;
+            textAnchorEnd.pressed = true;
+            break;
          }
          if (this.editor.svgCanvas.addedNew) {
            // Timeout needed for IE9