From 1994c98063c27a41797dec01f2ca9fcbe33ceab0 Mon Sep 17 00:00:00 2001
From: Israel Lavi <israel.lavi@intl.att.com>
Date: Mon, 21 May 2018 17:42:00 +0300
Subject: init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>
---
 src/angular/modals/modal-close-button.component.ts | 34 ++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/angular/modals/modal-close-button.component.ts

(limited to 'src/angular/modals/modal-close-button.component.ts')

diff --git a/src/angular/modals/modal-close-button.component.ts b/src/angular/modals/modal-close-button.component.ts
new file mode 100644
index 0000000..e761019
--- /dev/null
+++ b/src/angular/modals/modal-close-button.component.ts
@@ -0,0 +1,34 @@
+import { Component, Input } from "@angular/core";
+import { ButtonComponent } from "../buttons/button.component";
+import { ModalService } from "./modal.service";
+import { RippleAnimationAction } from "../animations/ripple-click.animation.directive";
+
+@Component({
+    selector: "sdc-modal-close-button",
+    template: `
+    <div class="sdc-modal__close-button"
+        SdcRippleClickAnimation
+        [ngClass]="disabled ? 'disabled' : ''"
+        [rippleOnAction]="!disabled && rippleAnimationAction"
+        [attr.data-tests-id]="testId"
+        (click)="!disabled && closeModal()"
+        >
+        <svg-icon name="close" [mode]="disabled? 'secondary' : 'info'" size="small"></svg-icon>
+    </div>
+    `
+})
+export class ModalCloseButtonComponent {
+
+    @Input() testId: string;
+    @Input() disabled: boolean;
+
+    public rippleAnimationAction: RippleAnimationAction = RippleAnimationAction.MOUSE_ENTER;
+
+    constructor(private modalService: ModalService) {
+    }
+
+    public closeModal = (): void => {
+        this.modalService.closeModal();
+    }
+
+}
-- 
cgit 1.2.3-korg