feat(buttons): allow hiding of the confirm / cancel buttons

Closes #10
mattlewis92 · May 7, 2016 · 540b965 · 540b965
1 parent 39f9d92
commit 540b965
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -127,6 +127,12 @@ Set to either `confirm` or `cancel` to focus the confirm or cancel button. If om
 #### isDisabled
 Whether to disable showing the popover. Default `false`.
 
+#### hideConfirmButton
+Whether to hide the confirm button. Default `false`.
+
+#### hideCancelButton
+Whether to hide the cancel button. Default `false`.
+
 ## Development
 
 ### Prepare your environment

diff --git a/src/confirm.directive.ts b/src/confirm.directive.ts
@@ -31,6 +31,8 @@ export class Confirm implements OnDestroy, OnChanges, OnInit {
   @Input() confirmButtonType: string;
   @Input() cancelButtonType: string;
   @Input() focusButton: string;
+  @Input() hideConfirmButton: boolean = false;
+  @Input() hideCancelButton: boolean = false;
   @Input() isOpen: boolean = false;
   @Input() isDisabled: boolean = false;
   @Output() isOpenChange: EventEmitter<any> = new EventEmitter();
@@ -94,7 +96,9 @@ export class Confirm implements OnDestroy, OnChanges, OnInit {
         'placement',
         'confirmButtonType',
         'cancelButtonType',
-        'focusButton'
+        'focusButton',
+        'hideConfirmButton',
+        'hideCancelButton'
       ];
       optionalParams.forEach(param => {
         if (this[param]) {

diff --git a/src/confirmOptions.provider.ts b/src/confirmOptions.provider.ts
@@ -10,6 +10,8 @@ export class ConfirmOptions {
   public cancelButtonType: string = 'default';
   public placement: string = 'top';
   public focusButton: string;
+  public hideConfirmButton: boolean = false;
+  public hideCancelButton: boolean = false;
 
   public constructor(options: Object = {}) {
     Object.assign(this, options);

diff --git a/src/confirmPopover.component.ts b/src/confirmPopover.component.ts
@@ -33,15 +33,21 @@ interface Coords {
       <div class="popover-content">
         <p [innerHTML]="options.message"></p>
         <div class="row">
-          <div class="col-xs-6">
+          <div
+            class="col-xs-6"
+            [class.col-xs-offset-3]="options.hideCancelButton"
+            *ngIf="!options.hideConfirmButton">
             <button
               #confirmButton
               [class]="'btn btn-block btn-' + options.confirmButtonType"
               (click)="options.onConfirm()"
               [innerHtml]="options.confirmText">
             </button>
           </div>
-          <div class="col-xs-6">
+          <div
+            class="col-xs-6"
+            [class.col-xs-offset-3]="options.hideConfirmButton"
+            *ngIf="!options.hideCancelButton">
             <button
               #cancelButton
               [class]="'btn btn-block btn-' + options.cancelButtonType"