add display for MediaVideo

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

@@ -26,6 +26,7 @@
           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
             <li><a class="dropdown-item" href="/media/files/">MediaFiles</a></li>
             <li><a class="dropdown-item" href="/media/actors/">MediaActors</a></li>
+            <li><a class="dropdown-item" href="/media/videos/">MediaVideos</a></li>
           </ul>
         </li>
         <li class="nav-item">
@@ -49,11 +50,11 @@
       <ul class="navbar-nav ml-auto mb-2 mb-lg-0">
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-            Jobs
+            Media
           </a>
           <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-            <li><a class="dropdown-item" href="/comics/">Comics</a></li>
-            <li><a class="dropdown-item" href="/comics/">Media</a></li>
+            <li><a class="dropdown-item" href="/media/add-link/">Add Link</a></li>
+            <li><a class="dropdown-item" href="/media/add-file">Add MediaFile</a></li>
           </ul>
         </li>
       </ul>

kontor-api/src/templates/media/add_video_link.html

@@ -0,0 +1,29 @@
+{% extends "shared/base.html" %}
+
+
+{% block title %}
+  <title>Add a Video Link</title>
+{% endblock %}
+
+{% block content %}
+  <div class="container">
+    <div class="row">
+      <div class="text-danger font-weight-bold">
+        {% for error in errors %}
+          <li>{{error}}</li>
+        {% endfor %}
+      </div>
+    </div>
+
+    <div class="row my-5">
+      <h3 class="text-center display-4">Add a Video Link</h3>
+      <form method="POST">
+        <div class="mb-3">
+          <input type="text" required class="form-control" name="url" value="{{url}}" placeholder="Video Link here">
+        </div>
+        <button type="submit" class="btn btn-primary">Submit</button>
+      </form>
+    </div>
+  </div>
+{% endblock %}
+

kontor-api/src/templates/media/video_detail.html

@@ -0,0 +1,55 @@
+{% extends "shared/base.html" %}
+
+
+{% block title %}
+  <title>MediaVideo Detail</title>
+{% endblock %}
+
+{% block content %}
+  <div class="container">
+  <div class="row">
+    <div class="col">
+      <h1 class="display-5">MediaVideo Detail</h1>
+    </div>
+  </div>
+
+  <div class="row">
+      <table class="table table-striped table-hover">
+        <tbody>
+          <tr>
+            <th scope="row">MediaVideo Title</th>
+            <td colspan="2">{{mediavideo.title}}</td>
+          </tr>
+          <tr>
+            <th scope="row">MediaVideo URL</th>
+            <td colspan="2">{{mediavideo.url}}</td>
+          </tr>
+          <tr>
+            <th scope="row">MediaVideo Cloudlink</th>
+            <td colspan="2">{{mediavideo.cloud_link}}</td>
+          </tr>
+          <tr>
+            <th scope="row">MediaVideo Download?</th>
+            <td colspan="2">{{mediavideo.should_download}}</td>
+          </tr>
+          <tr>
+            <th scope="row">MediaVideo Review?</th>
+            <td colspan="2">{{mediavideo.review}}</td>
+          </tr>
+          <tr>
+            <th scope="row">Data Created</th>
+            <td colspan="2">{{mediavideo.created_date}}</td>
+          </tr>
+          <tr>
+            <th scope="row">Data Modified</th>
+            <td colspan="2">{{mediavideo.last_modified_date}}</td>
+          </tr>
+          <tr>
+            <th scope="row">Data Version</th>
+            <td colspan="2">{{mediavideo.version}}</td>
+          </tr>
+        </tbody>
+    </table>
+  </div>
+</div>
+{% endblock %}

kontor-api/src/templates/media/videos.html

@@ -0,0 +1,29 @@
+{% extends "shared/base.html" %}
+
+{% block title %}
+  <title>Video Links</title>
+{% endblock %}
+
+{% block content %}
+  {% with msg=msg %}
+    {% include "components/alerts.html" %}
+  {% endwith %}
+  <div class="container">
+    <table class="table table-hover">
+      <thead><tr>
+        <th scope="col">Titel</th>
+        <th scope="col">URL</th>
+        <th scope="col">Cloudlink</th>
+      </tr></thead>
+      <tbody>
+          {%  for mediavideo in mediavideos %}
+         <tr>
+           <th scope="row"><a href="/media/videos/{{mediavideo.id}}">{{mediavideo.title}}</a></th>
+           <td>{{mediavideo.url}}</td>
+           <td>{{mediavideo.cloud_link}}</td>
+         </tr>
+          {% endfor %}
+      </tbody>
+    </table>
+  </div>
+{% endblock %}