diff options
| author | Julian T <julian@jtle.dk> | 2024-05-22 22:54:50 +0200 |
|---|---|---|
| committer | Julian T <julian@jtle.dk> | 2024-05-22 22:54:50 +0200 |
| commit | dd11cf4ab199e5d53d03dc95b24007a12727ad70 (patch) | |
| tree | 710f94ac775ac8e3d279f40638034b847516f0e3 /templates | |
| parent | 829cbaf2d0fe95abc9c65b1e34e209fc32952805 (diff) | |
Start goprojekt istedet
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..3654855 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,117 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <title>Tidsreg</title> + + <style> +.flex { + display: flex; +} + +.flex-grow { + flex-grow: 1; +} + +.just-start { + justify-content: flex-start; +} + +.week-bar { + margin-left: 10px; + border: 1px solid black; +} + +.status-started { + border-color: green; +} + +.entry-bar { + border-width: 3px; + border-style: solid; + padding: 10px; +} + +.entry-box { +} + +#controls-bar { + margin-bottom: 10px; +} + </style> + + </head> + <body> + <div id="controls-bar"> + <button>I går</button> + <input type="date"</input> + <button>I morgen</button> + </div> + <div class="flex"> + <div class="status-started entry-bar"> + <div class="flex just-start"> + <div class="entry-box"> + <b>Interval</b> + <div> + <label for="fromTime">Fra: </label> + <input id="fromTime" type="time" class="form-control" aria-label="Time start"> + </div> + <div> + <label for="toTime">Til: </label> + <input id="toTime" type="time" class="form-control" 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></textarea> + </div> + <div class="entry-box"> + <b>Status</b><br> + <i class="status-started">I gang</i><br> + <span>1:34 timer</span> + </div> + </div> + <button>Start ny</button> + </div> + <div class="flex-grow week-bar"> + <b>Uge 42</b> + </div> + </div> + <div class="flex"> + <div class="flex-grow"> + <table> + <thead> + <th>-</th> + <th>Fra</th> + <th>Til</th> + <th>Mærker</th> + <th>Beskrivelse</th> + </thead> + <tbody> + <tr> + <td><input type="checkbox" /></td> + <td><input type="time" /></td> + <td></td> + <td>Ferie, SVT-232</td> + <td>Ting og sager</td> + </tbody> + </table> + </div> + </div> + </body> +</html> |