Enhance SEO and feedback features across the application

- Updated index.html with improved meta tags for SEO, including author and theme color.
- Added a feedback dialog in ImprintContainer.vue for user feedback submission.
- Refactored LoginForm.vue to utilize a utility for cookie management, simplifying profile persistence.
- Introduced new routes and schemas for feedback in the router and server, enhancing SEO and user experience.
- Improved ChatView.vue with better error handling and command table display.
- Implemented feedback API endpoints in server routes for managing user feedback submissions and admin access.

These changes collectively improve the application's SEO, user interaction, and feedback management capabilities.
This commit is contained in:
Torsten Schulz (local)
2026-03-19 15:21:54 +01:00
parent 0205352ae9
commit 47373a27af
13 changed files with 1184 additions and 238 deletions

View File

@@ -1,8 +1,16 @@
<template>
<div class="imprint-container">
<a href="/partners">Partner</a>
<a href="#" @click.prevent="showFeedback = true">Feedback</a>
<a href="#" @click.prevent="showImprint = true">Impressum</a>
<div v-if="showFeedback" class="imprint-dialog" @click.self="showFeedback = false">
<div class="feedback-dialog-content">
<button class="close-button" @click="showFeedback = false">×</button>
<FeedbackPanel :show-hero="false" :embedded="true" />
</div>
</div>
<div v-if="showImprint" class="imprint-dialog" @click.self="showImprint = false">
<div class="imprint-content">
<button class="close-button" @click="showImprint = false">×</button>
@@ -14,8 +22,10 @@
<script setup>
import { ref } from 'vue';
import FeedbackPanel from './FeedbackPanel.vue';
const showImprint = ref(false);
const showFeedback = ref(false);
const imprintText = `
<h1>Imprint</h1>
@@ -75,6 +85,18 @@ Thanks for the flag icons to <a href="https://flagpedia.net">flagpedia.net</a>
box-shadow: 0 24px 60px rgba(18, 26, 21, 0.18);
}
.feedback-dialog-content {
width: min(1100px, 96vw);
max-height: 88vh;
overflow: auto;
background: #f4f7f5;
border: 1px solid #d7dfd9;
border-radius: 16px;
padding: 20px;
position: relative;
box-shadow: 0 24px 60px rgba(18, 26, 21, 0.18);
}
.close-button {
position: absolute;
top: 10px;