diff --git a/SAS/TMSS/frontend/tmss_webapp/src/authenticate/auth.js b/SAS/TMSS/frontend/tmss_webapp/src/authenticate/auth.js
index 19b706a41aa1142c01b9d59b20c4c784c7252705..ec985d79fb750256216f55196b99d5d963fe3150 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/authenticate/auth.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/authenticate/auth.js
@@ -12,13 +12,85 @@ const Auth = {
* - If not then check the Keycloak authentication
* - Return false if no authentication found
*/
+ isDebugLoggin: true,
+ isTokenCheckInProgress: false,
+ prevalidatedToken: "abcd-abcd",
+ callCounter: 0,
+ validateExistingToken: async (user) => {
+
+ const loginType = localStorage.getItem("loginType");
+
+ if (Auth.isDebugLoggin) console.log(" \\ validateExistingToken:", user)
+
+ // Check if token validation is already in progress
+ if (Auth.isTokenCheckInProgress) {
+ // Another part of the application is already checking the token,
+ // so wait for it to complete before continuing.
+ await new Promise(resolve => {
+ const intervalId = setInterval(() => {
+ if (!Auth.isTokenCheckInProgress) {
+ clearInterval(intervalId);
+ resolve();
+ }
+ }, 100);
+ });
+ }
+
+ // another thread might have fixed this :)
+ if (Auth.prevalidatedToken === user.token) {
+ if (Auth.isDebugLoggin) {
+ console.log("// isAuthenticated : No Need anymore to Check Token !")
+ return true
+ }
+ }
+ if (loginType === "KeyCloak") {
+ if (Auth.isDebugLoggin) console.log(" - validateExistingToken: Checking for KeyCloak State", user?.token)
+ const currentAuthenticationState = await AuthService.getKeycloakAuthState();
+ if (currentAuthenticationState?.is_authenticated) {
+ if (Auth.isDebugLoggin) console.log(" // User was a valid KeyCloak user ", currentAuthenticationState)
+ Auth.prevalidatedToken = user.token
+ return true; // we are still having a valid session.
+ }
+ } else if (loginType === "Application") {
+ if (Auth.isDebugLoggin) console.log(" - validateExistingToken: Checking for Token State for Application ", user?.token)
+ let currentAuthenticationState = await AuthService.isValidAuthenticationState(user?.name)
+ if (currentAuthenticationState?.websocket_token_valid) {
+ Auth.prevalidatedToken = user.token
+ if (Auth.isDebugLoggin) console.log(" - validateExistingToken: Token Validated ", Auth.prevalidatedToken, currentAuthenticationState)
+ Auth.isTokenCheckInProgress = false
+ return true
+ }
+ }
+ if (Auth.isDebugLoggin) console.log(" // validateExistingToken: Failed to Validate Token ")
+ Auth.isTokenCheckInProgress = false
+ Auth.prevalidatedToken = "abcd-abcd"
+ return false
+ },
isAuthenticated: async () => {
let user = localStorage.getItem("user");
- if (user) {
+ if (Auth.isDebugLoggin) console.log("\\ isAuthenticated User From localstorage:", user, Auth.prevalidatedToken, user?.token)
+
+ // by adding the user.authenticator, we reinforce all users to revalidate once, since it was missing in the previous version of the localstorage object
+ if (user) { // this is the cached user from the system, could be either LDAP or Keycloak.
user = JSON.parse(user);
- return Auth.getUserPermission(user);
- } else {
- //Keycloak authentication
+ let authPermissions = await Auth.getUserPermission(user);
+ if (Auth.prevalidatedToken !== user?.token) { // let's check if this is still a valid token.
+ let isTokenValid = await Auth.validateExistingToken(user)
+ if (!isTokenValid) {
+ if (Auth.isDebugLoggin) console.log("// isAuthenticated : No Valid Token")
+ return false
+ } else {
+ if (Auth.isDebugLoggin) console.log("- isAuthenticated : Valid Existing Token")
+ }
+ } else {
+ if (Auth.isDebugLoggin) console.log(" - isAuthenticated : Cache token match", Auth.prevalidatedToken)
+ }
+ if (Auth.isDebugLoggin) console.log("/ isAuthenticated : Retrieved authPermissions:", authPermissions)
+ return authPermissions;
+ } else {
+ //Keycloak authentication, we relying on the cookie. LDAP User will get a False, we cannot authenticate them.
+ // but keycloak users might have a session
+ if (Auth.isDebugLoggin) console.log("- Check getKeycloakAuthState. ")
const res = await AuthService.getKeycloakAuthState();
if (res?.is_authenticated) {
localStorage.setItem("loginType", 'Keycloak');
@@ -27,7 +99,7 @@ const Auth = {
prev[name] = value;
return prev;
}, {});
- const userDetails = {'name':res.username, 'token': cookies.csrftoken || res.csrftoken, 'websocket_token': res.websocket_token};
+ const userDetails = { 'name': res.username, 'token': cookies.csrftoken || res.csrftoken, 'websocket_token': res.websocket_token };
localStorage.setItem("user", JSON.stringify(userDetails));
return Auth.getUserPermission(userDetails);
}
@@ -35,12 +107,13 @@ const Auth = {
await PermissionStackUtil.getPermissions(false);
return false;
},
+
getUserPermission: async (user) => {
if (user.token) {
axios.defaults.headers.common['Authorization'] = `Token ${user.token}`;
axios.defaults.headers.common['X-CSRFTOKEN'] = `${user.token}`;
const permissions = await AuthStore.getState();
- if(!permissions.userRolePermission.project) {
+ if (!permissions.userRolePermission.project) {
await PermissionStackUtil.getPermissions(true);
}
return true;
@@ -51,22 +124,24 @@ const Auth = {
return JSON.parse(localStorage.getItem("user"));
},
/** Authenticate user from the backend and store user details in local storage */
- login: async(user, pass) => {
+ login: async (user, pass) => {
const authData = await AuthService.authenticate(user, pass);
if (authData) {
- localStorage.setItem("user", JSON.stringify({name:user, token: authData.token, websocket_token: authData.token},));
+ localStorage.setItem("user", JSON.stringify({ name: user, token: authData.token, websocket_token: authData.token },));
localStorage.setItem("loginType", 'Application');
await PermissionStackUtil.getPermissions(true);
return true;
- } else {
+ } else {
return false;
}
},
- /** Remove user details from localstorage on logout */
+ /** Remove user details from localstorage on logout and clear entire local storage*/
logout: () => {
AuthService.deAuthenticate();
- PermissionStackUtil.deleteStore()
+ PermissionStackUtil.deleteStore();
+ Auth.prevaliDationUser = "";
localStorage.removeItem("user");
+ localStorage.clear();
}
}
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/services/auth.service.js b/SAS/TMSS/frontend/tmss_webapp/src/services/auth.service.js
index 438faf40677fc16d97e704d9c8e234a413c3b079..15ac7663e20feea04e9e40fcfd41bf4a130f9010 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/services/auth.service.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/services/auth.service.js
@@ -5,7 +5,7 @@ const AuthService = {
try {
delete axios.defaults.headers.common['Authorization'];
delete axios.defaults.headers.common['X-Csrftoken'];
- const response = await axios.post("/api/token-auth/", {username: user, password: pass} );
+ const response = await axios.post("/api/token-auth/", {username: user, password: pass} , {headers: {'Content-Type': 'application/json'}});
axios.defaults.headers.common['Authorization'] = `Token ${response.data.token}`;
return response.data;
} catch(error) {
@@ -58,14 +58,25 @@ const AuthService = {
}
axios.defaults.headers.common['Content-Type'] = contentType;
},
- isValidToken: async(token) => {
+ isValidAuthenticationState: async(username) => {
+ let response
try {
- axios.defaults.headers.common['Authorization'] = `Token ${token}`;
- const response = await axios.get("/api/subtask_type/?limit=1&offset=1");
- console.log(response);
+ console.log("\\ isValidAuthenticationState : requesting")
+
+ // the server will first attempt to see if the user is already authenticated (based upon cookies)
+ // and then if it fails, it will validate upon the token (present in the header) and the username
+ // This gives us a change to both validate keycloak and application tokens.
+ // when using keycloak, do not supply the username.
+ response = await axios.get("/api/authentication_state/?username="+username)
+ console.log("// isValidAuthenticationState: requested",response.data)
+ if (response?.status==200) {
+ return response.data
+ }
+ console.error("// isValidAuthenticationState retrieved response");
} catch(error) {
- console.error(error);
+ console.error("// isValidAuthenticationState Requested. Got error", error, response);
}
+ return {}
},
getAccessControlMethod: async(subdomain, source) => {
let res = null;
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap
index 112d3e39bc65ff807277df70366f7b1ba7a5d538..46d5924c1e81639f655935ac5c3162f6812c78cc 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/__snapshots__/app.test.js.snap
@@ -101,1802 +101,42 @@ exports[`App renders the App component with Redirection to login 1`] = `
<div>
<div class=\\"App\\">
<div class=\\"layout-wrapper layout-static\\">
- <div class=\\"layout-wrapper layout-static layout-static-sidebar-inactive\\">
- <div class=\\"layout-topbar clearfix\\"><button class=\\"p-link layout-menu-button\\" title=\\"Toggle Menu\\"><i class=\\"pi pi-bars\\"></i></button><span class=\\"header-title\\" title=\\"V1.0.0\\">TMSS</span><span class=\\"header-by\\">by</span><span class=\\"header-company\\">ASTRON</span>
- <div class=\\"top-date-bar\\">
- <div class=\\"datetime-info-container\\"><span class=\\"date-element\\" data-testid=\\"Date-element\\"><span class=\\"date-title\\">Date</span><span class=\\"clock-time\\" title=\\"2023-12-24\\">2023-12-24</span></span><span class=\\"date-element\\" data-testid=\\"UTC-element\\"><span class=\\"date-title\\">UTC</span><time datetime=\\"X\\" class=\\"clock-time\\">22:58:22</time></span><span class=\\"date-element\\" data-testid=\\"LOFAR Core LST-element\\"><span class=\\"date-title\\">LOFAR Core LST</span><time datetime=\\"X\\" class=\\"clock-time\\">06:36:32</time></span></div>
- </div>
- <div class=\\"top-right-bar\\"><a class=\\"p-link layout-menu-button\\" style=\\"margin-left: 8px; margin-right: 8px;\\" title=\\"Documentation\\" href=\\"https://support.astron.nl/confluence/display/public/TMSS+User+Manual\\" target=\\"_blank\\" rel=\\"noreferrer \\"><i class=\\"pi pi-file-o\\"></i></a><a class=\\"p-link layout-menu-button\\" title=\\"Helpdesk\\" href=\\"https://support.astron.nl/sdchelpdesk\\" target=\\"_blank\\" rel=\\"noreferrer \\"><span><i class=\\"pi pi-question-circle\\"></i></span></a><button class=\\"p-link layout-menu-button\\" title=\\"Logout a username\\"><i class=\\"pi pi-power-off\\"></i></button><button class=\\"p-link layout-menu-button\\" title=\\"Logged in as a username\\"><i class=\\"pi pi-user\\"></i></button></div>
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div class=\\"top-right-bar find-object-search\\" style=\\"margin-right: 1em;\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled p-link layout-menu-button find-object-type\\" title=\\"Select type to search for\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"0\\" data-pc-section=\\"option\\" selected=\\"\\">Scheduling Unit</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Scheduling Unit</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div><input class=\\"p-inputtext p-component find-object-search-input find-object-search-input\\" title=\\"Enter Object Id to search Object\\" placeholder=\\"Search by ID\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"><button class=\\"p-link layout-menu-button\\" style=\\"float: right;\\" title=\\"Start search\\"><i class=\\"pi pi-search find-object-search-btn\\"></i></button>
- </div>
- </div>
- </div>
- <div class=\\"layout-sidebar layout-sidebar-light\\">
- <div class=\\"layout-menu-container\\">
- <ul class=\\"layout-menu\\">
- <li class=\\"\\"><a href=\\"/su/timelineview/week\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar-times\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Calendar</span></a></li>
- <li class=\\"\\"><a href=\\"/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-spinner\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle</span></a></li>
- <li class=\\"\\"><a href=\\"/constraint/view\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sun\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Daily Schedule</span></a></li>
- <li class=\\"\\"><a href=\\"/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-compass\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project</span></a></li>
- <li class=\\"\\"><a href=\\"/reservation/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-book\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reservations</span></a></li>
- <li class=\\"\\">
- <div class=\\"arrow\\"></div><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reports</span><i class=\\"pi pi-fw pi-angle-down menuitem-toggle-icon\\"></i></a>
- <ul>
- <li class=\\"\\"><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Failure </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-history\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-table\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project </span></a></li>
- </ul>
- </li>
- <li class=\\"\\"><a href=\\"/schedulingunit\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Scheduling Units</span></a></li>
- <li class=\\"\\"><a href=\\"/station/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-wifi pi-rotate\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Stations</span></a></li>
- <li class=\\"\\"><a href=\\"/systemevent/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-bolt\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>System Events</span></a></li>
- <li class=\\"\\"><a href=\\"/task\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-check-square\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Tasks</span></a></li>
- <li class=\\"\\"><a href=\\"/su/workflow\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sitemap\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Workflow</span></a></li>
- </ul>
- </div>
- </div>
- <div class=\\"layout-main\\">
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div class=\\"page-header undefined\\">
- <div class=\\"title\\">
- <h2 class=\\"page-title\\">Search Result</h2>
- </div>
- <div class=\\"page-action-menu page-actionsundefined\\"></div>
- </div> No Object found !
- </div>
- <div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
- </div>
- </div>
- </div>
-</body>
-
-</html>
-"
-`;
-
-exports[`App renders the App component with Valid Credentials: After Logout 1`] = `
-"<html>
-
-<head></head>
-
-<body>
- <div>
- <div class=\\"App\\">
- <div class=\\"layout-wrapper layout-static\\">
- <div class=\\"layout-wrapper layout-static layout-static-sidebar-inactive\\">
- <div class=\\"layout-topbar clearfix\\"><button class=\\"p-link layout-menu-button\\" title=\\"Toggle Menu\\"><i class=\\"pi pi-bars\\"></i></button><span class=\\"header-title\\" title=\\"V1.0.0\\">TMSS</span><span class=\\"header-by\\">by</span><span class=\\"header-company\\">ASTRON</span>
- <div class=\\"top-date-bar\\">
- <div class=\\"datetime-info-container\\"><span class=\\"date-element\\" data-testid=\\"Date-element\\"><span class=\\"date-title\\">Date</span><span class=\\"clock-time\\" title=\\"2023-12-24\\">2023-12-24</span></span><span class=\\"date-element\\" data-testid=\\"UTC-element\\"><span class=\\"date-title\\">UTC</span><time datetime=\\"X\\" class=\\"clock-time\\">22:58:22</time></span><span class=\\"date-element\\" data-testid=\\"LOFAR Core LST-element\\"><span class=\\"date-title\\">LOFAR Core LST</span><time datetime=\\"X\\" class=\\"clock-time\\">06:36:32</time></span></div>
- </div>
- <div class=\\"top-right-bar\\"><a class=\\"p-link layout-menu-button\\" style=\\"margin-left: 8px; margin-right: 8px;\\" title=\\"Documentation\\" href=\\"https://support.astron.nl/confluence/display/public/TMSS+User+Manual\\" target=\\"_blank\\" rel=\\"noreferrer \\"><i class=\\"pi pi-file-o\\"></i></a><a class=\\"p-link layout-menu-button\\" title=\\"Helpdesk\\" href=\\"https://support.astron.nl/sdchelpdesk\\" target=\\"_blank\\" rel=\\"noreferrer \\"><span><i class=\\"pi pi-question-circle\\"></i></span></a><button class=\\"p-link layout-menu-button\\" title=\\"Logout a username\\"><i class=\\"pi pi-power-off\\"></i></button><button class=\\"p-link layout-menu-button\\" title=\\"Logged in as a username\\"><i class=\\"pi pi-user\\"></i></button></div>
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div class=\\"top-right-bar find-object-search\\" style=\\"margin-right: 1em;\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled p-link layout-menu-button find-object-type\\" title=\\"Select type to search for\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"0\\" data-pc-section=\\"option\\" selected=\\"\\">Scheduling Unit</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Scheduling Unit</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div><input class=\\"p-inputtext p-component find-object-search-input find-object-search-input\\" title=\\"Enter Object Id to search Object\\" placeholder=\\"Search by ID\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"><button class=\\"p-link layout-menu-button\\" style=\\"float: right;\\" title=\\"Start search\\"><i class=\\"pi pi-search find-object-search-btn\\"></i></button>
- </div>
- </div>
- </div>
- <div class=\\"layout-sidebar layout-sidebar-light\\">
- <div class=\\"layout-menu-container\\">
- <ul class=\\"layout-menu\\">
- <li class=\\"active-menuitem\\"><a href=\\"/su/timelineview/week\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar-times\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Calendar</span></a></li>
- <li class=\\"\\"><a href=\\"/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-spinner\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle</span></a></li>
- <li class=\\"\\"><a href=\\"/constraint/view\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sun\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Daily Schedule</span></a></li>
- <li class=\\"\\"><a href=\\"/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-compass\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project</span></a></li>
- <li class=\\"\\"><a href=\\"/reservation/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-book\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reservations</span></a></li>
- <li class=\\"\\">
- <div class=\\"arrow\\"></div><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reports</span><i class=\\"pi pi-fw pi-angle-down menuitem-toggle-icon\\"></i></a>
- <ul>
- <li class=\\"\\"><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Failure </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-history\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-table\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project </span></a></li>
- </ul>
- </li>
- <li class=\\"\\"><a href=\\"/schedulingunit\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Scheduling Units</span></a></li>
- <li class=\\"\\"><a href=\\"/station/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-wifi pi-rotate\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Stations</span></a></li>
- <li class=\\"\\"><a href=\\"/systemevent/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-bolt\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>System Events</span></a></li>
- <li class=\\"\\"><a href=\\"/task\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-check-square\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Tasks</span></a></li>
- <li class=\\"\\"><a href=\\"/su/workflow\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sitemap\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Workflow</span></a></li>
- </ul>
- </div>
- </div>
- <div class=\\"layout-main\\">
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div>
- <div class=\\"hide-element\\">
- <div class=\\"p-progressbar p-component p-progressbar-indeterminate hide-element\\" style=\\"height: 0.25rem;\\" role=\\"progressbar\\" data-pc-name=\\"progressbar\\" data-pc-section=\\"root\\">
- <div class=\\"p-progressbar-indeterminate-container\\" data-pc-section=\\"indeterminatecontainer\\">
- <div class=\\"p-progressbar-value p-progressbar-value-animate\\" data-pc-section=\\"value\\"></div>
- </div>
- </div>
- </div>
- <div class=\\"page-header undefined\\">
- <div class=\\"title\\">
- <h2 class=\\"page-title\\">Scheduling Units - Week 32 View</h2>
- </div>
- <div class=\\"page-action-menu page-actionsundefined\\">
- <div class=\\"timeline-header-dropdown\\"> <span class=\\"dropdown-title\\">Group By </span>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled w-full md:w-14rem\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"group\\" data-pc-section=\\"option\\" selected=\\"\\">No Grouping</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">No Grouping</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div><button class=\\"p-button p-component p-button-icon-only\\" title=\\"previous 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-left\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"next 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-right\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><span class=\\"action-divider\\"></span><span class=\\"tag tag--off\\" title=\\"Dynamic Scheduling is Off\\">D</span><span class=\\"tag tag--off\\" title=\\"Fixed time Scheduling is Off\\">F</span><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Dynamic Scheduler is stopped. Click to change the scheduler\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-stop\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Reload the timeline data\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-sync\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Options\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bars\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Scheduling Units Table\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-folder\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Legend\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bookmark-fill\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Hide Filters\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-chevron-up\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button>
- </div>
- </div>
- <div class=\\"p-grid\\">
- <div class=\\"timeline-panel\\">
- <div class=\\"timeline-tools\\" style=\\"display: flex;\\">
- <div class=\\"p-grid timeline-view-toolbar\\">
- <div class=\\"p-panel p-component section\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_12\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_12_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Filters</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_12_content\\" aria-labelledby=\\"pr_id_12_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group\\">
- <div class=\\"toggle-container \\"><label>On Sky</label>
- <div class=\\"p-inputswitch p-component p-inputswitch-checked\\" role=\\"checkbox\\" aria-checked=\\"true\\" data-pc-name=\\"inputswitch\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"checkbox\\" role=\\"switch\\" aria-checked=\\"true\\" data-pc-section=\\"hiddeninput\\" checked=\\"\\"></div><span class=\\"p-inputswitch-slider\\" data-pc-section=\\"slider\\"></span>
- </div>
- </div>
- </div>
- <div class=\\"group\\">
- <div class=\\"toggle-container disabled\\"><label>Reservations</label>
- <div class=\\"p-inputswitch p-component\\" role=\\"checkbox\\" aria-checked=\\"false\\" data-pc-name=\\"inputswitch\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"checkbox\\" role=\\"switch\\" aria-checked=\\"false\\" data-pc-section=\\"hiddeninput\\"></div><span class=\\"p-inputswitch-slider\\" data-pc-section=\\"slider\\"></span>
- </div>
- </div>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Reason:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-disabled disabled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" disabled=\\"\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-placeholder\\" data-pc-section=\\"label\\">Reason</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"group\\"><label>Scheduling Units</label>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-multiselect-items-label\\" data-pc-section=\\"label\\">13 items selected</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"group\\"><label>Projects</label>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label\\" data-pc-section=\\"label\\">null</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Value:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-placeholder\\" data-pc-section=\\"label\\">Project</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-grid timeline-datetime-navigator\\">
- <div class=\\"p-panel p-component\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_13\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_13_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Navigation</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_13_content\\" aria-labelledby=\\"pr_id_13_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group\\">
- <div class=\\"selector-container\\">
- <div data-testid=\\"nav-datetime-selector\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled DayWeekDropDown\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"Showing Week From\\" data-pc-section=\\"option\\" selected=\\"\\">Showing Week From</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Showing Week From</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- <div data-enable-time=\\"false\\" data-input=\\"true\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-testid=\\"nav-reset-button\\" title=\\"Reset to default\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-undo\\"></i></button></div>
- </div>
- <div data-testid=\\"nav-jump-to-suid\\" class=\\"JumpToSuid\\"><label>Jump to SU id</label>
- <div><span class=\\"p-inputnumber p-component p-inputwrapper jump-to-input\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" data-testid=\\"jump-to-input\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><button class=\\"p-button p-component p-button-icon-only calendar-button\\" title=\\"Set the week to the scheduling unit's on sky or process start time.\\" data-testid=\\"nav-jump-to-button\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-search\\"></i></button></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-panel p-component timeline-zoom-and-move section\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_14\\">
- <div class=\\"p-panel-header justify-content-start\\"><span class=\\"p-panel-title p-panel-title\\">Zoom</span><button data-testid=\\"zoom-reset-button\\" class=\\"p-panel-header-icon p-panel-toggler p-link\\" title=\\"Reset span to 1 day, time steps to 1 hour and time to now.\\"><span class=\\"pi pi-undo\\"></span></button></div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_14_content\\" aria-labelledby=\\"pr_id_14_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group group--row\\">
- <div class=\\"zoom-selector-container\\" data-testid=\\"zoom-select\\"><label title=\\"Set the amount of time surrounding the current time\\">Span</label>
- <div>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"1 Day\\" data-pc-section=\\"option\\" selected=\\"\\">1 Day</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">1 Day</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Zoom\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div data-testid=\\"zoom-time-selector\\"><label>Set time</label>
- <div data-enable-time=\\"true\\" data-input=\\"true\\" placeholder=\\"hi\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component time-input flatpickr-input\\" placeholder=\\"Input time\\" disabled=\\"\\"><button class=\\"p-button p-component p-button-icon-only calendar-button p-disabled\\" disabled=\\"\\" data-testid=\\"time-reset-button\\" title=\\"Reset to the current time and default time steps for span\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-undo\\"></i></button></div>
- </div>
- </div>
- <div class=\\"group\\">
- <div class=\\"timesteps-container\\" data-testid=\\"time-steps-setter\\"><label title=\\"Set the time steps for the header\\">Time steps</label>
- <div>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"1 Hour\\" data-pc-section=\\"option\\" selected=\\"\\">1 Hour</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">1 Hour</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Time Steps\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"move-container\\"><label>Move</label>
- <div><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Move Left 1 hour\\" data-testid=\\"Move Left 1 hour\\" disabled=\\"\\"><i class=\\"pi pi-angle-left\\"></i></button><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Zoom out\\" disabled=\\"\\" data-testid=\\"Zoom out\\"><i class=\\"pi pi-minus-circle\\"></i></button><button class=\\"p-link\\" title=\\"Zoom in\\" data-testid=\\"Zoom in\\"><i class=\\"pi pi-plus-circle\\"></i></button><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Move Right 1 hour\\" data-testid=\\"Move Right 1 hour\\" disabled=\\"\\"><i class=\\"pi pi-angle-right\\"></i></button></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-panel p-component hide-element\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_15\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_15_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Legend</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_15_content\\" aria-labelledby=\\"pr_id_15_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"p-grid legendbar\\">
- <div class=\\"left\\">
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Status\\">Status:</label>
- <div class=\\"su-legend su-defined\\" title=\\"Defined\\">Defined</div>
- <div class=\\"su-legend su-schedulable\\" title=\\"Schedulable\\">Schedulable</div>
- <div class=\\"su-legend su-scheduled\\" title=\\"Scheduled\\">Scheduled</div>
- <div class=\\"su-legend su-queued\\" title=\\"Queued\\">Queued</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Active\\">Active:</label>
- <div class=\\"su-legend su-started\\" title=\\"Started\\">Started</div>
- <div class=\\"su-legend su-observing\\" title=\\"Observing\\">Observing</div>
- <div class=\\"su-legend su-processing\\" title=\\"Processing\\">Processing</div>
- <div class=\\"su-legend su-ingesting\\" title=\\"Ingesting\\">Ingesting</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Success\\">Success:</label>
- <div class=\\"su-legend su-processed\\" title=\\"Processed\\">Processed</div>
- <div class=\\"su-legend su-observed\\" title=\\"Observed\\">Observed</div>
- <div class=\\"su-legend su-ingested\\" title=\\"Ingested\\">Ingested</div>
- <div class=\\"su-legend su-finished\\" title=\\"Finished\\">Finished</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Fail\\">Fail:</label>
- <div class=\\"su-legend su-cancelled\\" title=\\"Cancelled\\">Cancelled</div>
- <div class=\\"su-legend su-error\\" title=\\"Error\\">Error</div>
- <div class=\\"su-legend su-unschedulable\\" title=\\"Unschedulable\\">Unschedulable</div>
- </div>
- </div>
- <div class=\\"right\\">
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Station Reservation\\">Station:</label>
- <div class=\\"su-legend reserve-not-available\\" title=\\"Not Available\\">N/A</div>
- <div class=\\"su-legend reserve-available\\" title=\\"Available\\">Available</div>
- <div class=\\"su-legend reserve-fixed_time\\" title=\\"Fixed Time\\">Fixed Time</div>
- <div class=\\"su-legend reserve-dynamic\\" title=\\"Dynamic\\">Dynamic</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Indication about the settings\\">Indicators:</label>
- <div class=\\"su-legend su-fixed_time\\" title=\\"Fixed Time\\">Fixed Time</div>
- <div class=\\"su-legend su-dynamic\\" title=\\"Dynamic\\">Dynamic</div>
- <div class=\\"su-legend su-unplaced\\" title=\\"Unplaced\\">Unplaced</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Sunturn\\">Sunturn:</label>
- <div class=\\"su-legend legend-sunrise\\" title=\\"Sunrise\\">Sunrise</div>
- <div class=\\"su-legend legend-sunset\\" title=\\"Sunset\\">Sunset</div>
- <div class=\\"su-legend legend-night\\" title=\\"Night\\">Night</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"react-calendar-timeline timeline-expanded-filter\\">
- <div style=\\"display: flex; width: 100%;\\" class=\\"rct-header-root sticky\\">
- <div style=\\"width: 150px;\\" class=\\"sidebar-header\\">
- <div class=\\"sidebar-header-row\\">UTC</div>
- <div class=\\"sidebar-header-row\\" title=\\"LST@CS002\\">LST</div>
- </div>
- <div style=\\"overflow: hidden; width: calc(100% - 150px);\\" class=\\"rct-calendar-header\\">
- <div style=\\"height: 30px; position: relative; width: -150px;\\">
- <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- </div>
- <div style=\\"height: 30px; position: relative; width: -150px;\\">
- <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- </div>
- </div>
- </div>
- <div style=\\"height: 280px;\\" class=\\"rct-outer\\">
- <div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
- <div style=\\"width: 150px;\\">
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-06\\" target=\\"_new\\"> Aug 06 - Sun </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-07\\" target=\\"_new\\"> Aug 07 - Mon </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-08\\" target=\\"_new\\"> Aug 08 - Tue </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-09\\" target=\\"_new\\"> Aug 09 - Wed </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-10\\" target=\\"_new\\"> Aug 10 - Thu </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-11\\" target=\\"_new\\"> Aug 11 - Fri </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-12\\" target=\\"_new\\"> Aug 12 - Sat </a></div>
- </div>
- </div>
- </div>
- <div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
- <div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
- <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -25.00028935520087px; z-index: 998;\\"></div>
- <div class=\\"rct-vertical-lines\\">
- <div class=\\"rct-vl \\" style=\\"X\\"></div>
- </div>
- <div class=\\"rct-horizontal-lines\\">
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- </div>
- <div class=\\"rct-items\\"></div>
- </div>
- </div>
- </div>
- <div class=\\"erd_scroll_detection_container erd_scroll_detection_container_animation_active\\" style=\\"visibility: hidden; display: inline; width: 0px; height: 0px; z-index: -1; overflow: hidden; margin: 0px; padding: 0px;\\">
- <div dir=\\"ltr\\" style=\\"position: absolute; flex: 0 0 auto; overflow: hidden; z-index: -1; visibility: hidden; width: 100%; height: 100%; left: 0px; top: 0px;\\" class=\\"erd_scroll_detection_container\\">
- <div class=\\"erd_scroll_detection_container\\" style=\\"position: absolute; flex: 0 0 auto; overflow: hidden; z-index: -1; visibility: hidden; left: -501px; top: -501px; right: -500px; bottom: -500px;\\">
- <div style=\\"position: absolute; flex: 0 0 auto; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;\\">
- <div style=\\"position: absolute; left: 0px; top: 0px; width: 1011px; height: 1011px;\\"></div>
- </div>
- <div style=\\"position: absolute; flex: 0 0 auto; overflow: scroll; z-index: -1; visibility: hidden; width: 100%; height: 100%;\\">
- <div style=\\"position: absolute; width: 200%; height: 200%;\\"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-grid\\" data-testid=\\"confirm_dialog\\">
- <div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
- </div>
- </div>
- </div>
- <div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
- </div>
- </div>
- </div>
-</body>
-
-</html>
-"
-`;
-
-exports[`App renders the App component with Valid Credentials: After Menu Toggle One 1`] = `
-"<html>
-
-<head></head>
-
-<body>
- <div>
- <div class=\\"App\\">
- <div class=\\"layout-wrapper layout-static\\">
- <div class=\\"layout-wrapper layout-static layout-static-sidebar-inactive\\">
- <div class=\\"layout-topbar clearfix\\"><button class=\\"p-link layout-menu-button\\" title=\\"Toggle Menu\\"><i class=\\"pi pi-bars\\"></i></button><span class=\\"header-title\\" title=\\"V1.0.0\\">TMSS</span><span class=\\"header-by\\">by</span><span class=\\"header-company\\">ASTRON</span>
- <div class=\\"top-date-bar\\">
- <div class=\\"datetime-info-container\\"><span class=\\"date-element\\" data-testid=\\"Date-element\\"><span class=\\"date-title\\">Date</span><span class=\\"clock-time\\" title=\\"2023-12-24\\">2023-12-24</span></span><span class=\\"date-element\\" data-testid=\\"UTC-element\\"><span class=\\"date-title\\">UTC</span><time datetime=\\"X\\" class=\\"clock-time\\">22:58:22</time></span><span class=\\"date-element\\" data-testid=\\"LOFAR Core LST-element\\"><span class=\\"date-title\\">LOFAR Core LST</span><time datetime=\\"X\\" class=\\"clock-time\\">06:36:32</time></span></div>
- </div>
- <div class=\\"top-right-bar\\"><a class=\\"p-link layout-menu-button\\" style=\\"margin-left: 8px; margin-right: 8px;\\" title=\\"Documentation\\" href=\\"https://support.astron.nl/confluence/display/public/TMSS+User+Manual\\" target=\\"_blank\\" rel=\\"noreferrer \\"><i class=\\"pi pi-file-o\\"></i></a><a class=\\"p-link layout-menu-button\\" title=\\"Helpdesk\\" href=\\"https://support.astron.nl/sdchelpdesk\\" target=\\"_blank\\" rel=\\"noreferrer \\"><span><i class=\\"pi pi-question-circle\\"></i></span></a><button class=\\"p-link layout-menu-button\\" title=\\"Logout a username\\"><i class=\\"pi pi-power-off\\"></i></button><button class=\\"p-link layout-menu-button\\" title=\\"Logged in as a username\\"><i class=\\"pi pi-user\\"></i></button></div>
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div class=\\"top-right-bar find-object-search\\" style=\\"margin-right: 1em;\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled p-link layout-menu-button find-object-type\\" title=\\"Select type to search for\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"0\\" data-pc-section=\\"option\\" selected=\\"\\">Scheduling Unit</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Scheduling Unit</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div><input class=\\"p-inputtext p-component find-object-search-input find-object-search-input\\" title=\\"Enter Object Id to search Object\\" placeholder=\\"Search by ID\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"><button class=\\"p-link layout-menu-button\\" style=\\"float: right;\\" title=\\"Start search\\"><i class=\\"pi pi-search find-object-search-btn\\"></i></button>
- </div>
- </div>
- </div>
- <div class=\\"layout-sidebar layout-sidebar-light\\">
- <div class=\\"layout-menu-container\\">
- <ul class=\\"layout-menu\\">
- <li class=\\"active-menuitem\\"><a href=\\"/su/timelineview/week\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar-times\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Calendar</span></a></li>
- <li class=\\"\\"><a href=\\"/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-spinner\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle</span></a></li>
- <li class=\\"\\"><a href=\\"/constraint/view\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sun\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Daily Schedule</span></a></li>
- <li class=\\"\\"><a href=\\"/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-compass\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project</span></a></li>
- <li class=\\"\\"><a href=\\"/reservation/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-book\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reservations</span></a></li>
- <li class=\\"\\">
- <div class=\\"arrow\\"></div><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reports</span><i class=\\"pi pi-fw pi-angle-down menuitem-toggle-icon\\"></i></a>
- <ul>
- <li class=\\"\\"><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Failure </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-history\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-table\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project </span></a></li>
- </ul>
- </li>
- <li class=\\"\\"><a href=\\"/schedulingunit\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Scheduling Units</span></a></li>
- <li class=\\"\\"><a href=\\"/station/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-wifi pi-rotate\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Stations</span></a></li>
- <li class=\\"\\"><a href=\\"/systemevent/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-bolt\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>System Events</span></a></li>
- <li class=\\"\\"><a href=\\"/task\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-check-square\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Tasks</span></a></li>
- <li class=\\"\\"><a href=\\"/su/workflow\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sitemap\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Workflow</span></a></li>
- </ul>
- </div>
- </div>
- <div class=\\"layout-main\\">
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div>
- <div class=\\"hide-element\\">
- <div class=\\"p-progressbar p-component p-progressbar-indeterminate hide-element\\" style=\\"height: 0.25rem;\\" role=\\"progressbar\\" data-pc-name=\\"progressbar\\" data-pc-section=\\"root\\">
- <div class=\\"p-progressbar-indeterminate-container\\" data-pc-section=\\"indeterminatecontainer\\">
- <div class=\\"p-progressbar-value p-progressbar-value-animate\\" data-pc-section=\\"value\\"></div>
- </div>
- </div>
- </div>
- <div class=\\"page-header undefined\\">
- <div class=\\"title\\">
- <h2 class=\\"page-title\\">Scheduling Units - Week 32 View</h2>
- </div>
- <div class=\\"page-action-menu page-actionsundefined\\">
- <div class=\\"timeline-header-dropdown\\"> <span class=\\"dropdown-title\\">Group By </span>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled w-full md:w-14rem\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"group\\" data-pc-section=\\"option\\" selected=\\"\\">No Grouping</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">No Grouping</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div><button class=\\"p-button p-component p-button-icon-only\\" title=\\"previous 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-left\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"next 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-right\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><span class=\\"action-divider\\"></span><span class=\\"tag tag--off\\" title=\\"Dynamic Scheduling is Off\\">D</span><span class=\\"tag tag--off\\" title=\\"Fixed time Scheduling is Off\\">F</span><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Dynamic Scheduler is stopped. Click to change the scheduler\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-stop\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Reload the timeline data\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-sync\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Options\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bars\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Scheduling Units Table\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-folder\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Legend\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bookmark-fill\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Hide Filters\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-chevron-up\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button>
- </div>
- </div>
- <div class=\\"p-grid\\">
- <div class=\\"timeline-panel\\">
- <div class=\\"timeline-tools\\" style=\\"display: flex;\\">
- <div class=\\"p-grid timeline-view-toolbar\\">
- <div class=\\"p-panel p-component section\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_12\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_12_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Filters</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_12_content\\" aria-labelledby=\\"pr_id_12_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group\\">
- <div class=\\"toggle-container \\"><label>On Sky</label>
- <div class=\\"p-inputswitch p-component p-inputswitch-checked\\" role=\\"checkbox\\" aria-checked=\\"true\\" data-pc-name=\\"inputswitch\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"checkbox\\" role=\\"switch\\" aria-checked=\\"true\\" data-pc-section=\\"hiddeninput\\" checked=\\"\\"></div><span class=\\"p-inputswitch-slider\\" data-pc-section=\\"slider\\"></span>
- </div>
- </div>
- </div>
- <div class=\\"group\\">
- <div class=\\"toggle-container disabled\\"><label>Reservations</label>
- <div class=\\"p-inputswitch p-component\\" role=\\"checkbox\\" aria-checked=\\"false\\" data-pc-name=\\"inputswitch\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"checkbox\\" role=\\"switch\\" aria-checked=\\"false\\" data-pc-section=\\"hiddeninput\\"></div><span class=\\"p-inputswitch-slider\\" data-pc-section=\\"slider\\"></span>
- </div>
- </div>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Reason:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-disabled disabled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" disabled=\\"\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-placeholder\\" data-pc-section=\\"label\\">Reason</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"group\\"><label>Scheduling Units</label>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-multiselect-items-label\\" data-pc-section=\\"label\\">13 items selected</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"group\\"><label>Projects</label>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label\\" data-pc-section=\\"label\\">null</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Value:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-placeholder\\" data-pc-section=\\"label\\">Project</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-grid timeline-datetime-navigator\\">
- <div class=\\"p-panel p-component\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_13\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_13_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Navigation</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_13_content\\" aria-labelledby=\\"pr_id_13_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group\\">
- <div class=\\"selector-container\\">
- <div data-testid=\\"nav-datetime-selector\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled DayWeekDropDown\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"Showing Week From\\" data-pc-section=\\"option\\" selected=\\"\\">Showing Week From</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Showing Week From</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- <div data-enable-time=\\"false\\" data-input=\\"true\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-testid=\\"nav-reset-button\\" title=\\"Reset to default\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-undo\\"></i></button></div>
- </div>
- <div data-testid=\\"nav-jump-to-suid\\" class=\\"JumpToSuid\\"><label>Jump to SU id</label>
- <div><span class=\\"p-inputnumber p-component p-inputwrapper jump-to-input\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" data-testid=\\"jump-to-input\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><button class=\\"p-button p-component p-button-icon-only calendar-button\\" title=\\"Set the week to the scheduling unit's on sky or process start time.\\" data-testid=\\"nav-jump-to-button\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-search\\"></i></button></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-panel p-component timeline-zoom-and-move section\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_14\\">
- <div class=\\"p-panel-header justify-content-start\\"><span class=\\"p-panel-title p-panel-title\\">Zoom</span><button data-testid=\\"zoom-reset-button\\" class=\\"p-panel-header-icon p-panel-toggler p-link\\" title=\\"Reset span to 1 day, time steps to 1 hour and time to now.\\"><span class=\\"pi pi-undo\\"></span></button></div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_14_content\\" aria-labelledby=\\"pr_id_14_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group group--row\\">
- <div class=\\"zoom-selector-container\\" data-testid=\\"zoom-select\\"><label title=\\"Set the amount of time surrounding the current time\\">Span</label>
- <div>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"1 Day\\" data-pc-section=\\"option\\" selected=\\"\\">1 Day</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">1 Day</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Zoom\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div data-testid=\\"zoom-time-selector\\"><label>Set time</label>
- <div data-enable-time=\\"true\\" data-input=\\"true\\" placeholder=\\"hi\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component time-input flatpickr-input\\" placeholder=\\"Input time\\" disabled=\\"\\"><button class=\\"p-button p-component p-button-icon-only calendar-button p-disabled\\" disabled=\\"\\" data-testid=\\"time-reset-button\\" title=\\"Reset to the current time and default time steps for span\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-undo\\"></i></button></div>
- </div>
- </div>
- <div class=\\"group\\">
- <div class=\\"timesteps-container\\" data-testid=\\"time-steps-setter\\"><label title=\\"Set the time steps for the header\\">Time steps</label>
- <div>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"1 Hour\\" data-pc-section=\\"option\\" selected=\\"\\">1 Hour</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">1 Hour</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Time Steps\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"move-container\\"><label>Move</label>
- <div><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Move Left 1 hour\\" data-testid=\\"Move Left 1 hour\\" disabled=\\"\\"><i class=\\"pi pi-angle-left\\"></i></button><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Zoom out\\" disabled=\\"\\" data-testid=\\"Zoom out\\"><i class=\\"pi pi-minus-circle\\"></i></button><button class=\\"p-link\\" title=\\"Zoom in\\" data-testid=\\"Zoom in\\"><i class=\\"pi pi-plus-circle\\"></i></button><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Move Right 1 hour\\" data-testid=\\"Move Right 1 hour\\" disabled=\\"\\"><i class=\\"pi pi-angle-right\\"></i></button></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-panel p-component hide-element\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_15\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_15_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Legend</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_15_content\\" aria-labelledby=\\"pr_id_15_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"p-grid legendbar\\">
- <div class=\\"left\\">
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Status\\">Status:</label>
- <div class=\\"su-legend su-defined\\" title=\\"Defined\\">Defined</div>
- <div class=\\"su-legend su-schedulable\\" title=\\"Schedulable\\">Schedulable</div>
- <div class=\\"su-legend su-scheduled\\" title=\\"Scheduled\\">Scheduled</div>
- <div class=\\"su-legend su-queued\\" title=\\"Queued\\">Queued</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Active\\">Active:</label>
- <div class=\\"su-legend su-started\\" title=\\"Started\\">Started</div>
- <div class=\\"su-legend su-observing\\" title=\\"Observing\\">Observing</div>
- <div class=\\"su-legend su-processing\\" title=\\"Processing\\">Processing</div>
- <div class=\\"su-legend su-ingesting\\" title=\\"Ingesting\\">Ingesting</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Success\\">Success:</label>
- <div class=\\"su-legend su-processed\\" title=\\"Processed\\">Processed</div>
- <div class=\\"su-legend su-observed\\" title=\\"Observed\\">Observed</div>
- <div class=\\"su-legend su-ingested\\" title=\\"Ingested\\">Ingested</div>
- <div class=\\"su-legend su-finished\\" title=\\"Finished\\">Finished</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Fail\\">Fail:</label>
- <div class=\\"su-legend su-cancelled\\" title=\\"Cancelled\\">Cancelled</div>
- <div class=\\"su-legend su-error\\" title=\\"Error\\">Error</div>
- <div class=\\"su-legend su-unschedulable\\" title=\\"Unschedulable\\">Unschedulable</div>
- </div>
- </div>
- <div class=\\"right\\">
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Station Reservation\\">Station:</label>
- <div class=\\"su-legend reserve-not-available\\" title=\\"Not Available\\">N/A</div>
- <div class=\\"su-legend reserve-available\\" title=\\"Available\\">Available</div>
- <div class=\\"su-legend reserve-fixed_time\\" title=\\"Fixed Time\\">Fixed Time</div>
- <div class=\\"su-legend reserve-dynamic\\" title=\\"Dynamic\\">Dynamic</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Indication about the settings\\">Indicators:</label>
- <div class=\\"su-legend su-fixed_time\\" title=\\"Fixed Time\\">Fixed Time</div>
- <div class=\\"su-legend su-dynamic\\" title=\\"Dynamic\\">Dynamic</div>
- <div class=\\"su-legend su-unplaced\\" title=\\"Unplaced\\">Unplaced</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Sunturn\\">Sunturn:</label>
- <div class=\\"su-legend legend-sunrise\\" title=\\"Sunrise\\">Sunrise</div>
- <div class=\\"su-legend legend-sunset\\" title=\\"Sunset\\">Sunset</div>
- <div class=\\"su-legend legend-night\\" title=\\"Night\\">Night</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"react-calendar-timeline timeline-expanded-filter\\">
- <div style=\\"display: flex; width: 100%;\\" class=\\"rct-header-root sticky\\">
- <div style=\\"width: 150px;\\" class=\\"sidebar-header\\">
- <div class=\\"sidebar-header-row\\">UTC</div>
- <div class=\\"sidebar-header-row\\" title=\\"LST@CS002\\">LST</div>
- </div>
- <div style=\\"overflow: hidden; width: calc(100% - 150px);\\" class=\\"rct-calendar-header\\">
- <div style=\\"height: 30px; position: relative; width: -150px;\\">
- <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- </div>
- <div style=\\"height: 30px; position: relative; width: -150px;\\">
- <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- </div>
- </div>
- </div>
- <div style=\\"height: 280px;\\" class=\\"rct-outer\\">
- <div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
- <div style=\\"width: 150px;\\">
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-06\\" target=\\"_new\\"> Aug 06 - Sun </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-07\\" target=\\"_new\\"> Aug 07 - Mon </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-08\\" target=\\"_new\\"> Aug 08 - Tue </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-09\\" target=\\"_new\\"> Aug 09 - Wed </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-10\\" target=\\"_new\\"> Aug 10 - Thu </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-11\\" target=\\"_new\\"> Aug 11 - Fri </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-12\\" target=\\"_new\\"> Aug 12 - Sat </a></div>
- </div>
- </div>
- </div>
- <div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
- <div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
- <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -25.00028935520087px; z-index: 998;\\"></div>
- <div class=\\"rct-vertical-lines\\">
- <div class=\\"rct-vl \\" style=\\"X\\"></div>
- </div>
- <div class=\\"rct-horizontal-lines\\">
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- </div>
- <div class=\\"rct-items\\"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-grid\\" data-testid=\\"confirm_dialog\\">
- <div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
- </div>
- </div>
- </div>
- <div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
- </div>
- </div>
- </div>
-</body>
-
-</html>
-"
-`;
-
-exports[`App renders the App component with Valid Credentials: After Menu Toggle Two 1`] = `
-"<html>
-
-<head></head>
-
-<body>
- <div>
- <div class=\\"App\\">
- <div class=\\"layout-wrapper layout-static\\">
- <div class=\\"layout-wrapper layout-static layout-static-sidebar-inactive\\">
- <div class=\\"layout-topbar clearfix\\"><button class=\\"p-link layout-menu-button\\" title=\\"Toggle Menu\\"><i class=\\"pi pi-bars\\"></i></button><span class=\\"header-title\\" title=\\"V1.0.0\\">TMSS</span><span class=\\"header-by\\">by</span><span class=\\"header-company\\">ASTRON</span>
- <div class=\\"top-date-bar\\">
- <div class=\\"datetime-info-container\\"><span class=\\"date-element\\" data-testid=\\"Date-element\\"><span class=\\"date-title\\">Date</span><span class=\\"clock-time\\" title=\\"2023-12-24\\">2023-12-24</span></span><span class=\\"date-element\\" data-testid=\\"UTC-element\\"><span class=\\"date-title\\">UTC</span><time datetime=\\"X\\" class=\\"clock-time\\">22:58:22</time></span><span class=\\"date-element\\" data-testid=\\"LOFAR Core LST-element\\"><span class=\\"date-title\\">LOFAR Core LST</span><time datetime=\\"X\\" class=\\"clock-time\\">06:36:32</time></span></div>
- </div>
- <div class=\\"top-right-bar\\"><a class=\\"p-link layout-menu-button\\" style=\\"margin-left: 8px; margin-right: 8px;\\" title=\\"Documentation\\" href=\\"https://support.astron.nl/confluence/display/public/TMSS+User+Manual\\" target=\\"_blank\\" rel=\\"noreferrer \\"><i class=\\"pi pi-file-o\\"></i></a><a class=\\"p-link layout-menu-button\\" title=\\"Helpdesk\\" href=\\"https://support.astron.nl/sdchelpdesk\\" target=\\"_blank\\" rel=\\"noreferrer \\"><span><i class=\\"pi pi-question-circle\\"></i></span></a><button class=\\"p-link layout-menu-button\\" title=\\"Logout a username\\"><i class=\\"pi pi-power-off\\"></i></button><button class=\\"p-link layout-menu-button\\" title=\\"Logged in as a username\\"><i class=\\"pi pi-user\\"></i></button></div>
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div class=\\"top-right-bar find-object-search\\" style=\\"margin-right: 1em;\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled p-link layout-menu-button find-object-type\\" title=\\"Select type to search for\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"0\\" data-pc-section=\\"option\\" selected=\\"\\">Scheduling Unit</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Scheduling Unit</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div><input class=\\"p-inputtext p-component find-object-search-input find-object-search-input\\" title=\\"Enter Object Id to search Object\\" placeholder=\\"Search by ID\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"><button class=\\"p-link layout-menu-button\\" style=\\"float: right;\\" title=\\"Start search\\"><i class=\\"pi pi-search find-object-search-btn\\"></i></button>
- </div>
- </div>
- </div>
- <div class=\\"layout-sidebar layout-sidebar-light\\">
- <div class=\\"layout-menu-container\\">
- <ul class=\\"layout-menu\\">
- <li class=\\"active-menuitem\\"><a href=\\"/su/timelineview/week\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar-times\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Calendar</span></a></li>
- <li class=\\"\\"><a href=\\"/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-spinner\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle</span></a></li>
- <li class=\\"\\"><a href=\\"/constraint/view\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sun\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Daily Schedule</span></a></li>
- <li class=\\"\\"><a href=\\"/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-compass\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project</span></a></li>
- <li class=\\"\\"><a href=\\"/reservation/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-book\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reservations</span></a></li>
- <li class=\\"\\">
- <div class=\\"arrow\\"></div><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reports</span><i class=\\"pi pi-fw pi-angle-down menuitem-toggle-icon\\"></i></a>
- <ul>
- <li class=\\"\\"><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Failure </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-history\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-table\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project </span></a></li>
- </ul>
- </li>
- <li class=\\"\\"><a href=\\"/schedulingunit\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Scheduling Units</span></a></li>
- <li class=\\"\\"><a href=\\"/station/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-wifi pi-rotate\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Stations</span></a></li>
- <li class=\\"\\"><a href=\\"/systemevent/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-bolt\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>System Events</span></a></li>
- <li class=\\"\\"><a href=\\"/task\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-check-square\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Tasks</span></a></li>
- <li class=\\"\\"><a href=\\"/su/workflow\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sitemap\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Workflow</span></a></li>
- </ul>
- </div>
- </div>
- <div class=\\"layout-main\\">
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div>
- <div class=\\"hide-element\\">
- <div class=\\"p-progressbar p-component p-progressbar-indeterminate hide-element\\" style=\\"height: 0.25rem;\\" role=\\"progressbar\\" data-pc-name=\\"progressbar\\" data-pc-section=\\"root\\">
- <div class=\\"p-progressbar-indeterminate-container\\" data-pc-section=\\"indeterminatecontainer\\">
- <div class=\\"p-progressbar-value p-progressbar-value-animate\\" data-pc-section=\\"value\\"></div>
- </div>
- </div>
- </div>
- <div class=\\"page-header undefined\\">
- <div class=\\"title\\">
- <h2 class=\\"page-title\\">Scheduling Units - Week 32 View</h2>
- </div>
- <div class=\\"page-action-menu page-actionsundefined\\">
- <div class=\\"timeline-header-dropdown\\"> <span class=\\"dropdown-title\\">Group By </span>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled w-full md:w-14rem\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"group\\" data-pc-section=\\"option\\" selected=\\"\\">No Grouping</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">No Grouping</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div><button class=\\"p-button p-component p-button-icon-only\\" title=\\"previous 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-left\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"next 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-right\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><span class=\\"action-divider\\"></span><span class=\\"tag tag--off\\" title=\\"Dynamic Scheduling is Off\\">D</span><span class=\\"tag tag--off\\" title=\\"Fixed time Scheduling is Off\\">F</span><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Dynamic Scheduler is stopped. Click to change the scheduler\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-stop\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Reload the timeline data\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-sync\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Options\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bars\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Scheduling Units Table\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-folder\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Legend\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bookmark-fill\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Hide Filters\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-chevron-up\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button>
- </div>
- </div>
- <div class=\\"p-grid\\">
- <div class=\\"timeline-panel\\">
- <div class=\\"timeline-tools\\" style=\\"display: flex;\\">
- <div class=\\"p-grid timeline-view-toolbar\\">
- <div class=\\"p-panel p-component section\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_12\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_12_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Filters</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_12_content\\" aria-labelledby=\\"pr_id_12_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group\\">
- <div class=\\"toggle-container \\"><label>On Sky</label>
- <div class=\\"p-inputswitch p-component p-inputswitch-checked\\" role=\\"checkbox\\" aria-checked=\\"true\\" data-pc-name=\\"inputswitch\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"checkbox\\" role=\\"switch\\" aria-checked=\\"true\\" data-pc-section=\\"hiddeninput\\" checked=\\"\\"></div><span class=\\"p-inputswitch-slider\\" data-pc-section=\\"slider\\"></span>
- </div>
- </div>
- </div>
- <div class=\\"group\\">
- <div class=\\"toggle-container disabled\\"><label>Reservations</label>
- <div class=\\"p-inputswitch p-component\\" role=\\"checkbox\\" aria-checked=\\"false\\" data-pc-name=\\"inputswitch\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"checkbox\\" role=\\"switch\\" aria-checked=\\"false\\" data-pc-section=\\"hiddeninput\\"></div><span class=\\"p-inputswitch-slider\\" data-pc-section=\\"slider\\"></span>
- </div>
- </div>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Reason:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-disabled disabled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" disabled=\\"\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-placeholder\\" data-pc-section=\\"label\\">Reason</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"group\\"><label>Scheduling Units</label>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-multiselect-items-label\\" data-pc-section=\\"label\\">13 items selected</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"group\\"><label>Projects</label>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label\\" data-pc-section=\\"label\\">null</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Value:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-placeholder\\" data-pc-section=\\"label\\">Project</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-grid timeline-datetime-navigator\\">
- <div class=\\"p-panel p-component\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_13\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_13_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Navigation</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_13_content\\" aria-labelledby=\\"pr_id_13_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group\\">
- <div class=\\"selector-container\\">
- <div data-testid=\\"nav-datetime-selector\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled DayWeekDropDown\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"Showing Week From\\" data-pc-section=\\"option\\" selected=\\"\\">Showing Week From</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Showing Week From</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- <div data-enable-time=\\"false\\" data-input=\\"true\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-testid=\\"nav-reset-button\\" title=\\"Reset to default\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-undo\\"></i></button></div>
- </div>
- <div data-testid=\\"nav-jump-to-suid\\" class=\\"JumpToSuid\\"><label>Jump to SU id</label>
- <div><span class=\\"p-inputnumber p-component p-inputwrapper jump-to-input\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" data-testid=\\"jump-to-input\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><button class=\\"p-button p-component p-button-icon-only calendar-button\\" title=\\"Set the week to the scheduling unit's on sky or process start time.\\" data-testid=\\"nav-jump-to-button\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-search\\"></i></button></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-panel p-component timeline-zoom-and-move section\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_14\\">
- <div class=\\"p-panel-header justify-content-start\\"><span class=\\"p-panel-title p-panel-title\\">Zoom</span><button data-testid=\\"zoom-reset-button\\" class=\\"p-panel-header-icon p-panel-toggler p-link\\" title=\\"Reset span to 1 day, time steps to 1 hour and time to now.\\"><span class=\\"pi pi-undo\\"></span></button></div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_14_content\\" aria-labelledby=\\"pr_id_14_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group group--row\\">
- <div class=\\"zoom-selector-container\\" data-testid=\\"zoom-select\\"><label title=\\"Set the amount of time surrounding the current time\\">Span</label>
- <div>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"1 Day\\" data-pc-section=\\"option\\" selected=\\"\\">1 Day</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">1 Day</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Zoom\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div data-testid=\\"zoom-time-selector\\"><label>Set time</label>
- <div data-enable-time=\\"true\\" data-input=\\"true\\" placeholder=\\"hi\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component time-input flatpickr-input\\" placeholder=\\"Input time\\" disabled=\\"\\"><button class=\\"p-button p-component p-button-icon-only calendar-button p-disabled\\" disabled=\\"\\" data-testid=\\"time-reset-button\\" title=\\"Reset to the current time and default time steps for span\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-undo\\"></i></button></div>
- </div>
- </div>
- <div class=\\"group\\">
- <div class=\\"timesteps-container\\" data-testid=\\"time-steps-setter\\"><label title=\\"Set the time steps for the header\\">Time steps</label>
- <div>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"1 Hour\\" data-pc-section=\\"option\\" selected=\\"\\">1 Hour</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">1 Hour</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Time Steps\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"move-container\\"><label>Move</label>
- <div><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Move Left 1 hour\\" data-testid=\\"Move Left 1 hour\\" disabled=\\"\\"><i class=\\"pi pi-angle-left\\"></i></button><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Zoom out\\" disabled=\\"\\" data-testid=\\"Zoom out\\"><i class=\\"pi pi-minus-circle\\"></i></button><button class=\\"p-link\\" title=\\"Zoom in\\" data-testid=\\"Zoom in\\"><i class=\\"pi pi-plus-circle\\"></i></button><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Move Right 1 hour\\" data-testid=\\"Move Right 1 hour\\" disabled=\\"\\"><i class=\\"pi pi-angle-right\\"></i></button></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-panel p-component hide-element\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_15\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_15_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Legend</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_15_content\\" aria-labelledby=\\"pr_id_15_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"p-grid legendbar\\">
- <div class=\\"left\\">
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Status\\">Status:</label>
- <div class=\\"su-legend su-defined\\" title=\\"Defined\\">Defined</div>
- <div class=\\"su-legend su-schedulable\\" title=\\"Schedulable\\">Schedulable</div>
- <div class=\\"su-legend su-scheduled\\" title=\\"Scheduled\\">Scheduled</div>
- <div class=\\"su-legend su-queued\\" title=\\"Queued\\">Queued</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Active\\">Active:</label>
- <div class=\\"su-legend su-started\\" title=\\"Started\\">Started</div>
- <div class=\\"su-legend su-observing\\" title=\\"Observing\\">Observing</div>
- <div class=\\"su-legend su-processing\\" title=\\"Processing\\">Processing</div>
- <div class=\\"su-legend su-ingesting\\" title=\\"Ingesting\\">Ingesting</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Success\\">Success:</label>
- <div class=\\"su-legend su-processed\\" title=\\"Processed\\">Processed</div>
- <div class=\\"su-legend su-observed\\" title=\\"Observed\\">Observed</div>
- <div class=\\"su-legend su-ingested\\" title=\\"Ingested\\">Ingested</div>
- <div class=\\"su-legend su-finished\\" title=\\"Finished\\">Finished</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Fail\\">Fail:</label>
- <div class=\\"su-legend su-cancelled\\" title=\\"Cancelled\\">Cancelled</div>
- <div class=\\"su-legend su-error\\" title=\\"Error\\">Error</div>
- <div class=\\"su-legend su-unschedulable\\" title=\\"Unschedulable\\">Unschedulable</div>
- </div>
- </div>
- <div class=\\"right\\">
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Station Reservation\\">Station:</label>
- <div class=\\"su-legend reserve-not-available\\" title=\\"Not Available\\">N/A</div>
- <div class=\\"su-legend reserve-available\\" title=\\"Available\\">Available</div>
- <div class=\\"su-legend reserve-fixed_time\\" title=\\"Fixed Time\\">Fixed Time</div>
- <div class=\\"su-legend reserve-dynamic\\" title=\\"Dynamic\\">Dynamic</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Indication about the settings\\">Indicators:</label>
- <div class=\\"su-legend su-fixed_time\\" title=\\"Fixed Time\\">Fixed Time</div>
- <div class=\\"su-legend su-dynamic\\" title=\\"Dynamic\\">Dynamic</div>
- <div class=\\"su-legend su-unplaced\\" title=\\"Unplaced\\">Unplaced</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Sunturn\\">Sunturn:</label>
- <div class=\\"su-legend legend-sunrise\\" title=\\"Sunrise\\">Sunrise</div>
- <div class=\\"su-legend legend-sunset\\" title=\\"Sunset\\">Sunset</div>
- <div class=\\"su-legend legend-night\\" title=\\"Night\\">Night</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"react-calendar-timeline timeline-expanded-filter\\">
- <div style=\\"display: flex; width: 100%;\\" class=\\"rct-header-root sticky\\">
- <div style=\\"width: 150px;\\" class=\\"sidebar-header\\">
- <div class=\\"sidebar-header-row\\">UTC</div>
- <div class=\\"sidebar-header-row\\" title=\\"LST@CS002\\">LST</div>
- </div>
- <div style=\\"overflow: hidden; width: calc(100% - 150px);\\" class=\\"rct-calendar-header\\">
- <div style=\\"height: 30px; position: relative; width: -150px;\\">
- <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- </div>
- <div style=\\"height: 30px; position: relative; width: -150px;\\">
- <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- </div>
- </div>
- </div>
- <div style=\\"height: 280px;\\" class=\\"rct-outer\\">
- <div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
- <div style=\\"width: 150px;\\">
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-06\\" target=\\"_new\\"> Aug 06 - Sun </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-07\\" target=\\"_new\\"> Aug 07 - Mon </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-08\\" target=\\"_new\\"> Aug 08 - Tue </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-09\\" target=\\"_new\\"> Aug 09 - Wed </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-10\\" target=\\"_new\\"> Aug 10 - Thu </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-11\\" target=\\"_new\\"> Aug 11 - Fri </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-12\\" target=\\"_new\\"> Aug 12 - Sat </a></div>
- </div>
- </div>
- </div>
- <div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
- <div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
- <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -25.00028935520087px; z-index: 998;\\"></div>
- <div class=\\"rct-vertical-lines\\">
- <div class=\\"rct-vl \\" style=\\"X\\"></div>
- </div>
- <div class=\\"rct-horizontal-lines\\">
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- </div>
- <div class=\\"rct-items\\"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-grid\\" data-testid=\\"confirm_dialog\\">
- <div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
- </div>
- </div>
- </div>
- <div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
- </div>
- </div>
- </div>
-</body>
-
-</html>
-"
-`;
-
-exports[`App renders the App component with Valid Credentials: After Menu item click 1`] = `
-"<html>
-
-<head></head>
-
-<body>
- <div>
- <div class=\\"App\\">
- <div class=\\"layout-wrapper layout-static\\">
- <div class=\\"layout-wrapper layout-static layout-static-sidebar-inactive\\">
- <div class=\\"layout-topbar clearfix\\"><button class=\\"p-link layout-menu-button\\" title=\\"Toggle Menu\\"><i class=\\"pi pi-bars\\"></i></button><span class=\\"header-title\\" title=\\"V1.0.0\\">TMSS</span><span class=\\"header-by\\">by</span><span class=\\"header-company\\">ASTRON</span>
- <div class=\\"top-date-bar\\">
- <div class=\\"datetime-info-container\\"><span class=\\"date-element\\" data-testid=\\"Date-element\\"><span class=\\"date-title\\">Date</span><span class=\\"clock-time\\" title=\\"2023-12-24\\">2023-12-24</span></span><span class=\\"date-element\\" data-testid=\\"UTC-element\\"><span class=\\"date-title\\">UTC</span><time datetime=\\"X\\" class=\\"clock-time\\">22:58:22</time></span><span class=\\"date-element\\" data-testid=\\"LOFAR Core LST-element\\"><span class=\\"date-title\\">LOFAR Core LST</span><time datetime=\\"X\\" class=\\"clock-time\\">06:36:32</time></span></div>
- </div>
- <div class=\\"top-right-bar\\"><a class=\\"p-link layout-menu-button\\" style=\\"margin-left: 8px; margin-right: 8px;\\" title=\\"Documentation\\" href=\\"https://support.astron.nl/confluence/display/public/TMSS+User+Manual\\" target=\\"_blank\\" rel=\\"noreferrer \\"><i class=\\"pi pi-file-o\\"></i></a><a class=\\"p-link layout-menu-button\\" title=\\"Helpdesk\\" href=\\"https://support.astron.nl/sdchelpdesk\\" target=\\"_blank\\" rel=\\"noreferrer \\"><span><i class=\\"pi pi-question-circle\\"></i></span></a><button class=\\"p-link layout-menu-button\\" title=\\"Logout a username\\"><i class=\\"pi pi-power-off\\"></i></button><button class=\\"p-link layout-menu-button\\" title=\\"Logged in as a username\\"><i class=\\"pi pi-user\\"></i></button></div>
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div class=\\"top-right-bar find-object-search\\" style=\\"margin-right: 1em;\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled p-link layout-menu-button find-object-type\\" title=\\"Select type to search for\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"0\\" data-pc-section=\\"option\\" selected=\\"\\">Scheduling Unit</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Scheduling Unit</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div><input class=\\"p-inputtext p-component find-object-search-input find-object-search-input\\" title=\\"Enter Object Id to search Object\\" placeholder=\\"Search by ID\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"><button class=\\"p-link layout-menu-button\\" style=\\"float: right;\\" title=\\"Start search\\"><i class=\\"pi pi-search find-object-search-btn\\"></i></button>
- </div>
- </div>
- </div>
- <div class=\\"layout-sidebar layout-sidebar-light\\">
- <div class=\\"layout-menu-container\\">
- <ul class=\\"layout-menu\\">
- <li class=\\"active-menuitem\\"><a href=\\"/su/timelineview/week\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar-times\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Calendar</span></a></li>
- <li class=\\"\\"><a href=\\"/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-spinner\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle</span></a></li>
- <li class=\\"\\"><a href=\\"/constraint/view\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sun\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Daily Schedule</span></a></li>
- <li class=\\"\\"><a href=\\"/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-compass\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project</span></a></li>
- <li class=\\"\\"><a href=\\"/reservation/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-book\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reservations</span></a></li>
- <li class=\\"\\">
- <div class=\\"arrow\\"></div><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reports</span><i class=\\"pi pi-fw pi-angle-down menuitem-toggle-icon\\"></i></a>
- <ul>
- <li class=\\"\\"><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Failure </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-history\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-table\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project </span></a></li>
- </ul>
- </li>
- <li class=\\"\\"><a href=\\"/schedulingunit\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Scheduling Units</span></a></li>
- <li class=\\"\\"><a href=\\"/station/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-wifi pi-rotate\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Stations</span></a></li>
- <li class=\\"\\"><a href=\\"/systemevent/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-bolt\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>System Events</span></a></li>
- <li class=\\"\\"><a href=\\"/task\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-check-square\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Tasks</span></a></li>
- <li class=\\"\\"><a href=\\"/su/workflow\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sitemap\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Workflow</span></a></li>
- </ul>
- </div>
- </div>
- <div class=\\"layout-main\\">
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div>
- <div class=\\"hide-element\\">
- <div class=\\"p-progressbar p-component p-progressbar-indeterminate hide-element\\" style=\\"height: 0.25rem;\\" role=\\"progressbar\\" data-pc-name=\\"progressbar\\" data-pc-section=\\"root\\">
- <div class=\\"p-progressbar-indeterminate-container\\" data-pc-section=\\"indeterminatecontainer\\">
- <div class=\\"p-progressbar-value p-progressbar-value-animate\\" data-pc-section=\\"value\\"></div>
- </div>
- </div>
- </div>
- <div class=\\"page-header undefined\\">
- <div class=\\"title\\">
- <h2 class=\\"page-title\\">Scheduling Units - Week 32 View</h2>
- </div>
- <div class=\\"page-action-menu page-actionsundefined\\">
- <div class=\\"timeline-header-dropdown\\"> <span class=\\"dropdown-title\\">Group By </span>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled w-full md:w-14rem\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"group\\" data-pc-section=\\"option\\" selected=\\"\\">No Grouping</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">No Grouping</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div><button class=\\"p-button p-component p-button-icon-only\\" title=\\"previous 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-left\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"next 7 days\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi pi-angle-double-right\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><span class=\\"action-divider\\"></span><span class=\\"tag tag--off\\" title=\\"Dynamic Scheduling is Off\\">D</span><span class=\\"tag tag--off\\" title=\\"Fixed time Scheduling is Off\\">F</span><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Dynamic Scheduler is stopped. Click to change the scheduler\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-stop\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Reload the timeline data\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-sync\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Options\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bars\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Scheduling Units Table\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-folder\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Show Legend\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-bookmark-fill\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component p-button-icon-only\\" title=\\"Hide Filters\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-icon p-c pi pi-chevron-up\\" data-pc-section=\\"icon\\"></span><span class=\\"p-button-label p-c\\"> </span></button>
- </div>
- </div>
- <div class=\\"p-grid\\">
- <div class=\\"timeline-panel\\">
- <div class=\\"timeline-tools\\" style=\\"display: flex;\\">
- <div class=\\"p-grid timeline-view-toolbar\\">
- <div class=\\"p-panel p-component section\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_12\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_12_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Filters</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_12_content\\" aria-labelledby=\\"pr_id_12_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group\\">
- <div class=\\"toggle-container \\"><label>On Sky</label>
- <div class=\\"p-inputswitch p-component p-inputswitch-checked\\" role=\\"checkbox\\" aria-checked=\\"true\\" data-pc-name=\\"inputswitch\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"checkbox\\" role=\\"switch\\" aria-checked=\\"true\\" data-pc-section=\\"hiddeninput\\" checked=\\"\\"></div><span class=\\"p-inputswitch-slider\\" data-pc-section=\\"slider\\"></span>
- </div>
- </div>
- </div>
- <div class=\\"group\\">
- <div class=\\"toggle-container disabled\\"><label>Reservations</label>
- <div class=\\"p-inputswitch p-component\\" role=\\"checkbox\\" aria-checked=\\"false\\" data-pc-name=\\"inputswitch\\" data-pc-section=\\"root\\">
+ <div class=\\"container-fluid bg-login\\">
+ <div class=\\"container\\">
+ <div class=\\"row\\">
+ <div class=\\"col-lg-9 col-md-12 login-card\\" style=\\"height: 402px;\\">
+ <div class=\\"row\\">
+ <div class=\\"col-md-5 detail-part\\">
+ <h3>Telescope Manager Specification System</h3>
+ <p>By ASTRON</p>
+ </div>
+ <div class=\\"col-md-7 logn-part\\" style=\\"height: 402px;\\">
+ <div class=\\"row login-part\\">
+ <div class=\\"col-lg-10 col-md-12 mx-auto\\">
+ <div class=\\"logo-cover\\"></div>
+ <div class=\\"login-form\\">
+ <h4>Login</h4>
+ <div class=\\"form-field\\" style=\\"height: 16em;\\">
+ <div class=\\"row\\"><label for=\\"systemLogin\\" style=\\"margin-left: 1em; margin-right: 1em;\\">Login with Keycloak</label>
+ <div id=\\"systemLogin\\" class=\\"p-inputswitch p-component\\" role=\\"checkbox\\" aria-checked=\\"false\\" data-pc-name=\\"inputswitch\\" data-pc-section=\\"root\\">
<div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"checkbox\\" role=\\"switch\\" aria-checked=\\"false\\" data-pc-section=\\"hiddeninput\\"></div><span class=\\"p-inputswitch-slider\\" data-pc-section=\\"slider\\"></span>
- </div>
- </div>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Reason:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-disabled disabled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" disabled=\\"\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-placeholder\\" data-pc-section=\\"label\\">Reason</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"group\\"><label>Scheduling Units</label>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-multiselect-items-label\\" data-pc-section=\\"label\\">13 items selected</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
+ </div><label for=\\"systemLogin\\" style=\\"margin-left: 1em; margin-right: 1em;\\">Login as TMSS user</label>
</div>
+ <div class=\\"col-md-12 button-div\\" style=\\"text-align: center; margin-top: 50px;\\"><button class=\\"btn btn-primary\\" id=\\"KeyCloakLoginButton\\">Go to Keycloak Login</button></div>
</div>
- <div class=\\"group\\"><label>Projects</label>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Status:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label\\" data-pc-section=\\"label\\">null</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- <div class=\\"multiselect-container relative-position\\"><span class=\\"small-label\\">Value:</span>
- <div class=\\"p-multiselect p-component p-inputwrapper\\" data-pc-name=\\"multiselect\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddeninputwrapper\\"><input type=\\"text\\" role=\\"listbox\\" aria-expanded=\\"false\\" tabindex=\\"0\\" data-pc-section=\\"input\\" readonly=\\"\\"></div>
- <div class=\\"p-multiselect-label-container\\" data-pc-section=\\"labelcontainer\\">
- <div class=\\"p-multiselect-label p-placeholder\\" data-pc-section=\\"label\\">Project</div>
- </div>
- <div class=\\"p-multiselect-trigger\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-multiselect-trigger-icon p-c\\" aria-hidden=\\"true\\" data-pc-section=\\"triggericon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-grid timeline-datetime-navigator\\">
- <div class=\\"p-panel p-component\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_13\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_13_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Navigation</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_13_content\\" aria-labelledby=\\"pr_id_13_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group\\">
- <div class=\\"selector-container\\">
- <div data-testid=\\"nav-datetime-selector\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled DayWeekDropDown\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"Showing Week From\\" data-pc-section=\\"option\\" selected=\\"\\">Showing Week From</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Showing Week From</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- <div data-enable-time=\\"false\\" data-input=\\"true\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component calendar-input flatpickr-input\\"><button class=\\"p-button p-component p-button-icon-only calendar-button\\" data-testid=\\"nav-reset-button\\" title=\\"Reset to default\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-undo\\"></i></button></div>
- </div>
- <div data-testid=\\"nav-jump-to-suid\\" class=\\"JumpToSuid\\"><label>Jump to SU id</label>
- <div><span class=\\"p-inputnumber p-component p-inputwrapper jump-to-input\\" data-pc-name=\\"inputnumber\\" data-pc-section=\\"root\\"><input class=\\"p-inputtext p-component p-inputnumber-input p-inputnumber-input\\" role=\\"spinbutton\\" type=\\"text\\" inputmode=\\"numeric\\" data-testid=\\"jump-to-input\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"></span><button class=\\"p-button p-component p-button-icon-only calendar-button\\" title=\\"Set the week to the scheduling unit's on sky or process start time.\\" data-testid=\\"nav-jump-to-button\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-search\\"></i></button></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-panel p-component timeline-zoom-and-move section\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_14\\">
- <div class=\\"p-panel-header justify-content-start\\"><span class=\\"p-panel-title p-panel-title\\">Zoom</span><button data-testid=\\"zoom-reset-button\\" class=\\"p-panel-header-icon p-panel-toggler p-link\\" title=\\"Reset span to 1 day, time steps to 1 hour and time to now.\\"><span class=\\"pi pi-undo\\"></span></button></div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_14_content\\" aria-labelledby=\\"pr_id_14_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"group group--row\\">
- <div class=\\"zoom-selector-container\\" data-testid=\\"zoom-select\\"><label title=\\"Set the amount of time surrounding the current time\\">Span</label>
- <div>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"1 Day\\" data-pc-section=\\"option\\" selected=\\"\\">1 Day</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">1 Day</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Zoom\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div data-testid=\\"zoom-time-selector\\"><label>Set time</label>
- <div data-enable-time=\\"true\\" data-input=\\"true\\" placeholder=\\"hi\\"><input type=\\"text\\" data-input=\\"true\\" class=\\"p-inputtext p-component time-input flatpickr-input\\" placeholder=\\"Input time\\" disabled=\\"\\"><button class=\\"p-button p-component p-button-icon-only calendar-button p-disabled\\" disabled=\\"\\" data-testid=\\"time-reset-button\\" title=\\"Reset to the current time and default time steps for span\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><i class=\\"fas fa-undo\\"></i></button></div>
- </div>
- </div>
- <div class=\\"group\\">
- <div class=\\"timesteps-container\\" data-testid=\\"time-steps-setter\\"><label title=\\"Set the time steps for the header\\">Time steps</label>
- <div>
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"1 Hour\\" data-pc-section=\\"option\\" selected=\\"\\">1 Hour</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">1 Hour</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Time Steps\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div>
- </div>
- </div>
- <div class=\\"move-container\\"><label>Move</label>
- <div><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Move Left 1 hour\\" data-testid=\\"Move Left 1 hour\\" disabled=\\"\\"><i class=\\"pi pi-angle-left\\"></i></button><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Zoom out\\" disabled=\\"\\" data-testid=\\"Zoom out\\"><i class=\\"pi pi-minus-circle\\"></i></button><button class=\\"p-link\\" title=\\"Zoom in\\" data-testid=\\"Zoom in\\"><i class=\\"pi pi-plus-circle\\"></i></button><button class=\\"p-link\\" title=\\"Maximum reached. Cannot Move Right 1 hour\\" data-testid=\\"Move Right 1 hour\\" disabled=\\"\\"><i class=\\"pi pi-angle-right\\"></i></button></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class=\\"p-panel p-component hide-element\\" data-pc-name=\\"panel\\" data-pc-section=\\"root\\" id=\\"pr_id_15\\">
- <div class=\\"p-panel-header\\" data-pc-section=\\"header\\"><span id=\\"pr_id_15_header\\" class=\\"p-panel-title\\" data-pc-section=\\"title\\">Legend</span>
- <div class=\\"p-panel-icons\\" data-pc-section=\\"icons\\"></div>
- </div>
- <div class=\\"p-toggleable-content\\" aria-hidden=\\"false\\" role=\\"region\\" id=\\"pr_id_15_content\\" aria-labelledby=\\"pr_id_15_header\\" data-pc-section=\\"toggleablecontent\\">
- <div class=\\"p-panel-content\\" data-pc-section=\\"content\\">
- <div class=\\"p-grid legendbar\\">
- <div class=\\"left\\">
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Status\\">Status:</label>
- <div class=\\"su-legend su-defined\\" title=\\"Defined\\">Defined</div>
- <div class=\\"su-legend su-schedulable\\" title=\\"Schedulable\\">Schedulable</div>
- <div class=\\"su-legend su-scheduled\\" title=\\"Scheduled\\">Scheduled</div>
- <div class=\\"su-legend su-queued\\" title=\\"Queued\\">Queued</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Active\\">Active:</label>
- <div class=\\"su-legend su-started\\" title=\\"Started\\">Started</div>
- <div class=\\"su-legend su-observing\\" title=\\"Observing\\">Observing</div>
- <div class=\\"su-legend su-processing\\" title=\\"Processing\\">Processing</div>
- <div class=\\"su-legend su-ingesting\\" title=\\"Ingesting\\">Ingesting</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Success\\">Success:</label>
- <div class=\\"su-legend su-processed\\" title=\\"Processed\\">Processed</div>
- <div class=\\"su-legend su-observed\\" title=\\"Observed\\">Observed</div>
- <div class=\\"su-legend su-ingested\\" title=\\"Ingested\\">Ingested</div>
- <div class=\\"su-legend su-finished\\" title=\\"Finished\\">Finished</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Fail\\">Fail:</label>
- <div class=\\"su-legend su-cancelled\\" title=\\"Cancelled\\">Cancelled</div>
- <div class=\\"su-legend su-error\\" title=\\"Error\\">Error</div>
- <div class=\\"su-legend su-unschedulable\\" title=\\"Unschedulable\\">Unschedulable</div>
- </div>
- </div>
- <div class=\\"right\\">
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Station Reservation\\">Station:</label>
- <div class=\\"su-legend reserve-not-available\\" title=\\"Not Available\\">N/A</div>
- <div class=\\"su-legend reserve-available\\" title=\\"Available\\">Available</div>
- <div class=\\"su-legend reserve-fixed_time\\" title=\\"Fixed Time\\">Fixed Time</div>
- <div class=\\"su-legend reserve-dynamic\\" title=\\"Dynamic\\">Dynamic</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Indication about the settings\\">Indicators:</label>
- <div class=\\"su-legend su-fixed_time\\" title=\\"Fixed Time\\">Fixed Time</div>
- <div class=\\"su-legend su-dynamic\\" title=\\"Dynamic\\">Dynamic</div>
- <div class=\\"su-legend su-unplaced\\" title=\\"Unplaced\\">Unplaced</div>
- </div>
- <div class=\\"section\\"><label class=\\"sectiontitle col-2\\" title=\\"Sunturn\\">Sunturn:</label>
- <div class=\\"su-legend legend-sunrise\\" title=\\"Sunrise\\">Sunrise</div>
- <div class=\\"su-legend legend-sunset\\" title=\\"Sunset\\">Sunset</div>
- <div class=\\"su-legend legend-night\\" title=\\"Night\\">Night</div>
- </div>
+ <div class=\\"row form-footer\\">
+ <div class=\\"col-md-6 login-form-link\\"><a href=\\"https://support.astron.nl/confluence/display/public/TMSS+User+Documentation#TMSSUserDocumentation-Requestaccess\\">Request access</a></div>
+ <div class=\\"col-md-6 forget-paswd login-form-link\\"><a href=\\"https://webportal.astron.nl/pwm/private/Login\\">Forgot Password?</a></div>
+ <div class=\\"col-md-6 login-form-link\\"><a href=\\"/schedule\\">Public Schedule</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
- <div class=\\"react-calendar-timeline timeline-expanded-filter\\">
- <div style=\\"display: flex; width: 100%;\\" class=\\"rct-header-root sticky\\">
- <div style=\\"width: 150px;\\" class=\\"sidebar-header\\">
- <div class=\\"sidebar-header-row\\">UTC</div>
- <div class=\\"sidebar-header-row\\" title=\\"LST@CS002\\">LST</div>
- </div>
- <div style=\\"overflow: hidden; width: calc(100% - 150px);\\" class=\\"rct-calendar-header\\">
- <div style=\\"height: 30px; position: relative; width: -150px;\\">
- <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader \\" data-testid=\\"X\\">XX:XX</div>
- </div>
- <div style=\\"height: 30px; position: relative; width: -150px;\\">
- <div style=\\"left: 0px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -6.2500723388002175px; width: -6.2500723388002175px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -12.500144677600435px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -18.75021701640065px; width: -6.250072338800219px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -25.00028935520087px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -31.250361694001086px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -37.5004340328013px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -43.750506371601524px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -50.00057871040174px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -56.250651049201956px; width: -6.250072338800216px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -62.50072338800217px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -68.7507957268024px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -75.0008680656026px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -81.25094040440283px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -87.50101274320305px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -93.75108508200326px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -100.00115742080348px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -106.2512297596037px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -112.50130209840391px; width: -6.250072338800223px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -118.75137443720413px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -125.00144677600434px; width: -6.250072338800237px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -131.25151911480458px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -137.5015914536048px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- <div style=\\"left: -143.751663792405px; width: -6.250072338800209px; position: absolute;\\" class=\\"rct-dateHeader\\" data-testid=\\"X\\">XX:XX</div>
- </div>
- </div>
- </div>
- <div style=\\"height: 280px;\\" class=\\"rct-outer\\">
- <div class=\\"rct-sidebar\\" style=\\"width: 150px; height: 280px;\\">
- <div style=\\"width: 150px;\\">
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-06\\" target=\\"_new\\"> Aug 06 - Sun </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-07\\" target=\\"_new\\"> Aug 07 - Mon </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-08\\" target=\\"_new\\"> Aug 08 - Tue </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-09\\" target=\\"_new\\"> Aug 09 - Wed </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-10\\" target=\\"_new\\"> Aug 10 - Thu </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-odd\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-11\\" target=\\"_new\\"> Aug 11 - Fri </a></div>
- </div>
- <div class=\\"rct-sidebar-row rct-sidebar-row-even\\" style=\\"height: 40px; line-height: 40px;\\">
- <div class=\\"group-renderer\\"><span class=\\"week\\">32</span><a href=\\"/constraint/view/2023-08-12\\" target=\\"_new\\"> Aug 12 - Sat </a></div>
- </div>
- </div>
- </div>
- <div class=\\"rct-scroll\\" style=\\"width: -150px; height: 300px; cursor: default; position: relative;\\">
- <div style=\\"position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;\\">
- <div style=\\"position: absolute; top: 0px; bottom: 0px; width: 2px; pointer-events: none; left: -25.00028935520087px; z-index: 998;\\"></div>
- <div class=\\"rct-vertical-lines\\">
- <div class=\\"rct-vl \\" style=\\"X\\"></div>
- </div>
- <div class=\\"rct-horizontal-lines\\">
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-odd \\" style=\\"width: -150px; height: 40px;\\"></div>
- <div class=\\"rct-hl-even \\" style=\\"width: -150px; height: 40px;\\"></div>
- </div>
- <div class=\\"rct-items\\"></div>
- </div>
- </div>
- </div>
- </div>
</div>
</div>
- <div class=\\"p-grid\\" data-testid=\\"confirm_dialog\\">
- <div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
- </div>
- </div>
- </div>
- <div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
- </div>
- </div>
- </div>
-</body>
-
-</html>
-"
-`;
-
-exports[`App renders the App component with Valid Credentials: Valid Credentials 1`] = `
-"<html>
-
-<head></head>
-
-<body>
- <div>
- <div class=\\"App\\">
- <div class=\\"layout-wrapper layout-static\\">
- <div class=\\"layout-wrapper layout-static layout-static-sidebar-inactive\\">
- <div class=\\"layout-topbar clearfix\\"><button class=\\"p-link layout-menu-button\\" title=\\"Toggle Menu\\"><i class=\\"pi pi-bars\\"></i></button><span class=\\"header-title\\" title=\\"V1.0.0\\">TMSS</span><span class=\\"header-by\\">by</span><span class=\\"header-company\\">ASTRON</span>
- <div class=\\"top-date-bar\\">
- <div class=\\"datetime-info-container\\"><span class=\\"date-element\\" data-testid=\\"Date-element\\"><span class=\\"date-title\\">Date</span><span class=\\"clock-time\\" title=\\"2023-12-24\\">2023-12-24</span></span><span class=\\"date-element\\" data-testid=\\"UTC-element\\"><span class=\\"date-title\\">UTC</span><time datetime=\\"X\\" class=\\"clock-time\\">22:58:22</time></span><span class=\\"date-element\\" data-testid=\\"LOFAR Core LST-element\\"><span class=\\"date-title\\">LOFAR Core LST</span><time datetime=\\"X\\" class=\\"clock-time\\">06:36:32</time></span></div>
- </div>
- <div class=\\"top-right-bar\\"><a class=\\"p-link layout-menu-button\\" style=\\"margin-left: 8px; margin-right: 8px;\\" title=\\"Documentation\\" href=\\"https://support.astron.nl/confluence/display/public/TMSS+User+Manual\\" target=\\"_blank\\" rel=\\"noreferrer \\"><i class=\\"pi pi-file-o\\"></i></a><a class=\\"p-link layout-menu-button\\" title=\\"Helpdesk\\" href=\\"https://support.astron.nl/sdchelpdesk\\" target=\\"_blank\\" rel=\\"noreferrer \\"><span><i class=\\"pi pi-question-circle\\"></i></span></a><button class=\\"p-link layout-menu-button\\" title=\\"Logout a username\\"><i class=\\"pi pi-power-off\\"></i></button><button class=\\"p-link layout-menu-button\\" title=\\"Logged in as a username\\"><i class=\\"pi pi-user\\"></i></button></div>
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
- </div>
- <div class=\\"top-right-bar find-object-search\\" style=\\"margin-right: 1em;\\">
- <div class=\\"p-dropdown p-component p-inputwrapper p-inputwrapper-filled p-link layout-menu-button find-object-type\\" title=\\"Select type to search for\\" data-pc-name=\\"dropdown\\" data-pc-section=\\"root\\">
- <div class=\\"p-hidden-accessible\\" data-pc-section=\\"hiddenselectedmessage\\"><input type=\\"text\\" readonly=\\"\\" aria-haspopup=\\"listbox\\" data-pc-section=\\"input\\"></div>
- <div class=\\"p-hidden-accessible p-dropdown-hidden-select\\" data-pc-section=\\"hiddenselectedmessage\\"><select tabindex=\\"-1\\" aria-hidden=\\"true\\" data-pc-section=\\"select\\">
- <option value=\\"0\\" data-pc-section=\\"option\\" selected=\\"\\">Scheduling Unit</option>
- </select></div><span class=\\"p-dropdown-label p-inputtext\\" data-pc-section=\\"input\\">Scheduling Unit</span>
- <div class=\\"p-dropdown-trigger\\" role=\\"button\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" data-pc-section=\\"trigger\\"><svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 14 14\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"p-icon p-dropdown-trigger-icon p-clickable\\" aria-hidden=\\"true\\" data-pc-section=\\"dropdownicon\\">
- <path d=\\"M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z\\" fill=\\"currentColor\\"></path>
- </svg></div>
- </div><input class=\\"p-inputtext p-component find-object-search-input find-object-search-input\\" title=\\"Enter Object Id to search Object\\" placeholder=\\"Search by ID\\" data-pc-name=\\"inputtext\\" data-pc-section=\\"root\\" value=\\"\\"><button class=\\"p-link layout-menu-button\\" style=\\"float: right;\\" title=\\"Start search\\"><i class=\\"pi pi-search find-object-search-btn\\"></i></button>
- </div>
- </div>
- </div>
- <div class=\\"layout-sidebar layout-sidebar-light\\">
- <div class=\\"layout-menu-container\\">
- <ul class=\\"layout-menu\\">
- <li class=\\"\\"><a href=\\"/su/timelineview/week\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar-times\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Calendar</span></a></li>
- <li class=\\"\\"><a href=\\"/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-spinner\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle</span></a></li>
- <li class=\\"\\"><a href=\\"/constraint/view\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sun\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Daily Schedule</span></a></li>
- <li class=\\"\\"><a href=\\"/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-compass\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project</span></a></li>
- <li class=\\"\\"><a href=\\"/reservation/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-book\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reservations</span></a></li>
- <li class=\\"\\">
- <div class=\\"arrow\\"></div><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Reports</span><i class=\\"pi pi-fw pi-angle-down menuitem-toggle-icon\\"></i></a>
- <ul>
- <li class=\\"\\"><a href=\\"/reports/failure\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-chart-bar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Failure </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/cycle\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-history\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Cycle </span></a></li>
- <li class=\\"\\"><a href=\\"/reports/project\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-table\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Project </span></a></li>
- </ul>
- </li>
- <li class=\\"\\"><a href=\\"/schedulingunit\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-calendar\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Scheduling Units</span></a></li>
- <li class=\\"\\"><a href=\\"/station/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-wifi pi-rotate\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Stations</span></a></li>
- <li class=\\"\\"><a href=\\"/systemevent/list\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-bolt\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>System Events</span></a></li>
- <li class=\\"\\"><a href=\\"/task\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-check-square\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Tasks</span></a></li>
- <li class=\\"\\"><a href=\\"/su/workflow\\" class=\\"active-route\\"><i class=\\"pi pi-fw pi-sitemap\\"></i><button class=\\"p-button p-component nav-btn nav-btn-tooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><button class=\\"p-button p-component nav-btn nav-btn-notooltip\\" data-pc-name=\\"button\\" data-pc-section=\\"root\\"><span class=\\"p-button-label p-c\\"> </span></button><span>Workflow</span></a></li>
- </ul>
- </div>
- </div>
- <div class=\\"layout-main\\">
- <div class=\\"p-toast p-component p-toast-top-right p-ripple-disabled\\" data-pc-name=\\"toast\\" data-pc-section=\\"root\\">
- <div></div>
</div>
- <div class=\\"page-header undefined\\">
- <div class=\\"title\\">
- <h2 class=\\"page-title\\">Search Result</h2>
- </div>
- <div class=\\"page-action-menu page-actionsundefined\\"></div>
- </div> No Object found !
</div>
<div class=\\"custom-dlg p-grid\\" data-testid=\\"confirm_dialog\\" style=\\"opacity: 1;\\"></div>
</div>
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/app.test.js b/SAS/TMSS/frontend/tmss_webapp/src/tests/app.test.js
index 43a531a3db08d01253c330f214b7f7120a69dcde..fb288fcc8211c445dbd596ca0575e6b8355011d9 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/app.test.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/app.test.js
@@ -11,9 +11,12 @@ import { giveConsistentNodes } from '../utils/test.helper';
function MakePrimaryMock() {
let mock = new MockAdapter(axios);
- mock.onGet("/api/authentication_state/").reply(200, { is_authenticated: true, username: "a username", csrftoken: "a csrftoken", websocket_token: "a websocket tokcen" }, {
- 'Set-Cookie': "srftoken=abcdefgh; expires=Sun, 22 Dec 2324 22:58:11 GMT; Path=/; SameSite=Lax"
+ mock.onGet("/api/authentication_state/").reply(200, { is_authenticated: true, username: "a username", csrftoken: "a csrftoken", websocket_token: "a websocket tokcen", websocket_token_valid:true }, {
+ 'Set-Cookie': "srftoken=abcdefgh; expires=Sun, 22 Dec 2324 22:58:11 GMT; Path=/; SameSite=Lax"
});
+
+ mock.onGet("/api/authentication_state/?username=a%20username").reply(200, { is_authenticated: false, websocket_token_valid:true });
+
const urlPattern = /^\/api\/util\/lst.*$/;
mock.onGet(urlPattern).reply(200, { "UTC": "2023-12-24T00:00:00Z", "LST": { "CS002": "06:36:32" } });
mock.onGet("/api/util/utc").reply(200, "2023-12-24T22:58:22.413683");
@@ -86,11 +89,14 @@ describe('App Search', () => {
let component
await act(async () => { component = render(<App />); });
+
+
+ await waitFor(() => { expect(component.queryAllByTitle('Logout a username')).toHaveLength(2) }, { timeout: 5000 });
expect(giveConsistentNodes(component.container.outerHTML)).toMatchSnapshot("Valid Credentials");
- await waitFor(() => { expect(component.queryAllByTitle('Logout a username')).toHaveLength(2); }, { timeout: 5000 });
+
let navigationMenuItem = component.container.querySelector(".p-button.p-component.nav-btn.nav-btn-tooltip");
@@ -104,8 +110,9 @@ describe('App Search', () => {
let logoutButton = component.queryAllByTitle("Logout a username")[0];
+ console.log(logoutButton);
await act(async () => {fireEvent.click(logoutButton);});
- await waitFor(() => { expect(component.queryAllByTitle('Logout a username')).toHaveLength(1); }, { timeout: 5000 });
+ await waitFor(() => { expect(component.queryAllByTitle('Logout a username')).toHaveLength(0); }, { timeout: 5000 });
expect(giveConsistentNodes(component.container.outerHTML)).toMatchSnapshot("After Logout");
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/tests/axiosmocks..js b/SAS/TMSS/frontend/tmss_webapp/src/tests/axiosmocks..js
index 8f1d2ad4451bf0105a172d245a1e28c615949560..4f9c25fb26afed3b0c4196bd685902096000006f 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/tests/axiosmocks..js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/tests/axiosmocks..js
@@ -310,6 +310,7 @@ const FakeDynamicSchedular = {
export function MakeWeekViewPrimaryMock(mock) {
if(!mock) mock = new MockAdapter(axios);
mock.onGet("/api/util/sun_rise_and_set?stations=CS002×tamps=2023-12-03").reply(200, FakeSun);
+ mock.onGet("api/util/sun_rise_and_set?stations=CS002×tamps=2023-08-06").reply(200, FakeSun);
mock.onGet("/api/project_state/").reply(200, FakeProjectState);
mock.onGet("/api/subsystem/scheduler").reply(200, FakeSchedular);
mock.onGet("/api/project/?fields=name,project_state_value&limit=150").reply(200, FakeProject);
@@ -322,6 +323,8 @@ export function MakeWeekViewPrimaryMock(mock) {
mock.onOptions("/api/scheduling_unit_blueprint_extended/").reply(200, BluePrintExtended);
mock.onGet("/api/util/lst?timestamp=2023-12-03T00:00:00&stations=CS002").reply(200, { data: { "UTC": "2023-12-03T00:00:00Z", "LST": { "CS002": "05:13:44" } } });
mock.onGet("/api/util/sun_rise_and_set?stations=CS002×tamps=2023-12-03,2023-12-04,2023-12-05,2023-12-06,2023-12-07,2023-12-08,2023-12-09").reply(200, combinedFakeSun);
+ mock.onGet("/api/util/sun_rise_and_set?stations=CS002×tamps=2023-08-06,2023-08-07,2023-08-08,2023-08-09,2023-08-10,2023-08-11,2023-08-12").reply(200, combinedFakeSun);
+
return mock;