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

html/css work 

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
sqlite
Stephan Richter 4 months ago
parent
d01289c068
commit
358fe1099b
18 changed files with 469 additions and 209 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. 5
      Readme.md
  2. 45
      de.srsoftware.oidc.web/src/main/resources/de/clients.html
  3. 43
      de.srsoftware.oidc.web/src/main/resources/de/edit_client.html
  4. 35
      de.srsoftware.oidc.web/src/main/resources/de/login.html
  5. 12
      de.srsoftware.oidc.web/src/main/resources/de/logout.html
  6. 3
      de.srsoftware.oidc.web/src/main/resources/de/navigation.html
  7. 42
      de.srsoftware.oidc.web/src/main/resources/de/new_client.html
  8. 76
      de.srsoftware.oidc.web/src/main/resources/de/settings.html
  9. 45
      de.srsoftware.oidc.web/src/main/resources/en/clients.html
  10. 60
      de.srsoftware.oidc.web/src/main/resources/en/edit_client.html
  11. 6
      de.srsoftware.oidc.web/src/main/resources/en/index.html
  12. 46
      de.srsoftware.oidc.web/src/main/resources/en/login.html
  13. 2
      de.srsoftware.oidc.web/src/main/resources/en/logout.html
  14. 1
      de.srsoftware.oidc.web/src/main/resources/en/navigation.html
  15. 61
      de.srsoftware.oidc.web/src/main/resources/en/new_client.html
  16. 2
      de.srsoftware.oidc.web/src/main/resources/en/scripts/clients.js
  17. 146
      de.srsoftware.oidc.web/src/main/resources/en/settings.html
  18. 48
      de.srsoftware.oidc.web/src/main/resources/en/style.css

5
Readme.md
Unescape View File

@ -0,0 +1,5 @@
# LightOIDC
This aims to be a [specification] compliant OpenID connect provider with minimal footprint.
[specification]: https://openid.net/specs/openid-connect-core-1_0.html

45
de.srsoftware.oidc.web/src/main/resources/de/clients.html
Unescape View File

@ -9,27 +9,28 @@
</head> </head>
<body> <body>
<nav></nav> <nav></nav>
<h1>Clients</h1> <div id="content">
<h1>Clients</h1>
<fieldset> <fieldset>
<legend>bei LightOIDC registrierte Clients:</legend> <legend>bei LightOIDC registrierte Clients:</legend>
<table> <table>
<tr> <tr class="centered">
<th>Client</th> <th>Client</th>
<th>ID</th> <th>ID</th>
<th>Weiterleitungs-URLs</th> <th>Weiterleitungs-URLs</th>
<th>Aktionen</th> <th>Aktionen</th>
</tr> </tr>
<tr id="bottom"> <tr id="bottom">
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td>
<td> <button onclick="window.location.href='new_client.html';">Neuen Client hinzufügen…</button>
<button onclick="window.location.href='new_client.html';">Neuen Client hinzufügen…</button> </td>
</td> <td></td>
</tr> </tr>
</table> </table>
<span class="hidden" id="message">Client "{}" wirklich löschen?</span> <span class="hidden" id="message">Client "{}" wirklich löschen?</span>
</fieldset> </fieldset>
</div>
</body> </body>
</html> </html>

43
de.srsoftware.oidc.web/src/main/resources/de/edit_client.html
Unescape View File

@ -0,0 +1,43 @@
<html>
<head>
<meta charset="utf-8">
<title>Light OIDC</title>
<script src="scripts/common.js"></script>
<script src="scripts/user.js"></script>
<script src="scripts/edit_client.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav></nav>
<div id="content">
<h1>Client bearbeiten</h1>
<fieldset class="wide">
<legend>Daten</legend>
<table>
<tr>
<th>ID</th>
<td><input type="text" disabled="true" id="client-id" /></td>
</tr>
<tr>
<th>Name</th>
<td><input type="text" id="client-name" /></td>
</tr>
<tr>
<th>Geheimnis</th>
<td><input type="text" id="client-secret" /></td>
</tr>
<tr>
<th>Weiterleitungs-URIs</th>
<td>
<textarea id="redirect-urls"></textarea>
</td>
</tr>
<tr>
<td></td>
<td><button type="button" id="button" onclick="updateClient();">Aktualisieren</button></td>
</tr>
</table>
</fieldset>
</div>
</body>
</html>

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

