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/CronInput.vue
+6 -6
View File
@@ -62,7 +62,7 @@ watch(cron, () => {
<template>
<div class="flex gap-2">
<select v-model="cronType" class="select" @change="onChangeCronType">
<select v-model="cronType" class="select flex-1" @change="onChangeCronType">
<option :value="CronType.ONE_TIME">
{{ $t("cron.type.one_time") }}
</option>
@@ -85,7 +85,7 @@ watch(cron, () => {
<select
v-if="cronType === CronType.EVERY_DAY"
v-model="cronValue"
class="select"
class="select flex-1"
@change="onChangeCronValue"
>
<option
@@ -99,7 +99,7 @@ watch(cron, () => {
<select
v-if="cronType === CronType.EVERY_WEEK"
v-model="cronValue"
class="select"
class="select flex-1"
@change="onChangeCronValue"
>
<option
@@ -113,7 +113,7 @@ watch(cron, () => {
<select
v-if="cronType === CronType.EVERY_MONTH"
v-model="cronValue"
class="select"
class="select flex-1"
@change="onChangeCronValue"
>
<option
@@ -136,7 +136,7 @@ watch(cron, () => {
<select
v-if="cronType === CronType.EVERY_YEAR"
v-model="cronValue"
class="select"
class="select flex-1"
@change="onChangeCronValue"
>
<option
@@ -151,7 +151,7 @@ watch(cron, () => {
v-if="cronType === CronType.SPECIFIC"
v-model="rawCron"
type="text"
class="input font-mono"
class="input font-mono flex-1"
:class="valid ? '' : 'input-error'"
@input="onInputRawCron"
/>
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 />