From 9a9a7d2999b902a586feb61ae3faac0d23ffa90f Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Wed, 8 Oct 2025 11:22:55 +0200
Subject: [PATCH] Refactor to self-closing tags

---
 apps/client/src/app/app.component.html                 |  2 +-
 .../admin-market-data/admin-market-data.html           |  3 +--
 .../create-asset-profile-dialog.html                   |  6 ++----
 .../src/app/components/header/header.component.html    |  4 ++--
 .../holding-detail-dialog/holding-detail-dialog.html   | 10 ++++++----
 apps/client/src/app/pages/about/about-page.html        |  2 +-
 .../src/app/pages/about/changelog/changelog-page.html  |  2 +-
 .../src/app/pages/about/license/license-page.html      |  2 +-
 .../about/privacy-policy/privacy-policy-page.html      |  2 +-
 .../about/terms-of-service/terms-of-service-page.html  |  2 +-
 apps/client/src/app/pages/admin/admin-page.html        |  2 +-
 apps/client/src/app/pages/faq/faq-page.html            |  2 +-
 apps/client/src/app/pages/home/home-page.html          |  2 +-
 .../client/src/app/pages/portfolio/portfolio-page.html |  2 +-
 .../client/src/app/pages/resources/resources-page.html |  2 +-
 .../src/app/pages/user-account/user-account-page.html  |  2 +-
 apps/client/src/app/pages/zen/zen-page.html            |  2 +-
 .../activities-table/activities-table.component.html   |  4 +---
 libs/ui/src/lib/carousel/carousel.component.html       |  2 +-
 .../lib/fire-calculator/fire-calculator.component.html |  3 +--
 libs/ui/src/lib/value/value.component.html             |  8 +++-----
 21 files changed, 30 insertions(+), 36 deletions(-)

diff --git a/apps/client/src/app/app.component.html b/apps/client/src/app/app.component.html
index 9680d0830..2f5faa24c 100644
--- a/apps/client/src/app/app.component.html
+++ b/apps/client/src/app/app.component.html
@@ -43,7 +43,7 @@
 </header>
 
 <main role="main">
-  <router-outlet></router-outlet>
+  <router-outlet />
 </main>
 
 @if (showFooter) {
diff --git a/apps/client/src/app/components/admin-market-data/admin-market-data.html b/apps/client/src/app/components/admin-market-data/admin-market-data.html
index bfa6d550e..f6aefcc10 100644
--- a/apps/client/src/app/components/admin-market-data/admin-market-data.html
+++ b/apps/client/src/app/components/admin-market-data/admin-market-data.html
@@ -64,8 +64,7 @@
                   [checked]="selection.isSelected(element)"
                   (change)="$event ? selection.toggle(element) : null"
                   (click)="$event.stopPropagation()"
-                >
-                </mat-checkbox>
+                />
               }
             </td>
           </ng-container>
diff --git a/apps/client/src/app/components/admin-market-data/create-asset-profile-dialog/create-asset-profile-dialog.html b/apps/client/src/app/components/admin-market-data/create-asset-profile-dialog/create-asset-profile-dialog.html
index 1474596aa..aec21f2b1 100644
--- a/apps/client/src/app/components/admin-market-data/create-asset-profile-dialog/create-asset-profile-dialog.html
+++ b/apps/client/src/app/components/admin-market-data/create-asset-profile-dialog/create-asset-profile-dialog.html
@@ -14,11 +14,9 @@
       >
         <mat-radio-button name="auto" value="auto" />
         <label class="m-0" for="auto" i18n>Search</label>
-        <mat-radio-button class="ml-3" name="manual" value="manual">
-        </mat-radio-button>
+        <mat-radio-button class="ml-3" name="manual" value="manual" />
         <label class="m-0" for="manual" i18n>Add Manually</label>
-        <mat-radio-button class="ml-3" name="currency" value="currency">
-        </mat-radio-button>
+        <mat-radio-button class="ml-3" name="currency" value="currency" />
         <label class="m-0" for="currency" i18n>Add Currency</label>
       </mat-radio-group>
     </div>
diff --git a/apps/client/src/app/components/header/header.component.html b/apps/client/src/app/components/header/header.component.html
index dc9a3af0f..27f136a3a 100644
--- a/apps/client/src/app/components/header/header.component.html
+++ b/apps/client/src/app/components/header/header.component.html
@@ -414,8 +414,8 @@
           class="d-none d-sm-block no-min-width p-1"
           href="https://github.com/ghostfolio/ghostfolio"
           mat-flat-button
-          ><ion-icon name="logo-github"></ion-icon
-        ></a>
+          ><ion-icon name="logo-github"
+        /></a>
       </li>
       <li class="list-inline-item">
         <button class="d-sm-block" mat-flat-button (click)="openLoginDialog()">
diff --git a/apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html b/apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html
index 201b0b899..651f01a65 100644
--- a/apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html
+++ b/apps/client/src/app/components/holding-detail-dialog/holding-detail-dialog.html
@@ -438,8 +438,9 @@
                 }"
                 [routerLink]="routerLinkAdminControlMarketData"
                 (click)="onClose()"
