torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(chat): add chat room management functionality

Browse Source 
- Created new chat schema in the database.
- Implemented chat room model with necessary fields (title, ownerId, roomTypeId, etc.).
- Added room type model and rights model for chat functionality.
- Developed API endpoints for managing chat rooms, including create, edit, and delete operations.
- Integrated chat room management into the admin interface with a dedicated view and dialog for room creation/editing.
- Added internationalization support for chat room management UI.
- Implemented autocomplete for victim selection in underground activities.
- Enhanced the underground view with new activity types and political target selection.
This commit is contained in:
Torsten Schulz (local)
2025-08-11 23:31:25 +02:00
parent 6062570fe8
commit 23f698d8fd
26 changed files with 1564 additions and 866 deletions
Download Patch File Download Diff File Expand all files Collapse all files

216
frontend/src/views/falukant/UndergroundView.vue
View File

@@ -13,6 +13,7 @@
<div class="create-activity">
<h3>{{ $t('falukant.underground.activities.create') }}</h3>
<!-- Typ -->
<label class="form-label">
{{ $t('falukant.underground.activities.type') }}
<select v-model="newActivityTypeId" class="form-control">
@@ -23,18 +24,43 @@
</select>
</label>
<!-- Victim mit Autocomplete -->
<label class="form-label">
{{ $t('falukant.underground.activities.victim') }}
<input v-model="newVictimUsername" type="text" class="form-control"
<input v-model="newVictimUsername" @input="onVictimInput" type="text" class="form-control"
:placeholder="$t('falukant.underground.activities.victimPlaceholder')" />
</label>
<div v-if="victimSuggestions.length" class="suggestions">
<ul>
<li v-for="s in victimSuggestions" :key="s.username" @click="selectVictim(s)">
{{ s.username }} — {{ s.firstname }} {{ s.lastname }}
({{ s.town }})
</li>
</ul>
</div>
<!-- Politische Zielpersonen (Multiselect) -->
<label v-if="selectedType && selectedType.tr === 'corrupt_politician'" class="form-label">
{{ $t('falukant.underground.activities.targets') }}
<select v-model="newPoliticalTargets" multiple size="5" class="form-control">
<option v-for="p in politicalTargets" :key="p.id" :value="p.id">
{{ $t('falukant.titles.' + p.gender + '.' + p.title) }}
{{ p.name }}
({{ $t('falukant.politics.offices.' + p.officeType) }})
</option>
</select>
</label>
<!-- Bei sabotage: Ziel auswählen -->
<label v-if="selectedType && selectedType.tr === 'sabotage'" class="form-label">
{{ $t('falukant.underground.activities.sabotageTarget') }}
<select v-model="newSabotageTarget" class="form-control">
<option value="house">{{ $t('falukant.underground.targets.house') }}</option>
<option value="storage">{{ $t('falukant.underground.targets.storage') }}</option>
<option value="house">
{{ $t('falukant.underground.targets.house') }}
</option>
<option value="storage">
{{ $t('falukant.underground.targets.storage') }}
</option>
</select>
</label>
@@ -42,9 +68,15 @@
<label v-if="selectedType && selectedType.tr === 'corrupt_politician'" class="form-label">
{{ $t('falukant.underground.activities.corruptGoal') }}
<select v-model="newCorruptGoal" class="form-control">
<option value="elect">{{ $t('falukant.underground.goals.elect') }}</option>
<option value="tax_increase">{{ $t('falukant.underground.goals.taxIncrease') }}</option>
<option value="tax_decrease">{{ $t('falukant.underground.goals.taxDecrease') }}</option>
<option value="elect">
{{ $t('falukant.underground.goals.elect') }}
</option>
<option value="tax_increase">
{{ $t('falukant.underground.goals.taxIncrease') }}
</option>
<option value="tax_decrease">
{{ $t('falukant.underground.goals.taxDecrease') }}
</option>
</select>
</label>
@@ -69,13 +101,9 @@
</thead>
<tbody>
<tr v-for="act in activities" :key="act.id">
<!-- Typ -->
<td>{{ $t(`falukant.underground.types.${act.type}`) }}</td>
<!-- Victim -->
<td>{{ act.victimName }}</td>
<!-- Cost -->
<td>{{ formatCost(act.cost) }}</td>
<!-- Zusätzliche Informationen -->
<td>
<template v-if="act.type === 'sabotage'">
{{ $t(`falukant.underground.targets.${act.target}`) }}
@@ -145,22 +173,35 @@ export default {
activities: [],
attacks: [],
loading: { activities: false, attacks: false },
// Neue Activity-Formfelder
newActivityTypeId: null,
newVictimUsername: '',
victimSuggestions: [],
victimSearchTimeout: null,
newPoliticalTargets: [],
newSabotageTarget: 'house',
newCorruptGoal: 'elect'
};
},
computed: {
selectedType() {
return this.undergroundTypes.find(t => t.id === this.newActivityTypeId) || null;
return this.undergroundTypes.find(
t => t.id === this.newActivityTypeId
) || null;
},
canCreate() {
if (!this.newActivityTypeId || !this.newVictimUsername.trim()) return false;
if (this.selectedType.tr === 'sabotage' && !this.newSabotageTarget) return false;
if (this.selectedType.tr === 'corrupt_politician' && !this.newCorruptGoal) return false;
if (!this.newActivityTypeId) return false;
const hasUser = this.newVictimUsername.trim().length > 0;
const hasPol = this.newPoliticalTargets.length > 0;
if (!hasUser && !hasPol) return false;
if (this.selectedType?.tr === 'sabotage' && !this.newSabotageTarget) {
return false;
}
if (
this.selectedType?.tr === 'corrupt_politician' &&
!this.newCorruptGoal
) {
return false;
}
return true;
}
},
@@ -181,34 +222,32 @@ export default {
}
},
async loadUndergroundTypes() {
const { data } = await apiClient.get('/api/falukant/underground/types');
this.undergroundTypes = data;
},
async loadActivities() {
this.loading.activities = true;
try {
const { data } = await apiClient.get('/api/falukant/underground/activities');
this.activities = data;
} catch (err) {
console.error('Error loading activities', err);
} finally {
this.loading.activities = false;
onVictimInput() {
clearTimeout(this.victimSearchTimeout);
const q = this.newVictimUsername.trim();
if (q.length >= 3) {
this.victimSearchTimeout = setTimeout(() => {
this.searchVictims(q);
}, 300);
} else {
this.victimSuggestions = [];
}
},
async loadAttacks() {
this.loading.attacks = true;
async searchVictims(q) {
console.log('Searching victims for:', q);
try {
const { data } = await apiClient.get('/api/falukant/underground/attacks');
this.attacks = data;
const { data } = await apiClient.get('/api/falukant/users/search', {
params: { q }
});
this.victimSuggestions = data;
} catch (err) {
console.error('Error loading attacks', err);
} finally {
this.loading.attacks = false;
console.error('Error searching users', err);
}
},
selectVictim(u) {
this.newVictimUsername = u.username;
this.victimSuggestions = [];
},
async createActivity() {
if (!this.canCreate) return;
@@ -216,17 +255,22 @@ export default {
typeId: this.newActivityTypeId,
victimUsername: this.newVictimUsername.trim()
};
// je nach Typ noch ergänzen:
if (this.selectedType.tr === 'sabotage') {
payload.target = this.newSabotageTarget;
}
if (this.selectedType.tr === 'corrupt_politician') {
payload.goal = this.newCorruptGoal;
if (this.newPoliticalTargets.length) {
payload.politicalTargets = this.newPoliticalTargets;
}
}
try {
await apiClient.post('/api/falukant/underground/activities', payload);
// zurücksetzen & neu laden
await apiClient.post(
'/api/falukant/underground/activities',
payload
);
this.newVictimUsername = '';
this.newPoliticalTargets = [];
this.newSabotageTarget = 'house';
this.newCorruptGoal = 'elect';
await this.loadActivities();
@@ -235,6 +279,38 @@ export default {
}
},
async loadUndergroundTypes() {
const { data } = await apiClient.get(
'/api/falukant/underground/types'
);
this.undergroundTypes = data;
},
async loadActivities() {
return;
this.loading.activities = true;
try {
const { data } = await apiClient.get(
'/api/falukant/underground/activities'
);
this.activities = data;
} finally {
this.loading.activities = false;
}
},
async loadAttacks() {
this.loading.attacks = true;
try {
const { data } = await apiClient.get(
'/api/falukant/underground/attacks'
);
this.attacks = data;
} finally {
this.loading.attacks = false;
}
},
formatDate(ts) {
return new Date(ts).toLocaleDateString(this.$i18n.locale, {
year: 'numeric',
@@ -245,26 +321,26 @@ export default {
});
},
formatCost(value) {
formatCost(v) {
return new Intl.NumberFormat(navigator.language, {
minimumFractionDigits: 0,
maximumFractionDigits: 0
}).format(value);
}).format(v);
}
}
};
</script>
<style scoped>
h2 {
margin-top: 20px;
}
.underground-view {
display: flex;
flex-direction: column;
}
h2 {
padding-top: 20px;
}
.tab-content {
margin-top: 1rem;
}
@@ -279,18 +355,12 @@ h2 {
margin: 1em 0;
}
/* --- Create Activity --- */
.create-activity {
border: 1px solid #ccc;
padding: 1rem;
margin-bottom: 1rem;
border-radius: 4px;
background: #fafafa;
display: inline-block;
}
.create-activity h3 {
margin-top: 0;
border-radius: 4px;
}
.form-label {
@@ -310,11 +380,11 @@ h2 {
.btn-create-activity {
padding: 0.5rem 1rem;
cursor: pointer;
background: #4caf50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.btn-create-activity:disabled {
@@ -322,22 +392,42 @@ h2 {
cursor: not-allowed;
}
/* --- Activities List --- */
.activities-list ul {
list-style: disc;
margin-left: 1.5em;
}
/* --- Attacks Table --- */
.activities-table table,
.attacks-list table {
width: 100%;
border-collapse: collapse;
}
.activities-table th,
.activities-table td,
.attacks-list th,
.attacks-list td {
padding: 8px;
border: 1px solid #ddd;
text-align: left;
}
</style>
.suggestions {
position: absolute;
background: #fff;
border: 1px solid #ccc;
z-index: 10;
max-height: 200px;
overflow-y: auto;
}
.suggestions ul {
list-style: none;
margin: 0;
padding: 0;
}
.suggestions li {
padding: 0.5em;
cursor: pointer;
}
.suggestions li:hover {
background: #eee;
}
</style>