Add fake db, properly deal with roles, improve types, etc

src/templates/index.html

@@ -119,6 +119,10 @@
       .hasResponseStatus.status-401 {
         background-color: #ff000040;
       }
+      .role {
+        padding: 3px 6px;
+        background-color: #44228840;
+      }
     </style>
     <script>
     function checkHref(elem) {
@@ -143,10 +147,10 @@
     <h1>FastAPI test app for OIDC</h1>
     {% if not user %} 
     <div class="login-box">
-      <p>Not logged in</p>
+      <p>Log in with one of these authentication providers:</p>
       <div class="login-toolbox">
           {% for provider in settings.oidc.providers %}
-            <a href="login?provider={{ provider.name }}">Login with: {{ provider.name }}</a>
+            <a href="login?provider={{ provider.name }}">{{ provider.name }}</a>
           {% else %}
             <span class="error">Cannot login: no oidc prodiver in settings.yaml</span>
           {% endfor %}
@@ -159,7 +163,19 @@
         {% if user.picture %}
           <img src="{{ user.picture }}" class="picture"></img>
         {% endif %}
-        <p>{{ user.email }}</p>
+        <div>{{ user.email }}</div>
+        {% if user.roles %}
+          <div>
+          <span>Roles:</span>
+          {% for role in user.roles %}
+            <span class="role">{{ role.name }}</span>
+          {% endfor %}
+          </div>
+        {% endif %}
+        <div>
+          <span>Provider:</span>
+          {{ user.oidc_provider.name }} 
+        </div>
         <a href="logout" class="logout">Logout</a>
       </div>
     {% endif %}
@@ -180,7 +196,7 @@
       <div class="debug-auth">
         <p>Session details</p>
         <ul>
-          {% for key, value in auth_data.items() %}
+          {% for key, value in user.userinfo.items() %}
           <li>
             <span class="key">{{ key }}</span>: {{ value }}
           </li>