Added movability of dialogs

frontend/src/components/AppFooter.vue

@@ -10,11 +10,13 @@
       </button>
     </div>
     <div class="static-block">
-      <a href="#" @click.prevent="openImprintDialog">Impressum</a>
-      <a href="#" @click.prevent="openDataPrivacyDialog">Datenschutzerklärung</a>
+      <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>
     <ImprintDialog ref="imprintDialog" name="imprintDialog" />
     <DataPrivacyDialog ref="dataPrivacyDialog" name="dataPrivacyDialog" />
+    <ContactDialog ref="contactDialog" name="contactDialog" />
   </footer>
 </template>
 
@@ -22,12 +24,14 @@
 import { mapGetters } from 'vuex';
 import ImprintDialog from '../dialogues/standard/ImprintDialog.vue';
 import DataPrivacyDialog from '../dialogues/standard/DataPrivacyDialog.vue';
+import ContactDialog from '../dialogues/standard/ContactDialog.vue';
 
 export default {
   name: 'AppFooter',
   components: {
     ImprintDialog,
     DataPrivacyDialog,
+    ContactDialog,
   },
   computed: {
     ...mapGetters('dialogs', ['openDialogs'])
@@ -39,6 +43,9 @@ export default {
     openDataPrivacyDialog() {
       this.$refs.dataPrivacyDialog.open();
     },
+    openContactDialog() {
+      this.$refs.contactDialog.open();
+    },
     toggleDialogMinimize(dialogName) {
       this.$store.dispatch('dialogs/toggleDialogMinimize', dialogName);
     }