make the UI more colorful

2024-07-23 15:25:16 +02:00
parent 7ad6a3381e
commit 73bdecb81d
8 changed files with 232 additions and 64 deletions
@@ -24,8 +24,45 @@ export function BoardPage(boardViewModel: BoardViewModel) {
            <span class="icon">settings</span>
          </button>
        </span>
-        <span>a</span>
-        <span>b</span>
+        <span class="scroll-h ribbon">
+          <button
+            class="ghost ribbon-button"
+            aria-label={translations.chatPage.task.listViewButtonAudioLabel}
+            on:click={boardViewModel.close}
+          >
+            <span class="icon">view_list</span>
+          </button>
+          <button
+            class="ghost ribbon-button"
+            aria-label={translations.chatPage.task.kanbanViewButtonAudioLabel}
+            on:click={boardViewModel.showSettings}
+          >
+            <span class="icon">view_kanban</span>
+          </button>
+          <button
+            class="ghost ribbon-button"
+            aria-label={translations.chatPage.task.statusViewButtonAudioLabel}
+            on:click={boardViewModel.showSettings}
+          >
+            <span class="icon">grid_view</span>
+          </button>
+        </span>
+        <span>
+          <button
+            class="ghost"
+            aria-label={translations.chatPage.task.filterTasksButtonAudioLabel}
+            on:click={boardViewModel.showFilterModal}
+          >
+            <span class="icon">filter_alt</span>
+          </button>
+          <button
+            class="primary"
+            aria-label={translations.chatPage.task.createTaskButtonAudioLabel}
+            on:click={boardViewModel.showNewTaskModal}
+          >
+            <span class="icon">add</span>
+          </button>
+        </span>
      </div>
      <div class="content"></div>