@ -0,0 +1,35 @@
<html>
<head>
<meta charset="utf-8">
<title>Light OIDC</title>
<script src="scripts/common.js"></script>
<script src="scripts/login.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="content">
<h1>Anmeldung</h1>
<fieldset id="login">
<legend>Zugangsdaten</legend>
<table>
<tr>
<th>Benutzername</th>
<td><input type="text" id="username" /></td>
</tr>
<tr>
<th>Passwort</th>
<td><input type="password" id="password" onkeydown="keyDown()"/></td>
</tr>
<tr id="error" style="display: none">
<th>Fehler</th>
<td class="warning">Anmeldung nicht erfolgreich!</td>
</tr>
<tr>
<td></td>
<td><button type="button" onClick="tryLogin()">Anmelden</button></td>
</tr>
</table>
</fieldset>
</div>
</body>
</html>

12
de.srsoftware.oidc.web/src/main/resources/de/logout.html
Unescape View File

@ -0,0 +1,12 @@
<html>
<head>
<meta charset="utf-8">
<title>Light OIDC</title>
<script src="scripts/common.js"></script>
<script src="scripts/logout.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="content">Sie werden abgemeldet…</div>
</body>
</html>

3
de.srsoftware.oidc.web/src/main/resources/de/navigation.html
Unescape View File

@ -1,6 +1,5 @@
<a href="index.html">Übersicht</a> <a href="index.html">Übersicht</a>
<a href="clients.html" class="MANAGE_CLIENTS">Clients</a> <a href="clients.html" class="MANAGE_CLIENTS">Clients</a>
<a href="users.html" class="MANAGE_USERS">Benutzer</a> <a href="users.html" class="MANAGE_USERS">Benutzer</a>
<a href="https://openid.net/specs/openid-connect-core-1_0.html#CodeFlowAuth" target="_blank">Spec</a>
<a href="settings.html">Einstellungen</a> <a href="settings.html">Einstellungen</a>
<a href="logout.html">Ausloggen</a> <a href="logout.html">Abmelden</a>

42
de.srsoftware.oidc.web/src/main/resources/de/new_client.html
Unescape View File

@ -0,0 +1,42 @@
<html>
<head>
<meta charset="utf-8">
<title>Light OIDC</title>
<script src="scripts/common.js"></script>
<script src="scripts/user.js"></script>
<script src="scripts/new_client.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav></nav>
<div id="content">
<h1>neuen Client hinzufügen</h1>
<fieldset>
<legend>Einstellungen</legend>
<table>
<tr>
<th>Client-Id</th>
<td><input type="text" size="50" id="client-id"></td>
</tr>
<tr>
<th>Client-Name</th>
<td><input type="text" size="50" id="client-name"></td>
</tr>
<tr>
<th>Client-Geheimnus</th>
<td><input type="text" size="50" id="client-secret"></td>
</tr>
<tr>
<th>Weiterleitungs-URLs</th>
<td><textarea cols="50" rows="5" id="redirect-urls"></textarea></td>
</tr>
<tr>
<td></td>
<td><button id="button" type="button" onclick="addClient()">Client speichern</button></td>
</tr>
</table>
</fieldset>
</div>
</body>
</html>

76
de.srsoftware.oidc.web/src/main/resources/de/settings.html
Unescape View File

@ -0,0 +1,76 @@
<html>
<head>
<meta charset="utf-8">
<title>Light OIDC</title>
<script src="scripts/common.js"></script>
<script src="scripts/user.js"></script>
<script src="scripts/settings.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav></nav>
<div id="content">
<h1>Einstellungen</h1>
<form>
<fieldset>
<legend>
Benutzer
</legend>
<table>
<tr>
<th>Benutzername</th>
<td><input id="username" type="text"></td>
</tr>
<tr>
<th>E-Mail</th>
<td><input id="email" type="email"></td>
</tr>
<tr>
<th>ID</th>
<td><input id="uuid" type="text" disabled="true"></td>
</tr>
<tr id="update_error" style="display: none">
<th>Fehler</th>
<td class="warning">Aktualisieren der Einstellungen fehlgeschlagen!</td>
</tr>
<tr>
<td></td>
<td><button id="updateBtn" type="button" onClick="update()">Aktualisieren</button></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>
Passwort
</legend>
<table>
<tr>
<th>altes Passwort</th>
<td><input id="oldpass" type="password"></td>
</tr>
<tr>
<th>Neues Passwort</th>
<td><input id="newpass1" type="password"></td>
</tr>
<tr>
<th>Passwort wiederholen</th>
<td><input id="newpass2" type="password" onkeydown="passKeyDown()"></td>
</tr>
<tr id="wrong_password" style="display: none">
<th>Error</th>
<td class="warning">Wrong password!</td>
</tr>
<tr id="password_mismatch" style="display: none">
<th>Fehler</th>
<td class="warning">Passwort und Wiederholung stimmen nicht überein!</td>
</tr>
<tr>
<td></td>
<td><button id="passBtn" type="button" onClick="updatePass()">Aktualisieren</button></td>
</tr>
</table>
</fieldset>
</form>
</div>
</body>
</html>

