diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/indicator/liquid-level-widget.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/indicator/liquid-level-widget.component.ts index cd902287ec..3f75ce1ee9 100644 --- a/ui-ngx/src/app/modules/home/components/widget/lib/indicator/liquid-level-widget.component.ts +++ b/ui-ngx/src/app/modules/home/components/widget/lib/indicator/liquid-level-widget.component.ts @@ -331,7 +331,7 @@ export class LiquidLevelWidgetComponent implements OnInit { } private calculatePosition(percentage: number, limits: SvgLimits): number { - if (percentage > 100) { + if (percentage >= 100) { return limits.max; } if (percentage <= 0) { return limits.min; @@ -355,25 +355,16 @@ export class LiquidLevelWidgetComponent implements OnInit { const surfacePositionAttr = this.shape !== Shapes.vCylinder ? 'y' : 'cy'; const animationSpeed = 500; - if (percentage > 1) { - fill.css('visibility', 'visible'); - fill.animate({y : newY}, animationSpeed); - fill.attr('fill', this.liquidColor.color); - - surfaces.each((index, element) => { - const $element = $(element); - $element.css('visibility', 'visible'); - $element.animate({[surfacePositionAttr]: newY}, animationSpeed); - if ($element.hasClass('tb-liquid')) { - $element.attr('fill', this.liquidColor.color); - } - }); - } else { - fill.css('visibility', 'hidden').stop().clearQueue(); - surfaces.each((index, element) => { - $(element).css('visibility', 'hidden').stop().clearQueue(); - }); - } + fill.animate({y : newY}, animationSpeed); + fill.attr('fill', this.liquidColor.color); + + surfaces.each((index, element) => { + const $element = $(element); + $element.animate({[surfacePositionAttr]: newY}, animationSpeed); + if ($element.hasClass('tb-liquid')) { + $element.attr('fill', this.liquidColor.color); + } + }); } private updateShapeColor(value: number): void { diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/indicator/liquid-level-widget.models.ts b/ui-ngx/src/app/modules/home/components/widget/lib/indicator/liquid-level-widget.models.ts index a8cc7d2a29..0a0c784a94 100644 --- a/ui-ngx/src/app/modules/home/components/widget/lib/indicator/liquid-level-widget.models.ts +++ b/ui-ngx/src/app/modules/home/components/widget/lib/indicator/liquid-level-widget.models.ts @@ -131,7 +131,7 @@ export const svgMapping = new Map( Shapes.vOval, { svg: 'assets/widget/liquid-level/shapes/vertical-oval.svg', - limits: { min: 170, max: 50 } + limits: { min: 170, max: 51 } } ], [ @@ -166,7 +166,7 @@ export const svgMapping = new Map( Shapes.hEllipse, { svg: 'assets/widget/liquid-level/shapes/horizontal-ellipse.svg', - limits: { min: 160, max: 65 } + limits: { min: 160, max: 64 } } ], [ @@ -180,7 +180,7 @@ export const svgMapping = new Map( Shapes.hCylinder, { svg: 'assets/widget/liquid-level/shapes/horizontal-cylinder.svg', - limits: { min: 165, max: 55 } + limits: { min: 165, max: 56 } } ], [ diff --git a/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-cylinder.svg b/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-cylinder.svg index b766e3e619..e942157c20 100644 --- a/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-cylinder.svg +++ b/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-cylinder.svg @@ -8,7 +8,7 @@ - + diff --git a/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-ellipse.svg b/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-ellipse.svg index 40f76dc505..736052b37a 100644 --- a/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-ellipse.svg +++ b/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-ellipse.svg @@ -9,7 +9,7 @@ - + diff --git a/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-oval.svg b/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-oval.svg index 81430aa60a..654b7629d9 100644 --- a/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-oval.svg +++ b/ui-ngx/src/assets/widget/liquid-level/shapes/horizontal-oval.svg @@ -9,7 +9,7 @@ - + diff --git a/ui-ngx/src/assets/widget/liquid-level/shapes/vertical-oval.svg b/ui-ngx/src/assets/widget/liquid-level/shapes/vertical-oval.svg index ec8176a51f..5193ab4a26 100644 --- a/ui-ngx/src/assets/widget/liquid-level/shapes/vertical-oval.svg +++ b/ui-ngx/src/assets/widget/liquid-level/shapes/vertical-oval.svg @@ -8,7 +8,7 @@ - +