work/timetrack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dropdon selectable

Browse Source
This commit is contained in:
Jörg Henke
2022-07-06 10:57:53 +02:00
parent da1563aded
commit 7497108717
2 changed files with 22 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/resources/static/css/style.css
View File

@ -7,6 +7,10 @@ body {
height: calc(100% - 56px); height: calc(100% - 56px);
} }
.openedSelect {
overflow: auto;
}
.titlemod { .titlemod {
font-weight: bolder; font-weight: bolder;
color: darkcyan !important; color: darkcyan !important;

48
src/main/resources/templates/done/item.html
View File

@ -17,17 +17,17 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label for="outputDay" class="col-sm-2 col-form-label">am</label> <label for="outputDay" class="col-sm-1 col-form-label">am</label>
<div class="col-sm-10"> <div class="col-sm-11">
<input id="inputLocalDate" type="text" th:field="*{localDate}" class="form-control" /> <input id="inputLocalDate" type="text" th:field="*{localDate}" class="form-control" />
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label for="inputTimefrom" class="col-sm-2 col-form-label">von</label> <label for="inputTimefrom" class="col-sm-1 col-form-label">von</label>
<div class="col-sm-1"> <div class="col-sm-1">
<input id="inputTimefrom" type="text" th:field="*{timeFromString}" class="form-control" onchange="validateTime(this, 'okbtn')" /> <input id="inputTimefrom" type="text" th:field="*{timeFromString}" class="form-control" onchange="validateTime(this, 'okbtn')" />
</div> </div>
<div class="col-sm-9"> <div class="col-sm-10">
<button type="button" class="btn btn-danger" value="" onclick="resetValue('#inputTimefrom', '')"><span class="fas fa-trash-alt"></span></button> <button type="button" class="btn btn-danger" value="" onclick="resetValue('#inputTimefrom', '')"><span class="fas fa-trash-alt"></span></button>
<button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimefrom', nowPlus(-105))"><script type="text/javascript">document.write(nowPlus(-105))</script></button> <button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimefrom', nowPlus(-105))"><script type="text/javascript">document.write(nowPlus(-105))</script></button>
<button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimefrom', nowPlus(-90))"><script type="text/javascript">document.write(nowPlus(-90))</script></button> <button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimefrom', nowPlus(-90))"><script type="text/javascript">document.write(nowPlus(-90))</script></button>
@ -42,11 +42,11 @@
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label for="inputTimeuntil" class="col-sm-2 col-form-label">bis</label> <label for="inputTimeuntil" class="col-sm-1 col-form-label">bis</label>
<div class="col-sm-1"> <div class="col-sm-1">
<input id="inputTimeuntil" type="text" th:field="*{timeUntilString}" class="form-control" onchange="validateTime(this, 'okbtn')" /> <input id="inputTimeuntil" type="text" th:field="*{timeUntilString}" class="form-control" onchange="validateTime(this, 'okbtn')" />
</div> </div>
<div class="col-sm-9"> <div class="col-sm-10">
<button type="button" class="btn btn-danger" value="" onclick="resetValue('#inputTimeuntil', '')"><span class="fas fa-trash-alt"></span></button> <button type="button" class="btn btn-danger" value="" onclick="resetValue('#inputTimeuntil', '')"><span class="fas fa-trash-alt"></span></button>
<button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimeuntil', nowPlus(-105))"><script type="text/javascript">document.write(nowPlus(-105))</script></button> <button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimeuntil', nowPlus(-105))"><script type="text/javascript">document.write(nowPlus(-105))</script></button>
<button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimeuntil', nowPlus(-90))"><script type="text/javascript">document.write(nowPlus(-90))</script></button> <button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimeuntil', nowPlus(-90))"><script type="text/javascript">document.write(nowPlus(-90))</script></button>
@ -60,45 +60,33 @@
<button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimeuntil', nowPlus(30))"><script type="text/javascript">document.write(nowPlus(30))</script></button> <button type="button" class="btn btn-secondary" onclick="resetValue('#inputTimeuntil', nowPlus(30))"><script type="text/javascript">document.write(nowPlus(30))</script></button>
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-12">
<label for="inputProject" class="col-sm-2 col-form-label">Projekt</label> <div class="col-sm-2">
<div class="col-sm-3"> <label>Projekt</label>
<select id="inputProject" class="form-control select2-single" th:field="*{fkProject}"> <select id="inputProject" class="form-control select2-single openedSelect" th:field="*{fkProject}" size="20">
<option th:each="i : ${projectList}" th:value="${i.pk}" th:text="${i.name}"></option> <option th:each="i : ${projectList}" th:value="${i.pk}" th:text="${i.name}"></option>
</select> </select>
</div> </div>
<div class="col-sm-7">
TODO: suggestions
</div>
</div>
<div class="row mb-3">
<label for="inputModule" class="col-sm-2 col-form-label">Modul</label>
<div class="col-sm-3"> <div class="col-sm-3">
<select id="inputModule" class="form-control select2-single" th:field="*{fkModule}"> <label>Modul</label>
<select id="inputModule" class="form-control select2-single openedSelect" th:field="*{fkModule}" size="20">
<option th:each="i : ${moduleList}" th:value="${i.pk}" th:text="${i.name}"></option> <option th:each="i : ${moduleList}" th:value="${i.pk}" th:text="${i.name}"></option>
</select> </select>
</div> </div>
<div class="col-sm-7">TODO: suggestions</div>
</div>
<div class="row mb-3">
<label for="inputJob" class="col-sm-2 col-form-label">Aufgabe</label>
<div class="col-sm-3"> <div class="col-sm-3">
<select id="inputJob" class="form-control select2-single" th:field="*{fkJob}"> <label>Aufgabe</label>
<select id="inputJob" class="form-control select2-single openedSelect" th:field="*{fkJob}" size="20">
<option th:each="i : ${jobList}" th:value="${i.pk}" th:text="${i.name}"></option> <option th:each="i : ${jobList}" th:value="${i.pk}" th:text="${i.name}"></option>
</select> </select>
</div> </div>
<div class="col-sm-7">TODO: suggestions</div> <div class="col-sm-4">
</div> <label>Abrechnung</label>
<div class="row mb-3"> <select id="inputBilling" class="form-control select2-single openedSelect" th:field="*{fkBilling}" size="20">
<label for="inputBilling" class="col-sm-2 col-form-label">Abrechnung</label>
<div class="col-sm-3">
<select id="inputBilling" class="form-control select2-single" th:field="*{fkBilling}">
<option th:each="i : ${billingList}" th:value="${i.pk}" th:text="${i.name}"></option> <option th:each="i : ${billingList}" th:value="${i.pk}" th:text="${i.name}"></option>
</select> </select>
</div> </div>
<div class="col-sm-7">TODO: suggestions</div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3" style="margin-top: 8px">
<div class="col-sm-2">Änderung</div> <div class="col-sm-2">Änderung</div>
<div class="col-sm-10"> <div class="col-sm-10">
<button id="okbtn" type="submit" class="btn btn-success">speichern</button> <button id="okbtn" type="submit" class="btn btn-success">speichern</button>