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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user