|
26 | 26 | <thead> |
27 | 27 | <tr> |
28 | 28 | <th class="task_col task_col_info_icons" th:utext="#{tasks.col.info.icons}"> </th> |
| 29 | + <th class="task_col task_col_info_icons" th:utext="#{tasks.col.focus}">Focus</th> |
29 | 30 | <th class="task_col task_col_title" th:text="#{tasks.col.title}"> |
30 | 31 | Title |
31 | 32 | </th> |
|
56 | 57 | ondrop="dropTask2Task(event)" ondragover="allowDropOfTask(event)"> |
57 | 58 |
|
58 | 59 | <td th:id="'task_' + ${task.id} + '_col_info_icons'" class="task_col task_col_info_icons"> |
59 | | - |
60 | 60 | <a th:href="@{{myUrlPath}/task/{id}/complete(id=${task.id},myUrlPath=${myUrlPath})}" |
61 | 61 | th:if="${task.taskState.name() ne 'COMPLETED' and task.taskState.name() ne 'TRASHED'}" |
62 | 62 | class="task_col_content task_col_content_finish twtooltip" data-placement="bottom" |
|
73 | 73 | th:if="${task.taskState.name() eq 'TRASHED'}" |
74 | 74 | th:alt-title="#{task.col.twtooltip.infoicons.trash}" |
75 | 75 | draggable="true" ondragstart="dragTask(event)" data-placement="bottom"></i> |
| 76 | + </td> |
| 77 | + <td th:id="'task_' + ${task.id} + '_col_focus_icons'" class="task_col task_col_info_icons"> |
76 | 78 | <a th:if="${task.focus}" th:href="@{{myUrlPath}/task/{id}/unsetfocus(id=${task.id},myUrlPath=${myUrlPath})}" |
77 | 79 | class="task_col_content task_col_content_unsetfocus twtooltip" data-placement="bottom" |
78 | 80 | th:alt-title="#{task.col.twtooltip.infoicons.unsetfocus}" |
|
168 | 170 | th:attr="data-bs-target='#taskModalScrollable_'+${task.id}" |
169 | 171 | th:id="'task_' + ${task.id} + '_col_button_modal'" |
170 | 172 | draggable="true" ondragstart="dragTask(event)" |
171 | | - th:alt-title="#{task.col.twtooltip.show.details}" th:text="${task.title}"> |
| 173 | + th:alt-title="#{task.col.twtooltip.show.details}" |
| 174 | + th:text="${task.title}"> |
172 | 175 | Launch Task Modal |
173 | 176 | </button> |
174 | 177 | <!-- Modal --> |
|
177 | 180 | <div class="modal-dialog modal-dialog-scrollable" role="document"> |
178 | 181 | <div class="modal-content"> |
179 | 182 | <div class="modal-header"> |
180 | | - <h5 class="modal-title" id="taskModalScrollableTitle"> |
181 | | - <a th:if="${task.taskState.name() ne 'COMPLETED' and task.taskState.name() ne 'TRASHED'}" |
182 | | - th:href="@{{myUrlPath}/task/{id}/complete(id=${task.id},myUrlPath=${myUrlPath})}"> |
183 | | - <i class="far fa-square"></i> |
184 | | - </a> |
185 | | - <a th:if="${task.taskState.name() eq 'COMPLETED'}" |
186 | | - th:href="@{{myUrlPath}/task/{id}/incomplete(id=${task.id},myUrlPath=${myUrlPath})}" > |
187 | | - <i class="fas fa-check-square"></i> |
188 | | - </a> |
189 | | - <i class="fas fa-trash-alt" th:if="${task.taskState.name() eq 'TRASHED'}"></i> |
190 | | - <a th:if="${task.focus}" |
191 | | - th:href="@{{myUrlPath}/task/{id}/unsetfocus(id=${task.id},myUrlPath=${myUrlPath})}"> |
192 | | - <i class="fas fa-star"></i> |
193 | | - </a> |
194 | | - <a th:if="${not task.focus}" |
195 | | - th:href="@{{myUrlPath}/task/{id}/setfocus(id=${task.id},myUrlPath=${myUrlPath})}"> |
196 | | - <i class="far fa-star"></i> |
197 | | - </a> |
198 | | - <span th:text="${task.title}">Modal title</span> |
199 | | - <span class="badge badge-pill badge-dark" |
200 | | - th:if="${task.taskEnergy.value ne 'NONE'}" |
201 | | - th:text="${#messages.msgOrNull(task.taskEnergy.code)}"> |
202 | | - task.taskEnergy.code |
203 | | - </span> |
204 | | - <span class="badge badge-pill badge-dark" |
205 | | - th:if="${task.taskTime.value ne 'NONE'}" |
206 | | - th:text="${#messages.msgOrNull(task.taskTime.code)}"> |
207 | | - task.taskTime.code |
208 | | - </span> |
209 | | - </h5> |
210 | | - <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> |
211 | | - <span aria-hidden="true">×</span> |
212 | | - </button> |
| 183 | + <h5 class="modal-title" id="taskModalScrollableTitle"> |
| 184 | + <span th:if="${task.taskState.name() ne 'COMPLETED' and task.taskState.name() ne 'TRASHED'}" class="me-2"> |
| 185 | + <a th:href="@{{myUrlPath}/task/{id}/complete(id=${task.id},myUrlPath=${myUrlPath})}"> |
| 186 | + <i class="far fa-square me-0"></i></a> |
| 187 | + </span> |
| 188 | + <span th:if="${task.taskState.name() eq 'COMPLETED'}" class="me-2"> |
| 189 | + <a th:href="@{{myUrlPath}/task/{id}/incomplete(id=${task.id},myUrlPath=${myUrlPath})}"> |
| 190 | + <i class="fas fa-check-square me-0"></i></a> |
| 191 | + </span> |
| 192 | + <span th:if="${task.taskState.name() eq 'TRASHED'}" class="me-2"> |
| 193 | + <i class="fas fa-trash-alt"></i> |
| 194 | + </span> |
| 195 | + <span th:if="${task.focus}" class="me-2"> |
| 196 | + <a th:href="@{{myUrlPath}/task/{id}/unsetfocus(id=${task.id},myUrlPath=${myUrlPath})}"> |
| 197 | + <i class="fas fa-star"></i></a> |
| 198 | + </span> |
| 199 | + <span th:if="${not task.focus}" class="me-2"> |
| 200 | + <a th:href="@{{myUrlPath}/task/{id}/setfocus(id=${task.id},myUrlPath=${myUrlPath})}"> |
| 201 | + <i class="far fa-star"></i></a> |
| 202 | + </span> |
| 203 | + <span th:text="${task.title}" class="me-2">Modal title</span> |
| 204 | + <span class="badge badge-pill badge-dark me-2" |
| 205 | + th:if="${task.taskEnergy.value ne 'NONE'}" |
| 206 | + th:text="${#messages.msgOrNull(task.taskEnergy.code)}"> |
| 207 | + task.taskEnergy.code |
| 208 | + </span> |
| 209 | + <span class="badge badge-pill badge-dark me-2" |
| 210 | + th:if="${task.taskTime.value ne 'NONE'}" |
| 211 | + th:text="${#messages.msgOrNull(task.taskTime.code)}"> |
| 212 | + task.taskTime.code |
| 213 | + </span> |
| 214 | + </h5> |
| 215 | + <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> |
213 | 216 | </div> |
214 | 217 | <div class="modal-body"> |
215 | 218 | <div> |
|
0 commit comments