add button to check for updates

dist/index.js

@@ -377,7 +377,8 @@
       },
       version: "Version",
       language: "Language",
-      firstDayOfWeekLabel: "First day of week"
+      firstDayOfWeekLabel: "First day of week",
+      checkUpdatesButton: "Check for updates"
     },
     connectionModal: {
       connectionModalHeadline: "Manage Connections",
@@ -623,7 +624,8 @@
         },
         version: "Version",
         language: "Sprache",
-        firstDayOfWeekLabel: "Erster Wochentag"
+        firstDayOfWeekLabel: "Erster Wochentag",
+        checkUpdatesButton: "Nach updates suchen"
       },
       connectionModal: {
         connectionModalHeadline: "Verbindungen verwalten",
@@ -851,7 +853,8 @@
         },
         version: "Versi\xF3n",
         language: "Idioma",
-        firstDayOfWeekLabel: "Primer d\xEDa de la semana"
+        firstDayOfWeekLabel: "Primer d\xEDa de la semana",
+        checkUpdatesButton: "Buscar actualizaciones"
       },
       connectionModal: {
         connectionModalHeadline: "Gestionar Conexiones",
@@ -1221,6 +1224,9 @@
       event.preventDefault();
     });
     canvas.addEventListener("mousedown", (event) => {
+      const target = event.target;
+      if (!target || !target.classList.contains("allow-drag-move")) return;
+      event.preventDefault();
       initialZoom = data.value.zoom;
       initialX = data.value.x;
       initialY = data.value.y;
@@ -1233,6 +1239,7 @@
     });
     canvas.addEventListener("mousemove", (event) => {
       if (!dragging) return;
+      event.preventDefault();
       apply(data.value.zoom, [
         initialX + (event.clientX - initialTouchX) / initialZoom,
         initialY + (event.clientY - initialTouchY) / initialZoom
@@ -1335,6 +1342,7 @@
       this.noUpdateAvailable = createProxyState([this.latestVersion], () => {
         return this.latestVersion.value == "" || this.latestVersion.value == this.version.value;
       });
+      this.updateText = new State("");
       // CONTEXT
       this.contextStack = /* @__PURE__ */ new Map();
       this.closeContext = (contextId, fromHistoryEvent = false) => {
@@ -1393,12 +1401,13 @@
             console.error(`Could not install service worker: ${error}`);
           }
         }
+      };
+      this.checkUpdates = () => {
         fetch("/version").then(async (response) => {
           this.version.value = await response.text();
         });
         fetch("/latestVersion").then(async (response) => {
           this.latestVersion.value = (await response.text()).replace("\n", "");
-          console.log("LATEST", this.latestVersion.value);
         });
       };
       this.update = async () => {
@@ -1407,12 +1416,16 @@
         window.location.reload();
       };
       this.translations = allTranslations[settingsModel2.language] || allTranslations.en;
+      this.latestVersion.subscribe((latestVersion) => {
+        this.updateText.value = this.translations.homePage.updateButton(latestVersion);
+      });
       document.body.addEventListener("keydown", this.handleKeyDown);
       window.onpopstate = () => {
         if (!this.context) return;
         this.closeContext(this.context.contextId, true);
       };
       this.configureServiceWorker();
+      this.checkUpdates();
       this.noUpdateAvailable.subscribe(() => {
         console.log(this.noUpdateAvailable.value, this.latestVersion.value, this.version.value);
       });
@@ -5045,7 +5058,6 @@
 
   // src/View/homePage.tsx
   function HomePage(coreViewModel2, storageViewModel2, settingsViewModel2, connectionViewModel2, fileTransferViewModel2, chatListViewModel2) {
-    const updateText = createProxyState([coreViewModel2.latestVersion], () => coreViewModel2.translations.homePage.updateButton(coreViewModel2.latestVersion.value));
     const overviewSection = /* @__PURE__ */ createElement("div", { id: "overview-section" }, /* @__PURE__ */ createElement("h2", null, coreViewModel2.translations.homePage.overviewHeadline), /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "cell_tower"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, coreViewModel2.translations.homePage.serverAddress), /* @__PURE__ */ createElement(
       "input",
       {
@@ -5130,7 +5142,7 @@
       /* @__PURE__ */ createElement(
         "span",
         {
-          "subscribe:innerText": updateText
+          "subscribe:innerText": coreViewModel2.updateText
         }
       ),
       /* @__PURE__ */ createElement("span", { class: "icon" }, "update")
@@ -5473,7 +5485,7 @@
           taskViewModels,
           categoryName
         );
-        const view = /* @__PURE__ */ createElement("div", { class: "flex-row flex-no large-gap" }, /* @__PURE__ */ createElement("div", { class: "property-input-wrapper" }, /* @__PURE__ */ createElement(
+        const view = /* @__PURE__ */ createElement("div", { class: "flex-row flex-no large-gap" }, /* @__PURE__ */ createElement("div", { class: "property-input-wrapper allow-drag-move" }, /* @__PURE__ */ createElement(
           "input",
           {
             placeholder: coreViewModel2.translations.chatPage.task.renameCategoryInputPlaceholder,
@@ -5552,7 +5564,7 @@
         return /* @__PURE__ */ createElement(
           "div",
           {
-            class: "kanban-board-wrapper zoom",
+            class: "kanban-board-wrapper zoom allow-drag-move",
             "children:append": [categories, categoryNameConverter]
           }
         );
@@ -5981,7 +5993,7 @@
         }
       })
     );
-    const wrapper = /* @__PURE__ */ createElement("div", { class: "content main-content", "children:set": pages });
+    const wrapper = /* @__PURE__ */ createElement("div", { class: "content main-content allow-drag-move", "children:set": pages });
     implementPinchZoom(wrapper, boardViewModel.pinchToZoomData);
     const taskSettingsModal = createProxyState(
       [boardViewModel.selectedTaskViewModel],
@@ -7361,6 +7373,27 @@
       "build",
       coreViewModel2.translations.settings.version,
       settingsViewModel2.coreViewModel.version
+    ), /* @__PURE__ */ createElement(
+      "button",
+      {
+        class: "primary",
+        "on:click": coreViewModel2.update,
+        "toggle:hidden": coreViewModel2.noUpdateAvailable
+      },
+      /* @__PURE__ */ createElement(
+        "span",
+        {
+          "subscribe:innerText": coreViewModel2.updateText
+        }
+      ),
+      /* @__PURE__ */ createElement("span", { class: "icon" }, "update")
+    ), /* @__PURE__ */ createElement(
+      "button",
+      {
+        class: "standard",
+        "on:click": coreViewModel2.checkUpdates
+      },
+      coreViewModel2.translations.settings.checkUpdatesButton
     )));
   }
   function SettingsRegionalPane(coreViewModel2, settingsViewModel2) {

dist/sw.js

@@ -1,4 +1,4 @@
-const VERSION = "2610 Beta 2"
+const VERSION = "2610 Beta 3"
 
 function processUrl(event) {
     const url = event.request.url;

dist/version.txt

@@ -1 +1 @@
-2610 Beta 2
+2610 Beta 3

src/View/ChatPages/boardKanbanPage.tsx

@@ -10,7 +10,6 @@ import { TaskCategoryBulkChangeViewModel } from "../../ViewModel/Utility/taskPro
 import TaskViewModel from "../../ViewModel/Pages/taskViewModel";
 import BoardViewModel from "../../ViewModel/Pages/boardViewModel";
 import CoreViewModel from "../../ViewModel/Global/coreViewModel";
-import * as Utility from "../../Model/Utility/utility";
 
 export function BoardKanbanPage(
     coreViewModel: CoreViewModel,

src/View/Modals/settingsModal.tsx

@@ -124,6 +124,24 @@ function SettingsInfoPane(
                     coreViewModel.translations.settings.version,
                     settingsViewModel.coreViewModel.version,
                 )}
+
+		<button
+		    class="primary"
+		    on:click={coreViewModel.update}
+		    toggle:hidden={coreViewModel.noUpdateAvailable}
+		>
+		    <span
+			subscribe:innerText={coreViewModel.updateText}
+		    ></span>
+		    <span class="icon">update</span>
+		</button>
+
+		<button
+		    class="standard"
+		    on:click={coreViewModel.checkUpdates}
+		>
+		    {coreViewModel.translations.settings.checkUpdatesButton}
+		</button>
 	    </div>
 	</div>
     );
@@ -157,7 +175,7 @@ function SettingsRegionalPane(
 	    settingsViewModel.firstDayOfWeek,
 	)}
     </div>
-    );
+);
 }
 
 function SettingsAppearancePane(
@@ -190,5 +208,5 @@ function SettingsAppearancePane(
 	    settingsViewModel.theme,
 	)}
     </div>
-    );
+);
 }

