Ohm-Management - Projektarbeit B-ME
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

navRoutes.js 1.9KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. Vue.component('nav-router', {
  2. template: `
  3. <div>
  4. <nav class="navbar is-fixed-bottom is-expanded is-primary" role="navigation" aria-label="main navigation">
  5. <div class="navbar-brand is-expanded is-light">
  6. <router-link to="/home" class="navbar-item is-primary is-expanded has-text-centered">
  7. <i class="material-icons">home</i>
  8. </router-link>
  9. <router-link to="/files" class="navbar-item is-primary is-expanded">
  10. <i class="material-icons">language</i>
  11. </router-link>
  12. <router-link to="/createMessage" class="navbar-item is-primary is-expanded">
  13. <i class="material-icons">add_circle</i>
  14. </router-link>
  15. <router-link to="/bookmark" class="navbar-item is-primary is-expanded">
  16. <i class="material-icons">bookmark</i>
  17. </router-link>
  18. <router-link to="/profil" class="navbar-item is-primary is-expanded">
  19. <i class="material-icons">person</i>
  20. </router-link>
  21. </div>
  22. </nav>
  23. </div>`,
  24. });
  25. const routes = [
  26. { path: "/", component: HomeRouter },
  27. { path: "/home", component: HomeRouter },
  28. { path: "/files", component: FileRouter },
  29. { path: "/createMessage", component: CreateMsgRouter },
  30. { path: "/bookmark", component: BookmarkRouter },
  31. { path: "/profil", component: ProfilRouter },
  32. ];
  33. const router = new VueRouter({
  34. routes,
  35. linkActiveClass: 'is-active'
  36. });