dropdon selectable

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

View File

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

View File

@ -17,17 +17,17 @@
</div>
</div>
<div class="row mb-3">
<label for="outputDay" class="col-sm-2 col-form-label">am</label>
<div class="col-sm-10">
<label for="outputDay" class="col-sm-1 col-form-label">am</label>
<div class="col-sm-11">
<input id="inputLocalDate" type="text" th:field="*{localDate}" class="form-control" />
</div>
</div>
<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">
<input id="inputTimefrom" type="text" th:field="*{timeFromString}" class="form-control" onchange="validateTime(this, 'okbtn')" />
</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-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>
@ -42,11 +42,11 @@
</div>
</div>
<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">
<input id="inputTimeuntil" type="text" th:field="*{timeUntilString}" class="form-control" onchange="validateTime(this, 'okbtn')" />
</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-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>
@ -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>
</div>
</div>
<div class="row mb-3">
<label for="inputProject" class="col-sm-2 col-form-label">Projekt</label>
<div class="col-sm-3">
<select id="inputProject" class="form-control select2-single" th:field="*{fkProject}">
<div class="row mb-12">
<div class="col-sm-2">
<label>Projekt</label>
<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>
</select>
</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">
<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>
</select>
</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">
<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>
</select>
</div>
<div class="col-sm-7">TODO: suggestions</div>
</div>
<div class="row mb-3">
<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}">
<div class="col-sm-4">
<label>Abrechnung</label>
<select id="inputBilling" class="form-control select2-single openedSelect" th:field="*{fkBilling}" size="20">
<option th:each="i : ${billingList}" th:value="${i.pk}" th:text="${i.name}"></option>
</select>
</div>
<div class="col-sm-7">TODO: suggestions</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-10">
<button id="okbtn" type="submit" class="btn btn-success">speichern</button>