${escHtml(t.title)}
${t.notes?`
${escHtml(t.notes)}
`:''}
@@ -197,31 +208,29 @@ async function quickAdd(e){
const listSel=document.getElementById('quick-add-list');
try{
await api('todos','POST',{title,list_id:listSel?.value||null,priority:'none'});
- inp.value='';toast('Tâche ajoutée');loadTodos();loadSidebar();
+ inp.value='';toast('Tâche ajoutée ✓');loadTodos();loadSidebar();
}catch(e){toast(e.message,'error');}
}
// ─── Todo modal ───────────────────────────────────────────────────────────────
function openAddTodo(){
- editTodoId=null;selectedPriority='none';
+ editTodoId=null;
document.getElementById('todo-modal-title').textContent='Nouvelle tâche';
document.getElementById('todo-form-title').value='';
document.getElementById('todo-form-notes').value='';
document.getElementById('todo-form-due').value='';
document.getElementById('todo-delete-btn').style.display='none';
- // List selector
const sel=document.getElementById('todo-form-list');
- sel.innerHTML='
'+lists.map(l=>`
`).join('');
- if(currentFilter.startsWith('list_')) sel.value=currentFilter.slice(5);
+ sel.innerHTML='
'+lists.map(l=>`
`).join('');
+ if(currentFilter.startsWith('list_'))sel.value=currentFilter.slice(5);
setPriority('none');
openModal('todo-modal');
+ setTimeout(()=>document.getElementById('todo-form-title').focus(),50);
}
async function openEditTodo(id){
editTodoId=id;
try{
- const todos=await api('todos','GET',null,'&action=todos');
- // fetch single - use filter by all and find
const all=await api('todos','GET',null,'&show_done=1');
const t=all.find(x=>x.id==id);
if(!t)return;
@@ -231,7 +240,7 @@ async function openEditTodo(id){
document.getElementById('todo-form-due').value=t.due_date||'';
document.getElementById('todo-delete-btn').style.display='';
const sel=document.getElementById('todo-form-list');
- sel.innerHTML='
'+lists.map(l=>`
`).join('');
+ sel.innerHTML='
'+lists.map(l=>`
`).join('');
sel.value=t.list_id||'';
setPriority(t.priority||'none');
openModal('todo-modal');
@@ -242,7 +251,7 @@ function setPriority(p){
selectedPriority=p;
document.querySelectorAll('.priority-opt').forEach(el=>{
el.className='priority-opt';
- if(el.dataset.p===p) el.classList.add('sel-'+p);
+ if(el.dataset.p===p)el.classList.add('sel-'+p);
});
}
@@ -258,7 +267,7 @@ async function saveTodo(){
};
try{
if(editTodoId){await api('todos','PUT',data,'&id='+editTodoId);toast('Tâche mise à jour');}
- else{await api('todos','POST',data);toast('Tâche ajoutée');}
+ else{await api('todos','POST',data);toast('Tâche ajoutée ✓');}
closeModal('todo-modal');loadTodos();loadSidebar();
}catch(e){toast(e.message,'error');}
}
@@ -271,34 +280,43 @@ async function deleteTodoFromModal(){
// ─── List modal ───────────────────────────────────────────────────────────────
function openListModal(id=null){
- editListId=id;selectedColor='#3b82f6';
+ editListId=id;
let list=id?lists.find(l=>l.id==id):null;
document.getElementById('list-modal-title').textContent=id?'Modifier la liste':'Nouvelle liste';
document.getElementById('list-form-name').value=list?.name||'';
document.getElementById('list-delete-btn').style.display=id?'':'none';
selectedColor=list?.color||'#3b82f6';
- // Render swatches
+ selectedIcon=list?.icon||'📋';
+
document.getElementById('list-color-swatches').innerHTML=COLORS.map(c=>
`
`).join('');
- // Render icons
+
document.getElementById('list-icon-opts').innerHTML=ICONS.map(i=>
- `
`).join('');
+ `
`).join('');
+
openModal('list-modal');
}
+
function selectColor(c){
selectedColor=c;
- document.querySelectorAll('.color-swatch').forEach(s=>{s.classList.toggle('selected',s.style.background===c||rgbToHex(s.style.background)===c);});
+ document.querySelectorAll('.color-swatch').forEach(s=>{
+ const hex=rgbToHex(s.style.background);
+ s.classList.toggle('selected',hex===c||s.style.background===c);
+ });
}
+
function rgbToHex(rgb){
const m=rgb.match(/\d+/g);if(!m||m.length<3)return rgb;
return '#'+m.slice(0,3).map(x=>parseInt(x).toString(16).padStart(2,'0')).join('');
}
-let selectedIcon='📋';
+
function selectIcon(btn,icon){
selectedIcon=icon;
document.querySelectorAll('#list-icon-opts button').forEach(b=>{b.style.background='';b.style.borderColor='';});
btn.style.background='#eff6ff';btn.style.borderColor='var(--primary)';
}
+
async function saveList(){
const name=document.getElementById('list-form-name').value.trim();
if(!name){toast('Nom requis','error');return;}
@@ -306,16 +324,34 @@ async function saveList(){
try{
if(editListId){await api('lists','PUT',data,'&id='+editListId);}
else{await api('lists','POST',data);}
- closeModal('list-modal');toast(editListId?'Liste mise à jour':'Liste créée');
+ closeModal('list-modal');toast(editListId?'Liste mise à jour':'Liste créée ✓');
loadSidebar();
}catch(e){toast(e.message,'error');}
}
+
async function deleteList(){
if(!editListId||!confirm('Supprimer la liste et toutes ses tâches ?'))return;
try{await api('lists','DELETE',null,'&id='+editListId);closeModal('list-modal');toast('Liste supprimée');setFilter('all');}
catch(e){toast(e.message,'error');}
}
+// ─── Settings modal ───────────────────────────────────────────────────────────
+async function openSettings(){
+ try{
+ const s=await api('settings');
+ document.getElementById('settings-webhook').value=s.webhook_discord||'';
+ openModal('settings-modal');
+ }catch(e){openModal('settings-modal');}
+}
+
+async function saveSettings(){
+ const webhook=document.getElementById('settings-webhook').value.trim();
+ try{
+ await api('settings','PUT',{webhook_discord:webhook});
+ toast('Paramètres enregistrés ✓');closeModal('settings-modal');
+ }catch(e){toast(e.message,'error');}
+}
+
// ─── Modal helpers ────────────────────────────────────────────────────────────
function openModal(id){document.getElementById(id)?.classList.add('show');}
function closeModal(id){document.getElementById(id)?.classList.remove('show');}
@@ -324,8 +360,6 @@ function closeModal(id){document.getElementById(id)?.classList.remove('show');}
document.addEventListener('DOMContentLoaded',()=>{
loadSidebar();
loadTodos();
- // Quick add enter
document.getElementById('quick-add-input')?.addEventListener('keydown',quickAdd);
- // Modal backdrops
document.querySelectorAll('.todo-modal-backdrop').forEach(m=>m.addEventListener('click',e=>{if(e.target===m)m.classList.remove('show');}));
});
diff --git a/todo.php b/todo.php
index df2178c..3a9e1c3 100644
--- a/todo.php
+++ b/todo.php
@@ -14,40 +14,12 @@ require __DIR__ . '/header.php';
-