ng-window
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.4 • Public • Published

    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)
    }
    
    

    Install

    npm i ng-window

    DownloadsWeekly Downloads

    6

    Version

    1.0.4

    License

    ISC

    Last publish

    Collaborators

    • bahgat