45
de.srsoftware.oidc.web/src/main/resources/en/clients.html
Unescape View File

@ -9,28 +9,29 @@
</head> </head>
<body> <body>
<nav></nav> <nav></nav>
<h1>Clients</h1> <div id="content">
<h1>Clients</h1>
<fieldset>
<legend>These are clients that are registered with LightOIDC:</legend>
<table>
<tr class="centered">
<th>Client</th>
<th>ID</th>
<th>Redirect URLs</th>
<th>Actions</th>
</tr>
<tr id="bottom">
<td></td>
<td></td>
<td>
<button onclick="window.location.href='new_client.html';">Add new client…</button>
</td>
<td></td>
<fieldset> </tr>
<legend>These are clients that are registered with LightOIDC:</legend> </table>
<table> <span class="hidden" id="message">Really remove client "{}"?</span>
<tr> </fieldset>
<th>Client</th> </div>
<th>ID</th>
<th>Redirect URLs</th>
<th>Actions</th>
</tr>
<tr id="bottom">
<td></td>
<td></td>
<td></td>
<td>
<button onclick="window.location.href='new_client.html';">Add new client…</button>
</td>
</tr>
</table>
<span class="hidden" id="message">Really remove client "{}"?</span>
</fieldset>
<a href="https://umbrella.srsoftware.de/user/login">Umbrella</a>
</body> </body>
</html> </html>

60
de.srsoftware.oidc.web/src/main/resources/en/edit_client.html
Unescape View File

@ -8,34 +8,36 @@
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
</head> </head>
<body> <body>
<nav></nav> <nav></nav>
<h1>Edit client</h1> <div id="content">
<fieldset> <h1>Edit client</h1>
<legend>Data</legend> <fieldset class="wide">
<table> <legend>Data</legend>
<tr> <table>
<th>ID</th> <tr>
<td><input type="text" disabled="true" id="client-id" /></td> <th>ID</th>
</tr> <td><input type="text" disabled="true" id="client-id" /></td>
<tr> </tr>
<th>Name</th> <tr>
<td><input type="text" id="client-name" /></td> <th>Name</th>
</tr> <td><input type="text" id="client-name" /></td>
<tr> </tr>
<th>Secret</th> <tr>
<td><input type="text" id="client-secret" /></td> <th>Secret</th>
</tr> <td><input type="text" id="client-secret" /></td>
<tr> </tr>
<th>Redirect URIs</th> <tr>
<td> <th>Redirect URIs</th>
<textarea id="redirect-urls"></textarea> <td>
</td> <textarea id="redirect-urls"></textarea>
</tr> </td>
<tr> </tr>
<td></td> <tr>
<td><button type="button" id="button" onclick="updateClient();">Update</button></td> <td></td>
</tr> <td><button type="button" id="button" onclick="updateClient();">Update</button></td>
</table> </tr>
</fieldset> </table>
</fieldset>
</div>
</body> </body>
</html> </html>

6
de.srsoftware.oidc.web/src/main/resources/en/index.html
Unescape View File

@ -7,7 +7,9 @@
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
</head> </head>
<body> <body>
<nav></nav> <nav></nav>
<h1>Welcome!</h1> <div id="content">
<h1>Welcome!</h1>
</div>
</body> </body>
</html> </html>

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

