StephanRichter/LightOidc
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

html work

Browse Source 
Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
Stephan Richter
2024-08-05 15:18:53 +02:00
parent 358fe1099b
commit 6622b44202
4 changed files with 49 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
de.srsoftware.oidc.web/src/main/resources/de/login.html
View File

@@ -8,17 +8,17 @@
</head>
<body>
<div id="content">
<h1>Anmeldung</h1>
<h1>SRSoftware Light OIDC</h1>
<fieldset id="login">
<legend>Zugangsdaten</legend>
<legend>Anmeldung</legend>
<table>
<tr>
<th>Benutzername</th>
<td><input type="text" id="username" /></td>
<td><input type="text" id="username" placeholder="Benutzername *"/></td>
</tr>
<tr>
<th>Passwort</th>
<td><input type="password" id="password" onkeydown="keyDown()"/></td>
<td><input type="password" id="password" onkeydown="keyDown()" placeholder="Passwort *"/></td>
</tr>
<tr id="error" style="display: none">
<th>Fehler</th>
@@ -31,5 +31,8 @@
</table>
</fieldset>
</div>
<div id="ad">
Dieser schlanke Login-Dienst wurde entwickelt von <b>SRSoftware</b>. <a href="https://git.srsoftware.de/StephanRichter/LightOidc">Mehr erfahren…</a>
</div>
</body>
</html>

11
de.srsoftware.oidc.web/src/main/resources/en/login.html
View File

@@ -8,17 +8,17 @@
</head>
<body>
<div id="content">
<h1>Login</h1>
<h1>SRSoftware Light OIDC</h1>
<fieldset id="login">
<legend>User credentials</legend>
<legend>Login</legend>
<table>
<tr>
<th>User name</th>
<td><input type="text" id="username" /></td>
<td><input type="text" id="username" placeholder="User name *"/></td>
</tr>
<tr>
<th>Password</th>
<td><input type="password" id="password" onkeydown="keyDown()"/></td>
<td><input type="password" id="password" onkeydown="keyDown()" placeholder="Password *"/></td>
</tr>
<tr id="error" style="display: none">
<th>Error</th>
@@ -31,5 +31,8 @@
</table>
</fieldset>
</div>
<div id="ad">
This tiny login provider is brought to you by <b>SRSoftware</b>. <a href="https://git.srsoftware.de/StephanRichter/LightOidc">Find out more…</a>
</div>
</body>
</html>

2
de.srsoftware.oidc.web/src/main/resources/en/scripts/clients.js
View File

@@ -8,7 +8,7 @@ async function handleClients(response){
for (let id in clients){
var row = document.createElement("tr");
var client = clients[id];
row.innerHTML = "<td>"+client.name+"</td>\n<td>"+id+"</td>\n<td>"+client.redirect_uris.join("<br/>")+'</td>\n<td><button class="danger" onclick="remove(\''+id+'\')" type="button">remove&nbsp;'+client.name+'</button><button type="button" onclick="edit(\''+id+'\')">Edit</button></td>';
row.innerHTML = "<td>"+client.name+"</td>\n<td>"+id+"</td>\n<td>"+client.redirect_uris.join("<br/>")+'</td>\n<td><button type="button" onclick="edit(\''+id+'\')">Edit</button><button class="danger" onclick="remove(\''+id+'\')" type="button">Remove</button></td>';
bottom.parentNode.insertBefore(row,bottom);
}
}

39
de.srsoftware.oidc.web/src/main/resources/en/style.css
View File

@@ -3,6 +3,8 @@ body {
color: white;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
text-align: center;
margin: 0;
padding: 0;
}
a{
@@ -19,7 +21,7 @@ a{
}
button {
background: royalblue;
background: rgb(25, 118, 210);
border: none;
border-radius: 7px;
padding: 10px;
@@ -27,6 +29,11 @@ button {
margin: 2px;
}
#login button{
width: 100%;
margin: 0;
}
.danger{
background: crimson;
}
@@ -39,17 +46,25 @@ body fieldset {
width: 600px;
}
input:-webkit-autofill{
filter: none;
box-shadow: 0 0 0 100px rgb(38, 103, 152) inset;
}
input, textarea{
border: none;
border-radius: 3px;
background-color: rgb(38, 103, 152);
border: 1px solid gray;
border-radius: 5px;
background: rgb(48,48,48);
padding: 7px;
color: white;
caret-color: white;
margin: 2px;
-webkit-text-fill-color: white;
}
input:disabled{
color: indigo;
color: gray;
-webkit-text-fill-color: gray;
}
fieldset th,
@@ -73,3 +88,17 @@ form .centered th{
.error{
background-color: red;
}
legend {
position: relative;
top: 3px;
border: 1px solid white;
border-radius: 3px;
padding: 3px 3px 0 3px;
}
#ad {
position: fixed;
bottom: 0;
width: 100%;
}