-                ><ion-icon class="mr-1" name="create-outline"></ion-icon
-                ><span i18n>Manage Asset Profile</span>...</a
+                ><ion-icon class="mr-1" name="create-outline" /><span i18n
+                  >Manage Asset Profile</span
+                >...</a
               >
             }
             @if (
@@ -447,8 +448,9 @@
               data.hasPermissionToReportDataGlitch === true
             ) {
               <a color="warn" mat-stroked-button [href]="reportDataGlitchMail"
-                ><ion-icon class="mr-1" name="flag-outline"></ion-icon
-                ><span i18n>Report Data Glitch</span>...</a
+                ><ion-icon class="mr-1" name="flag-outline" /><span i18n
+                  >Report Data Glitch</span
+                >...</a
               >
             }
           </div>
diff --git a/apps/client/src/app/pages/about/about-page.html b/apps/client/src/app/pages/about/about-page.html
index af3b24b0a..bd1338774 100644
--- a/apps/client/src/app/pages/about/about-page.html
+++ b/apps/client/src/app/pages/about/about-page.html
@@ -1,5 +1,5 @@
 <mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
-  <router-outlet></router-outlet>
+  <router-outlet />
 </mat-tab-nav-panel>
 
 <nav
diff --git a/apps/client/src/app/pages/about/changelog/changelog-page.html b/apps/client/src/app/pages/about/changelog/changelog-page.html
index 60b146df5..f66c5bd8b 100644
--- a/apps/client/src/app/pages/about/changelog/changelog-page.html
+++ b/apps/client/src/app/pages/about/changelog/changelog-page.html
@@ -46,7 +46,7 @@
       }
 
       <div class="changelog">
-        <markdown [src]="'../assets/CHANGELOG.md'" (load)="onLoad()"></markdown>
+        <markdown [src]="'../assets/CHANGELOG.md'" (load)="onLoad()" />
       </div>
     </div>
   </div>
diff --git a/apps/client/src/app/pages/about/license/license-page.html b/apps/client/src/app/pages/about/license/license-page.html
index ff6315356..121c9d421 100644
--- a/apps/client/src/app/pages/about/license/license-page.html
+++ b/apps/client/src/app/pages/about/license/license-page.html
@@ -3,7 +3,7 @@
     <div class="col">
       <h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>License</h1>
       <div>
-        <markdown [src]="'../assets/LICENSE'"></markdown>
+        <markdown [src]="'../assets/LICENSE'" />
       </div>
     </div>
   </div>
diff --git a/apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html b/apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html
index ec67268ee..b052d5312 100644
--- a/apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html
+++ b/apps/client/src/app/pages/about/privacy-policy/privacy-policy-page.html
@@ -2,7 +2,7 @@
   <div class="mb-5 row">
     <div class="col">
       <h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>Privacy Policy</h1>
-      <markdown [src]="'../assets/privacy-policy.md'"></markdown>
+      <markdown [src]="'../assets/privacy-policy.md'" />
     </div>
   </div>
 </div>
diff --git a/apps/client/src/app/pages/about/terms-of-service/terms-of-service-page.html b/apps/client/src/app/pages/about/terms-of-service/terms-of-service-page.html
index b178ca138..5143ad26c 100644
--- a/apps/client/src/app/pages/about/terms-of-service/terms-of-service-page.html
+++ b/apps/client/src/app/pages/about/terms-of-service/terms-of-service-page.html
@@ -4,7 +4,7 @@
       <h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>
         Terms of Service
       </h1>
-      <markdown [src]="'../assets/terms-of-service.md'"></markdown>
+      <markdown [src]="'../assets/terms-of-service.md'" />
     </div>
   </div>
 </div>
diff --git a/apps/client/src/app/pages/admin/admin-page.html b/apps/client/src/app/pages/admin/admin-page.html
index 43509a9ad..a5c5ed7e9 100644
--- a/apps/client/src/app/pages/admin/admin-page.html
+++ b/apps/client/src/app/pages/admin/admin-page.html
@@ -1,5 +1,5 @@
 <mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
-  <router-outlet></router-outlet>
+  <router-outlet />
 </mat-tab-nav-panel>
 
 <nav
diff --git a/apps/client/src/app/pages/faq/faq-page.html b/apps/client/src/app/pages/faq/faq-page.html
index af3b24b0a..bd1338774 100644
--- a/apps/client/src/app/pages/faq/faq-page.html
+++ b/apps/client/src/app/pages/faq/faq-page.html
@@ -1,5 +1,5 @@
 <mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
-  <router-outlet></router-outlet>
+  <router-outlet />
 </mat-tab-nav-panel>
 
 <nav
diff --git a/apps/client/src/app/pages/home/home-page.html b/apps/client/src/app/pages/home/home-page.html
index af3b24b0a..bd1338774 100644
--- a/apps/client/src/app/pages/home/home-page.html
+++ b/apps/client/src/app/pages/home/home-page.html
@@ -1,5 +1,5 @@
 <mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
-  <router-outlet></router-outlet>
+  <router-outlet />
 </mat-tab-nav-panel>
 
 <nav
