From 92c1374a3f31a31b9492a192d65a740b67352c16 Mon Sep 17 00:00:00 2001
From: Vladyslav <vprykhodko@thingsboard.io>
Date: Thu, 26 Dec 2019 17:53:10 +0200
Subject: [PATCH] Fix knob control widget (#2298)

* Add support import label

* Fix knob control widget
---
 ui/src/app/app.run.js                       | 2 --
 ui/src/app/widget/lib/rpc/knob.directive.js | 5 ++++-
 ui/src/app/widget/lib/rpc/knob.tpl.html     | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/ui/src/app/app.run.js b/ui/src/app/app.run.js
index 5bb8131e1e..0ca44316c1 100644
--- a/ui/src/app/app.run.js
+++ b/ui/src/app/app.run.js
@@ -162,14 +162,12 @@ export default function AppRun($rootScope, $window, $injector, $location, $log,
         if (forbiddenDialog === null) {
             $translate(['access.access-forbidden',
                 'access.access-forbidden-text',
-                'access.access-forbidden',
                 'action.cancel',
                 'action.sign-in']).then(function (translations) {
                 if (forbiddenDialog === null) {
                     forbiddenDialog = $mdDialog.confirm()
                         .title(translations['access.access-forbidden'])
                         .htmlContent(translations['access.access-forbidden-text'])
-                        .ariaLabel(translations['access.access-forbidden'])
                         .cancel(translations['action.cancel'])
                         .ok(translations['action.sign-in']);
                     $mdDialog.show(forbiddenDialog).then(function () {
diff --git a/ui/src/app/widget/lib/rpc/knob.directive.js b/ui/src/app/widget/lib/rpc/knob.directive.js
index 4bd4a58288..d26e4a8d09 100644
--- a/ui/src/app/widget/lib/rpc/knob.directive.js
+++ b/ui/src/app/widget/lib/rpc/knob.directive.js
@@ -328,6 +328,9 @@ function KnobController($element, $scope, $document) {
         var textWidth = measureTextWidth(text, fontSize);
         while (textWidth > maxWidth) {
             fontSize--;
+            if (fontSize < 0) {
+                break;
+            }
             textWidth = measureTextWidth(text, fontSize);
         }
         element.css({'fontSize': fontSize+'px', 'lineHeight': fontSize+'px'});
@@ -335,7 +338,7 @@ function KnobController($element, $scope, $document) {
 
     function measureTextWidth(text, fontSize) {
         textMeasure.css({'fontSize': fontSize+'px', 'lineHeight': fontSize+'px'});
-        textMeasure.text(text);
+        textMeasure.html(text);
         return textMeasure.width();
     }
 
diff --git a/ui/src/app/widget/lib/rpc/knob.tpl.html b/ui/src/app/widget/lib/rpc/knob.tpl.html
index 290b1920a7..45cc766302 100644
--- a/ui/src/app/widget/lib/rpc/knob.tpl.html
+++ b/ui/src/app/widget/lib/rpc/knob.tpl.html
@@ -29,7 +29,7 @@
             <div class="top"></div>
             <div class="error-container" ng-style="{'background': vm.error.length ? 'rgba(255,255,255,0.25)' : 'none'}"
                  layout="row" layout-align="center center">
-                <span class="knob-error">{{ vm.error }}</span>
+                <span class="knob-error" ng-bind-html="vm.error"></span>
             </div>
             <div class="title-container" layout="row" layout-align="center center">
                 <span class="knob-title">{{ vm.title }}</span>
@@ -42,4 +42,4 @@
             <div id="text-measure"></div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>