${esc(m.title || kind)}
- ${kind}
+ ${kind}
`;
}
- async function load() {
- const grid = document.getElementById('mm-grid');
- try {
- const { materials } = await LS.listMaterials();
- _mats = materials || [];
- if (!materials || !materials.length) {
- grid.innerHTML = `${esc(m.body || '')}
${esc(m.title || kind)}
- ${del}
+ ${mv}${edit}${del}
-
-
`;
- lucide.createIcons();
- return;
+ /* ── Collections bar ── */
+ function chip(key, label, count, editId) {
+ const active = _filter.col === key ? ' active' : '';
+ const ed = editId ? `${PENCIL}` : '';
+ return ``;
+ }
+ function renderCols() {
+ const bar = document.getElementById('mm-cols');
+ const noneCount = _mats.filter(m => !m.collection_id).length;
+ let html = chip('all', 'Все', _mats.length);
+ _cols.forEach(c => { html += chip(String(c.id), c.name, c.count, c.id); });
+ if (noneCount) html += chip('none', 'Без папки', noneCount);
+ html += ``;
+ bar.innerHTML = html;
+ }
+
+ function filtered() {
+ return _mats.filter(m => {
+ if (_filter.col === 'none' && m.collection_id) return false;
+ if (_filter.col !== 'all' && _filter.col !== 'none' && String(m.collection_id) !== _filter.col) return false;
+ if (_filter.kind !== 'all' && m.kind !== _filter.kind) return false;
+ if (_filter.q) {
+ const hay = ((m.title || '') + ' ' + (m.body || '') + ' ' + (m.source_title || '') + ' ' + (m.url || '') + ' ' + (m.tags || '')).toLowerCase();
+ if (!hay.includes(_filter.q)) return false;
}
- grid.innerHTML = materials.map(card).join('');
+ return true;
+ });
+ }
+
+ function renderGrid() {
+ const grid = document.getElementById('mm-grid');
+ if (!_mats.length) {
+ grid.innerHTML = `Пока пусто. На странице «Мои уроки» откройте прошлый урок и нажмите «К себе» на странице доски или заметке.
-
+
+
`;
lucide.createIcons();
+ return;
+ }
+ const rows = filtered();
+ grid.innerHTML = rows.length
+ ? rows.map(card).join('')
+ : `Пока пусто. На уроке или в «Мои уроки» нажмите «К себе»/«Область», или создайте заметку.
+Ничего не найдено
Ошибка загрузки
`;
+ document.getElementById('mm-grid').innerHTML = `Ошибка загрузки
`;
}
}
+ /* ── Filters ── */
+ function setCol(key) { _filter.col = key; renderCols(); renderGrid(); }
+ function onKind(v) { _filter.kind = v; renderGrid(); }
+ function onSearch(v) { _filter.q = (v || '').trim().toLowerCase(); renderGrid(); }
+ window.setCol = setCol; window.onKind = onKind; window.onSearch = onSearch;
+
+ /* ── Material actions ── */
+ async function moveMaterial(id, cid) {
+ try { await LS.updateMaterial(id, { collection_id: cid || null }); await load(); }
+ catch (e) { LS.toast(e.message || 'Ошибка', 'error'); }
+ }
+ window.moveMaterial = moveMaterial;
+
async function delMaterial(id) {
if (!confirm('Удалить этот материал?')) return;
try { await LS.deleteMaterial(id); load(); }
@@ -146,7 +233,8 @@
const title = m.body.querySelector('#mm-nt-title').value.trim();
const text = m.body.querySelector('#mm-nt-body').value.trim();
if (!text && !title) { LS.toast('Введите текст заметки', 'warn'); return; }
- try { await LS.saveMaterial({ kind: 'note', title, body: text }); m.close(); load(); }
+ const col = _filter.col !== 'all' && _filter.col !== 'none' ? Number(_filter.col) : null;
+ try { await LS.saveMaterial({ kind: 'note', title, body: text, collection_id: col }); m.close(); load(); }
catch (e) { LS.toast(e.message || 'Ошибка', 'error'); }
} },
] });
@@ -173,6 +261,42 @@
}
window.editMaterial = editMaterial;
+ /* ── Collection CRUD ── */
+ function createCollection() {
+ const content = ``;
+ const m = LS.modal({ title: 'Новая папка', content, size: 'sm', actions: [
+ { label: 'Отмена', onClick: () => m.close() },
+ { label: 'Создать', primary: true, onClick: async () => {
+ const name = m.body.querySelector('#mm-col-name').value.trim();
+ if (!name) { LS.toast('Введите название', 'warn'); return; }
+ try { await LS.createMaterialCollection({ name }); m.close(); load(); }
+ catch (e) { LS.toast(e.message || 'Ошибка', 'error'); }
+ } },
+ ] });
+ }
+ window.createCollection = createCollection;
+
+ function editCollection(id) {
+ const col = _cols.find(c => c.id === id);
+ if (!col) return;
+ const content = ``;
+ const m = LS.modal({ title: 'Папка', content, size: 'sm', actions: [
+ { label: 'Удалить', onClick: async () => {
+ if (!confirm('Удалить папку? Материалы останутся (станут «Без папки»).')) return;
+ try { await LS.deleteMaterialCollection(id); m.close(); if (_filter.col === String(id)) _filter.col = 'all'; load(); }
+ catch (e) { LS.toast(e.message || 'Ошибка', 'error'); }
+ } },
+ { label: 'Отмена', onClick: () => m.close() },
+ { label: 'Сохранить', primary: true, onClick: async () => {
+ const name = m.body.querySelector('#mm-col-name').value.trim();
+ if (!name) { LS.toast('Введите название', 'warn'); return; }
+ try { await LS.updateMaterialCollection(id, { name }); m.close(); load(); }
+ catch (e) { LS.toast(e.message || 'Ошибка', 'error'); }
+ } },
+ ] });
+ }
+ window.editCollection = editCollection;
+
load();