mirror of
https://github.com/hasura/graphql-engine.git
synced 2024-12-14 17:02:49 +03:00
c6d65508b2
PR-URL: https://github.com/hasura/graphql-engine-mono/pull/8208 Co-authored-by: awjchen <13142944+awjchen@users.noreply.github.com> Co-authored-by: Vijay Prasanna <11921040+vijayprasanna13@users.noreply.github.com> Co-authored-by: Toan Nguyen <1615675+hgiasac@users.noreply.github.com> Co-authored-by: Abhijeet Khangarot <26903230+abhi40308@users.noreply.github.com> Co-authored-by: Solomon <24038+solomon-b@users.noreply.github.com> Co-authored-by: gneeri <10553562+gneeri@users.noreply.github.com> GitOrigin-RevId: 454ee0dea636da77e43810edb2f427137027956c
106 lines
3.2 KiB
HTML
106 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
<script>
|
|
window.__env = {
|
|
consoleMode: "server",
|
|
urlPrefix: "/console",
|
|
consolePath: "{{consolePath}}",
|
|
isAccessKeySet: {{isAdminSecretSet}},
|
|
isAdminSecretSet: {{isAdminSecretSet}},
|
|
enableTelemetry: {{enableTelemetry}},
|
|
assetsPath: "https://graphql-engine-cdn.hasura.io/console/assets",
|
|
assetsVersion: "{{assetsVersion}}",
|
|
cdnAssets: {{cdnAssets}},
|
|
serverVersion: "{{serverVersion}}",
|
|
consoleType: "{{consoleType}}",
|
|
consoleSentryDsn: "{{consoleSentryDsn}}"
|
|
};
|
|
window.__env.versionedAssetsPath = window.__env.assetsPath;
|
|
</script>
|
|
<meta name="robots" content="noindex" />
|
|
</head>
|
|
<body>
|
|
<style>
|
|
.mainContent {
|
|
display: 'none';
|
|
opacity: 0;
|
|
transition: opacity .20s linear;
|
|
}
|
|
.mainContent.show {
|
|
display: 'block';
|
|
opacity: 1;
|
|
transition: opacity .20s linear;
|
|
}
|
|
</style>
|
|
|
|
<div id="loading">
|
|
<div class="page-loading" style="
|
|
min-height: 100vh;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
font-family: sans-serif;
|
|
justify-content: center;
|
|
">
|
|
<span class="" style="
|
|
font-size: 2em;
|
|
margin-top: -3em;
|
|
color: #848484;
|
|
">
|
|
Loading...
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div id="content" class="mainContent"></div>
|
|
|
|
<script type="module">
|
|
// helper functions
|
|
const loadIcon = (url) => {
|
|
const linkElem = document.createElement('link');
|
|
linkElem.rel = 'icon';
|
|
linkElem.type = 'image/png';
|
|
linkElem.href = url;
|
|
document.head.append(linkElem);
|
|
};
|
|
const loadCSS = (url) => {
|
|
const linkElem = document.createElement('link');
|
|
linkElem.rel = 'stylesheet';
|
|
linkElem.charset = 'UTF-8';
|
|
linkElem.href = url;
|
|
document.body.append(linkElem);
|
|
};
|
|
const loadScript = (url) => {
|
|
const scriptElem = document.createElement('script');
|
|
scriptElem.charset = 'UTF-8';
|
|
scriptElem.src = url;
|
|
document.body.append(scriptElem);
|
|
};
|
|
const prependSlash = (str) => str === '' ? '' : '/' + str;
|
|
const loadAssets = async () => {
|
|
loadIcon(window.__env.assetsPath + '/common/img/favicon_green.png');
|
|
await import(window.__env.versionedAssetsPath + '/assetLoader.js.gz');
|
|
window.__loadConsoleAssetsFromBasePath(window.__env.versionedAssetsPath + '/');
|
|
};
|
|
|
|
// if cdnAssets is set to false, load assets from server instead of cdn
|
|
if (window.__env.cdnAssets === false) {
|
|
window.__env.assetsPath =
|
|
window.location.pathname.slice(
|
|
0, window.location.pathname.lastIndexOf(window.__env.consolePath)
|
|
) + '/console/assets';
|
|
// set the path to get versioned assets from server
|
|
window.__env.versionedAssetsPath = window.__env.assetsPath + '/versioned';
|
|
|
|
// otherwise load from cdn itself
|
|
} else {
|
|
// set the path (cdn-based) to get assets from
|
|
window.__env.versionedAssetsPath = window.__env.assetsPath + prependSlash(window.__env.assetsVersion);
|
|
}
|
|
// load the assets now
|
|
loadAssets();
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|