Merge pull request #150 from takenet/bugfix/268854-add-tooltip-when-t…

…esting-unpublished-bot fix(subheader): add tooltip on test icon when testing unpublished bot
takenet · Nov 8, 2021 · cfdc194 · cfdc194
2 parents 6527257 + c94191f
commit cfdc194
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 5 deletions.
diff --git a/src/components/subheaderIcons/SubheaderIconsView.html b/src/components/subheaderIcons/SubheaderIconsView.html
@@ -30,9 +30,25 @@
     </li>
     <li>
         <a ng-if="!$ctrl.enabledTestEdited" ng-click="$ctrl.showBlipChatSidenav()">
-            <i tooltips tooltip-template="{{'modules.application.detail.test' | translate}}" tooltip-side="bottom" class="icon-lab"></i>
+            <i 
+                tooltips 
+                tooltip-template="{{'modules.application.detail.test' | translate}}" 
+                tooltip-side="bottom" 
+                class="icon-lab"
+            >
+            </i>
+        </a>
+        <a ng-if="$ctrl.enabledTestEdited && !$ctrl.applicationStatus" class="toolTipUnpublishedFlow">
+            <i 
+                tooltips
+                tooltip-class="medium" 
+                tooltip-template="{{'modules.application.detail.tooltipTextTest' | translate}}"
+                tooltip-side="bottom left"
+                class="icon-lab"
+            >
+            </i>
         </a>
-        <div ng-if="$ctrl.enabledTestEdited" class="test-details">
+        <div ng-if="$ctrl.enabledTestEdited && $ctrl.applicationStatus" class="test-details">
             <div class="flex items-center">
                 <dropdown-item
                     hide-icon="true"
@@ -44,9 +60,9 @@
                     item-title="{{$ctrl.itemTitle}}"
                 >
                     <ul class="test-details-menu no-style ma0 tl">
-                        <li ng-class="($ctrl.applicationStatus || !$ctrl.isBuilder) ? 'enabled' : 'disabled'">
+                        <li ng-class="enabled">
                             <img icon-src="publish-bot">
-                                <a  ng-click="(!$ctrl.applicationStatus && $ctrl.isBuilder) || $ctrl.showBlipChatSidenav('flow')"
+                                <a  ng-click="$ctrl.showBlipChatSidenav('flow')"
                                     tooltips
                                     tooltip-template= "{{$ctrl.infoText}}"
                                     tooltip-hidden="{{!$ctrl.hasTooltip}}"

diff --git a/src/components/subheaderIcons/SubheaderIconsView.scss b/src/components/subheaderIcons/SubheaderIconsView.scss
@@ -2,6 +2,17 @@
 
 .action-icons {
     display: inline-flex;
+
+    li {
+        .toolTipUnpublishedFlow {
+            tooltip { 
+                tip {
+                    left: 1.8rem;
+                }
+            }
+        }
+    }
+
 }
 
 .test {
@@ -67,4 +78,4 @@ background: $bp-color-bot;
             padding-left: 5px;
         }
     }
-}
+}