diff --git a/apps/client/src/app/pages/portfolio/portfolio-page.html b/apps/client/src/app/pages/portfolio/portfolio-page.html
index af3b24b0a..bd1338774 100644
--- a/apps/client/src/app/pages/portfolio/portfolio-page.html
+++ b/apps/client/src/app/pages/portfolio/portfolio-page.html
@@ -1,5 +1,5 @@
 <mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
-  <router-outlet></router-outlet>
+  <router-outlet />
 </mat-tab-nav-panel>
 
 <nav
diff --git a/apps/client/src/app/pages/resources/resources-page.html b/apps/client/src/app/pages/resources/resources-page.html
index af3b24b0a..bd1338774 100644
--- a/apps/client/src/app/pages/resources/resources-page.html
+++ b/apps/client/src/app/pages/resources/resources-page.html
@@ -1,5 +1,5 @@
 <mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
-  <router-outlet></router-outlet>
+  <router-outlet />
 </mat-tab-nav-panel>
 
 <nav
diff --git a/apps/client/src/app/pages/user-account/user-account-page.html b/apps/client/src/app/pages/user-account/user-account-page.html
index af3b24b0a..bd1338774 100644
--- a/apps/client/src/app/pages/user-account/user-account-page.html
+++ b/apps/client/src/app/pages/user-account/user-account-page.html
@@ -1,5 +1,5 @@
 <mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
-  <router-outlet></router-outlet>
+  <router-outlet />
 </mat-tab-nav-panel>
 
 <nav
diff --git a/apps/client/src/app/pages/zen/zen-page.html b/apps/client/src/app/pages/zen/zen-page.html
index af3b24b0a..bd1338774 100644
--- a/apps/client/src/app/pages/zen/zen-page.html
+++ b/apps/client/src/app/pages/zen/zen-page.html
@@ -1,5 +1,5 @@
 <mat-tab-nav-panel #tabPanel class="flex-grow-1 overflow-auto">
-  <router-outlet></router-outlet>
+  <router-outlet />
 </mat-tab-nav-panel>
 
 <nav
diff --git a/libs/ui/src/lib/activities-table/activities-table.component.html b/libs/ui/src/lib/activities-table/activities-table.component.html
index 523020585..f7307cdf1 100644
--- a/libs/ui/src/lib/activities-table/activities-table.component.html
+++ b/libs/ui/src/lib/activities-table/activities-table.component.html
@@ -105,9 +105,7 @@
     </ng-container>
 
     <ng-container matColumnDef="importStatus">
-      <th *matHeaderCellDef class="px-1" mat-header-cell>
-        <ng-container i18n></ng-container>
-      </th>
+      <th *matHeaderCellDef class="px-1" mat-header-cell></th>
       <td *matCellDef="let element" class="px-1" mat-cell>
         @if (element.error) {
           <div
diff --git a/libs/ui/src/lib/carousel/carousel.component.html b/libs/ui/src/lib/carousel/carousel.component.html
index 9cf34fe02..3c0945483 100644
--- a/libs/ui/src/lib/carousel/carousel.component.html
+++ b/libs/ui/src/lib/carousel/carousel.component.html
@@ -13,7 +13,7 @@
 
 <div #contentWrapper class="overflow-hidden" role="region">
   <div #list class="d-flex carousel-content" role="list" tabindex="0">
-    <ng-content></ng-content>
+    <ng-content />
   </div>
 </div>
 
diff --git a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
index ef4722255..4f9ac456c 100644
--- a/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
+++ b/libs/ui/src/lib/fire-calculator/fire-calculator.component.html
@@ -52,8 +52,7 @@
             startView="multi-year"
             [disabled]="hasPermissionToUpdateUserSettings !== true"
             (monthSelected)="setMonthAndYear($event, datepicker)"
-          >
-          </mat-datepicker>
+          />
         </mat-form-field>
 
         <mat-form-field appearance="outline" class="w-100">
diff --git a/libs/ui/src/lib/value/value.component.html b/libs/ui/src/lib/value/value.component.html
index 1f61f30e5..14080c16d 100644
--- a/libs/ui/src/lib/value/value.component.html
+++ b/libs/ui/src/lib/value/value.component.html
@@ -4,7 +4,7 @@
   </div>
 }
 <div class="d-flex flex-column w-100">
-  <ng-template #label><ng-content></ng-content></ng-template>
+  <ng-template #label><ng-content /></ng-template>
   @if (value || value === 0 || value === null) {
     <div
       class="align-items-center d-flex"
@@ -87,16 +87,14 @@
 
   @if (size === 'large') {
     <div class="text-truncate">
-      <span class="h6"
-        ><ng-container *ngTemplateOutlet="label"></ng-container
-      ></span>
+      <span class="h6"><ng-container *ngTemplateOutlet="label" /></span>
       @if (subLabel) {
         <span class="text-muted"> {{ subLabel }}</span>
       }
     </div>
   } @else {
     <small class="d-block text-truncate">
-      <ng-container *ngTemplateOutlet="label"></ng-container>
+      <ng-container *ngTemplateOutlet="label" />
     </small>
   }
 </div>