Remove closing tags

apps/client/src/app/app.component.html

@@ -96,8 +96,8 @@
               href="https://status.ghostfol.io"
               target="_blank"
               title="Ghostfolio Status"
-              >Status<ion-icon class="ml-1" name="open-outline"></ion-icon
-            ></a>
+              >Status<ion-icon class="ml-1" name="open-outline"
+            /></a>
           </li>
         </ul>
       </div>
@@ -110,8 +110,8 @@
               href="https://github.com/ghostfolio/ghostfolio"
               target="_blank"
               title="Find Ghostfolio on GitHub"
-              >GitHub<ion-icon class="ml-1" name="open-outline"></ion-icon
-            ></a>
+              >GitHub<ion-icon class="ml-1" name="open-outline"
+            /></a>
           </li>
           <li>
             <a
@@ -119,8 +119,8 @@
               href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
               target="_blank"
               title="Join the Ghostfolio Slack community"
-              >Slack<ion-icon class="ml-1" name="open-outline"></ion-icon
-            ></a>
+              >Slack<ion-icon class="ml-1" name="open-outline"
+            /></a>
           </li>
           <li>
             <a
@@ -128,11 +128,8 @@
               href="https://twitter.com/ghostfolio_"
               target="_blank"
               title="Follow Ghostfolio on X (formerly Twitter)"
-              >X (formerly Twitter)<ion-icon
-                class="ml-1"
-                name="open-outline"
-              ></ion-icon
-            ></a>
+              >X (formerly Twitter)<ion-icon class="ml-1" name="open-outline"
+            /></a>
           </li>
           <li>&nbsp;</li>
           <li>

apps/client/src/app/components/access-table/access-table.component.html

@@ -27,7 +27,7 @@
     <th *matHeaderCellDef class="px-1" i18n mat-header-cell>Details</th>
     <td *matCellDef="let element" class="px-1 text-nowrap" mat-cell>
       <div *ngIf="element.type === 'PUBLIC'" class="align-items-center d-flex">
-        <ion-icon class="mr-1" name="link-outline"></ion-icon>
+        <ion-icon class="mr-1" name="link-outline" />
         <a
           href="{{ baseUrl }}/{{ defaultLanguageCode }}/p/{{ element.id }}"
           target="_blank"
@@ -47,7 +47,7 @@
         [matMenuTriggerFor]="transactionMenu"
         (click)="$event.stopPropagation()"
       >
-        <ion-icon name="ellipsis-horizontal"></ion-icon>
+        <ion-icon name="ellipsis-horizontal" />
       </button>
       <mat-menu #transactionMenu="matMenu" xPosition="before">
         <button mat-menu-item (click)="onDeleteAccess(element.id)">

apps/client/src/app/pages/pricing/pricing-page.html

@@ -219,7 +219,7 @@
                     ></gf-premium-indicator>
                   </h4>
                   <div *ngIf="user?.subscription?.type === 'Premium'">
-                    <ion-icon class="mr-1" name="checkmark-outline"></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-outline" />
                   </div>
                 </div>
                 <p i18n>
@@ -228,89 +228,56 @@
                 </p>
                 <ul class="list-unstyled mb-3">
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Unlimited Transactions</span>
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Unlimited Accounts</span>
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Portfolio Performance</span>
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Portfolio Summary</span>
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Portfolio Allocations</span>
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Performance Benchmarks</span>
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>FIRE Calculator</span>
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Data Import and Export</span>
                     <span
                       class="align-items-center d-flex ml-1"
                       matTooltipPosition="above"
                       [matTooltip]="importAndExportTooltipPremium"
                     >
-                      <ion-icon name="information-circle-outline"></ion-icon>
+                      <ion-icon name="information-circle-outline" />
                     </span>
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Professional Data Provider</span>
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <a i18n [routerLink]="routerLinkFeatures"
                       >and more Features...</a
                     >
                   </li>
                   <li class="align-items-center d-flex mb-1">
-                    <ion-icon
-                      class="mr-1"
-                      name="checkmark-circle-outline"
-                    ></ion-icon>
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Email and Chat Support</span>
                   </li>
                 </ul>

apps/client/src/app/pages/register/show-access-token-dialog/show-access-token-dialog.html

@@ -22,8 +22,9 @@
           [cdkCopyToClipboard]="data.accessToken"
           (click)="enableAgreeButton()"
         >
-          <ion-icon class="mr-1" name="copy-outline"></ion-icon
-          ><span i18n>Copy to clipboard</span>
+          <ion-icon class="mr-1" name="copy-outline" /><span i18n
+            >Copy to clipboard</span
+          >
         </button>
       </div>
     </mat-form-field>
@@ -42,6 +43,6 @@
     [mat-dialog-close]="data"
   >
     <span i18n>Agree and continue</span>
-    <ion-icon class="ml-1" name="arrow-forward-outline"></ion-icon>
+    <ion-icon class="ml-1" name="arrow-forward-outline" />
   </button>
 </div>

apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html

@@ -41,7 +41,7 @@
                     class="chevron text-muted"
                     name="chevron-forward-outline"
                     size="small"
-                  ></ion-icon>
+                  />
                 </div>
               </a>
             </div>

apps/client/src/app/pages/user-account/user-account-page.html

@@ -22,7 +22,7 @@
       <ion-icon
         [name]="tab.iconName"
         [size]="deviceType === 'mobile' ? 'large': 'small'"
-      ></ion-icon>
+      />
       <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
     </a>
   </ng-container>

apps/client/src/app/pages/zen/zen-page.html

@@ -22,7 +22,7 @@
       <ion-icon
         [name]="tab.iconName"
         [size]="deviceType === 'mobile' ? 'large': 'small'"
