|
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