klemek/tout-doux
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases 15 Wiki Activity

refactor: full width edit task

Browse Source
This commit is contained in:
klemek
2026-07-14 14:19:11 +02:00
parent fb6ca23662
commit d380e8baff
2 changed files with 33 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/ts/components/TaskItem.vue
+27 -26
View File
@@ -102,37 +102,38 @@ watch(task, () => {
<template>
<div class="list-row text-left">
<div class="content-center">
<input
:id="refreshKey.toFixed(0)"
type="checkbox"
class="checkbox"
:checked="checked"
@click.prevent="onCheck"
/>
</div>
<div
v-if="!editMode"
class="cursor-pointer text-lg select-none"
@click.prevent="editMode = true"
>
<div>{{ task.name }}</div>
<div
v-if="showLastChecked && !checked && task.check_date"
class="font-light text-xs italic"
>
{{ $t("checked") }}
{{ relativeTime(task.check_date, $i18n.locale) }}
<template v-if="!editMode">
<div class="content-center">
<input
:id="refreshKey.toFixed(0)"
type="checkbox"
class="checkbox"
:checked="checked"
@click.prevent="onCheck"
/>
</div>
<div
v-if="showNextReset && checked && nextReset"
class="font-light text-xs italic"
class="cursor-pointer text-lg select-none"
@click.prevent="editMode = true"
>
{{ $t("resets") }} {{ relativeTime(nextReset, $i18n.locale) }}
<div>{{ task.name }}</div>
<div
v-if="showLastChecked && !checked && task.check_date"
class="font-light text-xs italic"
>
{{ $t("checked") }}
{{ relativeTime(task.check_date, $i18n.locale) }}
</div>
<div
v-if="showNextReset && checked && nextReset"
class="font-light text-xs italic"
>
{{ $t("resets") }} {{ relativeTime(nextReset, $i18n.locale) }}
</div>
</div>
</div>
</template>
<template v-else>
<div class="flex flex-col gap-2">
<div class="list-col-grow flex flex-col gap-2">
<div class="flex justify-evenly">
<button class="btn btn-square me-1" @click="onClose">
<x-icon />