add-internal-services.component.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <div class="addHospital-w">
  2. <div class="container">
  3. <div class="row">
  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. <hr class="hr">
  11. </div>
  12. </div>
  13. <div class="row" style="margin-top: 30px;">
  14. <div class="col-12">
  15. <form (ngSubmit)="onSubmitted()" [formGroup]="addInternalForm">
  16. <div class="row">
  17. <div class="col-12 col-sm-12 col-md-4">
  18. <div class="form-group">
  19. <label style="float: right; margin: 5px 0">الاسم باللغه العربيه <span class="spanReqired-w">*</span></label>
  20. <input type="text" class="form-control" placeholder="الأسم باللغه العربيه" formControlName="name"/>
  21. </div>
  22. </div>
  23. <div class="col-12 col-sm-12 col-md-4">
  24. <div class="form-group">
  25. <label style="float: right; margin: 5px 0">الاسم باللغه الأنجليزيه <span class="spanReqired-w">*</span></label>
  26. <input type="text" class="form-control" placeholder="الأسم باللغه الانجليزيه" formControlName="name_en"/>
  27. </div>
  28. </div>
  29. <div class="col-12 col-sm-12 col-md-4">
  30. <div class="form-group">
  31. <label for="satus_ex" style="float:right">الحاله <span class="spanReqired-w">*</span></label>
  32. <select class="form-control" formControlName="status">
  33. <option value="0">غير فعال</option>
  34. <option value="1">فعال</option>
  35. </select>
  36. </div>
  37. </div>
  38. <div class="col-12 col-sm-12 col-md-4">
  39. <div class="form-group">
  40. <button class="btn btn-secondary form-control" style="margin-top:30px" type="button" (click)="onAddTitle(i)">أضف المزيد من الوصف</button>
  41. </div>
  42. </div>
  43. </div>
  44. <hr>
  45. <div class="descriptionContainer">
  46. <div class="row">
  47. <div class="col-12 col-md-6" formArrayName="fields" *ngFor="let titleControl of addInternalForm.get('fields').controls; let i = index">
  48. <div class="form-group arrayGroupForm-w" [formGroupName]="i">
  49. <div class="col-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom:30px">
  50. <div class="form-group text-center imgContainer">
  51. <img [src]="urlImg[i]" class="imgProfile" height="200">
  52. <input type="file" name="file{{i}}" id="file{{i}}" class="inputfile" alife-file-to-base64 (onFileChanged)="onFileChanges($event,i)" (change)="getUrl($event,i)" formControlName="photo"/>
  53. <label for="file{{i}}" class="iconUpload-w" *ngIf="showOpenFile[i]"><i class="fas fa-upload"></i></label>
  54. <label class="iconUpload-w" *ngIf="showCloseFile[i]" (click)="closePhoto(i)"><i class="fas fa-times"></i></label>
  55. </div>
  56. </div>
  57. <label for="name" style="float: right;">الأسم باللغه العربيه</label>
  58. <input type="text" id="name" class="form-control" formControlName="name" style="margin: 10px 0;" />
  59. <label for="name_en" style="float: right;">الأسم باللغه الإنجليزيه</label>
  60. <input type="text" id="name_en" class="form-control" formControlName="name_en" style="margin: 10px 0;" />
  61. <label for="link" style="float: right;">الرابط</label>
  62. <input type="text" id="link" class="form-control" formControlName="link" style="margin:10px 0" />
  63. <label for="apperance" style="float: right;">الظهور</label>
  64. <select id="apperance" class="form-control" formControlName="apperance" style="margin: 10px 0">
  65. <option value="1">الظهور</option>
  66. <option value="0">غير الظهور</option>
  67. </select>
  68. <label for="status" style="float: right;">الحاله</label>
  69. <select id="status" class="form-control" formControlName="status" style="margin: 10px 0">
  70. <option value="1">فعال</option>
  71. <option value="0">غير فعال</option>
  72. </select>
  73. <button type="button" class="btn btn-danger rightW" (click)="removeTitle(i)">حذف</button>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <button type="submit" class="btn btn-success rightW" [disabled]="!addInternalForm.valid">حفظ</button>
  79. </form>
  80. </div>
  81. </div>
  82. </div>
  83. </div>