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

html work 

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
sqlite
Stephan Richter 4 months ago
parent
358fe1099b
commit
6622b44202
4 changed files with 49 additions and 14 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      de.srsoftware.oidc.web/src/main/resources/de/login.html
  2. 11
      de.srsoftware.oidc.web/src/main/resources/en/login.html
  3. 2
      de.srsoftware.oidc.web/src/main/resources/en/scripts/clients.js
  4. 39
      de.srsoftware.oidc.web/src/main/resources/en/style.css

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

@ -8,17 +8,17 @@
</head> </head>
<body> <body>
<div id="content"> <div id="content">
<h1>Anmeldung</h1> <h1>SRSoftware Light OIDC</h1>
<fieldset id="login"> <fieldset id="login">
<legend>Zugangsdaten</legend> <legend>Anmeldung</legend>
<table> <table>
<tr> <tr>
<th>Benutzername</th> <th>Benutzername</th>
<td><input type="text" id="username" /></td> <td><input type="text" id="username" placeholder="Benutzername *"/></td>
</tr> </tr>
<tr> <tr>
<th>Passwort</th> <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>
<tr id="error" style="display: none"> <tr id="error" style="display: none">
<th>Fehler</th> <th>Fehler</th>
@ -31,5 +31,8 @@
</table> </table>
</fieldset> </fieldset>
</div> </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> </body>
</html> </html>

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

@ -8,17 +8,17 @@
</head> </head>
<body> <body>
<div id="content"> <div id="content">
<h1>Login</h1> <h1>SRSoftware Light OIDC</h1>
<fieldset id="login"> <fieldset id="login">
<legend>User credentials</legend> <legend>Login</legend>
<table> <table>
<tr> <tr>
<th>User name</th> <th>User name</th>
<td><input type="text" id="username" /></td> <td><input type="text" id="username" placeholder="User name *"/></td>
</tr> </tr>
<tr> <tr>
<th>Password</th> <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>
<tr id="error" style="display: none"> <tr id="error" style="display: none">
<th>Error</th> <th>Error</th>
@ -31,5 +31,8 @@
</table> </table>
</fieldset> </fieldset>
</div> </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> </body>
</html> </html>

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

@ -8,7 +8,7 @@ async function handleClients(response){
for (let id in clients){ for (let id in clients){
var row = document.createElement("tr"); var row = document.createElement("tr");
var client = clients[id]; 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); bottom.parentNode.insertBefore(row,bottom);
} }
} }

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

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