I would like to implement a functionality where, upon logging in, the user is directed to a Main Page that opens in a new window. This Main Page contains two buttons, each of which will open a specific report associated with it in a new window when clicked.
The challenge arises when there needs to be a link on each Report Page that allows the user to return to the Main Page (essentially minimizing the report page). Furthermore, if the user opens a second report and then clicks the link to the Main Page, the second report window should also minimize.
Additionally, there is a logout option available on all three pages - Main Page, First Report, and Second Report. Clicking Logout on the Main Page should close all minimized windows, if any exist. Whereas clicking Logout from any other page, i.e. the reports, should invalidate the session.
The flow should follow this path: https://i.stack.imgur.com/iTYgm.png
My current issue lies in the inability to close the second child window when Logout is called from the first one. Also, I am struggling with how to close all pop-up windows if Logout is triggered from the Main page.
Here is the code I am using to open the Main Page from Login:
function RedirectPage(path)
{
var intWidth = screen.width - 10; //Adjust for the end of screen
var intHeight = screen.height - 80; //Adjust for the Icon Bar at the bottom of the window.
var strWinProp = " toolbar=no" //Back, Forward, etc...
+ ",location=no" //URL field
+ ",directories=no" //"What's New", etc...
+ ",status=yes" //Status Bar at bottom of window.
+ ",menubar=no" //Menubar at top of window.
+ ",resizable=yes" //Allow resizing by dragging.
+ ",scrollbars=yes" //Displays scrollbars is document is larger than window.
+ ",titlebar=yes" //Enable/Disable titlebar resize capability.
+ ",width="+intWidth //Standard 640,800/788, 800/788
+ ",height="+intHeight //Standard 480,600/541, 600/566
+ ",top=0" //Offset of windows top edge from screen.
+ ",left=0" //Offset of windows left edge from screen.
+ "";
var win = window.open(path,'_blank',strWinProp);
self.setTimeout("closeMe()",500);
}
Code to open a Report from the Main Page:
function report1() {
sessionId = getURLParameters('requestID');
userName = getURLParameters('userName');
userId = getURLParameters('userId');
lvalue = getURLParameters('lValue');
lver = getURLParameters('lVer');
window.name = "parent";
var intWidth = screen.width - 10; //Adjust for the end of screen
var intHeight = screen.height - 80; //Adjust for the Icon Bar at the bottom of the window.
var strWinProp = " toolbar=no" //Back, Forward, etc...
+ ",location=no" //URL field
+ ",directories=no" //"What's New", etc...
+ ",status=yes" //Status Bar at bottom of window.
+ ",menubar=no" //Menubar at top of window.
+ ",resizable=yes" //Allow resizing by dragging.
+ ",scrollbars=yes" //Displays scrollbars is document is larger than window.
+ ",titlebar=yes" //Enable/Disable titlebar resize capability.
+ ",width="+intWidth //Standard 640,800/788, 800/788
+ ",height="+intHeight //Standard 480,600/541, 600/566
+ ",top=0" //Offset of windows top edge from screen.
+ ",left=0" //Offset of windows left edge from screen.
+ "";
window.open(Url + userName + "&requestID=" + sessionId + "&userId="
+ userId + "&lValue=" + lvalue + "&lVer=" + lver,'_blank',strWinProp);
}
The same code can be used to open Report 2, just with a different URL.
Upon clicking logout from a child page, this function is invoked:
function logout()
{
opener.location.href = '/Login.html';
close();
}
This same logout function is used for the second child as well.
Logout function for the main page:
function onLogout(){
window.opener.location.reload(true);
window.opener.location.href=loginPageUrl;
window.close();
}