modal header and footer components added

Author: iyilm4z

angular/src/shared/components/modal/abp-modal-footer.component.html

@@ -0,0 +1,13 @@
+<div class="modal-footer justify-content-between">
+  <button
+    type="button"
+    class="btn btn-default"
+    [disabled]="cancelDisabled"
+    (click)="onCancelClick.emit()"
+  >
+    {{ cancelLabel }}
+  </button>
+  <button type="submit" class="btn btn-primary" [disabled]="saveDisabled">
+    {{ saveLabel }}
+  </button>
+</div>

angular/src/shared/components/modal/abp-modal-footer.component.ts

@@ -0,0 +1,27 @@
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  ChangeDetectionStrategy,
+  Injector
+} from '@angular/core';
+import { AppComponentBase } from '@shared/app-component-base';
+
+@Component({
+  selector: 'abp-modal-footer',
+  templateUrl: './abp-modal-footer.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AbpModalFooterComponent extends AppComponentBase {
+  @Input() cancelLabel = this.l('Cancel');
+  @Input() cancelDisabled: boolean;
+  @Input() saveLabel = this.l('Save');
+  @Input() saveDisabled: boolean;
+
+  @Output() onCancelClick = new EventEmitter<number>();
+
+  constructor(injector: Injector) {
+    super(injector);
+  }
+}

angular/src/shared/components/modal/abp-modal-header.component.html

@@ -0,0 +1,11 @@
+<div class="modal-header">
+  <h4 class="modal-title">{{ title }}</h4>
+  <button
+    type="button"
+    class="close"
+    aria-label="Close"
+    (click)="onCloseClick.emit()"
+  >
+    <span aria-hidden="true">&times;</span>
+  </button>
+</div>

angular/src/shared/components/modal/abp-modal-header.component.ts

@@ -0,0 +1,24 @@
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  ChangeDetectionStrategy,
+  Injector
+} from '@angular/core';
+import { AppComponentBase } from '@shared/app-component-base';
+
+@Component({
+  selector: 'abp-modal-header',
+  templateUrl: './abp-modal-header.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class AbpModalHeaderComponent extends AppComponentBase {
+  @Input() title: string;
+
+  @Output() onCloseClick = new EventEmitter<number>();
+
+  constructor(injector: Injector) {
+    super(injector);
+  }
+}