make details for Comic, Artist and Issue clickable, add CustomField to select Comic and Issue

kontor-api/src/templates/comic/artist_detail.html

@@ -29,7 +29,7 @@
             <td colspan="2">
                 {% for work in artist.get_comics() %}
                     <p>
-                        {{work}}:
+                        <a href="/comic/worktypes/{{work.id}}">{{work.name}}</a>
                         <ul>
                           {% for comic in artist.get_comics()[work] %}
                             <li><a href="/comic/comics/{{comic.id}}">{{comic.title}}</a></li>
@@ -47,6 +47,10 @@
             <th scope="row">Data Modified</th>
             <td colspan="2">{{artist.last_modified_date}}</td>
           </tr>
+          <tr>
+            <th scope="row">Data Version</th>
+            <td colspan="2">{{artist.version}}</td>
+          </tr>
         </tbody>
     </table>
   </div>

kontor-api/src/templates/comic/comic_detail.html

@@ -36,7 +36,7 @@
             <td colspan="2">
               {% for work in comic.get_artists() %}
                     <p>
-                        {{work}}:
+                        <a href="/comic/worktypes/{{work.id}}">{{work.name}}</a>
                         <ul>
                           {% for artist in comic.get_artists()[work] %}
                             <li><a href="/comic/artists/{{artist.id}}">{{artist.name}}</a></li>

kontor-api/src/templates/comic/comics.html

@@ -10,9 +10,15 @@
   {% endwith %}
   <div class="container">
     <div class="row">
-      <div class="col">
+      <form class="d-flex" action="/comic/comics/">
+        <input class="form-control me-2" name="query" id="autocomplete" type="search" placeholder="Search" aria-label="Search">
+        Completed<input type="checkbox" name="completed" {% if request.query_params.get("completed")=="on" %}checked{% endif %} aria-label="Completed">
+        Order<input type="checkbox" name="order" {% if request.query_params.get("order")=="on" %}checked{% endif %} aria-label="Order">
+        <button class="btn btn-outline-success" type="submit">Search</button>
+      </form>
+    </div>
+    <div class="row">
         <h1 class="display-5">Comics..</h1>
-      </div>
     </div>
     <div class="row">
       <table class="table table-hover">

kontor-api/src/templates/comic/issue_detail.html

@@ -50,12 +50,29 @@
                 <a href="/comic/comics/{{issue.comic_id}}">{{issue.comic.title}}</a>
             </td>
           </tr>
+          {% if issue.volume %}
           <tr>
             <th scope="row">Volume</th>
             <td colspan="2">
                 <a href="/comic/comics/{{issue.volume_id}}">{{issue.volume.name}}</a>
             </td>
           </tr>
+          {% endif %}
+          <tr>
+            <th scope="row">Works</th>
+            <td colspan="2">
+              {% for work in issue.get_artists() %}
+                    <p>
+                        <a href="/comic/worktypes/{{work.id}}">{{work.name}}</a>
+                        <ul>
+                          {% for artist in issue.get_artists()[work] %}
+                            <li><a href="/comic/artists/{{artist.id}}">{{artist.name}}</a></li>
+                          {% endfor %}
+                        </ul>
+                    </p>
+                {% endfor %}
+              </td>
+          </tr>
           <tr>
             <th scope="row">Data Created</th>
             <td colspan="2">{{issue.created_date}}</td>