@ -7,27 +7,29 @@
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
</head> </head>
<body> <body>
<h1>Login</h1> <div id="content">
<fieldset id="login"> <h1>Login</h1>
<legend>User credentials</legend> <fieldset id="login">
<table> <legend>User credentials</legend>
<tr> <table>
<th>User name</th> <tr>
<td><input type="text" id="username" /></td> <th>User name</th>
</tr> <td><input type="text" id="username" /></td>
<tr> </tr>
<th>Password</th> <tr>
<td><input type="password" id="password" onkeydown="keyDown()"/></td> <th>Password</th>
</tr> <td><input type="password" id="password" onkeydown="keyDown()"/></td>
<tr id="error" style="display: none"> </tr>
<th>Error</th> <tr id="error" style="display: none">
<td class="warning">Failed to log in!</td> <th>Error</th>
</tr> <td class="warning">Failed to log in!</td>
<tr> </tr>
<td></td> <tr>
<td><button type="button" onClick="tryLogin()">Login</button></td> <td></td>
</tr> <td><button type="button" onClick="tryLogin()">Login</button></td>
</table> </tr>
</fieldset> </table>
</fieldset>
</div>
</body> </body>
</html> </html>

2
de.srsoftware.oidc.web/src/main/resources/en/logout.html
Unescape View File

@ -7,6 +7,6 @@
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
</head> </head>
<body> <body>
You are being logged out… <div id="content">You are being logged out…</div>
</body> </body>
</html> </html>

1
de.srsoftware.oidc.web/src/main/resources/en/navigation.html
Unescape View File

@ -1,6 +1,5 @@
<a href="index.html">Dashboard</a> <a href="index.html">Dashboard</a>
<a href="clients.html" class="MANAGE_CLIENTS">Clients</a> <a href="clients.html" class="MANAGE_CLIENTS">Clients</a>
<a href="users.html" class="MANAGE_USERS">Users</a> <a href="users.html" class="MANAGE_USERS">Users</a>
<a href="https://openid.net/specs/openid-connect-core-1_0.html#CodeFlowAuth" target="_blank">Spec</a>
<a href="settings.html">Settings</a> <a href="settings.html">Settings</a>
<a href="logout.html">Logout</a> <a href="logout.html">Logout</a>

61
de.srsoftware.oidc.web/src/main/resources/en/new_client.html
Unescape View File

@ -7,33 +7,36 @@
<script src="scripts/new_client.js"></script> <script src="scripts/new_client.js"></script>
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
</head> </head>
<body> <body>
<nav></nav> <nav></nav>
<h1>Add new client</h1> <div id="content">
<fieldset>
<legend>Settings</legend> <h1>Add new client</h1>
<table> <fieldset>
<tr> <legend>Settings</legend>
<th>client id</th> <table>
<td><input type="text" size="50" id="client-id"></td> <tr>
</tr> <th>client id</th>
<tr> <td><input type="text" size="50" id="client-id"></td>
<th>client name</th> </tr>
<td><input type="text" size="50" id="client-name"></td> <tr>
</tr> <th>client name</th>
<tr> <td><input type="text" size="50" id="client-name"></td>
<th>client secret</th> </tr>
<td><input type="text" size="50" id="client-secret"></td> <tr>
</tr> <th>client secret</th>
<tr> <td><input type="text" size="50" id="client-secret"></td>
<th>redirect urls</th> </tr>
<td><textarea cols="50" rows="5" id="redirect-urls"></textarea></td> <tr>
</tr> <th>redirect urls</th>
<tr> <td><textarea cols="50" rows="5" id="redirect-urls"></textarea></td>
<td></td> </tr>
<td><button id="button" type="button" onclick="addClient()">Add client</button></td> <tr>
</tr> <td></td>
</table> <td><button id="button" type="button" onclick="addClient()">Add client</button></td>
</fieldset> </tr>
</body> </table>
</fieldset>
</div>
</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 onclick="remove(\''+id+'\')" type="button">remove '+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 class="danger" onclick="remove(\''+id+'\')" type="button">remove&nbsp;'+client.name+'</button><button type="button" onclick="edit(\''+id+'\')">Edit</button></td>';
bottom.parentNode.insertBefore(row,bottom); bottom.parentNode.insertBefore(row,bottom);
} }
} }

146
de.srsoftware.oidc.web/src/main/resources/en/settings.html
Unescape View File

