1 files changed, 106 insertions, 0 deletions
diff --git a/apps/dreki_web/templates/task.dtl b/apps/dreki_web/templates/task.dtl
new file mode 100644
index 0000000..de9afaf
--- /dev/null
+++ b/apps/dreki_web/templates/task.dtl
@@ -0,0 +1,106 @@
+<div class="lg:flex lg:items-center lg:justify-between">
+  <div class="flex-1 min-w-0">
+    <nav class="flex" aria-label="Breadcrumb">
+      <ol role="list" class="flex items-center space-x-4">
+        <li>
+          <div class="flex">
+            <a href="/admin/tasks" class="text-sm font-medium text-gray-500 hover:text-gray-700">Tasks</a>
+          </div>
+        </li>
+        <!--<li>
+          <div class="flex items-center">
+            <svg class="flex-shrink-0 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+              <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
+            </svg>
+            <a href="/admin/tasks" class="ml-4 text-sm font-medium text-gray-500 hover:text-gray-700">Tasks</a>
+          </div>
+        </li>-->
+      </ol>
+    </nav>
+
+    <h2 class="mt-2 text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate">{{task.id}}</h2>
+
+    <!-- Sub info -->
+    <div class="mt-1 flex flex-col sm:flex-row sm:flex-wrap sm:mt-0 sm:space-x-6">
+      <div class="mt-2 flex items-center text-medium text-gray-700">
+        {{task.description}}
+      </div>
+      <div class="mt-2 flex items-center text-sm text-gray-500">
+        <!-- Heroicon name: solid/briefcase -->
+        <svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+          <path fill-rule="evenodd" d="M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z" clip-rule="evenodd" />
+          <path d="M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15c-2.796 0-5.487-.46-8-1.308z" />
+        </svg>
+        {{task.handler}}
+      </div>
+    </div>
+
+  </div>
+
+  <!-- Actions -->
+  <div class="mt-5 flex lg:mt-0 lg:ml-4">
+    <span class="hidden sm:block">
+      <button type="button" class="inline-flex items-center px-4 py-2 border border-primary-300 rounded-md shadow-sm text-sm font-medium text-white bg-primary-600 hover:bg-primary-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
+        Execute
+      </button>
+    </span>
+
+    <span class="hidden sm:block ml-3">
+      <button type="button" class="inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500">
+        Edit
+      </button>
+    </span>
+  </div>
+
+</div>
+
+<div class="px-4 sm:px-6 lg:px-8 sm:mt-8 lg:mt-12">
+  <div class="sm:flex sm:items-center">
+    <div class="sm:flex-auto">
+      <h1 class="text-xl font-semibold text-gray-900">Manifest</h1>
+    </div>
+  </div>
+  <pre class="px-2 py-2 bg-gray-50"><code>{{ task_pretty_params }}</code></pre>
+</div>
+
+
+<div class="px-4 sm:px-6 lg:px-8 sm:mt-8 lg:mt-12">
+  <div class="sm:flex sm:items-center">
+    <div class="sm:flex-auto">
+      <h1 class="text-xl font-semibold text-gray-900">Executions</h1>
+    </div>
+  </div>
+  <div class="mt-8 flex flex-col">
+    <div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8">
+      <div class="inline-block min-w-full py-2 align-middle md:px-6 lg:px-8">
+        <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg">
+          <table class="min-w-full divide-y divide-gray-300 table-auto">
+            <thead class="bg-gray-50">
+              <tr>
+                <th scope="col" class="whitespace-nowrap py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">ID</th>
+                <th scope="col" class="whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-900">Description</th>
+                <th scope="col" class="whitespace-nowrap px-2 py-3.5 text-left text-sm font-semibold text-gray-900">Handler</th>
+                <th scope="col" class="relative whitespace-nowrap py-3.5 pl-3 pr-4 sm:pr-6">
+                  <span class="sr-only">Edit</span>
+                </th>
+              </tr>
+            </thead>
+            <tbody class="divide-y divide-gray-200 bg-white">
+              {% for t in tasks %}
+                <tr>
+                  <td class="whitespace-nowrap py-2 pl-4 pr-3 text-sm text-gray-500 sm:pl-6"><a href="/admin/tasks/{{t.id}}">{{t.id}}</a></td>
+                  <td class="whitespace-nowrap px-2 py-2 text-sm font-medium text-gray-900">{{t.description}}</td>
+                  <td class="whitespace-nowrap px-2 py-2 text-sm text-gray-900">{{t.handler}}</td>
+                <td class="relative whitespace-nowrap py-2 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
+                  <a href="#" class="text-primary-600 hover:text-primary-900">Edit<span class="sr-only">, {{t.id}}</span></a>
+                </td>
+              </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+