Edwina Barbalan
4 years ago
1 changed files with 36 additions and 35 deletions
+ 36
- 35
public/routes/profilCard.js
View File
| @@ -3,7 +3,9 @@ Vue.component('ProfilCard', { | |||
| <div class="profil-card card"> | |||
| <br/> | |||
| <img class="prof-image" src="img/profil_icon.png" alt="Card image cap"> | |||
| <div class="logout-item"><i class="material-icons" @click="$router.push('/login')">exit_to_app</i></div> | |||
| <div class="profil-text"> | |||
| <h6><b>Benutzername:</b><br><br> | |||
| <b>{{ profil.user }}</b><br><br> | |||
| @@ -12,47 +14,46 @@ Vue.component('ProfilCard', { | |||
| <b>Semester:</b><br><br> | |||
| {{ profil.semester }}<br></h6> | |||
| </div> | |||
| <hr class="first"> | |||
| <div class="btnprofil"> | |||
| <button @click="isCardModalActive = true"><b>Abonniert: <br/>{{ profil.abos }}</b> <br/></button> | |||
| <button @click="$router.push('/bookmark')"> | |||
| <b>Gespeichert:<br/> {{ profil.saved }}</b><br/></button> | |||
| <button @click="isCardModalActive = true"><b>Abonniert: <br/>{{ profil.abos }}</b> <br/></button> | |||
| <button @click="$router.push('/bookmark')"><b>Gespeichert:<br/> {{ profil.saved }}</b><br/></button> | |||
| </div> | |||
| <section> | |||
| <section> | |||
| <b-modal :active.sync="isCardModalActive" :width="600" scroll="keep"> | |||
| <div class="card"> | |||
| <header class="modal-card-head"> | |||
| <p class="modal-card-title">Abonnierte Kanäle</p> | |||
| </header> | |||
| <div class="card-content"> | |||
| <div class="content"> | |||
| <ul> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </div> | |||
| <footer class="modal-card-foot"> | |||
| <b-button size="is-medium" @click="isCardModalActive = false">Close</b-button> | |||
| </footer> | |||
| </div> | |||
| </b-modal> | |||
| <div class="card"> | |||
| <header class="modal-card-head"> | |||
| <p class="modal-card-title">Abonnierte Kanäle</p> | |||
| </header> | |||
| <div class="card-content"> | |||
| <div class="content"> | |||
| <ul> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| <li> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </div> | |||
| <footer class="modal-card-foot"> | |||
| <b-button size="is-medium" @click="isCardModalActive = false">Close</b-button> | |||
| </footer> | |||
| </div> | |||
| </b-modal> | |||
| </section> | |||
| </div> | |||
| </div>`, | |||
Loading…