Fix button visibility issue

[src/xds/xds-agent.git] / webapp / src / app / pages / confirm / confirm-modal / confirm-modal.component.ts

diff --git a/webapp/src/app/pages/confirm/confirm-modal/confirm-modal.component.ts b/webapp/src/app/pages/confirm/confirm-modal/confirm-modal.component.ts
index d3fec86..3de9035 100644 (file)
--- a/webapp/src/app/pages/confirm/confirm-modal/confirm-modal.component.ts
+++ b/webapp/src/app/pages/confirm/confirm-modal/confirm-modal.component.ts
@@ -39,12 +39,19 @@ export enum EType {
         <div [innerHtml]="question"></div>
       </div>
       <div class="col-12 text-center" style="margin-top: 2em;">
-        <button *ngIf="textBtn[0] != ''" type="button" class="btn btn-primary" tabindex="2"
-          (click)="onClick(textBtn[0])">{{textBtn[0]}}</button>
-        <button *ngIf="textBtn[1] != ''" type="button" class="btn btn-default" tabindex="1"
-          (click)="onClick(textBtn[1])">{{textBtn[1]}}</button>
-        <button *ngIf="textBtn[2] != ''" type="button" class="btn btn-default" tabindex="3"
-          (click)="onClick(textBtn[2])">{{textBtn[2]}}</button>
+        <button *ngIf="textBtn[0] != ''"
+                type="button"
+                class="btn btn-md btn-primary"
+                tabindex="2"
+                (click)="onClick(textBtn[0])"> {{textBtn[0]}}
+        </button>
+
+        <button *ngIf="textBtn[1] != ''"
+                type="button"
+                class="btn btn-md btn-secondary"
+                tabindex="1"
+                (click)="onClick(textBtn[1])"> {{textBtn[1]}}
+        </button>
       </div>
     </div>
 
@@ -64,29 +71,30 @@ export class ConfirmModalComponent implements OnInit {
   @Input() question;
 
   bodyQuestion = '';
-  textBtn: Array<string> = ['', '', ''];
+  textBtn: Array<string> = ['', ''];
 
   constructor(
     private modalRef: NgbActiveModal,
   ) { }
 
+
   ngOnInit() {
     switch (this.type) {
       case EType.OK:
-        this.textBtn = [ 'OK', '', '' ];
+        this.textBtn = [ 'OK', '' ];
         break;
 
       case EType.Cancel:
-        this.textBtn = [ '', 'Cancel', '' ];
+        this.textBtn = [ '', 'Cancel' ];
       break;
 
       case EType.OKCancel:
-        this.textBtn = [ 'OK', 'Cancel', '' ];
+        this.textBtn = [ 'OK', 'Cancel' ];
       break;
 
       default:
       case EType.YesNo:
-        this.textBtn = [ 'Yes', 'No', '' ];
+        this.textBtn = [ 'Yes', 'No' ];
         break;
     }
   }