au-tab-panel tests

Author: jhades

au-modal/src/app/app.component.html

@@ -66,9 +66,11 @@ <h1>Modal Examples</h1>
  </ng-template>
 
 
- <au-modal [hideOnClickOutside]="true" [hideOnEscape]="true" class="auth-modal" [body]="authModalBody"
+ <au-modal #modal [hideOnClickOutside]="false" [hideOnEscape]="false" class="auth-modal" [body]="authModalBody"
  *auModalOpenOnClick="[loginButton, signUpButton]">
 
+ <i (click)="modal.close()" class="close-icon fa fa-times"></i>
+
  </au-modal>
 
 

au-modal/src/app/au-modal/au-modal.component.html

@@ -2,6 +2,7 @@
 
  <div class="modal-body" (click)="cancelClick($event)">
 
+ <ng-content select="i"></ng-content>
 
  <ng-container *ngIf="body else projectContent">
 

au-modal/src/app/au-modal/au-modal.component.ts

@@ -22,7 +22,7 @@ export class AuModalComponent implements OnInit {
  constructor(private modalService: AuModalService, private eventManager: EventManager) {
  this.eventManager.addGlobalEventListener('window', 'keyup.esc', () => {
  if (this.hideOnEscape) {
- this.closeModal();
+ this.close();
  }
  });
  }
@@ -32,11 +32,11 @@ export class AuModalComponent implements OnInit {
 
  onClickOutsideModal() {
  if (this.hideOnClickOutside) {
- this.closeModal();
+ this.close();
  }
  }
 
- closeModal() {
+ close() {
  this.modalService.close();
  }