2 changed files with 26 additions and 28 deletions
+ 3
- 3
public/home.js
View File
| 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"> | <div class="om-card card"> | ||||
| <h6 class="msg-head"> | <h6 class="msg-head"> | ||||
| <b>{{ subject }}</b> | <b>{{ subject }}</b> | ||||
| <div class="om-user-line"> | <div class="om-user-line"> | ||||
| <i class="material-icons">account_circle</i> | <i class="material-icons">account_circle</i> | ||||
| Erstellt von {{ user }} | Erstellt von {{ user }} | ||||
| </div></div>`, | |||||
| </div></div></div>`, | |||||
| props: ['subject', 'message', 'tag', 'user'] | props: ['subject', 'message', 'tag', 'user'] | ||||
| }) | }) | ||||
+ 23
- 25
public/index.html
View File
| <body> | <body> | ||||
| <div id="app"> | <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"> | <div id="message-list"> | ||||
| <Home | <Home | ||||
| v-for="(msg, index) in messages" | v-for="(msg, index) in messages" | ||||
| :user="msg.user" | :user="msg.user" | ||||
| ></Home> | ></Home> | ||||
| </div> | </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> | <script> | ||||
| const routes = [ | const routes = [ | ||||
| { path: "/home", component: Home }, | { path: "/home", component: Home }, | ||||
| { path: "/files", component: Files }, | { path: "/files", component: Files }, | ||||
| router, | router, | ||||
| el: '#app' | el: '#app' | ||||
| }); | }); | ||||
| </script> | |||||
| </script> | |||||
| --> | |||||
| <!-- NOTE: JavaScript Libs & Files --> | <!-- NOTE: JavaScript Libs & Files --> | ||||
| <!-- NOTE: Call Vue Components --> | <!-- NOTE: Call Vue Components --> | ||||
| <script src="home.js"></script> | <script src="home.js"></script> |
Loading…