From 10a7855799dfbcc8b2562fc3f50e6357fbb499db Mon Sep 17 00:00:00 2001
From: Somya Bansal <somi.bansal159@gmail.com>
Date: Fri, 28 Jul 2023 17:05:10 +0530
Subject: [PATCH] Fixed linting issue in the html file

---
 .../cartesian-grid-config.component.html      | 180 +++++++++---------
 .../view-options/view-options.component.html  |  14 +-
 2 files changed, 92 insertions(+), 102 deletions(-)

diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.html b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.html
index e1ee26ba..880b52a1 100644
--- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.html
+++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.html
@@ -1,94 +1,90 @@
 <div>
-    <h1 mat-dialog-title>Customize Cartesian Grid</h1>
-    <div mat-dialog-content class="dialog-content">
-        <button
-            mat-menu-item
-            (click)="
-                showXYPlanesCheckbox._inputElement.nativeElement.click()
-            "
-            >
-            <mat-checkbox
-                #showXYPlanesCheckbox
-                [(ngModel)]="gridConfig.showXY"
-                (click)="$event.stopPropagation()"
-                (change)="showXYPlanes($event)"
-                >Show XY Planes
-            </mat-checkbox>
-        </button>
-        <button class="slider-btn" mat-menu-item (focus)="xyPlaneSlider.focus()">
-            <mat-slider min="-300" [max]=scale step="300" thumbLabel>
-            <input
-                #xyPlaneSlider
-                matSliderThumb
-                [value]="gridConfig.zDistance"
-                (input)="addXYPlanes($event)"
-            />
-            </mat-slider>
-            XY Plane ({{ calcPlanes(gridConfig.zDistance) }})
-        </button>
-        <button
-            mat-menu-item
-            (click)="
-            showYZPlanesCheckbox._inputElement.nativeElement.click()
-            "
-        >
-            <mat-checkbox
-                #showYZPlanesCheckbox
-                [(ngModel)]="gridConfig.showYZ"
-                (click)="$event.stopPropagation()"
-                (change)="showYZPlanes($event)"
-                >Show YZ Planes
-            </mat-checkbox>
-        </button>
-        <button class="slider-btn" mat-menu-item (focus)="yzPlaneSlider.focus()">
-            <mat-slider min="-300" [max]=scale step="300" thumbLabel>
-            <input
-                #yzPlaneSlider
-                matSliderThumb
-                [value]="gridConfig.xDistance"
-                (input)="addYZPlanes($event)"
-            />
-            </mat-slider>
-            YZ Plane ({{ calcPlanes(gridConfig.xDistance) }})
-        </button>
-        <button
-            mat-menu-item
-            (click)="
-            showZXPlanesCheckbox._inputElement.nativeElement.click()
-            "
-        >
-            <mat-checkbox
-                #showZXPlanesCheckbox
-                [(ngModel)]="gridConfig.showZX"
-                (click)="$event.stopPropagation()"
-                (change)="showZXPlanes($event)"
-                >Show ZX Planes
-            </mat-checkbox>
-        </button>
-        <button class="slider-btn" mat-menu-item (focus)="zxPlaneSlider.focus()">
-            <mat-slider min="-300" [max]=scale step="300" thumbLabel>
-            <input
-                #zxPlaneSlider
-                matSliderThumb
-                [value]="gridConfig.yDistance"
-                (input)="addZXPlanes($event)"
-            />
-            </mat-slider>
-            ZX Plane ({{ calcPlanes(gridConfig.yDistance) }})
-        </button>
-        <button class="slider-btn" mat-menu-item (focus)="sparsitySlider.focus()">
-            <mat-slider min="1" max="5" step="1" thumbLabel>
-            <input
-                #sparsitySlider
-                matSliderThumb
-                [value]="gridConfig.sparsity"
-                (input)="changeSparsity($event)"
-            />
-            </mat-slider>
-            Sparsity ({{ gridConfig.sparsity }})
-        </button>
-    </div>
-    <div mat-dialog-actions align="end">
-        <button mat-flat-button color="primary" (click)="onClose()" cdkFocusInitial>Close</button>
-    </div>
+  <h1 mat-dialog-title>Customize Cartesian Grid</h1>
+  <div mat-dialog-content class="dialog-content">
+    <button
+      mat-menu-item
+      (click)="showXYPlanesCheckbox._inputElement.nativeElement.click()"
+    >
+      <mat-checkbox
+        #showXYPlanesCheckbox
+        [(ngModel)]="gridConfig.showXY"
+        (click)="$event.stopPropagation()"
+        (change)="showXYPlanes($event)"
+        >Show XY Planes
+      </mat-checkbox>
+    </button>
+    <button class="slider-btn" mat-menu-item (focus)="xyPlaneSlider.focus()">
+      <mat-slider min="-300" [max]="scale" step="300" thumbLabel>
+        <input
+          #xyPlaneSlider
+          matSliderThumb
+          [value]="gridConfig.zDistance"
+          (input)="addXYPlanes($event)"
+        />
+      </mat-slider>
+      XY Plane ({{ calcPlanes(gridConfig.zDistance) }})
+    </button>
+    <button
+      mat-menu-item
+      (click)="showYZPlanesCheckbox._inputElement.nativeElement.click()"
+    >
+      <mat-checkbox
+        #showYZPlanesCheckbox
+        [(ngModel)]="gridConfig.showYZ"
+        (click)="$event.stopPropagation()"
+        (change)="showYZPlanes($event)"
+        >Show YZ Planes
+      </mat-checkbox>
+    </button>
+    <button class="slider-btn" mat-menu-item (focus)="yzPlaneSlider.focus()">
+      <mat-slider min="-300" [max]="scale" step="300" thumbLabel>
+        <input
+          #yzPlaneSlider
+          matSliderThumb
+          [value]="gridConfig.xDistance"
+          (input)="addYZPlanes($event)"
+        />
+      </mat-slider>
+      YZ Plane ({{ calcPlanes(gridConfig.xDistance) }})
+    </button>
+    <button
+      mat-menu-item
+      (click)="showZXPlanesCheckbox._inputElement.nativeElement.click()"
+    >
+      <mat-checkbox
+        #showZXPlanesCheckbox
+        [(ngModel)]="gridConfig.showZX"
+        (click)="$event.stopPropagation()"
+        (change)="showZXPlanes($event)"
+        >Show ZX Planes
+      </mat-checkbox>
+    </button>
+    <button class="slider-btn" mat-menu-item (focus)="zxPlaneSlider.focus()">
+      <mat-slider min="-300" [max]="scale" step="300" thumbLabel>
+        <input
+          #zxPlaneSlider
+          matSliderThumb
+          [value]="gridConfig.yDistance"
+          (input)="addZXPlanes($event)"
+        />
+      </mat-slider>
+      ZX Plane ({{ calcPlanes(gridConfig.yDistance) }})
+    </button>
+    <button class="slider-btn" mat-menu-item (focus)="sparsitySlider.focus()">
+      <mat-slider min="1" max="5" step="1" thumbLabel>
+        <input
+          #sparsitySlider
+          matSliderThumb
+          [value]="gridConfig.sparsity"
+          (input)="changeSparsity($event)"
+        />
+      </mat-slider>
+      Sparsity ({{ gridConfig.sparsity }})
+    </button>
+  </div>
+  <div mat-dialog-actions align="end">
+    <button mat-flat-button color="primary" (click)="onClose()" cdkFocusInitial>
+      Close
+    </button>
+  </div>
 </div>
