2 changed files with 26 additions and 28 deletions
+ 3
- 3
public/home.js
View File
| @@ -1,5 +1,5 @@ | |||
| const ('Home', { | |||
| template: ` <div id="message-list" v-for="(msg, index) in messages" :key="msg.id" :subject="msg.subject" :message="msg.message" :tag="msg.tag" :user="msg.user"> | |||
| Vue.component('Home', { | |||
| template: `<div id="message-list"> | |||
| <div class="om-card card"> | |||
| <h6 class="msg-head"> | |||
| <b>{{ subject }}</b> | |||
| @@ -10,7 +10,7 @@ const ('Home', { | |||
| <div class="om-user-line"> | |||
| <i class="material-icons">account_circle</i> | |||
| Erstellt von {{ user }} | |||
| </div></div>`, | |||
| </div></div></div>`, | |||
| props: ['subject', 'message', 'tag', 'user'] | |||
| }) | |||
+ 23
- 25
public/index.html
View File
| @@ -30,20 +30,18 @@ | |||
| <body> | |||
| <div id="app"> | |||
| <div class="om-header-container"> | |||
| <div class="om-header"> | |||
| <a href="index.html"><img src="th_nbg_ohmicon_amp.png" width=55px height=55px></a> | |||
| <form class="om-searchbar"> | |||
| <input type="search" placeholder="Search..."> | |||
| </form> | |||
| </div> | |||
| </div> | |||
| <div class="om-header-container"> | |||
| <div class="om-header"> | |||
| <a href="index.html"><img src="th_nbg_ohmicon_amp.png" width=55px height=55px></a> | |||
| <form class="om-searchbar"> | |||
| <input type="search" placeholder="Search..."> | |||
| </form> | |||
| </div> | |||
| </div> | |||
| <router-view class="om-content"> | |||
| <Home></Home> | |||
| <!-- | |||
| <div class="om-content"> | |||
| <div id="message-list"> | |||
| <Home | |||
| v-for="(msg, index) in messages" | |||
| @@ -54,21 +52,20 @@ | |||
| :user="msg.user" | |||
| ></Home> | |||
| </div> | |||
| --> | |||
| </router-view> | |||
| <nav class="nav nav-tabs nav-justified om-nav "> | |||
| <router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link> | |||
| <router-link to="/files" class="nav-item nav-link"><i class="material-icons">folder</i></router-link> | |||
| <router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link> | |||
| <router-link to="/bookmark" class="nav-item nav-link"><i class="material-icons">bookmark</i></router-link> | |||
| <router-link to="/profil" class="nav-item nav-link"><i class="material-icons">person</i></router-link> | |||
| </nav> | |||
| </div> | |||
| </div> | |||
| <nav class="nav nav-tabs nav-justified om-nav "> | |||
| <router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link> | |||
| <router-link to="/files" class="nav-item nav-link"><i class="material-icons">folder</i></router-link> | |||
| <router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link> | |||
| <router-link to="/bookmark" class="nav-item nav-link"><i class="material-icons">bookmark</i></router-link> | |||
| <router-link to="/profil" class="nav-item nav-link"><i class="material-icons">person</i></router-link> | |||
| </nav> | |||
| </div> | |||
| <!--<router-view></router-view> --> | |||
| <!-- | |||
| <script> | |||
| const routes = [ | |||
| { path: "/home", component: Home }, | |||
| { path: "/files", component: Files }, | |||
| @@ -83,8 +80,9 @@ | |||
| router, | |||
| el: '#app' | |||
| }); | |||
| </script> | |||
| </script> | |||
| --> | |||
| <!-- NOTE: JavaScript Libs & Files --> | |||
| <!-- NOTE: Call Vue Components --> | |||
| <script src="home.js"></script> | |||
Loading…