|
12 | 12 | <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
|
13 | 13 | <div class="row">
|
14 | 14 | <div class="col">
|
15 |
| - <div class="form-group"> |
16 |
| - <label th:for="${#ids.next('title')}" class="control-label"> |
17 |
| - <span th:utext="#{task.show.title}">Title</span> |
18 |
| - </label> |
19 |
| - <input type="text" th:field="*{title}" class="form-control form-control-lg is-invalid" required/> |
| 15 | + <label th:for="${#ids.next('title')}" class="control-label"> |
| 16 | + <span th:utext="#{task.show.title}">Title</span> |
| 17 | + </label> |
| 18 | + <div class="form-group input-group is-invalid"> |
| 19 | + |
| 20 | + <span class="input-group-text is-invalid" id="basic-addon1"> |
| 21 | + <i class="fa-solid fa-at"></i> |
| 22 | + </span> |
| 23 | + |
| 24 | + <input type="text" th:field="*{title}" class="form-control form-control-lg is-invalid" aria-describedby="basic-addon1" required/> |
20 | 25 | <div th:each="err : ${#fields.errors('title')}">
|
21 | 26 | <div class="invalid-feedback" th:text="${err}">err</div>
|
22 | 27 | </div>
|
23 | 28 | </div>
|
24 | 29 | </div>
|
25 | 30 | </div>
|
26 |
| - <div class="row"> |
| 31 | + |
| 32 | + <div class="row my-2"> |
27 | 33 | <div class="col">
|
28 |
| - <div class="form-group"> |
29 |
| - <label th:for="${#ids.next('listTaskState')}" class="control-label"> |
30 |
| - <span th:utext="#{tasks.col.taskState}">taskState</span> |
31 |
| - </label> |
32 |
| - <select th:field="*{taskState}" class="form-control form-control-lg is-invalid" required> |
| 34 | + <label th:for="${#ids.next('listTaskState')}" class="control-label"> |
| 35 | + <span th:utext="#{tasks.col.taskState}">taskState</span> |
| 36 | + </label> |
| 37 | + <div class="form-group input-group is-invalid"> |
| 38 | + |
| 39 | + <span class="input-group-text is-invalid" id="basic-addon2"> |
| 40 | + <i class="fa-solid fa-person-digging"></i> |
| 41 | + </span> |
| 42 | + |
| 43 | + <select th:field="*{taskState}" class="form-control form-control-lg is-invalid" aria-describedby="basic-addon2" required> |
33 | 44 | <option th:each="taskStateItem : ${listTaskState}"
|
34 | 45 | th:value="${taskStateItem.value}"
|
35 | 46 | th:text="${#messages.msgOrNull(taskStateItem.code)}">
|
36 | 47 | taskStateItem
|
37 | 48 | </option>
|
38 | 49 | </select>
|
| 50 | + |
39 | 51 | <div th:each="err : ${#fields.errors('taskState')}">
|
40 | 52 | <div class="invalid-feedback" th:text="${err}">err</div>
|
41 | 53 | </div>
|
42 | 54 | </div>
|
43 | 55 | </div>
|
| 56 | + |
44 | 57 | <div class="col">
|
45 |
| - <div class="form-group"> |
46 |
| - <label for="taskDueDate" class="control-label"> |
47 |
| - <span th:utext="#{task.show.dueDate}">dueDate</span> |
48 |
| - </label> |
49 |
| - <input id="taskDueDate" type="text" th:field="*{dueDate}" |
50 |
| - class="form-control form-control-lg is-invalid"/> |
| 58 | + <label for="taskDueDate" class="control-label"> |
| 59 | + <span th:utext="#{task.show.dueDate}">dueDate</span> |
| 60 | + </label> |
| 61 | + <div class="form-group input-group is-invalid"> |
| 62 | + |
| 63 | + <span class="input-group-text is-invalid" id="basic-addon3"> |
| 64 | + <i class="fa-solid fa-calendar-days"></i> |
| 65 | + </span> |
| 66 | + |
| 67 | + <input id="taskDueDate" type="date" th:field="*{dueDate}" |
| 68 | + class="form-control form-control-lg is-invalid" aria-describedby="basic-addon3"/> |
51 | 69 | <div th:each="err : ${#fields.errors('dueDate')}">
|
52 | 70 | <div class="invalid-feedback" th:text="${err}">err</div>
|
53 | 71 | </div>
|
54 | 72 | </div>
|
55 | 73 | </div>
|
56 | 74 | </div>
|
57 |
| - <div class="row"> |
| 75 | + |
| 76 | + <div class="row my-2"> |
58 | 77 | <div class="col">
|
59 |
| - <div class="form-group"> |
60 |
| - <label th:for="${#ids.next('taskEnergy')}" class="control-label"> |
61 |
| - <span th:utext="#{task.show.taskEnergy}">taskEnergy</span> |
62 |
| - </label> |
63 |
| - <select th:field="*{taskEnergy}" class="form-control form-control-lg is-invalid"> |
| 78 | + <label th:for="${#ids.next('taskEnergy')}" class="control-label"> |
| 79 | + <span th:utext="#{task.show.taskEnergy}">taskEnergy</span> |
| 80 | + </label> |
| 81 | + <div class="form-group input-group is-invalid"> |
| 82 | + |
| 83 | + <span class="input-group-text is-invalid" id="basic-addon4"> |
| 84 | + <i class="fa-solid fa-bolt"></i> |
| 85 | + </span> |
| 86 | + |
| 87 | + <select th:field="*{taskEnergy}" class="form-control form-control-lg is-invalid" aria-describedby="basic-addon4"> |
64 | 88 | <option th:each="taskEnergyItem : ${listTaskEnergy}"
|
65 | 89 | th:value="${taskEnergyItem.value}"
|
66 | 90 | th:text="${#messages.msgOrNull(taskEnergyItem.code)}">
|
67 | 91 | taskEnergyItem
|
68 | 92 | </option>
|
69 | 93 | </select>
|
| 94 | + |
70 | 95 | <div th:each="err : ${#fields.errors('taskEnergy')}">
|
71 | 96 | <div class="invalid-feedback" th:text="${err}">err</div>
|
72 | 97 | </div>
|
73 | 98 | </div>
|
74 | 99 | </div>
|
| 100 | + |
75 | 101 | <div class="col">
|
76 |
| - <div class="form-group"> |
77 |
| - <label th:for="${#ids.next('taskTime')}" class="control-label"> |
78 |
| - <span th:utext="#{task.show.taskTime}">Time</span> |
79 |
| - </label> |
80 |
| - <select th:field="*{taskTime}" class="form-control form-control-lg is-invalid"> |
| 102 | + <label th:for="${#ids.next('taskTime')}" class="control-label"> |
| 103 | + <span th:utext="#{task.show.taskTime}">Time</span> |
| 104 | + </label> |
| 105 | + <div class="form-group input-group is-invalid"> |
| 106 | + |
| 107 | + <span class="input-group-text is-invalid" id="basic-addon5"> |
| 108 | + <i class="fa-solid fa-clock"></i> |
| 109 | + </span> |
| 110 | + |
| 111 | + <select th:field="*{taskTime}" class="form-control form-control-lg is-invalid" aria-describedby="basic-addon5"> |
81 | 112 | <option th:each="taskTimeItem : ${listTaskTime}"
|
82 | 113 | th:value="${taskTimeItem.value}"
|
83 | 114 | th:text="${#messages.msgOrNull(taskTimeItem.code)}">
|
84 | 115 | taskTimeItem
|
85 | 116 | </option>
|
86 | 117 | </select>
|
| 118 | + |
87 | 119 | <div th:each="err : ${#fields.errors('taskEnergy')}">
|
88 | 120 | <div class="invalid-feedback" th:text="${err}">err</div>
|
89 | 121 | </div>
|
| 122 | + |
90 | 123 | </div>
|
91 | 124 | </div>
|
92 | 125 | <div class="col">
|
93 |
| - <div class="form-group"> |
94 |
| - <label th:for="${#ids.next('context.id')}" class="control-label"> |
95 |
| - <span th:utext="#{task.show.context}">Context</span> |
96 |
| - </label> |
97 |
| - <select th:field="*{context.id}" class="form-control form-control-lg is-invalid"> |
| 126 | + <label th:for="${#ids.next('context.id')}" class="control-label"> |
| 127 | + <span th:utext="#{task.show.context}">Context</span> |
| 128 | + </label> |
| 129 | + <div class="form-group input-group is-invalid"> |
| 130 | + |
| 131 | + <span class="input-group-text is-invalid" id="basic-addon6"> |
| 132 | + <i class="fa-solid fa-cloud"></i> |
| 133 | + </span> |
| 134 | + |
| 135 | + <select th:field="*{context.id}" class="form-control form-control-lg" aria-describedby="basic-addon6"> |
98 | 136 | <option th:each="contextOption : ${contexts}"
|
99 | 137 | th:value="${contextOption.id}"
|
100 | 138 | th:text="${locale == 'de' ? contextOption.nameDe : contextOption.nameEn}">
|
101 | 139 | contextOption
|
102 | 140 | </option>
|
103 | 141 | </select>
|
| 142 | + |
104 | 143 | <div th:each="err : ${#fields.errors('context.id')}">
|
105 | 144 | <div class="invalid-feedback" th:text="${err}">err</div>
|
106 | 145 | </div>
|
107 | 146 | </div>
|
108 | 147 | </div>
|
109 | 148 | </div>
|
110 |
| - <div class="row"> |
| 149 | + |
| 150 | + <div class="row my-2"> |
111 | 151 | <div class="col">
|
112 |
| - <div class="form-group"> |
| 152 | + <div class="form-group is-invalid"> |
| 153 | + |
113 | 154 | <label th:for="textEditor" class="control-label">
|
114 | 155 | <span th:utext="#{task.show.text}">Text</span>
|
115 | 156 | </label>
|
| 157 | + |
116 | 158 | <textarea id="textEditor" name="textEditor" rows="10" cols="50"
|
117 | 159 | class="form-control form-control-lg is-invalid"
|
118 | 160 | th:field="*{text}">Text
|
119 |
| - </textarea> |
| 161 | + </textarea> |
| 162 | + |
120 | 163 | <div th:each="err : ${#fields.errors('text')}">
|
121 | 164 | <div class="invalid-feedback" th:text="${err}">err</div>
|
122 | 165 | </div>
|
| 166 | + |
123 | 167 | </div>
|
124 | 168 | </div>
|
125 | 169 | </div>
|
|
0 commit comments