Router Componente erstellt / Navbar bearbeitet

public/index.html

@@ -87,6 +87,7 @@
 	<script src="routes/profilCard.js"></script>
 	<script src="routes/profilData.js"></script>
 	<script src="routes/login.js"></script>
+    <script src="routes/navRoutes.js"></script>
 
 	<title>OHM News</title>
 </head>
@@ -109,8 +110,10 @@
 
         <div class="om-content">
 			<div id=xxx></div>
+            <nav-router></nav-router>
             <router-view></router-view>
         </div>
+    </div>
 
 		<!--<b-tabs type="is-toggle" expanded>
             <b-tab-item><router-link to="/home" >
@@ -127,7 +130,7 @@
 
         </b-tabs>-->
 
-
+        <!--
 		<nav class="navbar is-fixed-bottom is-expanded is-light is-hoverable" role="navigation" aria-label="main navigation">
   			<div class="navbar-brand is-expanded">
 				<router-link to="/home" class="navbar-item is-expanded has-text-centered is-active">
@@ -148,13 +151,13 @@
 			</div>
 		</nav>
 
-        <!--<nav class="nav nav-tabs nav-justified om-nav" v-if="$route.path !=='/createMessage' ">
+        <nav class="nav nav-tabs nav-justified om-nav" v-if="$route.path !=='/createMessage' ">
             <router-link to="/home" class="navbar-item has-text-centered"><i class="material-icons">home</i></router-link>
             <router-link to="/files" class="navbar-item has-text-centered"><i class="material-icons">language</i></router-link>
             <router-link to="/createMessage" class="navbar-item has-text-centered outlined"><i class="material-icons">add_circle</i></router-link>
             <router-link to="/bookmark" class="navbar-item has-text-centered"><i class="material-icons">bookmark</i></router-link>
             <router-link to="/profil" class="navbar-item has-text-centered"><i class="material-icons">person</i></router-link>
-        </nav>-->
+        </nav>
     </div>
 
     <script>
@@ -170,6 +173,9 @@
         const router = new VueRouter({
 			routes
 		});
+
+        -->
+    <script>
         var app = new Vue({
             router,
             el: '#api',