aboutsummaryrefslogtreecommitdiffstats
path: root/src/angular/popup-menu/popup-menu-item.component.ts
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2018-05-21 20:19:48 +0000
committerGerrit Code Review <gerrit@onap.org>2018-05-21 20:19:48 +0000
commit05b37297177e8a342668c15e5d6f738b51f7aedd (patch)
treee236c96df52a13f935292db8aa73e84d0c41ad8a /src/angular/popup-menu/popup-menu-item.component.ts
parent884dfb789593d2a3cc319047ab1f0215778aec9f (diff)
parent1994c98063c27a41797dec01f2ca9fcbe33ceab0 (diff)
Merge "init commit onap ui"2.0.0-ONAPbeijing2.0.0-ONAP
Diffstat (limited to 'src/angular/popup-menu/popup-menu-item.component.ts')
-rw-r--r--src/angular/popup-menu/popup-menu-item.component.ts34
1 files changed, 34 insertions, 0 deletions
diff --git a/src/angular/popup-menu/popup-menu-item.component.ts b/src/angular/popup-menu/popup-menu-item.component.ts
new file mode 100644
index 0000000..fb5a71d
--- /dev/null
+++ b/src/angular/popup-menu/popup-menu-item.component.ts
@@ -0,0 +1,34 @@
+import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { PopupMenuListComponent } from "./popup-menu-list.component";
+
+@Component({
+ selector: 'popup-menu-item',
+ template:
+ `<li [ngClass]="[className || '', type || '', type == 'separator'? '': 'sdc-menu-item']" (click)="performAction($event)">
+ <ng-content *ngIf="type != 'separator'"></ng-content>
+</li>`
+})
+export class PopupMenuItemComponent {
+ @Input() public className: string;
+ @Input() public type: undefined|'disabled'|'selected'|'separator';
+ @Output() public action: EventEmitter<any> = new EventEmitter<any>();
+
+ public parentMenu: PopupMenuListComponent;
+ public index: number = 0;
+
+ public performAction(evt) {
+ evt.stopPropagation();
+
+ if (['disabled', 'separator'].indexOf(this.type) !== -1) {
+ return;
+ }
+
+ if (this.parentMenu instanceof PopupMenuListComponent) {
+ this.parentMenu.open = false;
+ }
+
+ if (this.action) {
+ this.action.emit();
+ }
+ }
+}