Rudimentary task editing

2 files changed, 93 insertions, 0 deletions

diff --git a/templates/parts/entry.html b/templates/parts/entry.html
new file mode 100644
index 0000000..f99fb90
--- /dev/null
+++ b/templates/parts/entry.html
@@ -0,0 +1,81 @@
+<form id="entry-bar" autocomplete="off" class="status-{{if .Detached}}detached{{else}}{{if .Task}}started{{else}}stopped{{end}}{{end}}">
+  <input style="display: none;" value="{{ if .Task }}{{ .Task.Id }}{{end}}" type="text" name="id" />
+  {{ if .Detached }}
+  <span>{{ if gt .Task.Id -1 }}Redigerer opgave {{ .Task.Id }}{{else}}Redigerer ny opgave{{end}}{{ if .Tracking }}, med opgave i baggrunden!{{else}}.{{end}}</span><br>
+  {{end}}
+  <div class="flex just-start">
+    <div class="entry-box">
+      <b>Interval</b>
+      <div>
+        <label for="fromTime">Fra: </label>
+        <input name="from" id="fromTime" type="time" class="form-control" {{if .Task}}value="{{formatTime .Task.From}}" required{{end}} aria-label="Time start">
+      </div>
+      <div>
+        <label for="toTime">Til: </label>
+        <input name="to" id="toTime" type="time" class="form-control" {{if not .Detached}}disabled{{end}} aria-label="Time stop">
+      </div>
+    </div>
+    <div class="entry-box">
+      <b>Mærker</b><br>
+      <select>
+        <option value="-">-</option>
+        <option value="SVT-232">SVT-232</option>
+        <option value="Ferie">Ferie</option>
+      </select><br>
+      <select>
+        <option value="-">-</option>
+        <option value="SVT-232">SVT-232</option>
+        <option value="Ferie">Ferie</option>
+      </select>
+    </div>
+    <div class="entry-box">
+      <b>Kommentar</b><br>
+      <textarea name="comment">{{if .Task}}{{.Task.Comment}}{{end}}</textarea>
+    </div>
+    <div class="entry-box">
+      <b>Status</b><br>
+      {{ if not .Detached}}<i>{{ if .Task }}I gang{{ else }}Stoppet{{ end }}</i><br>{{end}}
+      {{ if .Task }}<span>1:34 timer</span>{{ end }}
+    </div>
+  </div>
+
+  {{ if .Task }}
+  <button
+      hx-put="/save{{if .Detached}}?detached=true{{end}}"
+      hx-trigger="click"
+      hx-target="#entry-bar"
+      hx-swap="outerHTML"
+      >Gem
+  </button>
+  {{end}}
+  {{ if .Detached }}
+  <button
+      hx-get="/tracking"
+      hx-trigger="click"
+      hx-target="#entry-bar"
+      hx-swap="outerHTML"
+      >Tilbage</button>
+  {{ else }}
+  {{ if .Task }}
+  <button
+      hx-post="/stop"
+      hx-trigger="click"
+      hx-target="#entry-bar"
+      hx-swap="outerHTML"
+      >Stop</button>
+  {{ else }}
+  <button
+      hx-post="/start"
+      hx-trigger="click"
+      hx-target="#entry-bar"
+      hx-swap="outerHTML"
+      >Start ny</button>
+  {{ end }}
+  <button
+      hx-get="/newDetached"
+      hx-trigger="click"
+      hx-target="#entry-bar"
+      hx-swap="outerHTML"
+      >Manuel</button>
+  {{ end }}
+</form>
diff --git a/templates/parts/entryRows.html b/templates/parts/entryRows.html
new file mode 100644
index 0000000..1b364e3
--- /dev/null
+++ b/templates/parts/entryRows.html
@@ -0,0 +1,12 @@
+<tbody hx-trigger="changedTasks from:body" hx-get="/entryRows">
+  {{ range $task := .Tasks }}
+  <tr>
+    <td>{{ $task.Id }}</td>
+    <td><input type="time" disabled value="{{formatTime $task.From }}" /></td>
+    <td><input type="time" disabled value="{{formatTime $task.To }}" /></td>
+    <td>{{ if $task.Tag}}{{ $task.Tag }}{{end}}</td>
+    <td>{{ $task.Comment }}</td>
+    <td></td>
+  </tr>
+  {{ end }}
+</tbody>