diff --git a/docker/schema_family.sql b/docker/schema_family.sql
index 0a7ce87..7816274 100644
--- a/docker/schema_family.sql
+++ b/docker/schema_family.sql
@@ -293,3 +293,27 @@ CREATE TABLE IF NOT EXISTS pf_parts (
FOREIGN KEY (vehicle_id) REFERENCES pf_vehicles(id) ON DELETE SET NULL,
FOREIGN KEY (maintenance_id) REFERENCES pf_maintenances(id) ON DELETE SET NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+
+-- ─── Notes / Memo ─────────────────────────────────────────────────────────────
+CREATE TABLE IF NOT EXISTS pf_memo_notes (
+ id INT AUTO_INCREMENT PRIMARY KEY,
+ title VARCHAR(255) NOT NULL,
+ content LONGTEXT DEFAULT '',
+ tags VARCHAR(1000) DEFAULT '',
+ created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+ updated_at DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+ FULLTEXT KEY ft_notes (title, content, tags)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+
+CREATE TABLE IF NOT EXISTS pf_memo_attachments (
+ id INT AUTO_INCREMENT PRIMARY KEY,
+ note_id INT NOT NULL,
+ type ENUM('image','file','url') NOT NULL DEFAULT 'file',
+ filename VARCHAR(255) DEFAULT NULL,
+ original_name VARCHAR(255) DEFAULT NULL,
+ url TEXT DEFAULT NULL,
+ label VARCHAR(255) DEFAULT NULL,
+ size INT DEFAULT 0,
+ created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+ FOREIGN KEY (note_id) REFERENCES pf_memo_notes(id) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
diff --git a/header.php b/header.php
index 74c84e8..ed8f0ca 100644
--- a/header.php
+++ b/header.php
@@ -53,6 +53,7 @@ $currentLang = $_SESSION['app_lang'] ?? 'fr';
+
@@ -98,6 +99,7 @@ $currentLang = $_SESSION['app_lang'] ?? 'fr';
🏖️
🎁
🚗
+ 📝
⚙️ Paramètres
🛡️ Admin
diff --git a/includes/lang/ca.php b/includes/lang/ca.php
index 5a563ca..04e195a 100644
--- a/includes/lang/ca.php
+++ b/includes/lang/ca.php
@@ -90,6 +90,9 @@ return [
'mod_budget_desc' => 'Seguiment de despeses fixes, ingressos i balanç del compte familiar.',
'mod_garage_name' => 'Garatge',
'mod_garage_desc' => 'Seguiu el manteniment dels vostres vehicles, les peces i els costos.',
+ 'mod_memo_name' => 'Notes',
+ 'mod_memo_desc' => 'Els vostres memos, receptes, instruccions i informació diversa amb Markdown.',
+ 'menu_memo' => 'Notes',
'cta_open' => 'Obrir',
'cta_explore' => 'Explorar',
'cta_view_lists' => 'Veure les llistes',
diff --git a/includes/lang/en.php b/includes/lang/en.php
index 08190dd..ebee33f 100644
--- a/includes/lang/en.php
+++ b/includes/lang/en.php
@@ -91,6 +91,9 @@ return [
'mod_budget_desc' => 'Track fixed expenses, income and family account balance.',
'mod_garage_name' => 'Garage',
'mod_garage_desc' => 'Track vehicle maintenance, parts used and costs.',
+ 'mod_memo_name' => 'Notes',
+ 'mod_memo_desc' => 'Your memos, recipes, instructions and miscellaneous info with Markdown and attachments.',
+ 'menu_memo' => 'Notes',
'cta_open' => 'Open',
'cta_explore' => 'Explore',
'cta_view_lists' => 'View lists',
diff --git a/includes/lang/fr.php b/includes/lang/fr.php
index 59b9c8e..a0dcb76 100644
--- a/includes/lang/fr.php
+++ b/includes/lang/fr.php
@@ -93,6 +93,9 @@ return [
'mod_budget_desc' => 'Suivi des dépenses fixes, revenus et équilibre du compte familial.',
'mod_garage_name' => 'Garage',
'mod_garage_desc' => 'Suivez l\'entretien de vos véhicules, les pièces utilisées et les coûts.',
+ 'mod_memo_name' => 'Notes',
+ 'mod_memo_desc' => 'Vos mémos, recettes, instructions et infos diverses avec Markdown et pièces jointes.',
+ 'menu_memo' => 'Notes',
'cta_open' => 'Ouvrir',
'cta_explore' => 'Explorer',
'cta_view_lists' => 'Voir les listes',
diff --git a/index.php b/index.php
index f817291..72c7acb 100644
--- a/index.php
+++ b/index.php
@@ -91,6 +91,15 @@ if ($_has_custom_bg): ?>
+
+
+ 📝
+
+
+
+
+
+
diff --git a/memo.php b/memo.php
new file mode 100644
index 0000000..2b8392c
--- /dev/null
+++ b/memo.php
@@ -0,0 +1,139 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Nouvelle note
+
+
+
+
+
+
+
+
+
+
+
+
![]()
+
+ 📝 Toutes les notes …
`;
+ allTagsList.forEach(t=>{
+ const act=currentTag===t.tag?' active':'';
+ html+=`
+ # ${escHtml(t.tag)}${t.count}
`;
+ });
+ el.innerHTML=html;
+ }catch(e){}
+}
+
+// ─── Note list ────────────────────────────────────────────────────────────────
+async function loadList(q='',tag='',page=1){
+ currentQ=q;currentTag=tag;showPage('list');
+ loadSidebar();
+ try{
+ let extra='&page='+page;
+ if(q)extra+='&q='+encodeURIComponent(q);
+ if(tag)extra+='&tag='+encodeURIComponent(tag);
+ const data=await api('notes','GET',null,extra);
+ const el=document.getElementById('memo-notes-grid');
+ const count=document.getElementById('memo-all-count');
+ const title=document.getElementById('memo-list-title');
+ const subtitle=document.getElementById('memo-list-subtitle');
+ if(count)count.textContent=data.total;
+ if(title){
+ title.textContent = q?`🔍 "${q}"` : tag?`# ${tag}` : '📝 Notes';
+ }
+ if(subtitle)subtitle.textContent=data.total+' note'+(data.total!==1?'s':'');
+ if(!data.notes.length){
+ el.innerHTML='📝
'+(q||tag?'Aucune note trouvée.':'Aucune note. Créez-en une !')+'
+
${escHtml(n.title)}
+ ${snippet?`
${snippet}
`:''}
+
${tags}${fmtDate(n.updated_at)}
+
+
🖼️ Images
+
${images.map(a=>`
+
+
+
+
`).join('')}
+
📎 Fichiers
+
${files.map(a=>`
+
`).join('')}
+
🔗 Liens
+
${urls.map(a=>`
+
`).join('')}
Attachements existants
`+
+ atts.map(a=>``).join('');
+}
+
+function updatePreview(){
+ const content=document.getElementById('edit-content')?.value||'';
+ const el=document.getElementById('md-live-preview');
+ if(!el)return;
+ el.innerHTML=window.marked?marked.parse(content):'Preview chargement…';
+}
+
+// Tags
+function renderTagChips(){
+ const wrap=document.getElementById('edit-tags-chips');
+ wrap.innerHTML=editTags.map(t=>
+ `#${escHtml(t)}`
+ ).join('');
+}
+function removeTag(t){ editTags=editTags.filter(x=>x!==t);renderTagChips(); }
+function addTagFromInput(){
+ const inp=document.getElementById('edit-tags-input');
+ const val=inp.value.trim().replace(/^#/,'').toLowerCase();
+ if(val&&!editTags.includes(val)){editTags.push(val);renderTagChips();}
+ inp.value='';
+ document.getElementById('tags-suggestions')?.remove();
+}
+function onTagKeydown(e){
+ if(e.key==='Enter'||e.key===','||e.key===' '){e.preventDefault();addTagFromInput();}
+ else if(e.key==='Backspace'&&!e.target.value&&editTags.length){
+ editTags.pop();renderTagChips();
+ } else showTagSuggestions(e.target.value);
+}
+function showTagSuggestions(q){
+ document.getElementById('tags-suggestions')?.remove();
+ if(!q||!allTagsList.length)return;
+ const matches=allTagsList.filter(t=>t.tag.includes(q.toLowerCase())).slice(0,6);
+ if(!matches.length)return;
+ const inp=document.getElementById('edit-tags-input');
+ const box=document.createElement('div');
+ box.id='tags-suggestions';box.className='tags-suggestions';
+ box.style.cssText=`position:absolute;top:${inp.offsetTop+inp.offsetHeight+4}px;left:${inp.offsetLeft}px`;
+ matches.forEach(t=>{const d=document.createElement('div');d.textContent='#'+t.tag;d.onclick=()=>{
+ if(!editTags.includes(t.tag)){editTags.push(t.tag);renderTagChips();}
+ inp.value='';box.remove();
+ };box.appendChild(d);});
+ inp.closest('.tags-input-wrap').style.position='relative';
+ inp.closest('.tags-input-wrap').appendChild(box);
+}
+
+// File drop
+function initDropZone(){
+ const zone=document.getElementById('edit-drop-zone');
+ const inp=document.getElementById('edit-file-input');
+ if(!zone)return;
+ zone.addEventListener('click',()=>inp?.click());
+ zone.addEventListener('dragover',e=>{e.preventDefault();zone.classList.add('drag-over');});
+ zone.addEventListener('dragleave',()=>zone.classList.remove('drag-over'));
+ zone.addEventListener('drop',e=>{e.preventDefault();zone.classList.remove('drag-over');handleFileSelect(e.dataTransfer.files);});
+ inp?.addEventListener('change',()=>handleFileSelect(inp.files));
+ document.getElementById('edit-content')?.addEventListener('paste',e=>{
+ const files=[...e.clipboardData.files].filter(f=>f.type.startsWith('image/'));
+ if(files.length){e.preventDefault();handleFileSelect(files);}
+ });
+}
+function handleFileSelect(files){
+ const preview=document.getElementById('edit-attach-preview');
+ [...files].forEach(f=>{
+ pendingFiles.push(f);
+ const item=document.createElement('div');item.className='attach-preview-item';
+ if(f.type.startsWith('image/')){
+ const img=document.createElement('img');
+ const reader=new FileReader();
+ reader.onload=ev=>{img.src=ev.target.result;};
+ reader.readAsDataURL(f);
+ item.appendChild(img);
+ }else{
+ item.innerHTML=`${escHtml(f.name)}
`;
+ }
+ const rm=document.createElement('button');rm.className='rm';rm.textContent='✕';
+ rm.onclick=()=>{pendingFiles=pendingFiles.filter(x=>x!==f);item.remove();};
+ item.appendChild(rm);
+ preview.appendChild(item);
+ });
+}
+
+// URL rows
+function addUrlRowHtml(){
+ return `
+
+
+
+
`;
+}
+function addUrlRow(){
+ const wrap=document.getElementById('edit-url-rows');
+ wrap.insertAdjacentHTML('beforeend',addUrlRowHtml());
+}
+
+// Save
+async function saveNote(){
+ const title=document.getElementById('edit-title')?.value.trim();
+ if(!title){toast('Titre requis','error');return;}
+ const content=document.getElementById('edit-content')?.value||'';
+ const tags=editTags.join(',');
+
+ // Collect URLs
+ const urlRows=document.querySelectorAll('#edit-url-rows .url-row');
+ const urls=[];
+ urlRows.forEach(row=>{
+ const u=row.querySelector('.url-input')?.value.trim();
+ const l=row.querySelector('.url-label')?.value.trim()||'';
+ if(u)urls.push({url:u,label:l});
+ });
+
+ try{
+ let noteId;
+ if(editingId){
+ await api('notes','PUT',{title,content,tags},'&id='+editingId);
+ noteId=editingId;toast('Note mise à jour');
+ }else{
+ const r=await api('notes','POST',JSON.stringify({title,content,tags,urls}));
+ noteId=r.id;toast('Note créée');
+ }
+
+ // Upload pending files
+ for(const f of pendingFiles){
+ const fd=new FormData();fd.append('file',f);fd.append('note_id',noteId);
+ try{await api('attachments','POST',fd);}catch(e){toast('Erreur upload: '+f.name,'error');}
+ }
+ // Add URLs (for edit mode)
+ if(editingId){
+ for(const u of urls){
+ const fd=new FormData();fd.append('note_id',noteId);fd.append('url',u.url);fd.append('label',u.label);
+ try{await api('attachments','POST',fd);}catch{}
+ }
+ }
+
+ loadList(currentQ,currentTag);
+ viewNote(noteId);
+ }catch(e){toast(e.message,'error');}
+}
+
+async function deleteNote(id){
+ if(!confirm('Supprimer cette note définitivement ?'))return;
+ try{
+ await api('notes','DELETE',null,'&id='+id);
+ toast('Note supprimée');loadList(currentQ,currentTag);
+ }catch(e){toast(e.message,'error');}
+}
+
+// ─── Init ─────────────────────────────────────────────────────────────────────
+document.addEventListener('DOMContentLoaded',()=>{
+ loadList();
+ loadSidebar();
+ initDropZone();
+ // Search
+ const sinp=document.getElementById('memo-search-input');
+ if(sinp){
+ let t;sinp.addEventListener('input',()=>{clearTimeout(t);t=setTimeout(()=>doSearch(),300);});
+ sinp.addEventListener('keydown',e=>{if(e.key==='Enter')doSearch();});
+ }
+ // Content live preview
+ document.getElementById('edit-content')?.addEventListener('input',updatePreview);
+ // Lightbox close
+ document.getElementById('memo-lightbox')?.addEventListener('click',closeLightbox);
+ // Tags input
+ document.getElementById('edit-tags-input')?.addEventListener('keydown',onTagKeydown);
+ document.getElementById('edit-tags-input')?.addEventListener('blur',()=>setTimeout(()=>document.getElementById('tags-suggestions')?.remove(),150));
+ document.addEventListener('click',e=>{if(!e.target.closest('.tags-input-wrap'))document.getElementById('tags-suggestions')?.remove();});
+});
diff --git a/settings.php b/settings.php
index 5d49d7f..875c397 100644
--- a/settings.php
+++ b/settings.php
@@ -15,7 +15,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$action = $_POST['action'] ?? '';
if ($action === 'set_modules' && $family_id) {
- $all = ['calendar', 'budget', 'holidays', 'gifts', 'garage'];
+ $all = ['calendar', 'budget', 'holidays', 'gifts', 'garage', 'memo'];
$enabled = array_values(array_filter($all, fn($m) => isset($_POST['mod_' . $m])));
if (empty($enabled)) {
$error = "Vous devez garder au moins un module actif.";
@@ -187,6 +187,7 @@ require __DIR__ . '/header.php';
'holidays' => ['icon' => '🏖️', 'label' => tr('menu_holidays')],
'gifts' => ['icon' => '🎁', 'label' => tr('menu_gifts')],
'garage' => ['icon' => '🚗', 'label' => tr('menu_garage')],
+ 'memo' => ['icon' => '📝', 'label' => tr('menu_memo')],
];
?>