CINXE.COM
My Imperial My Imperial
<!DOCTYPE html> <html lang="en-US" data-lang="en-US" crm-lang="en-US" dir="ltr" crm-lcid="1033" same-site-mode="None"> <head> <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script type="text/javascript" > </script> <title> My Imperial My Imperial </title> <script src="/_portal/0fab8bf1-1f22-ed11-9db1-000d3ad67a91/Resources/ResourceManager?lang=en-US"></script> <script type="text/javascript"> // Refresh all powerBI Iframes on Login in one Iframe window.addEventListener('message', function (event) { if (event && event.data && event.data == 'refreshPowerBI') { $("iframe.powerbi").each(function () { this.src = this.src; }); } }); // Fix for incorrect viewport width setting in IE 10 on Windows Phone 8. if (navigator.userAgent.match(/IEMobile\/10\.0/)) { var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}")); document.getElementsByTagName("head")[0].appendChild(msViewportStyle); } </script> <!-- link to fonts should go here but are being overriden by glyphicons stylesheet if we do that, so they have been placed in Head/Bottom content snippet --> <!-- Head/Bootstrap --> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <link href="https://content.powerapps.com/resource/powerappsportal/dist/font-awesome.bundle-3d8a58a48f.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/font-awesome.bundle-3d8a58a48f.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <link href="https://content.powerapps.com/resource/powerappsportal/dist/preform.bundle-07636d9605.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/preform.bundle-07636d9605.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <link href="/font-awesome.6.2.1.all.min.css?1731495489000" rel="stylesheet" /> <link href="/my-imperial.css?1731495496000" rel="stylesheet" /> <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> --> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="pragma" content="no-cache"> <meta name="robots" content="none"> <link rel="stylesheet" href="/bootstrap.min.css?100720241419"> <link rel="stylesheet" href="/font-awesome.6.2.1.all.min.css?1676890769000" /> <link rel="stylesheet" href="/my-imperial.css?1676890770000" /> <!-- OneTrust Cookies Consent Notice start for myimperial.powerappsportals.com --> <script type="text/javascript" src="https://cdn-ukwest.onetrust.com/consent/7b45de2d-9f4d-460a-8cbf-53d0b8898be4/OtAutoBlock.js"></script> <script src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="7b45de2d-9f4d-460a-8cbf-53d0b8898be4"></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- OneTrust Cookies Consent Notice end for myimperial.powerappsportals.com --> <link href="https://content.powerapps.com/resource/powerappsportal/dist/pwa-style.bundle-2739c60227.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pwa-style.bundle-2739c60227.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> </head> <body data-sitemap-state="/" data-dateformat="dd-MMM-yyyy" data-timeformat="h:mm tt" data-datetimeformat="dd-MMM-yyyy h:mm tt" data-app-path="/" data-ckeditor-basepath="/js/BaseHtmlContentDesigner/Libs/msdyncrm_/libs/ckeditor/" data-case-deflection-url="/_services/search/0fab8bf1-1f22-ed11-9db1-000d3ad67a91"> <link href="https://content.powerapps.com/resource/powerappsportal/dist/pcf-style.bundle-2659c6f064.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pcf-style.bundle-2659c6f064.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <div id="offlineNotificationBar" style="display: none;"> <img alt="web" id="web" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/web.png'; img.alt = 'web'; img.id = 'web' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/web.png" /> <div id="message">You’re offline. This is a read only version of the page.</div> <div id="close" onclick="this.parentElement.style.display='none';"><img alt="close" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/close.png'; img.alt = 'close'; img.id = '' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/close.png" /></div> </div> <script type="text/javascript"> window.DisableCkEditor = window.DisableCkEditor || {}; DisableCkEditor.Value = 'False'; </script> <script type="text/javascript"> var enableOmniChannelWidgetWithSiteCopilot = 'False'; if (enableOmniChannelWidgetWithSiteCopilot === "True" || enableOmniChannelWidgetWithSiteCopilot === "true") { const authUrl = window.location.origin + "/_services/auth/portalusertoken"; const fetchWithRetries = async (url, options, retries) => { try { const authResponse = await fetch(url, options); const token = await authResponse.text(); sessionStorage['c2Token'] = token; } catch (err) { if (retries === 1) throw err; return await fetchWithRetries(url, options, retries - 1); } }; fetchWithRetries(authUrl, { method: "POST" }, 4); } </script> <script type="text/javascript"> var isPvaBotAuthenticated = sessionStorage['isPvaBotAuthenticated']; var isPortalUserLoggedIn = 'False'; if ((isPvaBotAuthenticated != null || isPvaBotAuthenticated != undefined) && isPvaBotAuthenticated != isPortalUserLoggedIn) { sessionStorage['triggerPvaBotSignOut'] = true; sessionStorage.removeItem('c2Token'); sessionStorage.removeItem('directLinetoken'); sessionStorage.removeItem('conversation_Id'); } sessionStorage['isPvaBotAuthenticated'] = isPortalUserLoggedIn; </script> <script type="text/javascript"> window["Microsoft"] = window["Microsoft"] || {}; window["Microsoft"].Dynamic365 = { Portal: { User: { userName: '', contactId: '' }, version: '9.6.10.11', type: 'CDSStarterPortal', id: '8c140c30-4a34-47c2-bf22-ec61534e03de', geo: 'GBR', tenant: '2b897507-ee8c-4575-830b-4f8267c3d307', correlationId: '4afd2baa-4f32-4e8b-84b1-ba5fa9811435', orgEnvironmentId: '68ce8ab9-540a-e888-ba28-1ddce608f3ad', orgId: 'f152573f-fb95-49d8-a928-b8d8e57cc426', portalProductionOrTrialType: 'Production', isTelemetryEnabled: 'True', InstrumentationSettings: { instrumentationKey: '197418c5cb8c4426b201f9db2e87b914-87887378-2790-49b0-9295-51f43b6204b1-7172', collectorEndpoint: 'https://eu-mobile.events.data.microsoft.com/OneCollector/1.0/' }, timerProfileForBatching: 'NEAR_REAL_TIME' } } // Mark request not cacheable if Dynamics365PortalAnalytics cookie is being refreshed by the server or if the cookie in request header is invalid // For client side telemetry intializing Dynamics365PortalAnalytics cookie object window["Microsoft"].Dynamic365.Portal.dynamics365PortalAnalytics = 'Cj_TL7QI52EM_tJUTuwq33BlxFufTKo_Yjy49elpC1F1AUfjRhZ6Z0s2sxaRevwyjYlpv-xSxIn9jpI99njiKyd1xLo0FarAu5lKdZxFNH6nY3mX6KaRzVTSipZ6gHkXaWgbGn58gAupms_xbtERyQ2'; // CodeQL [SM00430] False Positive: only alphanumeric chars allowed, for non-alphanumeric char it will return INVALID_CHARACTERS_IN_COOKIE localStorage.setItem("Dynamics365PortalAnalytics", window["Microsoft"].Dynamic365.Portal.dynamics365PortalAnalytics); </script> <script type="text/javascript"> const intercept = () => { let send = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.send = function () { this.addEventListener('readystatechange', function () { if (this.readyState === 4 && this.getAllResponseHeaders().indexOf("x-ms-user-trace") >= 0 && this.getResponseHeader('x-ms-user-trace')) { try { var userTrace = JSON.parse(atob(this.getResponseHeader('x-ms-user-trace'))); document.dispatchEvent(new CustomEvent('updateDevToolRuntime', { detail: userTrace } )); } catch (err) { console.log("In intercept for ajax call, Exception while parsing UserTrace header" + err); } } }, false); send.apply(this, arguments); }; }; intercept(); document.addEventListener("pagesRuntimeMessageProcessedInDevtool", function () { ClientLogWrapper.getLogger().traceInfo("pagesRuntimeMessageProcessedInDevtool", "Devtool"); }); </script> <!-- Google Tag Manager --> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-58L6G5BX');</script> <!-- End Google Tag Manager --> <!-- the rest of Google tag manager code is found in content snippit (Head/Bottom)--> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-58L6G5BX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- modal show fade bg-primary bg-opacity-50 d-block style="--bs-modal-border-radius: 1rem; background: rgba(15, 128, 143, 0.45);"--> <!-- include loading modal for reference everywhere --> <div aria-labelledby="loadingSpinnerLabel" aria-hidden="true" class="modal show fade bg-primary bg-opacity-50" id="loadingSpinner" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"> <div class="modal-dialog modal-dialog-centered d-flex justify-content-center align-items-center"> <!-- Add the bootstrap spinner --> <div class="spinner-border text-white" role="status" style="width: 10rem; height: 10rem;"> <span class="visually-hidden" id="loadingSpinnerLabel">Loading...</span> </div> </div> </div> <!--Header--> <header> <!--Title for my imperial and menu--> <nav class="navbar navbar-expand bg-imperialnavy py-3" aria-label="Main navigation"> <div class="container-fluid px-md-5"> <a class="fixed-top sr-only-focusable bg-secondary text-white col-2 p-2" href="#content">Skip to main content</a> <div class="d-flex"> <!-- My Imperial Heading text --> <div class=""> <a class=" navbar-brand " href="/" title="My Imperial Home"> <span class="sr-only">My Imperial</span> <svg xmlns="http://www.w3.org/2000/svg" width="200" viewBox="0 0 274 30.09" class="col-7 col-md-10 col-xl-12" role="img"> <title>Imperial College London</title> <g fill="#fff"> <polygon points="113.63 0 113.63 30.09 133.19 30.09 133.19 24.83 119.35 24.83 119.35 17.3 131.99 17.3 131.99 12.19 119.35 12.19 119.35 5.27 133.19 5.27 133.19 0 113.63 0"> </polygon> <path d="M89.86,4.81H85.65V15h4.21c3.3,0,5.72-1.59,5.72-5.07s-2.42-5.07-5.72-5.07m.3,15H85.65V30.05H79.93V0H90.16c6.42,0,11.44,2.91,11.44,9.93s-5.06,9.93-11.44,9.93" transform="translate(0 0.05)"></path> <polygon points="182.84 0 182.84 5.27 189.91 5.27 189.91 24.83 182.84 24.83 182.84 30.09 202.71 30.09 202.71 24.83 195.63 24.83 195.63 5.27 202.71 5.27 202.71 0 182.84 0"> </polygon> <path d="M163.66,9.28c0,3.63-2.1,4.77-5.72,4.77h-4.81V4.81h4.81c3.92,0,5.72,1.46,5.72,4.47m6,0c0-7-4.81-9.33-11.13-9.33H147.41v30.1h5.72V18.91h5.6l5.83,11.15h6.33l-6.46-12.34c3.14-1.4,5.25-4.09,5.25-8.43" transform="translate(0 0.05)"></path> <path d="M227.79,5.29l4.11,13.28h-8.22ZM224,0l-9.93,30.1h6l2-6.62h11.24l2.05,6.62h6L231.55,0Z" transform="translate(0 0.05)"></path> <polygon points="254.39 0 254.39 30.09 274 30.09 274 24.83 260.11 24.83 260.11 0 254.39 0"></polygon> <polygon points="57.26 0 50.04 17.69 42.81 0 34.69 0 34.69 30.09 40.11 30.09 40.11 7.59 47.03 23.47 47.33 23.47 52.74 23.47 53.05 23.47 59.97 7.59 59.97 30.09 65.38 30.09 65.38 0 57.26 0"> </polygon> <polygon points="0 0 0 5.27 7.07 5.27 7.07 24.83 0 24.83 0 30.09 19.86 30.09 19.86 24.83 12.79 24.83 12.79 5.27 19.86 5.27 19.86 0 0 0"> </polygon> </g> </svg> </a> </div> </div> </nav> </div> <!-- Side menu navigation using offcanvas --> <div class="offcanvas offcanvas-start bg-imperialnavy text-light" id="offcanvas" data-bs-keyboard="true" data-bs-scroll="false" data-bs-backdrop="true"> <!-- Menu heading section --> <div class="offcanvas-header"> <div class="container"> <!-- Close button --> <div class="row height d-flex float-end"> <div class="col-12 mx-2 my-2 align-content-center"> <a href="#" class="fa fa-chevron-left btn btn-imperialnavy" data-bs-dismiss="offcanvas" aria-label="Close menu" tabindex="0"></a> </div> </div> <!-- Row for displaying user name, picture and settings --> <div class="row px-5 height d-flex float-start"> <!-- User image column --> <div class="col-2 px-1"> </div> <!-- User name container --> <div class="col-10"> <div class=""> <!-- Logic to display user name or sign in functionality if not signed in --> <h2 class="offcanvas-title fs-4"><span class="text-white"> <a class="text-decoration-none text-white" href="/SignIn?returnUrl=%2F">Sign in</a> </span> </h2> </div> <!--Settings cog <div class="col-2 align-self-end py-2"> <span><i class="fa-solid fa-gear text-white"></i></span> </div> --> </div> <!-- Final div for spacing --> <div class="col-2"> </div> </div> </div> </div> <!-- Dynamic menu list items based on the users role --> <div class="offcanvas-body px-0"> <div class="container-fluid"> <!-- Search bar for menu --> <!--<div class="row height d-flex justify-content-center align-items-left"> <div class="col-10 mx-2 my-2 ">--> <!-- Defined an extra class in the scss for search-box-input to style and add icon --> <!--<input type="search" class="form-control rounded-pill shadow search-box-input bg-white" placeholder="Search" id="MenuSearchBox" aria-label="Search Bar Menu"> </div> </div>--> <!-- Row for menu items --> <div class="row height d-flex justify-content-center align-items-end flex-column"> <div class="col-10 p-1"> <ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-start" id="menu"> <!-- Static menu item for all tiles that toggles the all tiles tab pane --> <li class="nav-item py-1"> <a href="/?&tilegrouping=home" class="nav-link text-truncate text-white fs-5"> <span class="ms-1 d-sm-inline">Home</span><i class="fa-solid fa-caret-right px-2"></i> </a> </li> <!-- Dynamic Menu items based on the tile groupings fetchxml --> </ul> </div> <div class="mt-5"> <!--Footer for logout functionality and info message, only displays if user is logged in--> </div> </div> </div> </div> </div> </header> <!-- end header element --> <!--Class to make rounded corners hidden until sm screen size--> <div class="bg-imperialnavy p-0 m-0"> <div class="container-fluid px-md-5 mb-4"> <div class="row"> <!-- Button to toggle side menu --> <div class="mt-md-3 mt-2 col-1 text-left"> </div> <div class="mt-2 mt-md-3 col-10"> <h1 class="text-white text-center fw-bold text-wrap">My Imperial</h1> </div> <div class="col-1"></div> </div> </div> <!-- Rounded corner header--> <div class="py-2 mt-0 rounded-header-top bg-white d-block"> </div> <!-- end rounded corner header--> </div> <!-- end primary --> <div class="min-vh-100"> <!--- start in header and closing div will be found in footer --> <div class="container-fluid px-md-5"> <!--- start in header and closing div will be found in footer --> <!-- add anti-forgery token--> <div id="antiforgerytoken" data-url="/_layout/tokenhtml"></div> <!-- Client Telemetry init if telemetry enabled--> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/client-telemetry.bundle-c71b2e2d47.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/client-telemetry.bundle-c71b2e2d47.js" type="text/javascript"></script> <!-- Client Telemetry Wrapper init --> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/client-telemetry-wrapper.bundle-633e70f51b.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/client-telemetry-wrapper.bundle-633e70f51b.js" type="text/javascript"></script> <script> window.clientLogWrapper = new ClientLogWrapper(); </script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/preform.moment_2_29_4.bundle-4fdd3f639b.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/preform.moment_2_29_4.bundle-4fdd3f639b.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-dependency.bundle-805a1661b7.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-dependency.bundle-805a1661b7.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf.bundle-9183da3d63.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf.bundle-9183da3d63.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-extended.bundle-e303d53553.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-extended.bundle-e303d53553.js" type="text/javascript"></script> <!-- Default My Imperial template --> <!-- start of main--> <!-- breadcrumb navigation--> <!-- end of breadcrumb--> <div class="sr-only" id="content">Main content</div> <!-- Start of Main page section apply changes to page here in this section do not touch outside of this--> <section> <div class="page-copy"> <div class="xrm-editable-html xrm-attribute"><div class="xrm-attribute-value"> <!-- redirect to the sign in page and also include the query paratmerts if there are any --> <script> window.location.href = '/SignIn?returnUrl=/'; </script> <div class="col-12 text-center"> <a class="btn btn-primary" href="/SignIn?returnUrl=%2F">Sign in</a> </div> <section class=""> <!-- Navigation tiles to show different tile groupings --> <nav> <div class="nav nav-tabs nav-pills justify-content-center border-bottom-0" id="nav-pills" role="tablist"> <!--Other tabs are only visible in this specific portal via the FetchXML --> </div> </nav> <!-- Tile Groupings --> <div class="tab-content" id="nav-Content"> <!--Home tab--> <!-- A single tab pane contains all the tiles --> <div class="tab-pane active show p-3 m-3" id="nav-home"> <!-- Creates different number of columns based on screen size --> <div class="row row-cols-2 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 row-cols-xxl-5 g-md-5 g-3 justify-content-start"> <!-- Outer For Loop gets all the weblinksets --> </div> </div> <!--Tiles within tile groupings--> <!-- Outer For Loop gets all the weblinksets and loops through to create separate tab panes for each weblink set --> </div> </section> <!-- start of help section--> <section class="px-4"> <!-- Help pop up --> <button class="btn btn-outline-primary" type="button" data-toggle="modal" data-target="#cannotfindHelp">Need help?</button> <div aria-labelledby="cannotfindHelpLabel" class="modal show fade bg-primary bg-opacity-50" id="cannotfindHelp" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title h4 fw-bolder" id="cannotfindHelpLabel"> Help! <br> I can not find other My Imperial services </div> <!-- Close button to dismiss the popup --> <button type="button" class="btn-close rounded-circle" data-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="row"> <div class="col py-2"> <p> We鈥檙e in the process of updating My Imperial, so if you are a student, you might not see everything you need here. To access other My Imperial services such as My student record, My passport, visa and CAS, please follow this <a href="https://my.imperial.ac.uk" target="_blank">My Imperial</a> link. </p> </div> </div> </div> </div> </div> </div> </section> <!-- end of help section--> <!-- end of tiles section --> <div class="row sectionBlockLayout text-left" style="display: flex; flex-wrap: wrap; margin: 0px; min-height: auto; padding: 8px;"> <div class="container" style="padding: 0px; display: flex; flex-wrap: wrap;"><div class="col-md-12 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 250px;"></div></div> </div> </div></div> </div> </section> <!-- Snippet to add different bootstrap version --> <!-- end of Main page section --> <!-- End main--> <!-- end Default My Imperial template --> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-loader.bundle-f4a0e619b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-loader.bundle-f4a0e619b8.js" type="text/javascript"></script> <div id="pp-native-controls-react-root"></div> <script>window._nativeControlConfig = { "publicPath":"https://content.powerapps.com/resource/powerappsportal/controls", "versions": {"pcf_loader":"0.0.29","pcf_controls":"3.3.1","mf_shared":"0.2.9","host":"0.4.0","data_grid":"1.1.30","controls_fluent_v9":"0.0.32"} }</script> <script defer="defer" src="https://content.powerapps.com/resource/powerappsportal/controls/host/main.e9930a0a5c.chunk.js"></script> </div> <!---closing div for container-fluid px-md-5 which start in header --> </div> <!--- closing div for min-vh-100 which start in header --> <!-- start of footer element --> <footer role="contentinfo" class="footer mt-4 pt-3 bg-light"> <div class="hidden-print"> <div class="container-fluid px-5"> <div class="row text-dark px-4"> <div class="col-6 text-left"> <ul class="list-inline"> <li class="list-inline-item"> <a class="text-dark" target="_blank" href="https://servicemgt.imperial.ac.uk/ask">Support</a> </li> <li class="list-inline-item"> <a class="text-dark" target="_blank" href="https://www.imperial.ac.uk/admin-services/secretariat/information-governance/data-protection/processing-personal-data/privacy-notices/">Privacy notices</a> </li> <li class="list-inline-item"> <a class="text-dark" href="/Accessibility/">Accessibility</a> </li> </ul> </div> <div class="col-6"> <div class="xrm-editable-html xrm-attribute" data-languageContext="English"><div class="xrm-attribute-value"><p class="mb-0 text-end">漏 2024 - <a href="https://www.imperial.ac.uk" class="text-dark" target="_blank">Imperial College London</a></p></div></div> </div> </div> </div> </div> <!-- accessibility statement pop up --> <div class="modal show fade" tabindex="-1" aria-labelledby="AccessibilityStatmentPopup" aria-hidden="true" id="AccessibilityStatmentPopup" data-bs-backdrop="static" data-bs-keyboard="false"> <div class="modal-dialog modal-dialog-centered d-flex justify-content-center align-items-center"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title h4 fw-bolder"> <p>Accessibility statement</p> </div> <!-- Close button to dismiss the popup --> <button type="button" class="btn-close rounded-circle" data-dismiss="modal" aria-label="Close accessibility statement"></button> </div> <div class="modal-body"> <div class="row"> <div class="col py-2"> We are working on our accessibility statement, in the meantime please reach out to our team at <a href="mailto:SLCRMteam@imperial.ac.uk">SLCRMteam@imperial.ac.uk</a> should you need any support. </div> </div> </div> </div> </div> </div> <!-- End accessibility statement pop up --> </footer> <script src="/bootstrap.min.js"></script> <script> $(document).ready(function () { let elements = document.querySelectorAll('select'); if (elements && elements[0]) { // check if the first element exists for (let i = 0; i < elements.length; i++) { elements[i].classList.add('form-select'); } } }); let elements = document.querySelectorAll('input[type=checkbox]'); if (elements && elements[0]) { // check if the first element exists for (let i = 0; i < elements.length; i++) { elements[i].classList.add('form-check-input'); } }; </script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/bootstrap.bundle-105a4995b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/bootstrap.bundle-105a4995b8.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/postpreform.bundle-184c77da50.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/postpreform.bundle-184c77da50.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/app.bundle-dad47d7e41.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/app.bundle-dad47d7e41.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/default-1033.moment_2_29_4.bundle-eda4e638fd.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/default-1033.moment_2_29_4.bundle-eda4e638fd.js" type="text/javascript"></script> <script> //this event will update the title of the page based on active breadcrumb $('.breadcrumb').ready(function () { if ($('.breadcrumb').is(':visible')) { document.querySelector('title').innerHTML = ($('.breadcrumb > li.active').text() + "My Imperial"); } }); function GoToNewEditor() { var editCmsUrlSegment = "EditInCms"; var currentUrl = window.location.href; if (currentUrl.indexOf('?') > -1) { var urlSegments = currentUrl.split("?"); window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname + '?' + urlSegments[1]; } else { window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname; } } </script> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations().then(function(registrations) { for(let registration of registrations) { registration.unregister(); }}).catch(function(err) { console.log('Service Worker unregister action failed: ', err); }); } </script> <!--Start Show Session Expire Warning Popup here --> </body> </html> <!-- Generated at 11/23/2024 11:41:41 PM --> <!-- Page OK -->