oidc-fastapi-test/src/oidc_test/templates/base.html

<html>
  <head>
    <title>FastAPI OIDC test</title>
    <style>
      body {
        font-family: Arial, Helvetica, sans-serif;
        background-color: floralwhite;
        margin: 0;
      }
      h1 {
        text-align: center;
        background-color: #f7c7867d;
        margin: 0 0 0.2em 0;
      }
      p {
        margin: 0.2em;
      }
      hr {
        margin: 0.2em;
      }
      .hidden {
        display: none;
      }
      .center {
        text-align: center;
      }
      .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      .user-info {
        padding: 0.5em;
        display: flex;
        gap: 0.5em;
        flex-direction: column;
        width: fit-content;
        align-items: center;
        margin: 5px auto;
        box-shadow: 0px 0px 10px lightgreen;
        background-color: lightgreen;
        border-radius: 8px;
      }
      .user-info * {
        flex: 2 1 auto;
        margin: 0;
      }
      .user-info .picture {
        max-width: 3em;
        max-height: 3em
      }
      .user-info a.logout {
        border: 2px solid darkkhaki;
        padding: 3px 6px;
        text-decoration: none;
        text-align: center;
        color: black;
      }
      .user-info a.logout:hover {
        background-color: orange;
      }
     .debug-auth {
        font-size: 90%;
        background-color: #d8bebc75;
        padding: 6px;
      }
      .debug-auth * {
        margin: 0;
      }
      .debug-auth p {
        text-align: center;
        border-bottom: 1px solid black;
      }
      .debug-auth ul {
        padding: 0;
        list-style: none;
      }
      .debug-auth p, .debug-auth .key {
        font-weight: bold;
      }
      .content {
        text-align: left;
      }
      .content #links-to-check {
        display: flex;
        text-align: center;
        justify-content: center;
        gap: 0.5em;
        flex-flow: wrap;
      }
      .content #links-to-check a {
        color: black;
        padding: 5px 10px;
        text-decoration: none;
        border-radius: 8px;
      }
      .hasResponseStatus {
        background-color: #88888840;
      }
      .hasResponseStatus.status-200 {
        background-color: #00ff0040;
      }
      .hasResponseStatus.status-401 {
        background-color: #ff000040;
      }
      .hasResponseStatus.status-403 {
        background-color: #ff990040;
      }
      .role {
        padding: 3px 6px;
        background-color: #44228840;
      }
    </style>
    <script>
    function checkHref(elem) {
      var xmlHttp = new XMLHttpRequest()
      xmlHttp.onreadystatechange = function() { 
        if (xmlHttp.readyState == 4) {
          elem.classList.add("hasResponseStatus")
          elem.classList.add("status-" + xmlHttp.status)
          elem.title = "Response code: " + xmlHttp.status
        }
      }
      xmlHttp.open("GET", elem.href, true) // true for asynchronous 
      xmlHttp.send(null)
    }
    function checkPerms(rootId) {
      var rootElem = document.getElementById(rootId)
      Array.from(rootElem.children).forEach(elem => checkHref(elem))
    }
    </script>
  </head>
  <body onload="checkPerms('links-to-check')">
    <h1>OIDC-test</h1>
    {% block content %}
    {% endblock %}
  </body>
</html>
Initial commit 2025-01-02 02:14:30 +01:00			`<html>`
			`<head>`
			`<title>FastAPI OIDC test</title>`
			`<style>`
			`body {`
			`font-family: Arial, Helvetica, sans-serif;`
Style 2025-01-13 17:01:11 +01:00			`background-color: floralwhite;`
Style 2025-01-13 17:06:45 +01:00			`margin: 0;`
Initial commit 2025-01-02 02:14:30 +01:00			`}`
			`h1 {`
			`text-align: center;`
Style 2025-01-13 17:06:45 +01:00			`background-color: #f7c7867d;`
			`margin: 0 0 0.2em 0;`
Initial commit 2025-01-02 02:14:30 +01:00			`}`
Style 2025-01-11 03:54:53 +01:00			`p {`
			`margin: 0.2em;`
			`}`
			`hr {`
			`margin: 0.2em;`
			`}`
Run container with uvicorn, move templates for packaging, add systemd config for container deployment, add OIDC_TEST_SETTINGS_FILE env var for setting, misc fixes 2025-01-10 17:33:10 +01:00			`.hidden {`
			`display: none;`
			`}`
Cosmetic 2025-01-10 19:03:09 +01:00			`.center {`
			`text-align: center;`
			`}`
Initial commit 2025-01-02 02:14:30 +01:00			`.content {`
			`width: 100%;`
			`display: flex;`
			`flex-direction: column;`
			`align-items: center;`
			`justify-content: center;`
			`}`
			`.user-info {`
