UPD: Refactored footer into Footer.vue

frontend/src/App.vue

@@ -6,28 +6,7 @@
                 <div class="container">
                     <b-breadcrumb :items="breadcrumbs"/>
                     <router-view/>
-                    <footer>
-                        <hr>
-                        <p class="pull-right d-print-none">
-                            <a target="_blank" href="https://www-net-doku.scc.kit.edu/webapi/release/dnscfg-perms/"><font-awesome-icon :icon="['far', 'life-ring']"></font-awesome-icon> Hilfe/Dokumentation</a> |
-                            <b-link to="/swagger"><font-awesome-icon icon="code"></font-awesome-icon> API</b-link> |
-                            <a target="_blank" href="https://git.scc.kit.edu/scc-net/net-suite/net-suite/issues"><font-awesome-icon icon="bug"></font-awesome-icon> Fehler melden</a> |
-                            Kontakt: <a href="mailto:dns-betrieb@scc.kit.edu">dns-betrieb∂scc.kit.edu</a>
-                        </p>
-                        <p class="pull-left">Instanz: {{$sysinfo.host_oper_mode.mode}} | <b-link v-b-modal.net-suite-version>Version</b-link></p>
-                            <b-modal class="text-center" id="net-suite-version" hide-footer hide-header>
-                                <img alt="SCC" src="@/assets/img/scc_logo_small.png"/>
-                                <h3>NET-Suite</h3>
-                                <p>
-                                Version <a :href="`https://git.scc.kit.edu/scc-net/net-suite/net-suite/commit/${$sysinfo.version}`" target="_blank">{{$sysinfo.version}}</a>
-                                </p>
-                                Module:
-                                <ul>
-                                    <li v-for="m in $sysinfo.mods" :key="m.mod_path">MOD_{{m.mod_path}}:
-                                        <a target="_blank" :href="`${m.gitlab_url}/commit/${m.version}`">{{m.version}}</a></li>
-                                </ul>
-                            </b-modal>
-                    </footer>
+                    <Footer/>
                 </div>
             </div>
         </div>
@@ -45,9 +24,10 @@
 <script>
     import LoginService from '@/api-services/login.service'
     import Navbar from "./components/Navbar";
+    import Footer from "./components/Footer";
 
     export default {
-        components: {Navbar},
+        components: {Footer, Navbar},
         data() {
             return {
                 breadcrumbs: [],
@@ -66,8 +46,8 @@
                 while ((m.meta && m.meta.resolveParents) || m.parent) {
                     if (m.meta && m.meta.resolveParents) {
                         let parents = m.meta.resolveParents(this.$route.params)
-                        for(let i=0;i<parents.length;i++) {
-                            if(typeof parents[i] === 'object' && 'text' in parents[i] && 'to' in parents[i]) {
+                        for (let i = 0; i < parents.length; i++) {
+                            if (typeof parents[i] === 'object' && 'text' in parents[i] && 'to' in parents[i]) {
                                 res.unshift(parents[i])
                                 continue
                             }

frontend/src/api-services/account_token.service.js

@@ -7,6 +7,6 @@ export default {
             {"name": "cntl.wapi_auth.list", "join": {"0": "cntl.wapi_auth.fkey_cntl_wapi_auth_mgr"}}, // Tokens
             {"name": "cntl.mgr2role.list", "join": {"0": "cntl.wapi_auth.fkey_cntl_wapi_auth_mgr"}}, // Roles
         ]
-        return TransactionService.execute(config, ta);
+        return TransactionService.execute(config, ta)
     }
-};
\ No newline at end of file
+}
\ No newline at end of file

frontend/src/components/Footer.vue

+<template>
+    <footer>
+        <hr>
+        <p class="pull-right d-print-none">
+            <a target="_blank" href="https://www-net-doku.scc.kit.edu/webapi/release/dnscfg-perms/"><font-awesome-icon :icon="['far', 'life-ring']"></font-awesome-icon> Hilfe/Dokumentation</a> |
+            <b-link to="/swagger"><font-awesome-icon icon="code"></font-awesome-icon> API</b-link> |
+            <a target="_blank" href="https://git.scc.kit.edu/scc-net/net-suite/net-suite/issues"><font-awesome-icon icon="bug"></font-awesome-icon> Fehler melden</a> |
+            Kontakt: <a href="mailto:dns-betrieb@scc.kit.edu">dns-betrieb∂scc.kit.edu</a>
+        </p>
+        <p class="pull-left">Instanz: {{$sysinfo.host_oper_mode.mode}} | <b-link v-b-modal.net-suite-version>Version</b-link></p>
+        <b-modal class="text-center" id="net-suite-version" hide-footer hide-header>
+            <img alt="SCC" src="@/assets/img/scc_logo_small.png"/>
+            <h3>NET-Suite</h3>
+            <p>
+                Version <a :href="`https://git.scc.kit.edu/scc-net/net-suite/net-suite/commit/${$sysinfo.version}`" target="_blank">{{$sysinfo.version}}</a>
+            </p>
+            Module:
+            <ul>
+                <li v-for="m in $sysinfo.mods" :key="m.mod_path">MOD_{{m.mod_path}}:
+                    <a target="_blank" :href="`${m.gitlab_url}/commit/${m.version}`">{{m.version}}</a></li>
+            </ul>
+        </b-modal>
+    </footer>
+</template>
+
+<script>
+    export default {
+        name: "Footer"
+    }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file