|
5 | 5 | xmlns:sd="http://www.thymeleaf.org/spring-data"> |
6 | 6 |
|
7 | 7 | <section th:fragment="navigation-taskstates(rootProjects,thisProject)"> |
8 | | - <div class="container mb-3" id="taskStateNavigationContainer" sec:authorize="isAuthenticated()"> |
| 8 | + <div class="container mb-3 text-dark" id="taskStateNavigationContainer" sec:authorize="isAuthenticated()"> |
9 | 9 | <ul id="taskStateNavigation" class="nav nav-tabs"> |
10 | 10 | <li class="nav-item" ondrop="drop2inbox(event)" ondragover="allowDropOfTask(event)"> |
11 | | - <a id="taskstate_inbox" th:href="@{/taskstate/inbox}" |
12 | | - th:class="${taskstateType == null or taskstateType == 'inbox' ? 'nav-link active' : 'nav-link'}"> |
13 | | - <i class="fas fa-inbox"></i> |
14 | | - <span th:text="#{layout.page.inbox}">Inbox</span> |
| 11 | + <a id="taskstate_inbox" class="nav-link active link-dark" |
| 12 | + th:href="@{/taskstate/inbox}" |
| 13 | + th:if="${taskstateType == 'inbox'}"> |
| 14 | + <i class="fas fa-inbox link-dark"></i> |
| 15 | + <span th:text="#{layout.page.inbox}" class="link-dark">Inbox</span> |
| 16 | + </a> |
| 17 | + <a id="taskstate_inbox" class="nav-link link-light" |
| 18 | + th:href="@{/taskstate/inbox}" |
| 19 | + th:if="${taskstateType != 'inbox'}"> |
| 20 | + <i class="fas fa-inbox link-light"></i> |
| 21 | + <span th:text="#{layout.page.inbox}" class="link-light">Inbox</span> |
15 | 22 | </a> |
16 | 23 | </li> |
17 | 24 | <li class="nav-item" ondrop="drop2today(event)" ondragover="allowDropOfTask(event)"> |
18 | | - <a id="taskstate_today" th:href="@{/taskstate/today}" |
19 | | - th:class="${taskstateType == 'today' ? 'nav-link active' : 'nav-link'}"> |
20 | | - <i class="fas fa-clock"></i> |
21 | | - <span th:text="#{layout.page.today}">Today</span> |
| 25 | + <a id="taskstate_today" class="nav-link active link-dark" |
| 26 | + th:href="@{/taskstate/today}" |
| 27 | + th:if="${taskstateType == 'today'}"> |
| 28 | + <i class="fas fa-clock link-dark"></i> |
| 29 | + <span th:text="#{layout.page.today}" class="link-dark">Today</span> |
| 30 | + </a> |
| 31 | + <a id="taskstate_today" class="nav-link link-light" |
| 32 | + th:href="@{/taskstate/today}" |
| 33 | + th:if="${taskstateType != 'today'}"> |
| 34 | + <i class="fas fa-clock link-light"></i> |
| 35 | + <span th:text="#{layout.page.today}" class="link-light">Today</span> |
22 | 36 | </a> |
23 | 37 | </li> |
24 | 38 | <li class="nav-item" ondrop="drop2next(event)" ondragover="allowDropOfTask(event)"> |
25 | | - <a id="taskstate_next" th:href="@{/taskstate/next}" |
26 | | - th:class="${taskstateType == 'next' ? 'nav-link active' : 'nav-link'}"> |
| 39 | + <a id="taskstate_next" class="nav-link active link-dark" |
| 40 | + th:href="@{/taskstate/next}" |
| 41 | + th:if="${taskstateType == 'next'}"> |
27 | 42 | <i class="fas fa-cogs"></i> |
28 | 43 | <span th:text="#{layout.page.next}">Next</span> |
29 | 44 | </a> |
| 45 | + <a id="taskstate_next" class="nav-link link-light" |
| 46 | + th:href="@{/taskstate/next}" |
| 47 | + th:if="${taskstateType != 'next'}"> |
| 48 | + <i class="fas fa-cogs"></i> |
| 49 | + <span th:text="#{layout.page.next}">Next</span> |
| 50 | + </a> |
30 | 51 | </li> |
31 | 52 | <li class="nav-item" ondrop="drop2waiting(event)" ondragover="allowDropOfTask(event)"> |
32 | | - <a id="taskstate_waiting" th:href="@{/taskstate/waiting}" |
33 | | - th:class="${taskstateType == 'waiting' ? 'nav-link active' : 'nav-link'}"> |
| 53 | + <a id="taskstate_waiting" class="nav-link active link-dark" |
| 54 | + th:href="@{/taskstate/waiting}" |
| 55 | + th:if="${taskstateType == 'waiting'}"> |
34 | 56 | <i class="fas fa-hourglass-half"></i> |
35 | 57 | <span th:text="#{layout.page.waiting}">Waiting</span> |
36 | 58 | </a> |
| 59 | + <a id="taskstate_waiting" class="nav-link link-light" |
| 60 | + th:href="@{/taskstate/waiting}" |
| 61 | + th:if="${taskstateType != 'waiting'}"> |
| 62 | + <i class="fas fa-hourglass-half"></i> |
| 63 | + <span th:text="#{layout.page.waiting}">Waiting</span> |
| 64 | + </a> |
37 | 65 | </li> |
38 | 66 | <li class="nav-item"> |
39 | | - <a id="taskstate_scheduled" th:href="@{/taskstate/scheduled}" |
40 | | - th:class="${taskstateType == 'scheduled' ? 'nav-link active' : 'nav-link'}"> |
| 67 | + <a id="taskstate_scheduled" class="nav-link active link-dark" |
| 68 | + th:href="@{/taskstate/scheduled}" |
| 69 | + th:if="${taskstateType == 'scheduled'}"> |
41 | 70 | <i class="fas fa-calendar-alt"></i> |
42 | 71 | <span th:text="#{layout.page.scheduled}">Scheduled</span> |
43 | 72 | </a> |
| 73 | + <a id="taskstate_scheduled" class="nav-link link-light" |
| 74 | + th:href="@{/taskstate/scheduled}" |
| 75 | + th:if="${taskstateType != 'scheduled'}"> |
| 76 | + <i class="fas fa-calendar-alt"></i> |
| 77 | + <span th:text="#{layout.page.scheduled}">Scheduled</span> |
| 78 | + </a> |
44 | 79 | </li> |
45 | 80 | <li class="nav-item" ondrop="drop2someday(event)" ondragover="allowDropOfTask(event)"> |
46 | | - <a id="taskstate_someday" th:href="@{/taskstate/someday}" |
47 | | - th:class="${taskstateType == 'someday' ? 'nav-link active' : 'nav-link'}"> |
| 81 | + <a id="taskstate_someday" class="nav-link active link-dark" |
| 82 | + th:href="@{/taskstate/someday}" |
| 83 | + th:if="${taskstateType == 'someday'}"> |
48 | 84 | <i class="fas fa-road"></i> |
49 | 85 | <span th:text="#{layout.page.someday}">Someday</span> |
50 | 86 | </a> |
| 87 | + <a id="taskstate_someday" class="nav-link link-light" |
| 88 | + th:href="@{/taskstate/someday}" |
| 89 | + th:if="${taskstateType != 'someday'}"> |
| 90 | + <i class="fas fa-road"></i> |
| 91 | + <span th:text="#{layout.page.someday}">Someday</span> |
| 92 | + </a> |
51 | 93 | </li> |
52 | 94 | <li class="nav-item" ondrop="drop2focus(event)" ondragover="allowDropOfTask(event)"> |
53 | | - <a id="taskstate_focus" th:href="@{/taskstate/focus}" |
54 | | - th:class="${taskstateType == 'focus' ? 'nav-link active' : 'nav-link'}"> |
| 95 | + <a id="taskstate_focus" class="nav-link active link-dark" |
| 96 | + th:href="@{/taskstate/focus}" |
| 97 | + th:if="${taskstateType == 'focus'}"> |
55 | 98 | <i class="fas fa-star"></i> |
56 | 99 | <span th:text="#{layout.page.focus}">Focus</span> |
57 | 100 | </a> |
| 101 | + <a id="taskstate_focus" class="nav-link link-light" |
| 102 | + th:href="@{/taskstate/focus}" |
| 103 | + th:if="${taskstateType != 'focus'}"> |
| 104 | + <i class="fas fa-star"></i> |
| 105 | + <span th:text="#{layout.page.focus}">Focus</span> |
| 106 | + </a> |
58 | 107 | </li> |
59 | 108 | <li class="nav-item" ondrop="drop2completed(event)" ondragover="allowDropOfTask(event)"> |
60 | | - <a id="taskstate_completed" th:href="@{/taskstate/completed}" |
61 | | - th:class="${taskstateType == 'completed' ? 'nav-link active' : 'nav-link'}"> |
| 109 | + <a id="taskstate_completed" class="nav-link active link-dark" |
| 110 | + th:href="@{/taskstate/completed}" |
| 111 | + th:if="${taskstateType == 'completed'}"> |
62 | 112 | <i class="fas fa-check-square"></i> |
63 | 113 | <span th:text="#{layout.page.completed}">Completed Tasks</span> |
64 | 114 | </a> |
| 115 | + <a id="taskstate_completed" class="nav-link link-light" |
| 116 | + th:href="@{/taskstate/completed}" |
| 117 | + th:if="${taskstateType != 'completed'}"> |
| 118 | + <i class="fas fa-check-square"></i> |
| 119 | + <span th:text="#{layout.page.completed}">Completed Tasks</span> |
| 120 | + </a> |
65 | 121 | </li> |
66 | 122 | <li class="nav-item" ondrop="drop2trash(event)" ondragover="allowDropOfTask(event)"> |
67 | | - <a id="taskstate_trash" th:href="@{/taskstate/trash}" |
68 | | - th:class="${taskstateType == 'trash' ? 'nav-link active' : 'nav-link'}"> |
69 | | - <i class="fas fa-trash-alt"></i> |
70 | | - <span th:text="#{layout.page.trash}">Trash</span> |
| 123 | + <a id="taskstate_trash" class="nav-link active link-dark" |
| 124 | + th:href="@{/taskstate/trash}" |
| 125 | + th:if="${taskstateType == 'trash'}"> |
| 126 | + <i class="fas fa-trash-alt link-dark"></i> |
| 127 | + <span th:text="#{layout.page.trash}" class="link-dark">Trash</span> |
| 128 | + </a> |
| 129 | + <a id="taskstate_trash" class="nav-link link-light" |
| 130 | + th:href="@{/taskstate/trash}" |
| 131 | + th:if="${taskstateType != 'trash'}"> |
| 132 | + <i class="fas fa-trash-alt link-light"></i> |
| 133 | + <span th:text="#{layout.page.trash}" class="link-light">Trash</span> |
71 | 134 | </a> |
72 | 135 | </li> |
73 | 136 | </ul> |
|
0 commit comments