@ -1,74 +1,76 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Light OIDC</title> <title>Light OIDC</title>
<script src="scripts/common.js"></script> <script src="scripts/common.js"></script>
<script src="scripts/user.js"></script> <script src="scripts/user.js"></script>
<script src="scripts/settings.js"></script> <script src="scripts/settings.js"></script>
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
</head> </head>
<body> <body>
<nav></nav> <nav></nav>
<h1>Settings</h1> <div id="content">
<form> <h1>Settings</h1>
<fieldset> <form>
<legend> <fieldset>
Basic settings <legend>
</legend> User settings
<table> </legend>
<tr> <table>
<th>User name</th> <tr>
<td><input id="username" type="text"></td> <th>User name</th>
</tr> <td><input id="username" type="text"></td>
<tr> </tr>
<th>Email</th> <tr>
<td><input id="email" type="email"></td> <th>Email</th>
</tr> <td><input id="email" type="email"></td>
<tr> </tr>
<th>ID</th> <tr>
<td><input id="uuid" type="text" disabled="true"></td> <th>ID</th>
</tr> <td><input id="uuid" type="text" disabled="true"></td>
<tr id="update_error" style="display: none"> </tr>
<th>Error</th> <tr id="update_error" style="display: none">
<td class="warning">Failed to update settings!</td> <th>Error</th>
</tr> <td class="warning">Failed to update settings!</td>
<tr> </tr>
<td></td> <tr>
<td><button id="updateBtn" type="button" onClick="update()">Update</button></td> <td></td>
</tr> <td><button id="updateBtn" type="button" onClick="update()">Update</button></td>
</table> </tr>
</fieldset> </table>
<fieldset> </fieldset>
<legend> <fieldset>
Password <legend>
</legend> Password
<table> </legend>
<tr> <table>
<th>Old password</th> <tr>
<td><input id="oldpass" type="password"></td> <th>Old password</th>
</tr> <td><input id="oldpass" type="password"></td>
<tr> </tr>
<th>New Password</th> <tr>
<td><input id="newpass1" type="password"></td> <th>New Password</th>
</tr> <td><input id="newpass1" type="password"></td>
<tr> </tr>
<th>Repeat Password</th> <tr>
<td><input id="newpass2" type="password" onkeydown="passKeyDown()"></td> <th>Repeat Password</th>
</tr> <td><input id="newpass2" type="password" onkeydown="passKeyDown()"></td>
<tr id="wrong_password" style="display: none"> </tr>
<th>Error</th> <tr id="wrong_password" style="display: none">
<td class="warning">Wrong password!</td> <th>Error</th>
</tr> <td class="warning">Wrong password!</td>
<tr id="password_mismatch" style="display: none"> </tr>
<th>Error</th> <tr id="password_mismatch" style="display: none">
<td class="warning">Mismatch between new password and repetition!</td> <th>Error</th>
</tr> <td class="warning">Mismatch between new password and repetition!</td>
<tr> </tr>
<td></td> <tr>
<td><button id="passBtn" type="button" onClick="updatePass()">Update</button></td> <td></td>
</tr> <td><button id="passBtn" type="button" onClick="updatePass()">Update</button></td>
</table> </tr>
</fieldset> </table>
</form> </fieldset>
</body> </form>
</div>
</body>
</html> </html>

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

@ -1,24 +1,55 @@
body { body {
background: black; background: rgb(48,48,48);
color: white; color: white;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
text-align: center;
} }
a{
color: rgb(108, 182, 255);
text-decoration: none;
font-weight: bold;
}
#content {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
}
button {
background: royalblue;
border: none;
border-radius: 7px;
padding: 10px;
color: white;
margin: 2px;
}
.danger{
background: crimson;
}
body fieldset { body fieldset {
border-radius: 10px; border-radius: 10px;
display: inline-block; display: inline-block;
} }
a { .wide input, textarea{
color: yellow; width: 600px;
} }
input, textarea{ input, textarea{
width: 600px; border: none;
border-radius: 3px;
background-color: rgb(38, 103, 152);
padding: 7px;
color: white;
margin: 2px;
} }
input:disabled{ input:disabled{
color: white; color: indigo;
background-color: gray;
} }
fieldset th, fieldset th,
@ -26,6 +57,11 @@ form th{
text-align: right; text-align: right;
} }
fieldset .centered th,
form .centered th{
text-align: center;
}
.hidden{ .hidden{
display: none; display: none;
} }

Write Preview
Loading…
Cancel
Save