fix(directive): fix bug and add icons

takenet · Sep 15, 2021 · 5402543 · 5402543
1 parent 86092fb
commit 5402543
Show file tree

Hide file tree

Showing 7 changed files with 46 additions and 3 deletions.
diff --git a/src/assets/img/builder.svg b/src/assets/img/builder.svg
diff --git a/src/assets/img/publish-bot.svg b/src/assets/img/publish-bot.svg
diff --git a/src/components/subheaderIcons/SubheaderIconsView.html b/src/components/subheaderIcons/SubheaderIconsView.html
@@ -43,11 +43,21 @@
                     item-title="{{$ctrl.itemTitle}}"
                 >
                     <ul class="test-details-menu no-style ma0 tl">
-                        <li>
-                            <a ng-click="$ctrl.showBlipChatSidenav('flow')">{{'modules.application.detail.testPublishedBot' | translate}}</a>
+                        <li ng-if="$ctrl.applicationStatus || !$ctrl.isBuilder">
+                            <img icon-src="publish-bot">
+                                <a  ng-click="$ctrl.showBlipChatSidenav('flow')"
+                                    tooltips
+                                    tooltip-template="{{$ctrl.tooltipText}}"
+                                    tooltip-side="bottom"
+                                    tooltip-class="medium"
+                                    class="f3 bp-c-cloud tooltip-icon-hover"> {{'modules.application.detail.testPublishedBot' | translate}}
+                                </a>
+                            </img>
                         </li>
-                        <li>
+                        <li ng-if="$ctrl.enabledTestEdited && $ctrl.isBuilder">
+                            <img icon-src="builder">
                             <a ng-click="$ctrl.showBlipChatSidenav('construction')">{{'modules.application.detail.testFlowBot' | translate}}</a>
+                            </img>
                         </li>
                     </ul>
                 </dropdown-item>

diff --git a/src/components/subheaderIcons/SubheaderIconsView.scss b/src/components/subheaderIcons/SubheaderIconsView.scss
@@ -12,6 +12,19 @@
             }
         }
     }
+    .builder-icon {
+        margin-left: 12px;
+        width: 20px;
+    }
+}
+.subheader-nav .action-icons{
+    .test-details-menu {
+        li {
+            display: flex;
+            margin-left: 0;
+            padding: 0 10px;
+        }
+    }
 }
 
 .deskSubheaderButton {

diff --git a/src/components/subheaderIcons/subheaderIcons.component.ts b/src/components/subheaderIcons/subheaderIcons.component.ts
@@ -8,6 +8,10 @@ class SubheaderIcons {
     menuIcons: any = [];
     application: any;
     isAttendance: boolean;
+    enabledTestEdited: boolean;
+    isBuilder: boolean;
+    applicationStatus: boolean;
+    tooltipText: string;
     showBlipChatSidenav: () => {};
     createTrack: () => {};
     SubheaderIcons;
@@ -55,6 +59,10 @@ export const SubheaderIconsComponent = angular
             isAttendance: '<?',
             showBlipChatSidenav: '<?',
             createTrack: '<?',
+            enabledTestEdited: '<',
+            isBuilder: '<',
+            applicationStatus: '<?',
+            tooltipText: '<?'
         },
     })
     .name;
diff --git a/src/directives/iconSrc/lib/builder-icon.svg b/src/directives/iconSrc/lib/builder-icon.svg
diff --git a/src/directives/iconSrc/lib/publish-bot-icon.svg b/src/directives/iconSrc/lib/publish-bot-icon.svg