aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/modal/modal.component.html
diff options
context:
space:
mode:
Diffstat (limited to 'catalog-ui/src/app/ng2/components/modal/modal.component.html')
-rw-r--r--catalog-ui/src/app/ng2/components/modal/modal.component.html18
1 files changed, 18 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/components/modal/modal.component.html b/catalog-ui/src/app/ng2/components/modal/modal.component.html
new file mode 100644
index 0000000000..4882449596
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/modal/modal.component.html
@@ -0,0 +1,18 @@
+<div class="custom-modal {{size}}">
+ <div class="ng2-modal-content">
+ <div class="ng2-modal-header">
+ <span class="title">{{ title }}</span>
+ <span class="close-button" (click)="close()"></span>
+ </div>
+ <div class="ng2-modal-body">
+ <ng-content></ng-content>
+ </div>
+ <div class="ng2-modal-footer">
+ <button *ngFor="let buttonName of buttonsNames"
+ class="tlv-btn {{buttons[buttonName].cssClass}}"
+ [disabled] = "buttons[buttonName].getDisabled && buttons[buttonName].getDisabled()"
+ (click) = "buttons[buttonName].callback()">{{buttons[buttonName].text}}</button>
+ </div>
+ </div>
+</div>
+<div class="modal-background"></div>