From 9949e02fafe4b2a8f3adf409a21bab8e0b44a419 Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Mon, 22 Jul 2024 19:50:57 +0200
Subject: [PATCH] start taskPage

---
 dist/index.js                   | 20 ++++++++++++++++++--
 src/View/ChatPages/taskPage.tsx | 20 ++++++++++++++++----
 src/View/translations.ts        |  7 ++++++-
 3 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/dist/index.js b/dist/index.js
index 934ea175..d2a019dd 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -1577,6 +1577,10 @@
         resendMessageButton: "Resend message",
         decryptMessageButton: "Decrypt message",
         deleteMessageButton: "Delete message"
+      },
+      task: {
+        newBoardNamePlaceholder: "Create a board",
+        createBoardButtonAudioLabel: "create board"
       }
     }
   };
@@ -1843,7 +1847,19 @@
 
   // src/View/ChatPages/taskPage.tsx
   function TaskPage(chatViewModel) {
-    return /* @__PURE__ */ createElement("div", { id: "task-page" }, /* @__PURE__ */ createElement("div", { class: "pane side" }, /* @__PURE__ */ createElement("div", { class: "toolbar" }, /* @__PURE__ */ createElement("span", { "subscribe:innerText": chatViewModel.primaryChannel })), /* @__PURE__ */ createElement("div", { class: "content" })), /* @__PURE__ */ createElement("div", { class: "pane" }, /* @__PURE__ */ createElement("div", { class: "toolbar" }, /* @__PURE__ */ createElement("span", { "subscribe:innerText": chatViewModel.primaryChannel })), /* @__PURE__ */ createElement("div", { class: "content" })));
+    return /* @__PURE__ */ createElement("div", { id: "task-page" }, /* @__PURE__ */ createElement("div", { class: "pane side" }, /* @__PURE__ */ createElement("div", { class: "content" }, /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement(
+      "input",
+      {
+        placeholder: translations.chatPage.task.newBoardNamePlaceholder
+      }
+    ), /* @__PURE__ */ createElement(
+      "button",
+      {
+        class: "primary",
+        "aria-label": translations.chatPage.task.createBoardButtonAudioLabel
+      },
+      /* @__PURE__ */ createElement("span", { class: "icon" }, "add")
+    )), /* @__PURE__ */ createElement("div", { class: "flex-row gap" }))), /* @__PURE__ */ createElement("div", { class: "pane" }, /* @__PURE__ */ createElement("div", { class: "toolbar" }, /* @__PURE__ */ createElement("span", { "subscribe:innerText": chatViewModel.primaryChannel })), /* @__PURE__ */ createElement("div", { class: "content" })));
   }
 
   // src/View/chatPage.tsx
@@ -2442,7 +2458,7 @@
       (weekdayName, i) => Option(
         weekdayName,
         i.toString(),
-        i == settingsViewModel2.firstDayOfWeekInput.value
+        i.toString() == settingsViewModel2.firstDayOfWeekInput.value
       )
     )), /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_drop_down"))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("button", { class: "tile flex-no", "on:click": storageViewModel2.showStorageModal }, /* @__PURE__ */ createElement("span", { class: "icon" }, "hard_drive_2"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translations.homePage.manageStorageButton))), /* @__PURE__ */ createElement("div", { class: "mobile-only" }, /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-row justify-end" }, /* @__PURE__ */ createElement("button", { class: "ghost width-50", "on:click": scrollToChat }, translations.homePage.scrollToChatButton, /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward")))));
     const chatSection = /* @__PURE__ */ createElement("div", { id: "chat-section" }, /* @__PURE__ */ createElement("h2", null, translations.homePage.chatsHeadline), /* @__PURE__ */ createElement("div", { class: "flex-row width-input" }, /* @__PURE__ */ createElement(
diff --git a/src/View/ChatPages/taskPage.tsx b/src/View/ChatPages/taskPage.tsx
index 49e2b34d..ce54ce81 100644
--- a/src/View/ChatPages/taskPage.tsx
+++ b/src/View/ChatPages/taskPage.tsx
@@ -1,6 +1,5 @@
 import * as React from "bloatless-react";
 
-import { ChatMessageViewModelToView } from "../Components/chatMessage";
 import ChatViewModel from "../../ViewModel/chatViewModel";
 import { translations } from "../translations";
 
@@ -8,10 +7,23 @@ export function TaskPage(chatViewModel: ChatViewModel) {
   return (
     <div id="task-page">
       <div class="pane side">
-        <div class="toolbar">
-          <span subscribe:innerText={chatViewModel.primaryChannel}></span>
+        <div class="content">
+          <div class="flex-row width-input">
+            <input
+              placeholder={translations.chatPage.task.newBoardNamePlaceholder}
+            ></input>
+            <button
+              class="primary"
+              aria-label={
+                translations.chatPage.task.createBoardButtonAudioLabel
+              }
+            >
+              <span class="icon">add</span>
+            </button>
+          </div>
+
+          <div class="flex-row gap"></div>
         </div>
-        <div class="content"></div>
       </div>
       <div class="pane">
         <div class="toolbar">
diff --git a/src/View/translations.ts b/src/View/translations.ts
index b48f896b..15f7e0c0 100644
--- a/src/View/translations.ts
+++ b/src/View/translations.ts
@@ -72,7 +72,7 @@ const englishTranslations = {
     path: "Path",
     content: "Content",
 
-    deleteItem: "Delete item"
+    deleteItem: "Delete item",
   },
 
   chatPage: {
@@ -120,6 +120,11 @@ const englishTranslations = {
       decryptMessageButton: "Decrypt message",
       deleteMessageButton: "Delete message",
     },
+
+    task: {
+      newBoardNamePlaceholder: "Create a board",
+      createBoardButtonAudioLabel: "create board",
+    },
   },
 };