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 2.8KB

5 years ago
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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" data-toggle="modal" data-target="#myModal">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 class="modal fade" id="myModal" role="dialog">
  18. <div class="modal-dialog modal-dialog-centered">
  19. <div class="modal-content">
  20. <div class="modal-header">
  21. <h5 class="modal-title">Profil Bearbeiten</h5>
  22. <button type="button" class="close" data-dismiss="modal">&times;</button>
  23. </div>
  24. <div class="modal-body">
  25. <form class="new-msg-form">
  26. <div class="form-group">
  27. <label class="bmd-label-floating">Benutzername*</label>
  28. <input type="text" class="form-control" id="user">
  29. </div>
  30. <div class="form-group">
  31. <label class="bmd-label-floating">Studiengang*</label>
  32. <input type="text" class="form-control" id="major">
  33. </div>
  34. <div class="form-group">
  35. <label class="bmd-label-floating">Semester*</label>
  36. <input type="text" class="form-control" id="semester">
  37. </div>
  38. </form>
  39. </div>
  40. <div class="modal-footer">
  41. <button type="button" class ="btn btn-default" data-dismiss="modal" id="close">Close</button>
  42. <button type="submit" class="btn btn-raised om-btn" data-dismiss="modal" id="save">Save</button>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>`,
  48. props: ['profil']
  49. });