Files
cloudron-box/src/oidc_templates/interaction.ejs
2024-04-06 10:52:25 +02:00

92 lines
2.0 KiB
Plaintext

<!DOCTYPE html>
<html>
<head>
<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>Authorize <%= name %></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">
<!-- Theme CSS -->
<link type="text/css" rel="stylesheet" href="/theme.css">
<style>
body {
background-image: url('/api/v1/cloudron/background');
background-size: cover;
background-position: center;
}
.card {
padding: 20px;
margin-bottom: 0;
max-width: 620px;
min-height: 100%;
}
.avatar {
margin-top: 20px;
}
@media(min-width:620px) {
.card {
margin-bottom: 15px;
margin-top: 100px;
min-height: auto;
}
.avatar {
margin-top: -84px
}
}
</style>
</head>
<body>
<% if (hasAccess) { -%>
<form id="submitForm" method="post" action="<%= submitUrl %>">
<!-- <button type="submit"></button> -->
</form>
<% } else { -%>
<div class="layout-root">
<div class="layout-content">
<div class="card">
<div class="row">
<div class="col-md-12" style="text-align: center;">
<img width="128" height="128" class="avatar" src="<%= iconUrl %>"/>
<br/>
<h3>You do not have access to <b><%= name %></b></h3>
</div>
</div>
<br/>
<div class="row">
<div class="col-md-12 text-center">
<a class="btn btn-primary btn-outline" href="<%= submitUrl %>">Continue</a>
</div>
</div>
</div>
</div>
<footer class="text-center">
<span class="text-muted"><%- footer %></span>
</footer>
</div>
<% } -%>
<script>
<% if (hasAccess) { -%>
document.getElementById('submitForm').submit();
<% } -%>
</script>
</body>
</html>