-
Notifications
You must be signed in to change notification settings - Fork 53
/
TodoController.js
69 lines (60 loc) · 1.34 KB
/
TodoController.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
import { TodoLogic } from './TodoLogic.js';
/**
* @param {HTMLElement} el
*/
export function TodoController(el) {
let todoData = TodoLogic.initTodoData();
let saveTimeout;
el.addEventListener('loadTodoData', load);
for (const action of [
'addTodoItem',
'checkTodoItem',
'editTodoItem',
'moveTodoItem',
'deleteTodoItem',
'addCustomTodoList',
'editCustomTodoList',
'moveCustomTodoList',
'deleteCustomTodoList',
'seekDays',
'seekToToday',
'seekToDate',
'seekCustomTodoLists',
]) {
el.addEventListener(action, (e) => {
todoData = TodoLogic[action](todoData, e.detail);
update();
});
}
function update() {
save();
el.dispatchEvent(
new CustomEvent('todoData', {
detail: todoData,
bubbles: false,
}),
);
}
function load() {
try {
if (localStorage?.todo) {
todoData = { ...todoData, ...JSON.parse(localStorage.todo) };
}
} catch (err) {
// eslint-disable-next-line no-console
console.warn(err);
}
update();
}
function save() {
clearTimeout(saveTimeout);
saveTimeout = setTimeout(() => {
try {
localStorage.todo = JSON.stringify(todoData);
} catch (err) {
// eslint-disable-next-line no-console
console.warn(err);
}
}, 100);
}
}