20 lines
890 B
JavaScript
20 lines
890 B
JavaScript
|
Vue.component('ProfilCard', {
|
||
|
|
template: `<div>
|
||
|
|
<img class="profil-img rounded-circle" src="img/profil_icon2.png" width=160px height=160px>
|
||
|
|
<div class="profil-card card">
|
||
|
|
<div class="edit-item"><i class="material-icons">edit</i></div>
|
||
|
|
<div class="profil-text">
|
||
|
|
<h5><b>{{ profil.user }}</b></h5><br>
|
||
|
|
<h6>{{ profil.major }}<br><br>
|
||
|
|
{{ profil.semester }}</h6>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="tab">
|
||
|
|
<button class="tablinks"><b>Abonniert<br>{{ profil.abos }}</b></button>
|
||
|
|
<button class="tablinks"><b>Gespeichert<br>{{ profil.saved }}</b></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>`,
|
||
|
|
props: ['profil']
|
||
|
|
});
|