Edwina Barbalan
5 years ago
1 changed files with 36 additions and 35 deletions
+ 36
- 35
public/routes/profilCard.js
View File
| <div class="profil-card card"> | <div class="profil-card card"> | ||||
| <br/> | <br/> | ||||
| <img class="prof-image" src="img/profil_icon.png" alt="Card image cap"> | <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="logout-item"><i class="material-icons" @click="$router.push('/login')">exit_to_app</i></div> | ||||
| <div class="profil-text"> | <div class="profil-text"> | ||||
| <h6><b>Benutzername:</b><br><br> | <h6><b>Benutzername:</b><br><br> | ||||
| <b>{{ profil.user }}</b><br><br> | <b>{{ profil.user }}</b><br><br> | ||||
| <b>Semester:</b><br><br> | <b>Semester:</b><br><br> | ||||
| {{ profil.semester }}<br></h6> | {{ profil.semester }}<br></h6> | ||||
| </div> | </div> | ||||
| <hr class="first"> | <hr class="first"> | ||||
| <div class="btnprofil"> | <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> | </div> | ||||
| <section> | |||||
| <section> | |||||
| <b-modal :active.sync="isCardModalActive" :width="600" scroll="keep"> | <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> | </section> | ||||
| </div> | </div> | ||||
| </div>`, | </div>`, | ||||
Loading…