chore: 1.3.0

app/server.py

@@ -6,6 +6,7 @@ import flask_limiter
 import flask_limiter.util
 import gunicorn.app.base
 import tortoise
+from tortoise.functions import Count
 
 from app import PKG_NAME
 from app.lang import get_lang
@@ -56,6 +57,18 @@ class Server(gunicorn.app.base.BaseApplication):
                 lang=lambda key: get_lang(locale, key),
             )
 
+        @self.app.route("/api/meta", methods=["GET"])
+        async def metadata() -> dict:
+            return {
+                "tasks": await Task.all().count(),
+                "lists": (
+                    await Task.all()
+                    .annotate(count=Count("list_name", distinct=True))
+                    .first()
+                    .values("count")
+                )["count"],
+            }
+
         @self.app.route("/api/lists/<list_name>/tasks", methods=["GET"])
         async def get_tasks(list_name: str) -> list:
             return await Task.filter(list_name=list_name[:128]).values()

package.json

@@ -1,6 +1,6 @@
 {
     "name": "tout-doux",
-    "version": "1.2.0",
+    "version": "1.3.0",
     "private": true,
     "type": "module",
     "engines": {

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "tout-doux"
-version = "1.2.0"
+version = "1.3.0"
 description = ""
 requires-python = ">=3.14"
 dependencies = [

resources/lang/en.json

@@ -84,5 +84,6 @@
     "save_button": "Save task",
     "clone_button": "Clone task",
     "delete_button": "Delete task",
-    "recent": "Recent lists"
+    "recent": "Recent lists",
+    "metadata": "{lists} lists / {tasks} tasks"
 }

resources/lang/fr.json

@@ -84,5 +84,6 @@
     "save_button": "Sauvegarder la tâche",
     "clone_button": "Cloner la tâche",
     "delete_button": "Supprimer la tâche",
-    "recent": "Listes récentes"
+    "recent": "Listes récentes",
+    "metadata": "{lists} listes / {tasks} tâches"
 }

resources/ts/api/meta.ts

@@ -0,0 +1,6 @@
+import type { Metadata } from "@/types";
+
+export async function getMetadata(): Promise<Metadata> {
+    const response = await fetch(`/api/meta`);
+    return await response.json();
+}

resources/ts/components/PageFooter.vue

@@ -1,9 +1,23 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from "vue";
+import { getMetadata } from "@/api/meta";
+import type { Metadata } from "@/types";
+import { defineAsyncComponent, onBeforeMount, ref } from "vue";
+
+const metadata = ref<Metadata|null>(null);
 
 const LangInput = defineAsyncComponent(
     () => import("@/components/LangInput.vue"),
 );
+
+function fetchMetadata() {
+    void getMetadata()
+        .then((data) => {
+            metadata.value = data;
+            setTimeout(fetchMetadata, 600000);
+        });
+}
+
+onBeforeMount(fetchMetadata);
 </script>
 
 <template>
@@ -19,6 +33,7 @@ const LangInput = defineAsyncComponent(
                 >
                     klemek
                 </a>
+                <span v-if="metadata">- {{ $t("metadata", metadata) }}</span>
             </p>
         </aside>
     </footer>

resources/ts/components/TaskItem.vue

@@ -13,7 +13,7 @@ import { updateTask } from "@/api/tasks";
 const CronInput = defineAsyncComponent(
     () => import("@/components/CronInput.vue"),
 );
-import { taskCompleted, taskNextReset } from "@/lib/tasks";
+import { isTemporary, taskCompleted, taskNextReset } from "@/lib/tasks";
 import { relativeTime } from "@/lib/dates";
 import { useAlertStore } from "@/stores/alerts";
 import { useI18n } from "vue-i18n";
@@ -38,9 +38,11 @@ const i18n = useI18n();
 const { alertSuccess, alertError } = useAlertStore();
 
 async function onOpen() {
-    editMode.value = true;
-    await nextTick();
-    editNameInput.value?.focus();
+    if (!isTemporary(task.value)) {
+        editMode.value = true;
+        await nextTick();
+        editNameInput.value?.focus();
+    }
 }
 
 function onClose() {
@@ -51,10 +53,14 @@ function onClose() {
 
 function onSave() {
     if (editName.value.trim()) {
-        updateTask(task.value.id, {
+        const data = {
             name: editName.value.trim(),
             reset_cron: editCron.value,
-        })
+        };
+        task.value.name = editName.value.trim();
+        task.value.reset_cron = editCron.value;
+        editMode.value = false;
+        updateTask(task.value.id, data)
             .then((newTask) => {
                 task.value = newTask;
                 emit("updated", newTask);
@@ -63,46 +69,55 @@ function onSave() {
             .catch(() => {
                 alertError(i18n.t("alerts.task_update_error"));
             });
-        task.value.name = editName.value;
-        task.value.reset_cron = editCron.value;
-        editMode.value = false;
     }
 }
 
 function onCheck() {
-    if (!checked.value) {
-        updateTask(task.value.id, {
-            check_date: new Date().toISOString(),
-            previous_check_date: task.value.check_date?.toISOString(),
-        })
-            .then((newTask) => {
-                task.value = newTask;
-                emit("updated", newTask);
-            })
-            .catch(() => {
-                alertError(i18n.t("alerts.task_update_error"));
-            });
-    } else {
-        updateTask(task.value.id, {
-            check_date: null,
-            previous_check_date: task.value.check_date?.toISOString(),
-        })
-            .then((newTask) => {
-                task.value = newTask;
-                emit("updated", newTask);
-            })
-            .catch(() => {
-                alertError(i18n.t("alerts.task_update_error"));
-            });
+    if (!isTemporary(task.value)) {
+        if (!checked.value) {
+            const data = {
+                check_date: new Date().toISOString(),
+                previous_check_date: task.value.check_date?.toISOString(),
+            };
+            task.value.previous_check_date = task.value.check_date;
+            task.value.check_date = new Date();
+            updateTask(task.value.id, data)
+                .then((data) => {
+                    task.value = data;
+                    emit("updated", data);
+                })
+                .catch(() => {
+                    alertError(i18n.t("alerts.task_update_error"));
+                });
+        } else {
+            const data = {
+                check_date: null,
+                previous_check_date: task.value.check_date?.toISOString(),
+            };
+            task.value.previous_check_date = task.value.check_date;
+            task.value.check_date = null;
+            updateTask(task.value.id, data)
+                .then((data) => {
+                    task.value = data;
+                    emit("updated", data);
+                })
+                .catch(() => {
+                    alertError(i18n.t("alerts.task_update_error"));
+                });
+        }
     }
 }
 
 function onClone() {
-    emit("clone", task.value);
+    if (!isTemporary(task.value)) {
+        emit("clone", task.value);
+    }
 }
 
 function onDelete() {
-    emit("delete", task.value);
+    if (!isTemporary(task.value)) {
+        emit("delete", task.value);
+    }
 }
 
 onBeforeMount(() => {
@@ -112,6 +127,7 @@ onBeforeMount(() => {
         refreshKey.value++;
     }, 60000);
 });
+
 watch(task, () => {
     if (!editMode.value && task.value.name !== editName.value) {
         editName.value = task.value.name;
@@ -131,7 +147,7 @@ watch(task, () => {
                     type="checkbox"
                     class="checkbox"
                     :checked="checked"
-                    @click.prevent="onCheck"
+                    @click="onCheck"
                 />
             </div>
             <div

resources/ts/lib/tasks.ts

@@ -1,7 +1,9 @@
 import { SortType } from "@/enums";
-import type { RawTask, Task } from "@/types";
+import type { RawTask, Task, TaskCreateData } from "@/types";
 import { CronExpressionParser } from "cron-parser";
 
+const TEMPORARY_ID = "tmp";
+
 export function parseTask(task: RawTask): Task {
     return {
         id: task.id,
@@ -16,6 +18,22 @@ export function parseTask(task: RawTask): Task {
     };
 }
 
+export function newTemporaryTask(data: TaskCreateData): Task {
+    return {
+        id: TEMPORARY_ID,
+        name: data.name,
+        reset_cron: data.reset_cron,
+        created_at: new Date(),
+        updated_at: new Date(),
+        check_date: null,
+        previous_check_date: null,
+    }
+}
+
+export function isTemporary(task: Task): boolean {
+    return task.id === TEMPORARY_ID;
+}
+
 export function taskNextReset(task: Task): Date | null {
     if (task.check_date === null || task.reset_cron === null) {
         return null;

resources/ts/types.ts

@@ -46,3 +46,8 @@ export interface Alert {
     created: Date;
     seconds: number;
 }
+
+export interface Metadata {
+    tasks: number;
+    lists: number;
+}

resources/ts/views/ListView.vue

@@ -14,7 +14,7 @@ import {
 const TaskItem = defineAsyncComponent(
     () => import("@/components/TaskItem.vue"),
 );
-import { taskCompleted, sortTasks } from "@/lib/tasks";
+import { taskCompleted, sortTasks, newTemporaryTask } from "@/lib/tasks";
 import { SortType } from "@/enums";
 import { booleanCookieRef, enumCookieRef } from "@/lib/cookies";
 import { useAlertStore } from "@/stores/alerts";
@@ -88,13 +88,16 @@ function reSortTasks(update = false) {
 
 function onNewTask() {
     if (taskInput.value.trim() && list.value && !loading.value) {
-        createTask(list.value, {
+        const data = {
             name: taskInput.value.trim(),
             reset_cron: null,
-        })
+        };
+        const task = newTemporaryTask(data);
+        tasks.value.push(task);
+        reSortTasks(true);
+        createTask(list.value, data)
             .then((data: Task) => {
-                tasks.value.push(data);
-                reSortTasks(true);
+                task.id = data.id;
                 alertSuccess(i18n.t("alerts.task_created"));
             })
             .catch(() => {
@@ -112,12 +115,16 @@ function onUpdateTask() {
 
 function onCloneTask(task: Task) {
     if (list.value) {
-        createTask(list.value, {
+        const data = {
             name: task.name,
             reset_cron: task.reset_cron,
-        })
+        };
+        const newTask = newTemporaryTask(data);
+        tasks.value.push(newTask);
+        reSortTasks(true);
+        createTask(list.value, data)
             .then((data: Task) => {
-                tasks.value.push(data);
+                task.id = data.id;
                 reSortTasks(true);
                 alertSuccess(i18n.t("alerts.task_cloned"));
             })
@@ -128,16 +135,15 @@ function onCloneTask(task: Task) {
 }
 
 function onDeleteTask(task: Task) {
+    tasks.value.splice(tasks.value.indexOf(task), 1);
+    reSortTasks(true);
     deleteTask(task.id)
         .then(() => {
-            reSortTasks(true);
             alertSuccess(i18n.t("alerts.task_deleted"));
         })
         .catch(() => {
             alertError(i18n.t("alerts.task_delete_error"));
         });
-
-    tasks.value.splice(tasks.value.indexOf(task), 1);
 }
 
 function onChangeSortType() {

uv.lock

@@ -323,7 +323,7 @@ asyncpg = [
 
 [[package]]
 name = "tout-doux"
-version = "1.2.0"
+version = "1.3.0"
 source = { editable = "." }
 dependencies = [
     { name = "flask", extra = ["async"] },