ng-window

first of all : don't forget to copy fonts and css files to your web site assets folder , and import windowStyle.css to your index.html

angular-windows allow developer to open and full control multiple windows in single page applications in simple way.

Avilable Configration

• Maxmize window
• Minimize window
• Custom size,
• Custom posation
• the window is dragable
• Block parent window or not
• Center the window or not
• Pass values to chield window
• Pass values from chield window to parent window
• Listening to closing chield window in parent window
• Listen to resize event with your custom listener
• Open with maximum size or not
• Enable and disable window resizing
• Enable and disable maximization
• Enable and disable minimization

Examples

constructor(private myInjector: WindowsInjetor)
{ 

}

openForm1()
{ 
this.myInjector.openWindow(Form1);  // Form1 is a commponant that will pupup
}


//with some customization
openForm2()
{ 

var config = new WindowConfig()  //height, width
config.position=new CustomPosition(100, 200)//left,top
config.CenterInsideParent=false;
var temp={}
config.forAny=[temp];//here you can pass anything
config.openAsMaximize=true;
this.myInjector.openWindow( Form2,config).then((the_instance_of_form2:Form2) => {
this.DisabledButtonForm2 = true;//disable that button until From2 closed

the_instance_of_form2.addForm2ClosedListener(this);//by using event listener you can liseten to close window event, in the chiled window you should implements OnDestroy then notifaiy your parent window listener
});
}

the previce two examples the parent window was main wibsite page if you wint to inject window into another window it's easy , pass the ViewContainerRef of your parent window when open new window like this

constructor(private myInjector: WindowsInjetor,private viewContainerRef:ViewContainerRef)
{ 

}
openform()
{ 
this.myInjector.openWindow( Form2,config,this.viewContainerRef)
}