UPD: refactoired navbar

frontend/src/App.vue

@@ -11,82 +11,43 @@
             </b-navbar-toggle>
             <!-- Collect the nav links, forms, and other content for toggling -->
             <b-collapse is-nav id="navbarNavDropdown">
-                <ul class="navbar-nav mr-auto">
-                    <li class="nav-item active"
-                    >
-                        <router-link to="/dnsvs/" class="nav-link">DNSVS</router-link>
-                    </li>
-                    <li class="nav-item">
-                        <a href="/dhcp/" class="nav-link">DHCP-Leases</a>
-                    </li>
-                    <li class="nav-item dropdown">
-                        <a href="#"
-                           class="nav-link dropdown-toggle "
-                           data-toggle="dropdown" role="button"
-                           aria-haspopup="true"
-                           aria-expanded="false">Tools</a>
-                        <div class="dropdown-menu">
+                <b-navbar-nav>
+                    <b-nav-item v-if="$sysinfo_mods_by_name['dnsvs']" to="/dnsvs/" :active="$route.path.startsWith('/dnsvs/')">DNSVS</b-nav-item>
+                    <b-nav-item v-if="$sysinfo_mods_by_name['dhcp_leases']" to="/dhcp-leases/" :active="$route.path.startsWith('/dhcp-leases/')">DHCP-Leases</b-nav-item>
+                    <b-nav-item href="https://www-net.scc.kit.edu/~netadmin/natvs/user/wrapper.cgi/" target="_blank">NATVS+</b-nav-item>
+                    <b-nav-item href="https://www-net.scc.kit.edu/~netadmin/netdoc/user/wrapper.cgi/" target="_blank">NETDOC</b-nav-item>
+                </b-navbar-nav>
+                <b-navbar-nav class="ml-auto">
+                    <b-nav-form>
+                        <div class="input-group mr-sm-2">
 
-                            <a href="/tools/ip_contact/"
-                               class="dropdown-item ">Adressbetreuer kontaktieren</a>
-
-                            <a href="/tools/macfinder/"
-                               class="dropdown-item ">MACFinder</a>
-
-                        </div>
-                    </li>
-                    <li class="nav-item">
-                        <a href="https://www-net.scc.kit.edu/~netadmin/natvs/user/wrapper.cgi/"
-                           target="_blank" class="nav-link">NATVS+</a>
-                    </li>
-                    <li class="nav-item">
-                        <a href="https://www-net.scc.kit.edu/~netadmin/netdoc/user/wrapper.cgi/"
-                           target="_blank" class="nav-link">NETDOC</a>
-                    </li>
-                </ul>
-                <form method="get" action="/search" class="d-none d-xl-block form-inline my-2 my-lg-0">
-                    <div class="input-group mr-sm-2">
-
-                        <div id="scope_filter_display" class="input-group-prepend">
-                            <span class="input-group-text">DNSVS</span>
-                        </div>
-                        <input class="form-control" type="search" id="nav-search" name="search"
-                               placeholder="Suchbegriff"
-                               aria-label="Search">
-                        <div class="input-group-append">
-                            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Suchen</button>
+                            <div id="scope_filter_display" class="input-group-prepend">
+                                <span class="input-group-text">DNSVS</span>
+                            </div>
+                            <input class="form-control" type="search" id="nav-search" name="search"
+                                   placeholder="Suchbegriff"
+                                   aria-label="Search">
+                            <div class="input-group-append">
+                                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Suchen</button>
+                            </div>
                         </div>
-                    </div>
-                </form>
-                <ul class="navbar-nav navbar-right">
-                    <li class="navbar-item">
-                        <a href="/search" class="nav-link">
-                            <span class="d-none d-xl-inline">Erweiterte </span>Suche
-                        </a>
-                    <li class="navbar-item">
-                        <a href="#" id="view-transactions" class="nav-link" data-trigger="focus"
-                           title="Aktuelle Transaktion" data-placement="bottom"
-                           data-content="Hier befindet sich jetzt Ihre geplante Änderung. Alle Änderungen werden erst nach deren Anwendung aktiv.">
+                    </b-nav-form>
+                    <b-nav-item><span class="d-none d-xl-inline">Erweiterte </span>Suche</b-nav-item>
+                    <b-nav-item>
                             <i class="fas fa-tasks" aria-hidden="true"></i> Transaktion <span
                                 class="badge badge-pill badge-success"
                                 id="trans_count">0</span>
-                        </a>
-                    </li>
-                    <li class="nav-item dropdown">
-                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
-                           aria-haspopup="true"
-                           aria-expanded="false">
+                    </b-nav-item>
+                    <b-nav-item-dropdown>
+                        <template slot="button-content">
                             <font-awesome-icon :icon="['far', 'user']"></font-awesome-icon>
                             <span v-if="session"> {{session.user.login_name}}</span>
                             <span v-if="!session"> Anmelden</span>
-                            <span
-                                class="caret"></span></a>
-                        <div class="dropdown-menu">
-                            <a class="dropdown-item" href="/logout">Abmelden</a>
-                        </div>
-                    </li>
+                        </template>
+                            <b-dropdown-item to="/logout">Abmelden</b-dropdown-item>
+                    </b-nav-item-dropdown>
 
-                </ul>
+                </b-navbar-nav>
             </b-collapse><!-- /.navbar-collapse -->
         </b-navbar>
         <div id="wrapper">

frontend/src/main.js

@@ -69,6 +69,11 @@ ColnameService.getAll().then((response) => {
     Object.freeze(Vue.prototype.$colnames)
     SystemInfoService.getAll().then((sysinfo) => {
         Vue.prototype.$sysinfo = sysinfo.data
+        let mods_by_name = {}
+        for(var i = 0; i<sysinfo.data.mods.length; i++) {
+            mods_by_name[sysinfo.data.mods[i].name] = sysinfo.data.mods[i]
+        }
+        Vue.prototype.$sysinfo_mods_by_name = mods_by_name
             new Vue({
                 router,
                 render: h => h(App),