smime_unibremen_ldap_exchan.../webapp/data/templates/info.html

151 lines
No EOL
3.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edit your S/MIME Entry</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 500px;
margin: 0 auto;
padding: 20px;
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
}
input[type="text"] {
width: 100%;
padding: 8px;
box-sizing: border-box;
}
textarea {
height: 150px;
width: 100%;
resize: vertical;
}
.status-marker {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
margin-left: 10px;
}
.status-ok {
background-color: green;
}
.status-fail {
background-color: red;
}
.submit-btn {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
font-size: 16px;
margin-top: 15px;
}
.submit-btn:hover {
background-color: #45a049;
}
.submit-btn_delete {
width: 100%;
padding: 10px;
background-color: #af4cad;
color: white;
border: none;
cursor: pointer;
font-size: 16px;
margin-top: 15px;
}
.submit-btn_delete:hover {
background-color: #8345a0;
}
</style>
</head>
<body>
<header>
<img src="/static/logo.png" alt="Logo" style="max-width: 200px;">
</header>
<p>
<table>
<tr>
<td>
<div class="form-group">
<label for="username">ZfN Username:</label>
</div>
</td>
<td>
<div class="form-group">
<label for="username_2">{{uid}}</label>
</div>
</td>
</tr>
</table>
<p>
{{ html_error_str |safe }}
{{ html_email_str |safe }}
<p>
<form method="POST">
<input type="hidden" id="mode" name="mode" value="delete">
<div class="form-group">
<button type="submit" class="submit-btn_delete">Delete all your published certificates</button>
</div>
</form>
<p>
<form method="POST" enctype="multipart/form-data">
<div class="form-group">
<label for="certificate">Upload PEM Certificate File:</label>
<input type="file" id="certificate_upload" name="certificate" accept=".pem">
</div>
<input type="hidden" id="mode" name="mode" value="update">
<button type="submit" class="submit-btn">Update Certificate</button>
</form>
<p>
<div class="or-divider">
<span class="or-text">OR</span>
</div>
<p>
<form method="POST">
<div class="form-group">
<label for="certificate">Public S/MIME Certificate:</label>
<textarea id="certificate_paste" name="certificate" placeholder="
Should look like this:
-----BEGIN CERTIFICATE-----
[...]
-----END CERTIFICATE-----
"></textarea>
</div>
<input type="hidden" id="mode" name="mode" value="update">
<button type="submit" class="submit-btn">Update Certificate</button>
</form>
<h1>Allgemeines</h1>
<a href="https://www.uni-bremen.de/impressum">Impressum</a><br>
<a href="https://www.uni-bremen.de/datenschutz">Datenschutz</a><br>
<a href="https://www.uni-bremen.de/notfall">Notfall</a>
</body>
</html>