unit-information-add.component.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <div class="addDepartment-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 activeLi-w" style="margin-right:5px"> {{typePage}} </li>
  8. </ul>
  9. </div>
  10. </div>
  11. <div class="containerContent-w">
  12. <form (ngSubmit)="onSubmitted()" #f="ngForm" style="margin-top: 40px;">
  13. <div class="row">
  14. <div class="col-12 col-sm-12 col-md-4" >
  15. <div class="form-group">
  16. <label style="float: right; margin-right: 5px">المجمع</label>
  17. <select class="form-control" name="housing_complex_id" [ngModel]="formData.housing_complex_id" (input)="getBuildingsType($event.target.value)" required>
  18. <option *ngFor="let complex of complex_list" [value]="complex.id">{{complex.name}}</option>
  19. </select>
  20. </div>
  21. </div>
  22. <div class="col-12 col-sm-12 col-md-4" *ngIf="showTypes" >
  23. <div class="form-group">
  24. <label style="float: right; margin-right: 5px">نوع المبنى</label>
  25. <select class="form-control" name="building_type_id" [ngModel]="formData.building_type_id" (input)="typeNumber($event.target.value)" required>
  26. <option *ngFor="let building of building_types" [value]="building.id" >{{building.name}}</option>
  27. </select>
  28. </div>
  29. </div>
  30. <!-- <div class="col-12 col-sm-12 col-md-4" *ngIf="show_amount" >
  31. <div class="form-group">
  32. <label style="float: right; margin-right: 5px"> رقم المبنى</label>
  33. <select class="form-control" name="building_number" [ngModel]="formData.building_number" required>
  34. <option *ngFor="let amount of amount; let i = index" (change)="removeAmount(i)" [value]="amount" >{{amount}}</option>
  35. </select>
  36. </div>
  37. </div> -->
  38. <div class="col-12 col-sm-12 col-md-4">
  39. <div class="form-group">
  40. <label for="building_number" style="float: right; margin-right: 5px">رقم المبنى<span class="spanReqired-w">*</span></label>
  41. <input type="number" class="form-control" id="building_number" name="building_number" placeholder="" min="0" ngModel [ngModel]="formData.building_number" required/>
  42. </div>
  43. </div>
  44. <div class="col-12 col-sm-12 col-md-4">
  45. <div class="form-group">
  46. <label for="building_code" style="float: right; margin-right: 5px">رمز المبنى<span class="spanReqired-w">*</span></label>
  47. <input type="text" class="form-control" id="building_code" name="building_code" placeholder="رمز المبنى" ngModel [ngModel]="formData.building_code" required/>
  48. </div>
  49. </div>
  50. <div class="col-12 col-sm-12 col-md-4">
  51. <div class="form-group">
  52. <label for="building_units" style="float: right; margin-right: 5px">عدد الوحدات السكنية في المبنى<span class="spanReqired-w">*</span></label>
  53. <input type="number" class="form-control" id="building_units" name="building_units" placeholder=" " ngModel [ngModel]="formData.building_units" required/>
  54. </div>
  55. </div>
  56. <div class="col-12 col-sm-12 col-md-4">
  57. <div class="form-group">
  58. <label for="building_name" style="float: right; margin-right: 5px">اسم المبنى<span class="spanReqired-w">*</span></label>
  59. <input type="text" class="form-control" id="building_name" name="building_name" placeholder="اسم المبنى" ngModel [ngModel]="formData.building_name" required/>
  60. </div>
  61. </div>
  62. <div class="col-12 col-sm-12 col-md-4" >
  63. <div class="form-group">
  64. <label style="float: right; margin-right: 5px">ملكية المبنى</label>
  65. <select class="form-control" name="building_property" [ngModel]="formData.building_property" required>
  66. <option value="governmental">حكومي</option>
  67. <option value="rented">أجر</option>
  68. </select>
  69. </div>
  70. </div>
  71. <div class="col-12 col-sm-12 col-md-4">
  72. <div class="form-group">
  73. <label style="float: right; margin-right: 5px">الحاله</label>
  74. <select class="form-control" name="status" [ngModel]="formData.status" required>
  75. <option value="1">فعال</option>
  76. <option value="0">غير فعال</option>
  77. </select>
  78. </div>
  79. </div>
  80. </div>
  81. <div class=" row col-6">
  82. <button type="submit" class="btn btn-success rightW" [disabled]="!f.valid">حفظ</button>
  83. <button type="button" class="btn btn-warning rightW" (click)="authSer.backFromEdit()">إلغاء</button>
  84. </div>
  85. </form>
  86. </div>
  87. </div>
  88. </div>