diff --git a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/view-options/view-options.component.html b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/view-options/view-options.component.html
index 8b5a350b..e2acd80a 100644
--- a/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/view-options/view-options.component.html
+++ b/packages/phoenix-ng/projects/phoenix-ui-components/lib/components/ui-menu/view-options/view-options.component.html
@@ -1,7 +1,5 @@
 <mat-menu #viewOptions>
-  <button
-    mat-menu-item
-  >
+  <button mat-menu-item>
     <mat-checkbox
       #showCartesianGridCheckbox
       (click)="$event.stopPropagation()"
@@ -10,9 +8,7 @@
     </mat-checkbox>
     <button
       class="icon-wrapper icon-button btn-blank item-settings"
-      (click)="
-        openCartesianGridConfigDialog()
-      "
+      (click)="openCartesianGridConfigDialog()"
     >
       <svg>
         <use href="assets/icons/gear.svg#gear"></use>
@@ -49,10 +45,8 @@
   </button>
   <button
     mat-menu-item
-    (click)="
-      showLabelsCheckbox._inputElement.nativeElement.click();
-    "
-    >
+    (click)="showLabelsCheckbox._inputElement.nativeElement.click()"
+  >
     <mat-checkbox
       #showLabelsCheckbox
       (click)="$event.stopPropagation()"