Enable for 4 hours feature

This commit is contained in:
Артём Кокос
2026-03-02 21:44:45 +07:00
parent c661e2450d
commit 62af4e46af
2 changed files with 103 additions and 57 deletions

View File

@@ -96,9 +96,13 @@
<div v-for="task in tasks" :key="task.id" class="bg-slate-900/50 border border-slate-800 p-6 rounded-2xl flex justify-between items-center group">
<div>
<div class="flex items-center gap-3 mb-1">
<span class="text-orange-500 text-xl font-black tracking-tighter">{{ task.hour }}:{{ task.minute }}</span>
<span class="text-[10px] bg-slate-800 px-2 py-0.5 rounded text-slate-400 uppercase font-bold">
{{ groups[task.target_id]?.name || task.target_id }}
<span class="text-orange-500 text-xl font-black tracking-tighter">
<template v-if="task.hour !== null && task.hour !== undefined">
{{ String(task.hour).padStart(2, '0') }}:{{ String(task.minute).padStart(2, '0') }}
</template>
<template v-else-if="task.next_run">
{{ new Date(task.next_run).toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'}) }}
</template>
</span>
</div>
<div class="flex items-center gap-2">
@@ -141,6 +145,10 @@
<button @click="deleteGroup(id)" class="bg-slate-800 hover:bg-red-900/40 p-3 rounded-xl transition-all text-slate-500 hover:text-red-500" title="Удалить группу">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<button @click="setTimer4h(id)" class="bg-blue-600 hover:bg-blue-500 p-3 rounded-xl font-bold px-4 transition-all text-[10px] flex items-center gap-1">
<span>🕒</span>
</button>
<button @click="toggleGroup(id, true)" class="bg-orange-600 hover:bg-orange-500 p-3 rounded-xl font-bold px-5 transition-all">ВКЛ</button>
<button @click="toggleGroup(id, false)" class="bg-slate-700 hover:bg-slate-600 p-3 rounded-xl font-bold px-5 transition-all">ВЫКЛ</button>
</div>
@@ -369,7 +377,26 @@
async deleteTask(id) {
await this.request(`/schedules/${id}`, 'DELETE');
this.fetchTasks();
}
},
async setTimer4h(id) {
// 1. Включаем свет сразу
await this.toggleGroup(id, true);
// 2. Шлём запрос на таймер.
const res = await this.request('/schedules/once', 'POST', {
target_id: id,
hours_from_now: 4,
is_group: true,
state: false
});
if (res) {
console.log("Таймер успешно создан:", res);
this.fetchTasks();
} else {
console.error("Бэкенд проигнорировал запрос таймера");
}
},
},
mounted() {
if (this.apiKey) {