add display for MetaData

kontor-api/src/templates/admin/metadata.html

@@ -0,0 +1,21 @@
+{% extends "shared/base.html" %}
+
+{% block title %}
+  <title>MetaData</title>
+{% endblock %}
+
+{% block content %}
+  {% with msg=msg %}
+    {% include "components/alerts.html" %}
+  {% endwith %}
+  <div class="container">
+    {% for table in data %}
+    <div class="row">
+        {% with obj=table %}
+      	  {% include "components/metadatatable_cards.html" %}
+        {% endwith %}
+      <br>
+    </div>
+    {% endfor %}
+  </div>
+{% endblock %}

kontor-api/src/templates/auth/login.html

@@ -0,0 +1,40 @@
+{% extends "shared/base.html" %}
+
+
+{% block title %}
+  <title>Login</title>
+{% endblock %}
+
+{% block content %}
+  <div class="container">
+    <div class="row">
+      <h5 class="display-5">Login to Kontor</h5>
+      <div class="text-danger font-weight-bold">
+          {% for error in errors %}
+            <li>{{error}}</li>
+          {% endfor %}
+      </div>
+      <div class="text-success font-weight-bold">
+        {% if msg %}
+        <div class="badge bg-success text-wrap font-weight-bold" style="font-size: large;">
+          {{msg}}
+        </div>
+        {% endif %}
+    </div>
+    </div>
+
+    <div class="row my-5">
+      <form method="POST">
+        <div class="mb-3">
+          <label>Email</label>
+          <input type="text" required placeholder="Your email" name="email" value="{{email}}" class="form-control">
+        </div>
+        <div class="mb-3">
+          <label>Password</label>
+          <input type="password" required placeholder="Choose a secure password" value="{{password}}" name="password" class="form-control">
+        </div>
+        <button type="submit" class="btn btn-primary">Submit</button>
+      </form>
+    </div>
+  </div>
+  {% endblock %}

kontor-api/src/templates/components/metadatatable_cards.html

@@ -0,0 +1,35 @@
+<div class="card shadow p-3 mb-2 bg-body rounded">
+  <div class="card-body">
+    <h5 class="card-title">{{obj.table_name}}</h5>
+    <table class="table table-hover">
+      <thead><tr>
+        <th scope="col">Column Name</th>
+        <th scope="col">Column Sync Name</th>
+        <th scope="col">Column Type</th>
+        <th scope="col">Column Modifier</th>
+        <th scope="col">Column Order</th>
+        <th scope="col">Is Shown</th>
+        <th scope="col">Column Label</th>
+        <th scope="col">Show Filter</th>
+        <th scope="col">Filter Label</th>
+        <th scope="col">Ref Column</th>
+      </tr></thead>
+      <tbody>
+        {% for column in obj.table_columns %}
+        <tr>
+           <th scope="row"><a href="/admin/metadata/{{column.id}}">{{column.column_name}}</a></th>
+           <td>{{column.column_sync_name}}</td>
+           <td>{{column.column_type}}</td>
+           <td>{{column.column_modifier}}</td>
+           <td>{{column.column_order}}</td>
+           <td>{% with check=column.is_shown %}{% include "components/check.html" %}{% endwith %}</td>
+           <td>{{column.column_label}}</td>
+           <td>{% with check=column.show_filter %}{% include "components/check.html" %}{% endwith %}</td>
+           <td>{{column.filter_label}}</td>
+           <td>{{column.ref_column}}</td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</div>

kontor-api/src/templates/components/navbar.html

@@ -42,7 +42,7 @@
             <li><a class="dropdown-item" href="/register/">Signup</a></li>
             <li><a class="dropdown-item" href="/login/">Login</a></li>
             <li><hr class="dropdown-divider"></li>
-            <li><a class="dropdown-item" href="#">Something else here</a></li>
+            <li><a class="dropdown-item" href="/admin/metadata">MetaData</a></li>
           </ul>
         </li>
       </ul>