Ohm-Management - Projektarbeit B-ME
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

profilCard.js 916B

5 years ago
12345678910111213141516171819
  1. Vue.component('ProfilCard', {
  2. template: `<div>
  3. <img class="profil-img rounded-circle" src="img/profil_icon.png" width=120px height=120px>
  4. <div class="profil-card card">
  5. <div class="edit-item"><i class="material-icons">edit</i></div>
  6. <div class="profil-text">
  7. <h5><b>{{ profil.user }}</b></h5><br>
  8. <h6>{{ profil.major }}<br><br>
  9. {{ profil.semester }}</h6>
  10. </div>
  11. <hr>
  12. <div class="om-tab">
  13. <button class="tablinks om-tablinks"><b>Abonniert<br>{{ profil.abos }}</b></button>
  14. <button class="tablinks om-tablinks"><b>Gespeichert<br>{{ profil.saved }}</b></button>
  15. </div>
  16. </div>
  17. </div>`,
  18. props: ['profil']
  19. });