registration-vehicle-add.component.html 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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"> {{typePage}} </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="vehicle_type_id" style="float: right; margin-right: 5px">صنف المركبه</label>
  20. <select class="form-control" name="vehicle_type_id" [ngModel]="formData.vehicle_type_id" (input)="onChangeVehicleType($event)" required>
  21. <option *ngFor="let type of vehicle_types" [value]="type.id">{{type.name}}</option>
  22. </select>
  23. </div>
  24. </div>
  25. <div class="col-12 col-sm-12 col-md-4">
  26. <div class="form-group">
  27. <label for="vehicle_model_id" style="float: right; margin-right: 5px">إسم نوع <span class="spanReqired-w">*</span></label>
  28. <select class="form-control" name="vehicle_model_id" [ngModel]="formData.vehicle_model_id" required>
  29. <option *ngFor="let nameModel of modelNames" [value]="nameModel.id">{{nameModel.name}}</option>
  30. </select>
  31. </div>
  32. </div>
  33. <div class="col-12 col-sm-12 col-md-4">
  34. <div class="form-group">
  35. <label for="sub_name" style="float: right; margin-right: 5px"> إسم نوع الفرعي</label>
  36. <input type="text" class="form-control" id="sub_name" name="sub_name" placeholder="الأسم" ngModel [ngModel]="formData.sub_name" #name="ngModel"/>
  37. </div>
  38. </div>
  39. <div class="col-12 col-sm-12 col-md-4">
  40. <div class="form-group">
  41. <label style="float: right; margin-right: 5px">الحاله <span class="spanReqired-w">*</span></label>
  42. <select class="form-control" name="vehicle_status" [ngModel]="formData.vehicle_status" required>
  43. <option value="new">جديد</option>
  44. <option value="used">مستعمل</option>
  45. </select>
  46. </div>
  47. </div>
  48. <div class="col-12 col-sm-12 col-md-4">
  49. <div class="form-group">
  50. <label id="plate_number" style="float: right; margin-right: 5px">رقم اللوحه <span class="spanReqired-w">*</span></label>
  51. <input class="form-control" type="phone" placeholder="رقم اللوحه" name="plate_number" ngModel [ngModel]="formData.plate_number" required/>
  52. </div>
  53. </div>
  54. <div class="col-12 col-sm-12 col-md-4">
  55. <div class="form-group">
  56. <label id="structure_number" style="float: right; margin-right: 5px">رقم الهيكل <span class="spanReqired-w">*</span></label>
  57. <input class="form-control" type="phone" placeholder="رقم الهيكل" name="structure_number" ngModel [ngModel]="formData.structure_number" required/>
  58. </div>
  59. </div>
  60. <div class="col-12 col-sm-12 col-md-4">
  61. <div class="form-group">
  62. <label id="structure_number" style="float: right; margin-right: 5px">اللون<span class="spanReqired-w">*</span></label>
  63. <input class="form-control" type="text" placeholder="اللون" name="color" ngModel [ngModel]="formData.color" required/>
  64. </div>
  65. </div>
  66. <div class="col-12">
  67. <button type="submit" class="btn btn-success rightW" [disabled]="!f.valid || checkSaveclick">حفظ</button>
  68. <button type="button" class="btn btn-warning rightW" (click)="authSer.backFromEdit()">إلغاء</button>
  69. </div>
  70. </div>
  71. </form>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>