-      ></ion-icon>
+      />
       <div class="d-none d-sm-block ml-2">{{ tab.label }}</div>
     </a>
   </ng-container>

libs/ui/src/lib/account-balances/account-balances.component.html

@@ -41,12 +41,12 @@
         [matMenuTriggerFor]="accountBalanceMenu"
         (click)="$event.stopPropagation()"
       >
-        <ion-icon name="ellipsis-horizontal"></ion-icon>
+        <ion-icon name="ellipsis-horizontal" />
       </button>
       <mat-menu #accountBalanceMenu="matMenu" xPosition="before">
         <button mat-menu-item (click)="onDeleteAccountBalance(element.id)">
           <span class="align-items-center d-flex">
-            <ion-icon class="mr-2" name="trash-outline"></ion-icon>
+            <ion-icon class="mr-2" name="trash-outline" />
             <span i18n>Delete</span>
           </span>
         </button>

libs/ui/src/lib/activities-filter/activities-filter.component.html

@@ -1,6 +1,6 @@
 <mat-form-field appearance="outline" class="w-100">
   <button disabled mat-icon-button matPrefix>
-    <ion-icon name="search-outline"></ion-icon>
+    <ion-icon name="search-outline" />
   </button>
   <mat-chip-grid #chipList aria-label="Search keywords">
     <mat-chip-row
@@ -12,7 +12,7 @@
     >
       {{ filter.label | gfSymbol }}
       <button matChipRemove>
-        <ion-icon name="close-outline"></ion-icon>
+        <ion-icon name="close-outline" />
       </button>
     </mat-chip-row>
     <input

libs/ui/src/lib/activity-type/activity-type.component.html

@@ -10,23 +10,14 @@
     sell: activityType === 'SELL'
   }"
 >
-  <ion-icon
-    *ngIf="activityType === 'BUY'"
-    name="arrow-up-circle-outline"
-  ></ion-icon>
+  <ion-icon *ngIf="activityType === 'BUY'" name="arrow-up-circle-outline" />
   <ion-icon
     *ngIf="activityType === 'DIVIDEND' || activityType === 'INTEREST'"
     name="add-circle-outline"
-  ></ion-icon>
-  <ion-icon *ngIf="activityType === 'FEE'" name="hammer-outline"></ion-icon>
-  <ion-icon *ngIf="activityType === 'ITEM'" name="cube-outline"></ion-icon>
-  <ion-icon
-    *ngIf="activityType === 'LIABILITY'"
-    name="flame-outline"
-  ></ion-icon>
-  <ion-icon
-    *ngIf="activityType === 'SELL'"
-    name="arrow-down-circle-outline"
-  ></ion-icon>
+  />
+  <ion-icon *ngIf="activityType === 'FEE'" name="hammer-outline" />
+  <ion-icon *ngIf="activityType === 'ITEM'" name="cube-outline" />
+  <ion-icon *ngIf="activityType === 'LIABILITY'" name="flame-outline" />
+  <ion-icon *ngIf="activityType === 'SELL'" name="arrow-down-circle-outline" />
   <span class="d-none d-lg-block mx-1">{{ activityTypeLabel }}</span>
 </div>

libs/ui/src/lib/carousel/carousel.component.html

@@ -7,7 +7,7 @@
   tabindex="-1"
   (click)="previous()"
 >
-  <ion-icon name="chevron-back-outline"></ion-icon>
+  <ion-icon name="chevron-back-outline" />
 </button>
 
 <div
@@ -30,5 +30,5 @@
   tabindex="-1"
   (click)="next()"
 >
-  <ion-icon name="chevron-forward-outline"></ion-icon>
+  <ion-icon name="chevron-forward-outline" />
 </button>

libs/ui/src/lib/premium-indicator/premium-indicator.component.html

@@ -3,5 +3,5 @@
   title="Upgrade to Ghostfolio Premium"
   [ngStyle]="{ 'pointer-events': enableLink ? 'initial' : 'none' }"
   [routerLink]="['/pricing']"
-  ><ion-icon class="text-muted" name="diamond-outline"></ion-icon
-></a>
+  ><ion-icon class="text-muted" name="diamond-outline"
+/></a>

libs/ui/src/lib/trend-indicator/trend-indicator.component.html

@@ -14,16 +14,14 @@
     class="text-muted"
     name="pause-circle-outline"
     [size]="size"
-  >
-  </ion-icon>
+  />
   <ng-template #delayed>
     <ion-icon
       *ngIf="marketState === 'delayed' && range === '1d'; else trend"
       class="text-muted"
       name="time-outline"
       [size]="size"
-    >
-    </ion-icon>
+    />
   </ng-template>
   <ng-template #trend>
     <ng-container>
@@ -33,20 +31,20 @@
         name="arrow-down-circle-outline"
         [ngClass]="{ 'rotate-45-down': value > -0.01 }"
         [size]="size"
-      ></ion-icon>
+      />
       <ion-icon
         *ngIf="value > -0.0005 && value < 0.0005"
         class="text-muted"
         name="arrow-forward-circle-outline"
         [size]="size"
-      ></ion-icon>
+      />
       <ion-icon
         *ngIf="value >= 0.0005"
         class="text-success"
         name="arrow-up-circle-outline"
         [ngClass]="{ 'rotate-45-up': value < 0.01 }"
         [size]="size"
-      ></ion-icon>
+      />
     </ng-container>
   </ng-template>
 </ng-template>

libs/ui/src/lib/value/value.component.html

@@ -1,5 +1,5 @@
 <div *ngIf="icon" class="align-self-center mr-3">
-  <ion-icon class="h3 m-0" [name]="icon"></ion-icon>
+  <ion-icon class="h3 m-0" [name]="icon" />
 </div>
 <div class="w-100">
   <ng-template #label><ng-content></ng-content></ng-template>