schmidt1024/kashilo
1
0
Fork 0
Code Issues Pull Requests Releases Activity

refactor: replace hardcoded categories with Directus-powered category tree and translations

Browse Source
This commit is contained in:
Schmidt
2026-02-07 11:23:39 +01:00
parent 4f00b303e8
commit bb50615e0a
12 changed files with 391 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
js/components/pages/page-create.js
View File

@@ -21,7 +21,7 @@ class PageCreate extends HTMLElement {
this.formData = this.loadDraft() || this.getEmptyFormData()
this.imageFiles = []
this.imagePreviews = []
this.categories = []
this.categoryTree = []
this.submitting = false
this.isNewAccount = true
}
@@ -183,10 +183,10 @@ class PageCreate extends HTMLElement {
async loadCategories() {
try {
this.categories = await categoriesService.getAll()
this.categoryTree = await categoriesService.getTree()
} catch (e) {
console.error('Failed to load categories:', e)
this.categories = []
this.categoryTree = []
}
}
@@ -238,10 +238,14 @@ class PageCreate extends HTMLElement {
<label class="label" for="category">${t('create.category')}</label>
<select class="input" id="category" name="category" required>
<option value="">${t('create.selectCategory')}</option>
${this.categories.map(cat => `
<option value="${cat.id}" ${this.formData.category === cat.id ? 'selected' : ''}>
${t(`categories.${cat.slug}`) || cat.name}
</option>
${(this.categoryTree || []).map(cat => `
<optgroup label="${categoriesService.getTranslatedName(cat)}">
${(cat.children || []).map(sub => `
<option value="${sub.id}" ${this.formData.category === sub.id ? 'selected' : ''}>
${categoriesService.getTranslatedName(sub)}
</option>
`).join('')}
</optgroup>
`).join('')}
</select>
</div>