src/View/homePage.tsx

@@ -19,8 +19,6 @@ export function HomePage(
     chatListViewModel: ChatListViewModel,
 ) {
     // sections
-    const updateText = React.createProxyState([coreViewModel.latestVersion], ()=>coreViewModel.translations.homePage.updateButton(coreViewModel.latestVersion.value));
-
     const overviewSection = (
 	<div id="overview-section">
 	    <h2>{coreViewModel.translations.homePage.overviewHeadline}</h2>
@@ -144,7 +142,7 @@ export function HomePage(
 	    toggle:hidden={coreViewModel.noUpdateAvailable}
 	>
 	    <span
-		subscribe:innerText={updateText}
+		subscribe:innerText={coreViewModel.updateText}
 	    ></span>
 	    <span class="icon">update</span>
 	</button>

src/View/translations.ts

@@ -104,6 +104,8 @@ const englishTranslations = {
 	language: "Language",
 
 	firstDayOfWeekLabel: "First day of week",
+
+	checkUpdatesButton: "Check for updates",
     },
 
     connectionModal: {
@@ -446,6 +448,8 @@ export const allTranslations: {
 	    language: "Sprache",
 
 	    firstDayOfWeekLabel: "Erster Wochentag",
+
+	    checkUpdatesButton: "Nach updates suchen",
 	},
 
 	connectionModal: {
@@ -756,6 +760,8 @@ export const allTranslations: {
 	    language: "Idioma",
 
 	    firstDayOfWeekLabel: "Primer día de la semana",
+
+	    checkUpdatesButton: "Buscar actualizaciones",
 	},
 	connectionModal: {
 	    connectionModalHeadline: "Gestionar Conexiones",

src/ViewModel/Global/coreViewModel.ts

@@ -16,6 +16,7 @@ export default class CoreViewModel {
     noUpdateAvailable: React.State<boolean> = React.createProxyState([this.latestVersion], () => {
 	return (this.latestVersion.value == "" || this.latestVersion.value == this.version.value) 
     })
+    updateText: React.State<string> = new React.State("");
 
     translations: Translations;
 
@@ -107,13 +108,14 @@ export default class CoreViewModel {
 		console.error(`Could not install service worker: ${error}`);
 	    }
 	}
+    }
 
+    checkUpdates = (): void => {
 	fetch("/version").then(async response => {
 	    this.version.value = await response.text();
 	});
 	fetch("/latestVersion").then(async response => {
 	    this.latestVersion.value = (await response.text()).replace("\n", "");
-	    console.log("LATEST", this.latestVersion.value);
 	})
     }
 
@@ -134,6 +136,10 @@ export default class CoreViewModel {
 	this.translations =
 	    allTranslations[settingsModel.language] || allTranslations.en;
 
+	this.latestVersion.subscribe(latestVersion => {
+	    this.updateText.value = this.translations.homePage.updateButton(latestVersion);
+	});
+
 	document.body.addEventListener("keydown", this.handleKeyDown);
 
 	window.onpopstate = () => {
@@ -142,6 +148,7 @@ export default class CoreViewModel {
 	};
 
 	this.configureServiceWorker();
+	this.checkUpdates();
 	this.noUpdateAvailable.subscribe(() => {
 	    console.log(this.noUpdateAvailable.value, this.latestVersion.value, this.version.value);
 	})