From 0d4b9442552929641b84f350c2ab00efd15df756 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Mon, 9 Jun 2025 15:06:28 +0300
Subject: [PATCH] UI: Dynamicly update slider on input value change

---
 .../rule/rule-notification-dialog.component.html          | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/notification/rule/rule-notification-dialog.component.html b/ui-ngx/src/app/modules/home/pages/notification/rule/rule-notification-dialog.component.html
index 68122875c0..3dbbea4277 100644
--- a/ui-ngx/src/app/modules/home/pages/notification/rule/rule-notification-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/notification/rule/rule-notification-dialog.component.html
@@ -484,7 +484,7 @@
             <span translate>notification.threshold</span>
             <div class="flex flex-1 flex-row items-center justify-start">
               <mat-slider class="flex-1" min="0" max="100" step="1" discrete [displayWith]="formatLabel">
-                <input matSliderThumb formControlName="threshold">
+                <input matSliderThumb formControlName="threshold" [value]="entitiesLimitTemplateForm.get('triggerConfig.threshold').value">
               </mat-slider>
               <mat-form-field class="limit-slider-value" subscriptSizing="dynamic">
                 <input matInput formControlName="threshold" type="number" step="1"
@@ -603,7 +603,7 @@
             <span translate>notification.cpu-threshold</span>
             <div class="flex flex-1 flex-row items-center justify-start">
               <mat-slider class="flex-1" min="0" max="100" step="1" discrete [displayWith]="formatLabel">
-                <input matSliderThumb formControlName="cpuThreshold">
+                <input matSliderThumb formControlName="cpuThreshold" [value]="resourceUsageShortageTemplateForm.get('triggerConfig.cpuThreshold').value">
               </mat-slider>
               <mat-form-field class="limit-slider-value" subscriptSizing="dynamic">
                 <input matInput formControlName="cpuThreshold" type="number" step="1"
@@ -618,7 +618,7 @@
             <span translate>notification.ram-threshold</span>
             <div class="flex flex-1 flex-row items-center justify-start">
               <mat-slider class="flex-1" min="0" max="100" step="1" discrete [displayWith]="formatLabel">
-                <input matSliderThumb formControlName="ramThreshold">
+                <input matSliderThumb formControlName="ramThreshold" [value]="resourceUsageShortageTemplateForm.get('triggerConfig.ramThreshold').value">
               </mat-slider>
               <mat-form-field class="limit-slider-value" subscriptSizing="dynamic">
                 <input matInput formControlName="ramThreshold" type="number" step="1"
@@ -633,7 +633,7 @@
             <span translate>notification.storage-threshold</span>
             <div class="flex flex-1 flex-row items-center justify-start">
               <mat-slider class="flex-1" min="0" max="100" step="1" discrete [displayWith]="formatLabel">
-                <input matSliderThumb formControlName="storageThreshold">
+                <input matSliderThumb formControlName="storageThreshold" [value]="resourceUsageShortageTemplateForm.get('triggerConfig.storageThreshold').value">
               </mat-slider>
               <mat-form-field class="limit-slider-value" subscriptSizing="dynamic">
                 <input matInput formControlName="storageThreshold" type="number" step="1"