add-request.component.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. <div class="addRequest-w">
  2. <div class="container">
  3. <div class="row" style="margin-bottom:8px;">
  4. <div class="col-12">
  5. <ul class="list-unstyled titileLi-w">
  6. <li class="headingText-w" style="cursor: pointer;" (click)="authService.perviousLocation()">خدمه التدريب</li>
  7. <li class="headingText-w activeLi-w" style="margin-right:5px">إضافه طلب</li>
  8. </ul>
  9. </div>
  10. </div>
  11. <div class="contentBorder-w">
  12. <div class="row">
  13. <div class="col-12">
  14. <form (ngSubmit)="onSubmitted()" #f="ngForm">
  15. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  16. <div class="form-group">
  17. <label>نوع الطلب</label>
  18. <select class="form-control selectStyle-w" name="type" (input)="changeType($event)" [ngModel]="dataForm.type" required>
  19. <option value="trainees">المتدربين</option>
  20. <option value="fellowship"> زماله(البورد السعودي) </option>
  21. <option value="university_administrators">مشرفي الجامعات</option>
  22. </select>
  23. </div>
  24. </div>
  25. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  26. <div class="form-group">
  27. <label for="specialize">اسم التخصص</label>
  28. <input type="text" placeholder="اسم التخصص" class="form-control" name="specialization_name" [ngModel]="dataForm.specialization_name" required/>
  29. </div>
  30. </div>
  31. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  32. <div class="form-group">
  33. <label for="specialize">التخصص الدقيق</label>
  34. <input type="text" placeholder="التخصص الدقيق" class="form-control" name="specific_specialization" [ngModel]="dataForm.specific_specialization" required/>
  35. </div>
  36. </div>
  37. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  38. <div class="form-group">
  39. <label for="specialize">الجامعه</label>
  40. <input type="text" placeholder="الجامعه" class="form-control" name="university" [ngModel]="dataForm.university" required/>
  41. </div>
  42. </div>
  43. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  44. <div class="form-group">
  45. <label for="specialize">المستوي</label>
  46. <input type="text" placeholder="المستوي" class="form-control" name="level" [ngModel]="dataForm.level" required/>
  47. </div>
  48. </div>
  49. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  50. <div class="form-group">
  51. <label for="specialize">الفتره التدريبيه</label>
  52. <input type="text" placeholder="الفتره التدريبيه" class="form-control" name="training_period" [ngModel]="dataForm.training_period" required/>
  53. </div>
  54. </div>
  55. <div class="col-12 col-sm-12 col-md-4 col-lg-4" *ngIf="dataForm.type == 'fellowship'">
  56. <div class="form-group">
  57. <label for="specialize">رقم التسجيل</label>
  58. <input type="number" min="0" placeholder="رقم التسجيل" (keypress)="authService.onKeydown($event)" appNumber class="form-control" name="registration_number" [ngModel]="dataForm.registration_number"/>
  59. </div>
  60. </div>
  61. <div class="col-12 col-sm-12 col-md-4 col-lg-4" *ngIf="dataForm.type == 'fellowship'">
  62. <div class="form-group">
  63. <label for="specialize">رقم البطاقه الهينه</label>
  64. <input type="number" min="0" (keypress)="authService.onKeydown($event)" appNumber placeholder="رقم البطاقه الهينه" class="form-control" name="authority_card_number" [ngModel]="dataForm.authority_card_number"/>
  65. </div>
  66. </div>
  67. <div class="col-12 col-sm-12 col-md-4 col-lg-4" *ngIf="dataForm.type == 'fellowship'">
  68. <div class="form-group">
  69. <label for="specialize"> البطاقه الوظيفي</label>
  70. <input type="number" min="0" (keypress)="authService.onKeydown($event)" appNumber placeholder="البطاقه الوظيفي" class="form-control" name="functional_number" [ngModel]="dataForm.functional_number"/>
  71. </div>
  72. </div>
  73. <div class="col-12 col-sm-12 col-md-4 col-lg-4" *ngIf="dataForm.type == 'fellowship'">
  74. <div class="form-group">
  75. <label for="specialize">نوع التعاقد</label>
  76. <input type="text" placeholder="نوع التعاقد" class="form-control" name="contract_type" [ngModel]="dataForm.contract_type"/>
  77. </div>
  78. </div>
  79. <div class="col-12 col-sm-12 col-md-4 col-lg-4" *ngIf="dataForm.type == 'fellowship'">
  80. <div class="form-group">
  81. <label for="specialize">الجهه التابع لها المتدرب</label>
  82. <input type="text" placeholder="الجهه التابع لها المتدرب" class="form-control" name="organization_affiliated_with" [ngModel]="dataForm.organization_affiliated_with"/>
  83. </div>
  84. </div>
  85. <div class="col-12 col-sm-12 col-md-12 col-lg-12">
  86. <h2>أختر الأقسام <span>(قم بإختيار قسم كحد أدني)</span></h2>
  87. <hr>
  88. <div class="row">
  89. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  90. <div class="form-group">
  91. <label for="department1">القسم الأول</label>
  92. <select class="form-control selectStyle-w" id="department1" name="department1" (input)="changeDepartment($event , 1)" [ngModel]="dataForm.department1">
  93. <option *ngFor="let department of departments" [value]="department.id">{{department.name}}</option>
  94. </select>
  95. </div>
  96. </div>
  97. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  98. <div class="form-group">
  99. <label for="department2">القسم الثاني</label>
  100. <select class="form-control selectStyle-w" id="department2" name="department2" (input)="changeDepartment($event , 2)" [ngModel]="dataForm.department2">
  101. <option *ngFor="let department of departments" [value]="department.id">{{department.name}}</option>
  102. </select>
  103. </div>
  104. </div>
  105. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  106. <div class="form-group">
  107. <label for="department3">القسم الثالث</label>
  108. <select class="form-control selectStyle-w" id="department3" name="department3" (input)="changeDepartment($event , 3)" [ngModel]="dataForm.department3">
  109. <option *ngFor="let department of departments" [value]="department.id">{{department.name}}</option>
  110. </select>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="col-12">
  115. <div class="row">
  116. <div class="col-12">
  117. <button type="button" class="btn btn-default" (click)="plusImage()" style="margin:10px 0;">إضافه مرفق</button>
  118. </div>
  119. <table class="table table-bordered">
  120. <thead class="headBackground-w">
  121. <tr>
  122. <th> إسم المرفق</th>
  123. <th>رفع املف ( بصيغه pdf )</th>
  124. <th>حذف</th>
  125. </tr>
  126. </thead>
  127. <tbody>
  128. <tr style="text-align:center;" *ngFor="let file of files; let i = index">
  129. <td><input type="text" class="form-control" placeholder="إسم الملف" [(ngModel)]="file.title" [ngModelOptions]="{standalone: true}"/></td>
  130. <td>
  131. <input type="file" name="file{{i}}" id="file{{i}}" class="inputfile" alife-file-to-base64 (onFileChanged)="onFileChanges($event,i)" />
  132. <label for="file{{i}}" class="iconUpload-w"><i class="fas fa-upload"></i></label>
  133. <span>{{file.nameFile}}</span>
  134. </td>
  135. <td><button type="button" class="btn btn-danger form-control deleteRow-w" (click)="onDeleteRow(i)">حذف</button></td>
  136. </tr>
  137. </tbody>
  138. </table>
  139. </div>
  140. </div>
  141. </div>
  142. <div class="col-12">
  143. <button type="submit" class="btn btn-success rightW" *ngIf="statusType == 'pending' " [disabled]="!f.valid || checkSaveClick">حفظ</button>
  144. <button type="button" class="btn btn-warning rightW" (click)="authService.backFromEdit()" style="margin:20px 10px;">إلغاء</button>
  145. </div>
  146. </form>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. </div>