jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Migrate openid error page to vuejs

Browse Source
This commit is contained in:
Johannes Zellner
2025-03-29 15:32:53 +01:00
parent 16caeb5400
commit f0f04ce3ff
4 changed files with 105 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
dashboard/oidc_error.html
View File

@@ -4,53 +4,31 @@
<meta charset="UTF-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<title>OpenID Connect Error</title>
<title>##NAME## OpenID Error</title>
<link id="favicon" type="image/png" rel="icon" href="/api/v1/cloudron/avatar">
<link rel="apple-touch-icon" href="/api/v1/cloudron/avatar">
<link rel="icon" href="/api/v1/cloudron/avatar">
<link rel="icon" href="##ICON_URL##">
<link rel="apple-touch-icon" href="##ICON_URL##">
<style>
body {
display: flex;
flex-direction: column;
/* not using pankow*/
--pankow-text-color: black;
--pankow-color-primary: #2196f3;
}
@media (prefers-color-scheme: dark) {
body {
background-color: black;
--pankow-text-color: white;
}
}
.outer {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
</style>
<script>
window.cloudron = {};
window.cloudron.name = '##NAME##';
window.cloudron.iconUrl = '##ICON_URL##';
window.cloudron.errorMessage = `##ERROR_MESSAGE##`;
window.cloudron.footer = `##FOOTER##`;
</script>
</head>
<body>
<div class="outer">
<img width="128" height="128" class="avatar" src="/api/v1/cloudron/avatar"/>
<br/>
<h2>OpenID Connect Error</h2>
<p>##ERROR_MESSAGE##</p>
<a href="/" style="padding: 10px;">Back</a>
</div>
<footer>##FOOTER##</footer>
</body>
<body>
<div id="app"></div>
<script type="module" src="/src/oidcerror.js"></script>
</body>
</html>