tli 0.1.2

Fast file-backed task tracker for humans, hooks, and AI agents.
Documentation 
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110

window.addEventListener('keydown', function (event) {
  if ((event.ctrlKey || event.metaKey) && event.key === 'r') {
    event.preventDefault();
    var board = document.querySelector('#board');
    if (board && window.htmx) {
      board.removeAttribute('data-hx-loaded');
      window.htmx.process(document);
    }
  }
});

function formHasFilledValue(form) {
  return Array.from(form.querySelectorAll('input, textarea, select')).some(function (field) {
    if (field.disabled || field.type === 'hidden' || field.type === 'submit' || field.type === 'button') return false;
    if (field.type === 'checkbox' || field.type === 'radio') return field.checked;
    return field.value.trim() !== '';
  });
}

function formRequiredFieldsReady(form) {
  return Array.from(form.querySelectorAll('[required]')).every(function (field) {
    return field.disabled || field.value.trim() !== '';
  });
}

function updateReadyForm(form) {
  var submit = form.querySelector('[data-ready-submit]');
  if (!submit) return;
  var ready = form.hasAttribute('data-ready-any') ? formHasFilledValue(form) : formRequiredFieldsReady(form);
  submit.hidden = !ready;
}

function updateScheduleForm(form) {
  var modeInput = form.querySelector('input[name="schedule_mode"]:checked');
  var mode = modeInput ? modeInput.value : 'interval';

  form.querySelectorAll('[data-schedule-panel]').forEach(function (panel) {
    var active = panel.getAttribute('data-schedule-panel') === mode;
    panel.hidden = !active;
    panel.querySelectorAll('input, textarea, select').forEach(function (field) {
      field.disabled = !active;
    });
  });

  var readyAt = form.querySelector('[data-schedule-ready-at]');
  if (readyAt) readyAt.disabled = mode === 'clear';

  var ready = mode === 'clear';
  if (mode === 'interval') {
    var interval = form.querySelector('[data-schedule-panel="interval"] input[name="every_minutes"]');
    ready = Boolean(interval && interval.value.trim() !== '');
  } else if (mode === 'cron') {
    var cron = form.querySelector('[data-schedule-panel="cron"] input[name="cron"]');
    ready = Boolean(cron && cron.value.trim() !== '');
  }

  var submit = form.querySelector('[data-ready-submit]');
  if (submit) submit.hidden = !ready;
}

function initializeForms(root) {
  root.querySelectorAll('[data-ready-form]').forEach(updateReadyForm);
  root.querySelectorAll('[data-schedule-form]').forEach(updateScheduleForm);
}

document.addEventListener('click', function (event) {
  var opener = event.target.closest('[data-dialog-open]');
  if (opener) {
    var dialog = document.getElementById(opener.getAttribute('data-dialog-open'));
    if (dialog && typeof dialog.showModal === 'function') {
      dialog.showModal();
    }
    return;
  }

  var closer = event.target.closest('[data-dialog-close]');
  if (closer) {
    var openDialog = closer.closest('dialog');
    if (openDialog) openDialog.close();
    return;
  }

  if (event.target instanceof HTMLDialogElement) {
    event.target.close();
  }
});

document.addEventListener('input', function (event) {
  var readyForm = event.target.closest('[data-ready-form]');
  if (readyForm) updateReadyForm(readyForm);

  var scheduleForm = event.target.closest('[data-schedule-form]');
  if (scheduleForm) updateScheduleForm(scheduleForm);
});

document.addEventListener('change', function (event) {
  var readyForm = event.target.closest('[data-ready-form]');
  if (readyForm) updateReadyForm(readyForm);

  var scheduleForm = event.target.closest('[data-schedule-form]');
  if (scheduleForm) updateScheduleForm(scheduleForm);
});

document.addEventListener('DOMContentLoaded', function () {
  initializeForms(document);
});

document.addEventListener('tli:content-updated', function () {
  initializeForms(document);
});