Style 2025-01-13 17:01:11 +01:00			`padding: 0.5em;`
Initial commit 2025-01-02 02:14:30 +01:00			`display: flex;`
			`gap: 0.5em;`
			`flex-direction: column;`
			`width: fit-content;`
			`align-items: center;`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`margin: 5px auto;`
Initial commit 2025-01-02 02:14:30 +01:00			`box-shadow: 0px 0px 10px lightgreen;`
			`background-color: lightgreen;`
Style 2025-01-13 17:01:11 +01:00			`border-radius: 8px;`
Initial commit 2025-01-02 02:14:30 +01:00			`}`
			`.user-info * {`
			`flex: 2 1 auto;`
			`margin: 0;`
			`}`
			`.user-info .picture {`
			`max-width: 3em;`
			`max-height: 3em`
			`}`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`.user-info a.logout {`
Cosmetic 2025-01-03 13:36:22 +01:00			`border: 2px solid darkkhaki;`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`padding: 3px 6px;`
			`text-decoration: none;`
			`text-align: center;`
			`color: black;`
			`}`
			`.user-info a.logout:hover {`
			`background-color: orange;`
			`}`
Add hint to providers 2025-01-10 23:40:24 +01:00			`.debug-auth {`
Initial commit 2025-01-02 02:14:30 +01:00			`font-size: 90%;`
Cosmetic 2025-01-03 13:36:22 +01:00			`background-color: #d8bebc75;`
			`padding: 6px;`
			`}`
			`.debug-auth * {`
			`margin: 0;`
Initial commit 2025-01-02 02:14:30 +01:00			`}`
Cosmetic 2025-01-03 13:36:22 +01:00			`.debug-auth p {`
			`text-align: center;`
			`border-bottom: 1px solid black;`
			`}`
			`.debug-auth ul {`
			`padding: 0;`
			`list-style: none;`
			`}`
			`.debug-auth p, .debug-auth .key {`
Initial commit 2025-01-02 02:14:30 +01:00			`font-weight: bold;`
			`}`
Cosmetic 2025-01-02 03:09:16 +01:00			`.content {`
			`text-align: left;`
			`}`
Cosmetic 2025-01-03 13:36:22 +01:00			`.content #links-to-check {`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`display: flex;`
			`text-align: center;`
Cosmetic 2025-01-10 19:03:09 +01:00			`justify-content: center;`
			`gap: 0.5em;`
			`flex-flow: wrap;`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`}`
Cosmetic 2025-01-03 13:36:22 +01:00			`.content #links-to-check a {`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`color: black;`
Cosmetic 2025-01-10 19:03:09 +01:00			`padding: 5px 10px;`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`text-decoration: none;`
Cosmetic 2025-01-10 19:03:09 +01:00			`border-radius: 8px;`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`}`
			`.hasResponseStatus {`
			`background-color: #88888840;`
			`}`
			`.hasResponseStatus.status-200 {`
			`background-color: #00ff0040;`
			`}`
			`.hasResponseStatus.status-401 {`
			`background-color: #ff000040;`
			`}`
Container, bug fixes 2025-01-09 23:41:32 +01:00			`.hasResponseStatus.status-403 {`
			`background-color: #ff990040;`
			`}`
Add fake db, properly deal with roles, improve types, etc 2025-01-05 05:06:58 +01:00			`.role {`
			`padding: 3px 6px;`
			`background-color: #44228840;`
			`}`
Initial commit 2025-01-02 02:14:30 +01:00			`</style>`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`<script>`
Cosmetic 2025-01-03 13:36:22 +01:00			`function checkHref(elem) {`
			`var xmlHttp = new XMLHttpRequest()`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`xmlHttp.onreadystatechange = function() {`
			`if (xmlHttp.readyState == 4) {`
			`elem.classList.add("hasResponseStatus")`
			`elem.classList.add("status-" + xmlHttp.status)`
Cosmetic 2025-01-03 13:36:22 +01:00			`elem.title = "Response code: " + xmlHttp.status`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`}`
			`}`
Cosmetic 2025-01-03 13:36:22 +01:00			`xmlHttp.open("GET", elem.href, true) // true for asynchronous`
			`xmlHttp.send(null)`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`}`
Cosmetic 2025-01-03 13:36:22 +01:00			`function checkPerms(rootId) {`
			`var rootElem = document.getElementById(rootId)`
			`Array.from(rootElem.children).forEach(elem => checkHref(elem))`
Add automatic link status check 2025-01-03 12:39:41 +01:00			`}`
			`</script>`
Initial commit 2025-01-02 02:14:30 +01:00			`</head>`
Cosmetic 2025-01-03 13:36:22 +01:00			`<body onload="checkPerms('links-to-check')">`
Style 2025-01-11 03:54:53 +01:00			`<h1>OIDC-test</h1>`
Container, bug fixes 2025-01-09 23:41:32 +01:00			`{% block content %}`
			`{% endblock %}`
Initial commit 2025-01-02 02:14:30 +01:00			`</body>`
			`</html>`