Keine Anhänge vorhanden
'; + return; + } + + this.attachmentsContainer.innerHTML = attachments.map(att => ` + + `).join(''); + + this.bindAttachmentEvents(); + } + + updateMainState() { + if (!this.selectedCategory) { + this.mainTitle.textContent = 'Kategorie wählen'; + this.newEntryBtn.disabled = true; + this.entriesList.innerHTML = ''; + this.entriesEmpty?.classList.add('hidden'); + this.noSelection?.classList.remove('hidden'); + } else { + const icon = this.selectedCategory.icon || '📁'; + this.mainTitle.innerHTML = ` ${this.escapeHtml(this.selectedCategory.name)}`; + this.newEntryBtn.disabled = false; + this.noSelection?.classList.add('hidden'); + } + } + + // ========================================== + // EVENT BINDING - CATEGORIES + // ========================================== + + bindCategoryClickEvents() { + this.categoriesList?.querySelectorAll('.knowledge-category-item').forEach(item => { + const categoryId = parseInt(item.dataset.categoryId); + + // Click on category (not on actions) - select category + item.addEventListener('click', (e) => { + if (!e.target.closest('.knowledge-category-actions') && !e.target.closest('.knowledge-drag-handle')) { + this.selectCategory(categoryId); + } + }); + + // Edit button + const editBtn = item.querySelector('[data-action="edit"]'); + editBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + this.openCategoryModal(categoryId); + }); + + // Delete button + const deleteBtn = item.querySelector('[data-action="delete"]'); + deleteBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + this.handleDeleteCategory(categoryId); + }); + }); + } + + bindMobileChipEvents() { + this.mobileCategories?.querySelectorAll('.knowledge-mobile-chip').forEach(chip => { + if (chip.dataset.action === 'add-category') { + chip.addEventListener('click', () => this.openCategoryModal()); + } else { + const categoryId = parseInt(chip.dataset.categoryId); + chip.addEventListener('click', () => this.selectCategory(categoryId)); + } + }); + } + + bindCategoryDragEvents() { + if (!this.categoriesList) return; + + this.categoriesList.addEventListener('dragstart', (e) => { + const item = e.target.closest('.knowledge-category-item'); + if (!item) return; + + this.draggedCategoryId = parseInt(item.dataset.categoryId); + item.classList.add('dragging'); + e.dataTransfer.effectAllowed = 'move'; + e.dataTransfer.setData('text/plain', this.draggedCategoryId); + }); + + this.categoriesList.addEventListener('dragend', (e) => { + const item = e.target.closest('.knowledge-category-item'); + if (item) { + item.classList.remove('dragging'); + } + this.draggedCategoryId = null; + this.categoriesList.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over')); + }); + + this.categoriesList.addEventListener('dragover', (e) => { + e.preventDefault(); + const item = e.target.closest('.knowledge-category-item'); + if (item && parseInt(item.dataset.categoryId) !== this.draggedCategoryId) { + this.categoriesList.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over')); + item.classList.add('drag-over'); + } + }); + + this.categoriesList.addEventListener('dragleave', (e) => { + const item = e.target.closest('.knowledge-category-item'); + if (item) { + item.classList.remove('drag-over'); + } + }); + + this.categoriesList.addEventListener('drop', async (e) => { + e.preventDefault(); + const targetItem = e.target.closest('.knowledge-category-item'); + if (!targetItem || !this.draggedCategoryId) return; + + const targetId = parseInt(targetItem.dataset.categoryId); + if (targetId === this.draggedCategoryId) return; + + targetItem.classList.remove('drag-over'); + + // Calculate new position + const targetIndex = this.categories.findIndex(c => c.id === targetId); + const draggedIndex = this.categories.findIndex(c => c.id === this.draggedCategoryId); + + if (targetIndex === -1 || draggedIndex === -1) return; + + // Optimistic update + const [moved] = this.categories.splice(draggedIndex, 1); + this.categories.splice(targetIndex, 0, moved); + + // Update positions in array + this.categories.forEach((cat, idx) => cat.position = idx); + + this.renderCategories(); + this.renderMobileCategories(); + + // Server update + try { + await api.updateKnowledgeCategoryPosition(this.draggedCategoryId, targetIndex); + } catch (error) { + console.error('Error updating category position:', error); + this.showToast('Fehler beim Speichern der Reihenfolge', 'error'); + await this.loadCategories(); + } + }); + } + + // ========================================== + // EVENT BINDING - ENTRIES + // ========================================== + + bindEntryClickEvents() { + this.entriesList?.querySelectorAll('.knowledge-entry-item').forEach(item => { + const entryId = parseInt(item.dataset.entryId); + + // Click on header to expand/collapse + const header = item.querySelector('.knowledge-entry-header'); + header?.addEventListener('click', (e) => { + if (!e.target.closest('.knowledge-entry-actions') && !e.target.closest('.knowledge-entry-drag-handle')) { + this.toggleEntry(entryId); + } + }); + + // Edit button + const editBtn = item.querySelector('[data-action="edit"]'); + editBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + this.openEntryModal(entryId); + }); + + // Delete button + const deleteBtn = item.querySelector('[data-action="delete"]'); + deleteBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + this.handleDeleteEntry(entryId); + }); + }); + } + + bindSearchResultEvents() { + this.searchResultsList?.querySelectorAll('.knowledge-entry-item').forEach(item => { + const entryId = parseInt(item.dataset.entryId); + + // Click on header to expand/collapse + const header = item.querySelector('.knowledge-entry-header'); + header?.addEventListener('click', (e) => { + if (!e.target.closest('.knowledge-entry-actions') && !e.target.closest('.knowledge-entry-drag-handle')) { + this.toggleEntry(entryId); + // Re-render to reflect change + this.renderSearchResults(); + } + }); + + // Edit button + const editBtn = item.querySelector('[data-action="edit"]'); + editBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + this.openEntryModal(entryId); + }); + + // Delete button + const deleteBtn = item.querySelector('[data-action="delete"]'); + deleteBtn?.addEventListener('click', (e) => { + e.stopPropagation(); + this.handleDeleteEntry(entryId); + }); + }); + } + + bindEntryDragEvents() { + if (!this.entriesList) return; + + this.entriesList.addEventListener('dragstart', (e) => { + const item = e.target.closest('.knowledge-entry-item'); + if (!item) return; + + this.draggedEntryId = parseInt(item.dataset.entryId); + item.classList.add('dragging'); + e.dataTransfer.effectAllowed = 'move'; + e.dataTransfer.setData('text/plain', this.draggedEntryId); + }); + + this.entriesList.addEventListener('dragend', (e) => { + const item = e.target.closest('.knowledge-entry-item'); + if (item) { + item.classList.remove('dragging'); + } + this.draggedEntryId = null; + this.entriesList.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over')); + }); + + this.entriesList.addEventListener('dragover', (e) => { + e.preventDefault(); + const item = e.target.closest('.knowledge-entry-item'); + if (item && parseInt(item.dataset.entryId) !== this.draggedEntryId) { + this.entriesList.querySelectorAll('.drag-over').forEach(el => el.classList.remove('drag-over')); + item.classList.add('drag-over'); + } + }); + + this.entriesList.addEventListener('dragleave', (e) => { + const item = e.target.closest('.knowledge-entry-item'); + if (item) { + item.classList.remove('drag-over'); + } + }); + + this.entriesList.addEventListener('drop', async (e) => { + e.preventDefault(); + const targetItem = e.target.closest('.knowledge-entry-item'); + if (!targetItem || !this.draggedEntryId) return; + + const targetId = parseInt(targetItem.dataset.entryId); + if (targetId === this.draggedEntryId) return; + + targetItem.classList.remove('drag-over'); + + // Calculate new position + const targetIndex = this.entries.findIndex(en => en.id === targetId); + const draggedIndex = this.entries.findIndex(en => en.id === this.draggedEntryId); + + if (targetIndex === -1 || draggedIndex === -1) return; + + // Optimistic update + const [moved] = this.entries.splice(draggedIndex, 1); + this.entries.splice(targetIndex, 0, moved); + + // Update positions in array + this.entries.forEach((entry, idx) => entry.position = idx); + + this.renderEntries(); + + // Server update + try { + await api.updateKnowledgeEntryPosition(this.draggedEntryId, targetIndex); + } catch (error) { + console.error('Error updating entry position:', error); + this.showToast('Fehler beim Speichern der Reihenfolge', 'error'); + if (this.selectedCategory) { + await this.loadEntries(this.selectedCategory.id); + } + } + }); + } + + bindAttachmentEvents() { + this.attachmentsContainer?.querySelectorAll('[data-action="delete-attachment"]').forEach(btn => { + btn.addEventListener('click', () => { + const item = btn.closest('.knowledge-attachment-item'); + const attachmentId = parseInt(item?.dataset.attachmentId); + if (attachmentId) { + this.handleDeleteAttachment(attachmentId); + } + }); + }); + } + + // ========================================== + // ICON PICKER + // ========================================== + + bindIconPickerEvents() { + if (!this.iconPickerPreview || !this.iconPickerSection) return; + + // Toggle icon picker visibility + this.iconPickerPreview.addEventListener('click', () => { + this.iconPickerSection.classList.toggle('hidden'); + }); + + // Tab switching + const tabs = this.iconPickerSection.querySelectorAll('.icon-tab'); + tabs.forEach(tab => { + tab.addEventListener('click', () => { + const tabName = tab.dataset.tab; + this.switchIconTab(tabName); + }); + }); + + // Icon selection + const iconBtns = this.iconPickerSection.querySelectorAll('.icon-btn'); + iconBtns.forEach(btn => { + btn.addEventListener('click', () => { + const icon = btn.dataset.icon; + this.selectIcon(icon); + }); + }); + } + + switchIconTab(tabName) { + if (!this.iconPickerSection) return; + + // Update tab buttons + const tabs = this.iconPickerSection.querySelectorAll('.icon-tab'); + tabs.forEach(tab => { + tab.classList.toggle('active', tab.dataset.tab === tabName); + }); + + // Show/hide icon grids + const grids = this.iconPickerSection.querySelectorAll('.icon-grid'); + grids.forEach(grid => { + grid.classList.toggle('hidden', grid.dataset.tabContent !== tabName); + }); + } + + selectIcon(icon) { + if (!icon) return; + + // Update preview + if (this.iconPreviewEmoji) { + this.iconPreviewEmoji.textContent = icon; + } + + // Update hidden input + if (this.categoryIconInput) { + this.categoryIconInput.value = icon; + } + + // Hide the icon picker + if (this.iconPickerSection) { + this.iconPickerSection.classList.add('hidden'); + } + } + + // ========================================== + // CATEGORY SELECTION + // ========================================== + + async selectCategory(categoryId) { + const category = this.categories.find(c => c.id === categoryId); + if (!category) return; + + this.selectedCategory = category; + + // Clear search if active + if (this.searchQuery) { + this.searchQuery = ''; + this.searchResults = []; + this.searchResultsSection?.classList.add('hidden'); + } + + // Update sidebar selection + this.renderCategories(); + this.renderMobileCategories(); + + // Update main header + this.updateMainState(); + + // Load entries + await this.loadEntries(categoryId); + } + + toggleEntry(entryId) { + if (this.expandedEntries.has(entryId)) { + this.expandedEntries.delete(entryId); + } else { + this.expandedEntries.add(entryId); + } + + // Update just the affected entry + const entryItem = this.entriesList?.querySelector(`[data-entry-id="${entryId}"]`); + if (entryItem) { + entryItem.classList.toggle('expanded', this.expandedEntries.has(entryId)); + } + } + + // ========================================== + // SEARCH + // ========================================== + + async handleSearch(query) { + this.searchQuery = query.trim(); + + if (!this.searchQuery) { + this.clearSearch(); + return; + } + + try { + const results = await api.searchKnowledge(this.searchQuery); + this.searchResults = results.entries || []; + this.searchQuerySpan.textContent = this.searchQuery; + + // Show search results, hide other content + this.noSelection?.classList.add('hidden'); + this.entriesEmpty?.classList.add('hidden'); + this.entriesList.innerHTML = ''; + this.searchResultsSection?.classList.remove('hidden'); + + this.renderSearchResults(); + } catch (error) { + console.error('Error searching:', error); + this.showToast('Fehler bei der Suche', 'error'); + } + } + + clearSearch() { + this.searchQuery = ''; + this.searchResults = []; + + // Hide search results + this.searchResultsSection?.classList.add('hidden'); + + // Show normal view + if (this.selectedCategory) { + this.loadEntries(this.selectedCategory.id); + } else { + this.updateMainState(); + } + } + + /** + * Public method for global search from header + */ + setSearchQuery(query) { + clearTimeout(this.searchDebounceTimer); + + if (!query || !query.trim()) { + this.clearSearch(); + return; + } + + this.searchDebounceTimer = setTimeout(() => { + this.handleSearch(query); + }, 300); + } + + // ========================================== + // CATEGORY CRUD + // ========================================== + + openCategoryModal(categoryId = null) { + const isEdit = !!categoryId; + this.categoryModalTitle.textContent = isEdit ? 'Kategorie bearbeiten' : 'Neue Kategorie'; + this.categoryForm?.reset(); + + // Hide icon picker section + this.iconPickerSection?.classList.add('hidden'); + + if (isEdit) { + const category = this.categories.find(c => c.id === categoryId); + if (category) { + this.categoryIdInput.value = category.id; + this.categoryNameInput.value = category.name; + this.categoryDescriptionInput.value = category.description || ''; + this.categoryColorInput.value = category.color || '#3B82F6'; + const icon = category.icon || '📁'; + this.categoryIconInput.value = icon; + if (this.iconPreviewEmoji) { + this.iconPreviewEmoji.textContent = icon; + } + } + } else { + this.categoryIdInput.value = ''; + this.categoryColorInput.value = '#3B82F6'; + this.categoryIconInput.value = '📁'; + if (this.iconPreviewEmoji) { + this.iconPreviewEmoji.textContent = '📁'; + } + } + + this.openModal(this.categoryModal, 'knowledge-category-modal'); + this.categoryNameInput?.focus(); + } + + closeCategoryModal() { + this.closeModal(this.categoryModal, 'knowledge-category-modal'); + } + + async handleCategorySubmit(e) { + e.preventDefault(); + + const categoryId = this.categoryIdInput?.value ? parseInt(this.categoryIdInput.value) : null; + const data = { + name: this.categoryNameInput?.value.trim(), + description: this.categoryDescriptionInput?.value.trim() || null, + color: this.categoryColorInput?.value || '#3B82F6', + icon: this.categoryIconInput?.value.trim() || null + }; + + if (!data.name) { + this.showToast('Bitte einen Namen eingeben', 'error'); + return; + } + + try { + if (categoryId) { + await api.updateKnowledgeCategory(categoryId, data); + this.showToast('Kategorie aktualisiert', 'success'); + } else { + await api.createKnowledgeCategory(data); + this.showToast('Kategorie erstellt', 'success'); + } + + this.closeCategoryModal(); + await this.loadCategories(); + } catch (error) { + this.showToast(error.message || 'Fehler beim Speichern', 'error'); + } + } + + async handleDeleteCategory(categoryId) { + const category = this.categories.find(c => c.id === categoryId); + if (!category) return; + + const confirmDelete = confirm(`Kategorie "${category.name}" und alle Einträge wirklich löschen?`); + if (!confirmDelete) return; + + try { + await api.deleteKnowledgeCategory(categoryId); + this.showToast('Kategorie gelöscht', 'success'); + + // If deleted category was selected, clear selection + if (this.selectedCategory?.id === categoryId) { + this.selectedCategory = null; + this.entries = []; + this.updateMainState(); + } + + await this.loadCategories(); + } catch (error) { + this.showToast(error.message || 'Fehler beim Löschen', 'error'); + } + } + + // ========================================== + // ENTRY CRUD + // ========================================== + + async openEntryModal(entryId = null) { + const isEdit = !!entryId; + this.entryModalTitle.textContent = isEdit ? 'Eintrag bearbeiten' : 'Neuer Eintrag'; + this.entryForm?.reset(); + this.deleteEntryBtn?.classList.toggle('hidden', !isEdit); + this.attachmentsSection.style.display = isEdit ? 'block' : 'none'; + + if (isEdit) { + const entry = await this.loadEntryWithAttachments(entryId); + if (entry) { + this.entryIdInput.value = entry.id; + this.entryCategoryIdInput.value = entry.categoryId; + this.entryTitleInput.value = entry.title; + this.entryUrlInput.value = entry.url || ''; + this.entryNotesInput.value = entry.notes || ''; + this.renderAttachments(entry.attachments); + } + } else { + this.entryIdInput.value = ''; + this.entryCategoryIdInput.value = this.selectedCategory?.id || ''; + this.attachmentsContainer.innerHTML = ''; + } + + this.openModal(this.entryModal, 'knowledge-entry-modal'); + this.entryTitleInput?.focus(); + } + + closeEntryModal() { + this.closeModal(this.entryModal, 'knowledge-entry-modal'); + } + + async handleEntrySubmit(e) { + e.preventDefault(); + + const entryId = this.entryIdInput?.value ? parseInt(this.entryIdInput.value) : null; + const categoryId = parseInt(this.entryCategoryIdInput?.value) || this.selectedCategory?.id; + const data = { + categoryId: categoryId, + title: this.entryTitleInput?.value.trim(), + url: this.entryUrlInput?.value.trim() || null, + notes: this.entryNotesInput?.value.trim() || null + }; + + if (!data.title) { + this.showToast('Bitte einen Titel eingeben', 'error'); + return; + } + + if (!data.categoryId) { + this.showToast('Keine Kategorie ausgewählt', 'error'); + return; + } + + try { + if (entryId) { + await api.updateKnowledgeEntry(entryId, data); + this.showToast('Eintrag aktualisiert', 'success'); + } else { + await api.createKnowledgeEntry(data); + this.showToast('Eintrag erstellt', 'success'); + } + + this.closeEntryModal(); + + // Refresh view + if (this.searchQuery) { + await this.handleSearch(this.searchQuery); + } else if (this.selectedCategory) { + await this.loadEntries(this.selectedCategory.id); + } + await this.loadCategories(); // Update entry counts + } catch (error) { + this.showToast(error.message || 'Fehler beim Speichern', 'error'); + } + } + + async handleDeleteEntry(entryId) { + const entry = this.entries.find(e => e.id === entryId) || + this.searchResults.find(e => e.id === entryId); + const title = entry?.title || 'Dieser Eintrag'; + + const confirmDelete = confirm(`${title} wirklich löschen?`); + if (!confirmDelete) return; + + try { + await api.deleteKnowledgeEntry(entryId); + this.showToast('Eintrag gelöscht', 'success'); + this.closeEntryModal(); + + // Remove from expanded set + this.expandedEntries.delete(entryId); + + // Refresh view + if (this.searchQuery) { + await this.handleSearch(this.searchQuery); + } else if (this.selectedCategory) { + await this.loadEntries(this.selectedCategory.id); + } + await this.loadCategories(); // Update entry counts + } catch (error) { + this.showToast(error.message || 'Fehler beim Löschen', 'error'); + } + } + + // ========================================== + // ATTACHMENTS + // ========================================== + + handleFileSelect(e) { + const files = e.target.files; + if (files.length > 0) { + this.uploadFiles(files); + } + e.target.value = ''; + } + + async uploadFiles(files) { + const entryId = parseInt(this.entryIdInput?.value); + if (!entryId) { + this.showToast('Bitte zuerst den Eintrag speichern', 'error'); + return; + } + + for (const file of files) { + try { + await api.uploadKnowledgeAttachment(entryId, file); + this.showToast(`${file.name} hochgeladen`, 'success'); + } catch (error) { + this.showToast(`Fehler beim Hochladen von ${file.name}`, 'error'); + } + } + + // Reload entry to show new attachments + const entry = await this.loadEntryWithAttachments(entryId); + if (entry) { + this.renderAttachments(entry.attachments); + } + } + + async handleDeleteAttachment(attachmentId) { + const confirmDelete = confirm('Anhang wirklich löschen?'); + if (!confirmDelete) return; + + try { + await api.deleteKnowledgeAttachment(attachmentId); + this.showToast('Anhang gelöscht', 'success'); + + // Reload entry to refresh attachments + const entryId = parseInt(this.entryIdInput?.value); + if (entryId) { + const entry = await this.loadEntryWithAttachments(entryId); + if (entry) { + this.renderAttachments(entry.attachments); + } + } + } catch (error) { + this.showToast(error.message || 'Fehler beim Löschen', 'error'); + } + } + + // ========================================== + // MODAL HELPERS + // ========================================== + + openModal(modal, modalId) { + if (modal) { + modal.classList.remove('hidden'); + modal.classList.add('visible'); + } + const overlay = $('#modal-overlay'); + if (overlay) { + overlay.classList.remove('hidden'); + overlay.classList.add('visible'); + } + store.openModal(modalId); + } + + closeModal(modal, modalId) { + if (modal) { + modal.classList.remove('visible'); + modal.classList.add('hidden'); + } + // Only hide overlay if no other modals are open + const openModals = store.get('openModals').filter(id => id !== modalId); + if (openModals.length === 0) { + const overlay = $('#modal-overlay'); + if (overlay) { + overlay.classList.remove('visible'); + overlay.classList.add('hidden'); + } + } + store.closeModal(modalId); + } + + // ========================================== + // UTILITIES + // ========================================== + + formatFileSize(bytes) { + if (!bytes) return '0 B'; + const sizes = ['B', 'KB', 'MB', 'GB']; + const i = Math.floor(Math.log(bytes) / Math.log(1024)); + return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${sizes[i]}`; + } + + escapeHtml(str) { + if (!str) return ''; + const div = document.createElement('div'); + div.textContent = str; + return div.innerHTML; + } + + showToast(message, type = 'info') { + window.dispatchEvent(new CustomEvent('toast:show', { + detail: { message, type } + })); + } + + // ========================================== + // SHOW/HIDE + // ========================================== + + show() { + this.knowledgeView?.classList.remove('hidden'); + this.knowledgeView?.classList.add('active'); + } + + hide() { + this.knowledgeView?.classList.add('hidden'); + this.knowledgeView?.classList.remove('active'); + } +} + +// Create singleton instance +const knowledgeManager = new KnowledgeManager(); + +export { knowledgeManager }; +export default knowledgeManager; diff --git a/frontend/js/sync.js b/frontend/js/sync.js index c61897c..d476f64 100644 --- a/frontend/js/sync.js +++ b/frontend/js/sync.js @@ -21,7 +21,9 @@ class SyncManager { // Initialize Socket.io connection async connect() { - if (this.socket?.connected) { + // Verhindere doppelte Verbindungen (auch während des Verbindungsaufbaus) + if (this.socket) { + console.log('[Sync] Socket already exists, skipping connect'); return; } @@ -102,8 +104,15 @@ class SyncManager { console.error('[Sync] Socket error:', error); if (error.type === 'auth') { - // Auth failed, logout - window.dispatchEvent(new CustomEvent('auth:logout')); + // Nur ausloggen wenn wir wirklich nicht eingeloggt sind + // (verhindert Logout durch alte Socket-Verbindungen nach neuem Login) + const currentToken = localStorage.getItem('auth_token'); + if (!currentToken) { + console.log('[Sync] Auth error and no token, triggering logout'); + window.dispatchEvent(new CustomEvent('auth:logout')); + } else { + console.log('[Sync] Auth error ignored - new login occurred'); + } } }); @@ -546,9 +555,8 @@ class SyncManager { const syncManager = new SyncManager(); // Listen for auth events -window.addEventListener('auth:login', () => { - syncManager.connect(); -}); +// Hinweis: syncManager.connect() wird NICHT hier aufgerufen, +// sondern in app.js initializeApp() um doppelte Verbindungen zu vermeiden window.addEventListener('auth:logout', () => { syncManager.disconnect(); diff --git a/frontend/js/task-modal.js b/frontend/js/task-modal.js index a3843f8..ee5c61d 100644 --- a/frontend/js/task-modal.js +++ b/frontend/js/task-modal.js @@ -1321,7 +1321,8 @@ class TaskModalManager { try { const projectId = store.get('currentProjectId'); const subtask = await api.createSubtask(projectId, this.taskId, { title }); - this.subtasks.push(subtask); + // Neue Subtask an erster Stelle einfügen + this.subtasks.unshift(subtask); this.renderSubtasks(); input.value = ''; @@ -1331,8 +1332,8 @@ class TaskModalManager { this.showError('Fehler beim Hinzufügen'); } } else { - // For new tasks, store locally - this.subtasks.push({ + // For new tasks, store locally - an erster Stelle + this.subtasks.unshift({ id: generateTempId(), title, completed: false @@ -1346,6 +1347,7 @@ class TaskModalManager { const subtask = this.subtasks.find(s => s.id === subtaskId); if (!subtask) return; + const wasCompleted = subtask.completed; subtask.completed = !subtask.completed; if (this.mode === 'edit' && this.taskId) { @@ -1355,10 +1357,26 @@ class TaskModalManager { completed: subtask.completed }); + // Wenn abgehakt: ans Ende der Liste verschieben + if (subtask.completed && !wasCompleted) { + const currentIndex = this.subtasks.findIndex(s => s.id === subtaskId); + const lastPosition = this.subtasks.length - 1; + + if (currentIndex < lastPosition) { + // Aus aktueller Position entfernen + const [moved] = this.subtasks.splice(currentIndex, 1); + // Ans Ende anfügen + this.subtasks.push(moved); + + // API-Call für neue Position + await api.reorderSubtasks(projectId, this.taskId, subtaskId, lastPosition); + } + } + // Update subtask progress in store for immediate board update this.updateSubtaskProgressInStore(); } catch (error) { - subtask.completed = !subtask.completed; + subtask.completed = wasCompleted; this.showError('Fehler beim Aktualisieren'); } } diff --git a/frontend/sw.js b/frontend/sw.js index d4805a4..3a12914 100644 --- a/frontend/sw.js +++ b/frontend/sw.js @@ -4,7 +4,7 @@ * Offline support and caching */ -const CACHE_VERSION = '138'; +const CACHE_VERSION = '152'; const CACHE_NAME = 'taskmate-v' + CACHE_VERSION; const STATIC_CACHE_NAME = 'taskmate-static-v' + CACHE_VERSION; const DYNAMIC_CACHE_NAME = 'taskmate-dynamic-v' + CACHE_VERSION; @@ -38,11 +38,13 @@ const STATIC_ASSETS = [ '/js/proposals.js', '/js/notifications.js', '/js/gitea.js', + '/js/knowledge.js', '/css/list.css', '/css/admin.css', '/css/proposals.css', '/css/notifications.css', - '/css/gitea.css' + '/css/gitea.css', + '/css/knowledge.css' ]; // API routes to cache diff --git a/logs/app.log b/logs/app.log index 477ae1a..b836edc 100644 --- a/logs/app.log +++ b/logs/app.log @@ -46830,3 +46830,3756 @@ hint: See the 'Note about fast-forwards' in 'git push --help' for details. [2025-12-30T19:55:23.041Z] [INFO] GET /api/health 200 2ms [2025-12-30T19:55:26.554Z] [INFO] POST /api/auth/refresh 200 9ms [2025-12-30T19:55:37.907Z] [INFO] POST /api/auth/refresh 200 10ms +[2025-12-30T19:55:39.165Z] [INFO] Commit mit Autor: HG