speatzle/morffix
1
0
Fork 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity Actions

Reworked CSS

Browse source 
- Split into 4 files referenced by the first
- Using MLFE and page-wide color definitions
- Improved consistency and reduced markup complexity
- Hinted more user actions
- Improved visual parsability of tables and logs
- Improved visibility of counter units
- TODO:
  - Add text selection to important fields
  - Improve button placement
  - Reindent templates
This commit is contained in:
adroslice 2024-05-29 15:19:21 +02:00
parent 8759e9bafc
commit 332e0cbe5a
11 changed files with 242 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

90
tmpl/tasks.tmpl
View file

@ -1,24 +1,24 @@
{{template "head"}}
<h2>New Tasks</h2>
<form method="POST">
<label for="library">Library:</label><br />
<label for="library">Library:</label>
<select id="library" name="library">
{{range $l := .Libraries}}
<option value="{{$l.ID}}">{{$l.Name}}</option>
{{end}}
</select><br />
<label for="health">Health</label><br />
</select>
<label for="health">Health</label>
<select id="health" name="health">
<option value="-1">All</option>
<option value="0">Unknown</option>
<option value="1">Damaged</option>
<option value="2">Healthy</option>
</select> <br />
<label for="type">Type</label><br />
</select>
<label for="type">Type</label>
<select id="type" name="type">
<option value="0">Health Check</option>
</select> <br />
<input type="submit">
<option value="0">Health Check</option>
</select>
<input type="submit" value="Submit">
</form>
<h2>Task Stats</h2>
@ -35,42 +35,40 @@ Total: {{.Stats.TotalCount}}
<h2>Tasks</h2>
<div class="task-list">
<table>
<tr>
<th>ID</th>
<th>Library</th>
<th>Worker</th>
<th>Type</th>
<th>Status</th>
<th>File</th>
<th>Updated At</th>
</tr>
{{range $t := .Tasks}}
<tr onclick="window.location='/tasks/{{ $t.ID }}';">
<td>
{{ $t.ID }}
</td>
<td>
{{ $t.Library }}
</td>
<td>
{{ $t.Worker }}
</td>
<td>
{{ $t.Type }}
</td>
<td>
{{ $t.Status }}
</td>
<td>
{{ $t.File }}
</td>
<td>
{{ $t.UpdatedAt }}
</td>
</tr>
{{end}}
</table>
</div>
<table>
<tr>
<th>ID</th>
<th>Library</th>
<th>Worker</th>
<th>Type</th>
<th>Status</th>
<th>File</th>
<th>Updated At</th>
</tr>
{{range $t := .Tasks}}
<tr onclick="window.location='/tasks/{{ $t.ID }}';">
<td>
{{ $t.ID }}
</td>
<td>
{{ $t.Library }}
</td>
<td>
{{ $t.Worker }}
</td>
<td>
{{ $t.Type }}
</td>
<td>
{{ $t.Status }}
</td>
<td>
{{ $t.File }}
</td>
<td>
{{ $t.UpdatedAt }}
</td>
</tr>
{{end}}
</table>
{{template "tail"}}