feat(bisaya-course): enhance German course content and localization support

- Updated the create-german-for-bisaya-course-content.js script to improve lesson pattern retrieval by introducing a new function for generating a lesson pattern pool.
- Added new exercises for various topics including 'Wohnung & Nachbarn', 'Besuch empfangen', 'Arzt, Apotheke, Termin', and 'Amt, Dokumente, Anmeldung', enhancing practical language skills for learners.
- Improved localization by integrating translation keys for various UI elements and error messages across multiple components, ensuring a consistent user experience in both German and Bisaya.
- Enhanced the main.js file to recognize Bisaya language preferences in browser settings, improving accessibility for users.
This commit is contained in:
Torsten Schulz (local)
2026-03-31 17:40:03 +02:00
parent 9427b9396f
commit 004a22983e
49 changed files with 3468 additions and 262 deletions

View File

@@ -1,61 +1,61 @@
<template>
<div class="blog-editor">
<h1>{{ isEdit ? 'Blog bearbeiten' : 'Blog erstellen' }}</h1>
<h1>{{ isEdit ? $t('blog.editor.editTitle') : $t('blog.editor.createTitle') }}</h1>
<form @submit.prevent="save">
<div>
<label>Titel</label>
<label>{{ $t('blog.title') }}</label>
<input v-model="form.title" required />
</div>
<div>
<label>Beschreibung</label>
<label>{{ $t('blog.editor.description') }}</label>
<textarea v-model="form.description"></textarea>
</div>
<div>
<label>Sichtbarkeit</label>
<label>{{ $t('blog.editor.visibility') }}</label>
<select v-model="form.visibility">
<option value="public">Öffentlich</option>
<option value="logged_in">Nur eingeloggte Nutzer</option>
<option value="public">{{ $t('blog.editor.visibilityPublic') }}</option>
<option value="logged_in">{{ $t('blog.editor.visibilityLoggedIn') }}</option>
</select>
</div>
<div v-if="form.visibility === 'logged_in'">
<label>Altersbereich</label>
<label>{{ $t('blog.editor.ageRange') }}</label>
<div class="row">
<input type="number" min="0" v-model.number="form.ageMin" placeholder="min" />
<input type="number" min="0" v-model.number="form.ageMax" placeholder="max" />
</div>
<label>Geschlecht</label>
<label>{{ $t('blog.editor.gender') }}</label>
<div class="row">
<label><input type="checkbox" value="m" v-model="genderSel"> Männlich</label>
<label><input type="checkbox" value="f" v-model="genderSel"> Weiblich</label>
<label><input type="checkbox" value="m" v-model="genderSel"> {{ $t('blog.editor.genderMale') }}</label>
<label><input type="checkbox" value="f" v-model="genderSel"> {{ $t('blog.editor.genderFemale') }}</label>
</div>
</div>
<button class="btn" type="submit">Speichern</button>
<button class="btn" type="submit">{{ $t('blog.editor.save') }}</button>
</form>
<div v-if="isEdit" class="post-editor">
<h2>Neuer Beitrag</h2>
<h2>{{ $t('blog.editor.newPostTitle') }}</h2>
<form @submit.prevent="addPost">
<input v-model="post.title" placeholder="Titel" required />
<input v-model="post.title" :placeholder="$t('blog.title')" required />
<RichTextEditor v-model="post.content" :blog-id="$route.params.id" />
<button class="btn" type="submit">Beitrag hinzufügen</button>
<button class="btn" type="submit">{{ $t('blog.editor.addPost') }}</button>
</form>
</div>
<div v-if="isEdit" class="share-section">
<h2>Blog teilen</h2>
<h2>{{ $t('blog.editor.shareTitle') }}</h2>
<div class="share-url">
<label>URL</label>
<label>{{ $t('blog.editor.url') }}</label>
<input :value="currentShareUrl" readonly @focus="$event.target.select()" />
<button class="btn" type="button" @click="copyUrl">Link kopieren</button>
<button class="btn" type="button" @click="copyUrl">{{ $t('blog.editor.copyLink') }}</button>
</div>
<div class="share-actions">
<button class="btn" type="button" @click="shareToFriends">An Freunde senden</button>
<button class="btn" type="button" @click="shareToFriends">{{ $t('blog.editor.shareToFriends') }}</button>
</div>
<div class="share-email">
<label>E-Mail-Adressen (Kommagetrennt)</label>
<label>{{ $t('blog.editor.emailAddresses') }}</label>
<input v-model="emailInput" placeholder="name@example.com, second@example.org" />
<button class="btn" type="button" @click="shareToEmails">Senden</button>
<p v-if="form.visibility !== 'public'" class="hint">Hinweis: Dieser Blog ist nicht öffentlich. Empfänger benötigen ggf. ein Login und passende Alters/Geschlechts-Berechtigung.</p>
<button class="btn" type="button" @click="shareToEmails">{{ $t('blog.editor.send') }}</button>
<p v-if="form.visibility !== 'public'" class="hint">{{ $t('blog.editor.restrictedHint') }}</p>
</div>
<p v-if="shareStatus" class="status">{{ shareStatus }}</p>
</div>
@@ -108,7 +108,7 @@ export default {
async save() {
if (this.form.visibility === 'logged_in') {
if (this.form.ageMin != null && this.form.ageMax != null && this.form.ageMin > this.form.ageMax) {
showError(this, 'Ungültiger Altersbereich');
showError(this, 'tr:blog.editor.invalidAgeRange');
return;
}
}
@@ -152,9 +152,9 @@ export default {
const url = this.currentShareUrl || this.blogAbsoluteUrl();
try {
await navigator.clipboard.writeText(url);
this.shareStatus = 'Link kopiert';
this.shareStatus = this.$t('blog.editor.copySuccess');
} catch {
this.shareStatus = 'Kopieren fehlgeschlagen';
this.shareStatus = this.$t('blog.editor.copyError');
}
setTimeout(() => (this.shareStatus = ''), 2000);
},
@@ -162,9 +162,9 @@ export default {
try {
const res = await shareBlog(this.$route.params.id, { toFriends: true });
if (res.url) this.currentShareUrl = res.url;
this.shareStatus = `An ${res.notifiedFriends || 0} Freund(e) gesendet.`;
this.shareStatus = this.$t('blog.editor.friendsSent', { count: res.notifiedFriends || 0 });
} catch (e) {
this.shareStatus = 'Teilen fehlgeschlagen';
this.shareStatus = this.$t('blog.editor.shareError');
}
setTimeout(() => (this.shareStatus = ''), 3000);
},
@@ -174,9 +174,9 @@ export default {
try {
const res = await shareBlog(this.$route.params.id, { emails });
if (res.url) this.currentShareUrl = res.url;
this.shareStatus = `${res.emailsSent || 0} E-Mail(s) versendet.`;
this.shareStatus = this.$t('blog.editor.emailsSent', { count: res.emailsSent || 0 });
} catch (e) {
this.shareStatus = 'E-Mail-Versand fehlgeschlagen';
this.shareStatus = this.$t('blog.editor.emailError');
}
setTimeout(() => (this.shareStatus = ''), 3000);
}