absorpation-add.component.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <div class="addHospital-w">
  2. <div class="container">
  3. <div class="row" style="margin-bottom: 30px;">
  4. <div class="col-12">
  5. <ul class="list-unstyled titileLi-w">
  6. <li class="headingText-w">خدمه التدريب </li>
  7. <li class="headingText-w" style="cursor:pointer" (click)="authSer.perviousLocation()"> تسجيل الخطه الإستيعابيه </li>
  8. <li class="headingText-w activeLi-w" style="margin-right:5px"> {{typeLink}} </li>
  9. </ul>
  10. </div>
  11. </div>
  12. <div class="containerContent-w">
  13. <div class="row">
  14. <div class="col-12">
  15. <form (ngSubmit)="onSubmitted()" #f="ngForm">
  16. <div class="row">
  17. <div class="col-12 col-sm-12 col-md-4">
  18. <div class="form-group">
  19. <label for="name" style="float: right; margin-right: 5px">الاسم<span class="spanReqired-w">*</span></label>
  20. <input type="text" class="form-control" id="name" name="name" placeholder="الأسم" ngModel [ngModel]="absorpation.name" #name="ngModel" required/>
  21. </div>
  22. </div>
  23. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  24. <div class="form-group">
  25. <label for="startDate" style="float:right" >تاريخ البدايه <span class="spanReqired-w">*</span></label>
  26. <div *ngIf='bindingDateSplitStart && typeMode'>
  27. <app-higri-date (onDatePicked)="getDate($event, 'start')" [myDate]="bindingDateSplitStart"></app-higri-date>
  28. </div>
  29. <div *ngIf='!typeMode'>
  30. <app-higri-date (onDatePicked)="getDate($event, 'start')" ></app-higri-date>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  35. <div class="form-group">
  36. <label for="endDate" style="float:right" >تاريخ الإنتهاء <span class="spanReqired-w">*</span></label>
  37. <div *ngIf='bindingDateSplitEnd && typeMode'>
  38. <app-end-higri-date (onDatePicked)="getDate($event, 'end')" [myEndDate]="bindingDateSplitEnd"> </app-end-higri-date>
  39. </div>
  40. <div *ngIf='!typeMode'>
  41. <app-end-higri-date (onDatePicked)="getDate($event, 'end')" ></app-end-higri-date>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  46. <div class="form-group">
  47. <label for="department" style="float:right" >الأقسام <span class="spanReqired-w">*</span></label>
  48. <select class="form-control" id="department" [ngModel]="absorpation.department_id" name="department_id" ngModel>
  49. <option *ngFor="let department of departments" [value]="department.id">{{department.name}}</option>
  50. </select>
  51. </div>
  52. </div>
  53. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  54. <label for="status" style="float:right" >الحاله <span class="spanReqired-w">*</span></label>
  55. <select class="form-control" id="status" [ngModel]="absorpation.status" name="status" ngModel>
  56. <option value="1">فعال</option>
  57. <option value="0">غير فعال</option>
  58. </select>
  59. </div>
  60. <div class="col-12 col-sm-12 col-md-4 col-lg-4">
  61. <label for="status" style="float:right" >العدد <span class="spanReqired-w">*</span></label>
  62. <input type="number" class="form-control" id="count" name="count" min="0" [ngModel]="absorpation.count" ngModel required>
  63. </div>
  64. <div class="col-6">
  65. <button type="submit" class="btn btn-success rightW" [disabled]="!f.valid || checkSaveclick">حفظ</button>
  66. <button type="button" class="btn btn-warning rightW" (click)="authSer.backFromEdit()">إلغاء</button>
  67. </div>
  68. </div>
  69. </form>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>