import { Component, ViewChild } from '@angular/core'; import { WindowComponent } from '../kendo-widgets/window/window.component' import { HomeScreenHeaderOptions } from '../types/home-screen-types'; @Component({ selector: 'app-master-home-screen', templateUrl: './master-home-screen.component.html', styleUrls: ['./master-home-screen.component.css'] }) export class MasterHomeScreenComponent { constructor() { } private headerConfig: HomeScreenHeaderOptions = { objectName: "Master Home Screen", objectIcon: "fa fa-home", headerViewsNav: [ { iconClass: "fa fa-bell-o", actionFunction: () => { } }, { iconClass: "fa-asterisk", actionFunction: () => { } } ], headerMainActions: [ { iconClass: "fa fa-bookmark", actionFunction: () => { } }, { iconClass: "fa fa-calendar-o", actionFunction: () => { } }, { iconClass: "fa fa-star", actionFunction: () => { } }, { iconClass: "fa fa-check-circle", actionFunction: () => { } } ], craetionBtnActionFunction: (e: any) => { e.preventDefault(); this.kendoWindow.ProtoType.open(); this.kendoWindow.ProtoType.center(); } }; @ViewChild('creationPopup') private kendoWindow: WindowComponent; kendoWindowOptions = { visible: false, modal: true, width: '40%', title: 'Create New Object', actions: [ "Minimize", "Maximize", "Close" ] }; cancelCreation(e: any) { e.preventDefault(); this.kendoWindow.ProtoType.close(); } openPopup(e: any) { } }