add mouseover for button in tc-selector

#5
cerberustesting · Jan 29, 2020 · c24fd8c · c24fd8c
1 parent e953304
commit c24fd8c
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 13 deletions.
diff --git a/src/app/feat-design/testcaselist/testcase-interaction/testcase-interaction.component.html b/src/app/feat-design/testcaselist/testcase-interaction/testcase-interaction.component.html
@@ -64,10 +64,10 @@ <h3 class="block-title" [ngSwitch]="_mode">
 
             <!-- TABS -->
             <div class="block block-rounded block-bordered">
-                <ngb-tabset class="nav nav-tabs nav-tabs-alt js-tabs-enabled custom-sm">
+                <ngb-tabset #tabset="ngbTabset" class="nav nav-tabs nav-tabs-alt js-tabs-enabled custom-sm">
 
                     <!-- DEFINITION TAB -->
-                    <ngb-tab title="Definition" class="nav-item">
+                    <ngb-tab title="Definition" id="static-1" class="nav-item">
                         <ng-template ngbTabContent>
                             <div class="block-content tab-content">
                                 <div class="row">
@@ -153,7 +153,7 @@ <h3 class="block-title" [ngSwitch]="_mode">
                     <!-- END DEFINITION TAB -->
 
                     <!-- SETTINGS TAB -->
-                    <ngb-tab title="Settings" class="nav-item">
+                    <ngb-tab title="Settings" id="static-2" class="nav-item">
                         <ng-template ngbTabContent>
                             <div class="block-content tab-content">
                                 <div class="row">
@@ -420,7 +420,7 @@ <h3 class="block-title" [ngSwitch]="_mode">
                     <!-- END SETTINGS TAB -->
 
                     <!-- LABELS TAB-->
-                    <ngb-tab title="Labels" class="nav-item">
+                    <ngb-tab title="Labels" id="static-3" class="nav-item">
                         <ng-template ngbTabContent>
                             <div class="block-content tab-content scrollable">
                                 <app-labels-tab [test]="test" [testcase]="testcase" [system]="testcaseheader.system">
@@ -431,7 +431,7 @@ <h3 class="block-title" [ngSwitch]="_mode">
                     <!-- END LABELS TAB-->
 
                     <!-- BUG REPORT TAB -->
-                    <ngb-tab title="Bug Report" class="nav-item">
+                    <ngb-tab title="Bug Report" id="static-4" class="nav-item">
                         <ng-template ngbTabContent>
                             <div class="block-content tab-content">
                                 <div class="row">
@@ -467,7 +467,7 @@ <h3 class="block-title" [ngSwitch]="_mode">
                     </ngb-tab>
                     <!-- END BUG REPORT TAB -->
 
-                    <ngb-tab title="Dependency" class="nav-item">
+                    <ngb-tab title="Dependency" id="static-5" class="nav-item">
                         <ng-template ngbTabContent>
                             <div class="block-content tab-content">
                                 <div class="row">
@@ -568,7 +568,7 @@ <h3 class="block-title" [ngSwitch]="_mode">
                     </ngb-tab>
 
                     <!-- AUDIT TAB -->
-                    <ngb-tab title="Audit" class="nav-item">
+                    <ngb-tab title="Audit" id="static-6" class="nav-item">
                         <ng-template ngbTabContent>
                             <div class="block-content tab-content">
                                 <div class="row">

diff --git a/src/app/feat-design/testcaselist/testcase-interaction/testcase-interaction.component.ts b/src/app/feat-design/testcaselist/testcase-interaction/testcase-interaction.component.ts
@@ -31,6 +31,9 @@ export class TestcaseInteractionComponent implements OnInit {
   // once (every time ngOnInit is fired)
   _mode: string;
 
+
+  tab: string;
+
   public Editor = ClassicEditor;
 
   // Variable received from the addComponentToSideBlock method

diff --git a/src/app/feat-design/testcasescript/tc-selector/tc-selector.component.html b/src/app/feat-design/testcasescript/tc-selector/tc-selector.component.html
@@ -56,12 +56,18 @@
 
         <div class="form-check-inline">
           <div class="btn-group btn-group-sm" role="group" aria-label="Small Horizontal Primary">
-            <button type="button" class="btn btn-primary"><i class="fa fa-fw fa-bug"></i></button>
-            <button type="button" class="btn btn-primary"><i class="fa fa-fw fa-tag"></i></button>
-            <button type="button" class="btn btn-primary"><i class="fa fa-fw fa-cog"></i></button>
-            <button type="button" class="btn btn-primary"><i class="fa fa-fw fa-save"></i></button>
-            <button type="button" class="btn btn-primary"><i class="fa fa-fw fa-copy"></i></button>
-            <button type="button" class="btn btn-primary"><i class="fa fa-fw fa-trash"></i></button>
+            <button type="button" class="btn btn-primary" (click)="bugTestCaseHeader(selectedTest, selectedTestCase)" placement="bottom-start"
+            ngbPopover="button to go directly to Bug Report." popoverTitle="Bug Report" triggers="mouseenter:mouseleave"><i class="fa fa-fw fa-bug"></i></button>
+            <button type="button" class="btn btn-primary" (click)="tagTestCaseHeader(selectedTest, selectedTestCase)"placement="bottom"
+            ngbPopover="button to go directly to Labels." popoverTitle="Labels" triggers="mouseenter:mouseleave"><i class="fa fa-fw fa-tag"></i></button>
+            <button type="button" class="btn btn-primary"><i class="fa fa-fw fa-cog"placement="bottom"
+              ngbPopover="button to go directly to Setting." popoverTitle="Settings" triggers="mouseenter:mouseleave"></i></button>
+            <button type="button" class="btn btn-primary"><i class="fa fa-fw fa-save"placement="bottom"
+              ngbPopover="Button for Save." popoverTitle="Save" triggers="mouseenter:mouseleave"></i></button>
+            <button type="button" class="btn btn-primary" (click)="duplicateTestCaseHeader(selectedTest, selectedTestCase)"placement="bottom"
+            ngbPopover="button to go directly to Duplicate Test Case." popoverTitle="Duplicate Test Case" triggers="mouseenter:mouseleave"><i class="fa fa-fw fa-copy"></i></button>
+            <button type="button" class="btn btn-primary"><i class="fa fa-fw fa-trash"placement="bottom"
+              ngbPopover="Button for Delete." popoverTitle="Delete" triggers="mouseenter:mouseleave"></i></button>
           </div>
         </div>