hopfma/om
4
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Profil änderungen

Browse Source
This commit is contained in:
Edwina Barbalan 2019-06-18 09:37:48 +02:00
parent c3073101b1
commit d71c50ef22
1 changed files with 36 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
public/routes/profilCard.js
View File

@ -3,7 +3,9 @@ Vue.component('ProfilCard', {
<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>
@ -12,47 +14,46 @@ Vue.component('ProfilCard', {
<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="isCardModalActive = true"><b>Abonniert: <br/>{{ profil.abos }}</b> <br/></button>
<button @click="$router.push('/bookmark')"> <button @click="$router.push('/bookmark')"><b>Gespeichert:<br/> {{ profil.saved }}</b><br/></button>
<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"> <div class="card">
<header class="modal-card-head"> <header class="modal-card-head">
<p class="modal-card-title">Abonnierte Kanäle</p> <p class="modal-card-title">Abonnierte Kanäle</p>
</header> </header>
<div class="card-content"> <div class="card-content">
<div class="content"> <div class="content">
<ul> <ul>
<li> <li>
</li> </li>
<li> <li>
</li> </li>
<li> <li>
</li> </li>
<li> <li>
</li> </li>
<li> <li>
</li> </li>
<li> <li>
</li> </li>
<li> <li>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<footer class="modal-card-foot"> <footer class="modal-card-foot">
<b-button size="is-medium" @click="isCardModalActive = false">Close</b-button> <b-button size="is-medium" @click="isCardModalActive = false">Close</b-button>
</footer> </footer>
</div> </div>
</b-modal> </b-modal>
</section> </section>
</div> </div>
</div>`, </div>`,