From a1f7da010c33e899fa44d945b3d363e3b5ba152f Mon Sep 17 00:00:00 2001
From: Hannes <hallerjo97@gmail.com>
Date: Thu, 19 Dec 2024 02:40:36 +0100
Subject: [PATCH 1/2] Fix Style of Level ion-select after Upgrade to Angular 19

---
 .../systemlog/systemlog.component.html        | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/ui/src/app/edge/settings/systemlog/systemlog.component.html b/ui/src/app/edge/settings/systemlog/systemlog.component.html
index a56447228e..d99e94795a 100644
--- a/ui/src/app/edge/settings/systemlog/systemlog.component.html
+++ b/ui/src/app/edge/settings/systemlog/systemlog.component.html
@@ -15,7 +15,9 @@
                   <ion-item lines="none">
                     <ion-checkbox (ionChange)="toggleSubscribe($event)" slot="start" [(ngModel)]="isSubscribed">
                     </ion-checkbox>
-                    <ion-label class="ion-text-wrap" translate>Edge.Config.Log.automaticUpdating</ion-label>
+                    <ion-label class="ion-text-wrap" translate>
+                      Edge.Config.Log.automaticUpdating
+                    </ion-label>
                   </ion-item>
                 </ion-col>
                 <ion-col *ngIf="isCondensedOutput !== null && isAtLeastGuest">
@@ -23,18 +25,19 @@
                     <ion-toggle (ionChange)="toggleCondensedOutput($event)" slot="start"
                       [(ngModel)]="isCondensedOutput">
                     </ion-toggle>
-                    <ion-label class="ion-text-wrap" translate>Edge.Config.Log.CONDENSED_OUTPUT</ion-label>
+                    <ion-label class="ion-text-wrap" translate>
+                      Edge.Config.Log.CONDENSED_OUTPUT
+                    </ion-label>
                   </ion-item>
                 </ion-col>
                 <ion-col>
                   <ion-item lines="none">
-                    <ion-label translate class="ion-text-wrap" position="floating"
-                      color="primary">{{filters.placeholder}}</ion-label>
-                    <ion-select label-placement="floating" interface="popover" [multiple]="true" label="Fixed label"
-                      fill="solid" [interfaceOptions]="{ cssClass: 'custom-ion-popover' }" type="radio"
+                    <ion-select interface="popover" [multiple]="true" label="Level" fill="outline"
+                      class="custom-ion-popover" style="white-space: initial; --color: var(--ion-color-primary)"
                       (ionDismiss)="searchOnChange($event)" style="white-space: initial;">
                       <ng-container *ngFor="let filter of filters.options">
-                        <ion-select-option [value]="filter.value">{{filter.name}}
+                        <ion-select-option [value]="filter.value">
+                          {{filter.name}}
                         </ion-select-option>
                       </ng-container>
                     </ion-select>
@@ -68,7 +71,7 @@
                   {{ line.source }}
                 </ion-col>
               </ion-row>
-              <ion-row style="font-family: monospace" [style.color]="line.color">
+              <ion-row style="font-family: monospace;" [style.color]="line.color">
                 <ion-col size="12">
                   <ion-text [innerHTML]="line.message"></ion-text>
                 </ion-col>

From 18553d41f29448c76fa69733dc537ab80b50e76b Mon Sep 17 00:00:00 2001
From: Sn0w3y <hallerjo97@gmail.com>
Date: Thu, 26 Dec 2024 04:43:58 +0100
Subject: [PATCH 2/2] Revert Formatting

---
 .../settings/systemlog/systemlog.component.html     | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/ui/src/app/edge/settings/systemlog/systemlog.component.html b/ui/src/app/edge/settings/systemlog/systemlog.component.html
index d99e94795a..37e145db9a 100644
--- a/ui/src/app/edge/settings/systemlog/systemlog.component.html
+++ b/ui/src/app/edge/settings/systemlog/systemlog.component.html
@@ -15,9 +15,7 @@
                   <ion-item lines="none">
                     <ion-checkbox (ionChange)="toggleSubscribe($event)" slot="start" [(ngModel)]="isSubscribed">
                     </ion-checkbox>
-                    <ion-label class="ion-text-wrap" translate>
-                      Edge.Config.Log.automaticUpdating
-                    </ion-label>
+                    <ion-label class="ion-text-wrap" translate>Edge.Config.Log.automaticUpdating</ion-label>
                   </ion-item>
                 </ion-col>
                 <ion-col *ngIf="isCondensedOutput !== null && isAtLeastGuest">
@@ -25,9 +23,7 @@
                     <ion-toggle (ionChange)="toggleCondensedOutput($event)" slot="start"
                       [(ngModel)]="isCondensedOutput">
                     </ion-toggle>
-                    <ion-label class="ion-text-wrap" translate>
-                      Edge.Config.Log.CONDENSED_OUTPUT
-                    </ion-label>
+                    <ion-label class="ion-text-wrap" translate>Edge.Config.Log.CONDENSED_OUTPUT</ion-label>
                   </ion-item>
                 </ion-col>
                 <ion-col>
@@ -36,8 +32,7 @@
                       class="custom-ion-popover" style="white-space: initial; --color: var(--ion-color-primary)"
                       (ionDismiss)="searchOnChange($event)" style="white-space: initial;">
                       <ng-container *ngFor="let filter of filters.options">
-                        <ion-select-option [value]="filter.value">
-                          {{filter.name}}
+                        <ion-select-option [value]="filter.value">{{filter.name}}
                         </ion-select-option>
                       </ng-container>
                     </ion-select>
@@ -71,7 +66,7 @@
                   {{ line.source }}
                 </ion-col>
               </ion-row>
-              <ion-row style="font-family: monospace;" [style.color]="line.color">
+              <ion-row style="font-family: monospace" [style.color]="line.color">
                 <ion-col size="12">
                   <ion-text [innerHTML]="line.message"></ion-text>
                 </ion-col>