all-requests.component.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <div class="container">
  2. <div class="row">
  3. <div class="col-12">
  4. <ul class="list-unstyled titileLi-w">
  5. <li class="headingText-w" style="cursor: pointer;" (click)="authSer.perviousLocation()">خدمه التدريب</li>
  6. <li class="headingText-w activeLi-w" style="margin-right:5px">طلباتي</li>
  7. </ul>
  8. </div>
  9. </div>
  10. <div class="containerContent-w" style="text-align: center;">
  11. <div class="col-12 " *ngIf="requests.length == 0 " >
  12. <h2 class="title">لا يوجد بيانات لعرضها </h2>
  13. </div>
  14. <table class="table table-bordered" *ngIf="requests.length != 0 " >
  15. <thead class="headBackground-w">
  16. <tr>
  17. <th>الحاله</th>
  18. <th> فتره التدريب</th>
  19. <th>نوع التدريب</th>
  20. <th>التخصص العام</th>
  21. <th>التخصص الدقيق</th>
  22. <th>الأوامر</th>
  23. </tr>
  24. </thead>
  25. <tbody>
  26. <tr *ngFor="let data of requests; let i = index " style="text-align:center">
  27. <td>{{data.status == 'pending' ? 'تحت الإجراء' : '....'}}</td>
  28. <td>{{data.training_period}}</td>
  29. <td>{{data.type}}</td>
  30. <td>{{data.specialization_name}}</td>
  31. <td>{{data.specific_specialization}}</td>
  32. <td>
  33. <button *ngIf=" data.status == 'pending' " type="button" class="btn btn-outline-secondary" (click)="onEdit(data)"><i class="fas fa-edit"></i></button>
  34. <span *ngIf="data.status != 'pending'">غير مسموح</span>
  35. </td>
  36. </tr>
  37. </tbody>
  38. </table>
  39. </div>
  40. </div>