73ef704ee5
Änderung: - Der Daemon WebSocket wurde aufgrund von CORS- und Protokollproblemen deaktiviert. - Alle WebSocket-Interaktionen wurden auf Socket.io umgestellt, um die Funktionalität weiterhin zu gewährleisten. - Entsprechende Protokollausgaben wurden hinzugefügt, um den Status der Deaktivierung zu dokumentieren. Diese Anpassung verbessert die Stabilität der Anwendung und sorgt für eine konsistente Handhabung von WebSocket-Events.
126 lines
3.0 KiB
Vue
126 lines
3.0 KiB
Vue
<template>
|
|
<footer>
|
|
<div class="logo" @click="showFalukantDaemonStatus"><img src="/images/icons/logo_color.png"></div>
|
|
<div class="window-bar">
|
|
<button v-for="dialog in openDialogs" :key="dialog.dialog.name" class="dialog-button"
|
|
@click="toggleDialogMinimize(dialog.dialog.name)" :title="dialog.dialog.localTitle">
|
|
<img v-if="dialog.dialog.icon" :src="'/images/icons/' + dialog.dialog.icon" />
|
|
<span class="button-text">{{ dialog.dialog.isTitleTranslated ? $t(dialog.dialog.localTitle) :
|
|
dialog.dialog.localTitle }}</span>
|
|
</button>
|
|
</div>
|
|
<div class="static-block">
|
|
<a href="#" @click.prevent="openImprintDialog">{{ $t('imprint.button') }}</a>
|
|
<a href="#" @click.prevent="openDataPrivacyDialog">{{ $t('dataPrivacy.button') }}</a>
|
|
<a href="#" @click.prevent="openContactDialog">{{ $t('contact.button') }}</a>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters, mapState } from 'vuex';
|
|
|
|
export default {
|
|
name: 'AppFooter',
|
|
components: {
|
|
},
|
|
computed: {
|
|
...mapGetters('dialogs', ['openDialogs']),
|
|
...mapState(['daemonSocket']),
|
|
},
|
|
mounted() {
|
|
if (this.daemonSocket && this.daemonSocket.addEventListener) {
|
|
this.daemonSocket.addEventListener('workerStatus', this.handleDaemonMessage);
|
|
}
|
|
},
|
|
beforeUnmount() {
|
|
if (this.daemonSocket && this.daemonSocket.removeEventListener) {
|
|
this.daemonSocket.removeEventListener('workerStatus', this.handleDaemonMessage);
|
|
}
|
|
},
|
|
methods: {
|
|
openImprintDialog() {
|
|
this.$root.$refs.imprintDialog.open();
|
|
},
|
|
openDataPrivacyDialog() {
|
|
this.$root.$refs.dataPrivacyDialog.open();
|
|
},
|
|
openContactDialog() {
|
|
this.$root.$refs.contactDialog.open();
|
|
},
|
|
toggleDialogMinimize(dialogName) {
|
|
this.$store.dispatch('dialogs/toggleDialogMinimize', dialogName);
|
|
},
|
|
// Daemon WebSocket deaktiviert - diese Funktionen sind nicht mehr verfügbar
|
|
async showFalukantDaemonStatus() {
|
|
console.log('⚠️ Daemon WebSocket deaktiviert - Status nicht verfügbar');
|
|
},
|
|
handleDaemonMessage(event) {
|
|
console.log('⚠️ Daemon WebSocket deaktiviert - keine Nachrichten verarbeitet');
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
footer {
|
|
display: flex;
|
|
background-color: #7BBE55;
|
|
height: 38px;
|
|
width: 100%;
|
|
color: #7E471B;
|
|
}
|
|
|
|
.logo,
|
|
.window-bar,
|
|
.static-block {
|
|
text-align: center;
|
|
}
|
|
|
|
.window-bar {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
gap: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.dialog-button {
|
|
max-width: 12em;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding: 5px 10px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
background: none;
|
|
height: 1.8em;
|
|
border: 1px solid #0a4337;
|
|
box-shadow: 1px 1px 2px #484949;
|
|
}
|
|
|
|
.dialog-button>img {
|
|
height: 16px;
|
|
}
|
|
|
|
.button-text {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.logo>img {
|
|
width: 36px;
|
|
height: 36px;
|
|
}
|
|
|
|
.static-block {
|
|
line-height: 38px;
|
|
}
|
|
|
|
.static-block>a {
|
|
padding-right: 1.5em;
|
|
}
|
|
</style> |