add-roles.component.html 3.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <div class="addRole-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. </div>
  11. </div>
  12. <div class="containerContent-w">
  13. <div class="row" style="margin-top:30px;">
  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 style="float: right; margin: 5px 0">الاسم <span class="spanReqired-w">*</span></label>
  20. <input type="text" class="form-control" name="role_name" placeholder="الأسم" ngModel required #name="ngModel" [ngModel]="user.roleName"/>
  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. <select class="form-control" ngModel name="status" [ngModel]="user.statusRole" required>
  27. <option [value]="1">فعال</option>
  28. <option [value]="0">غير فعال</option>
  29. </select>
  30. </div>
  31. </div>
  32. <div class="col-12 col-sm-12 col-md-4">
  33. <div class="form-group">
  34. <label style="float: right;margin: 5px 0">الأنظمه</label>
  35. <select class="form-control" [ngModel]="serviceVal" name="service_val" (change)="onSelectChange($event)">
  36. <option *ngFor="let service of pages" [value]="service.id">{{service.name}}</option>
  37. </select>
  38. </div>
  39. </div>
  40. <div class="col-12 col-sm-12 col-md-4">
  41. <div class="form-group">
  42. <label style="float: right; margin: 5px 0">الوصف</label>
  43. <textarea class="form-control" cols="3" ngModel name="description" [ngModel]="user.descriptionRole"></textarea>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="row">
  48. <div class="col-12 col-sm-6 col-md-6" *ngFor="let page of servicePages; let i = index">
  49. <div class="permission">
  50. <h2>{{page.name}}</h2>
  51. <div class="custom-control custom-checkbox centerIneerItem" *ngFor="let pagePermission of page['permissions']; let j=index" style="margin: 5px 0;">
  52. <input type="checkbox" class="custom-control-input roleCheckBox" id="{{pagePermission.id}}" [(ngModel)]="pagePermission.selected" [value]='pagePermission.id' name="{{pagePermission.id}}" style="cursor: pointer;">
  53. <label class="custom-control-label disblayBlock-w" for="{{pagePermission.id}}" style="color:#2a2a2a; cursor:pointer; padding: 0 20px">{{pagePermission.permission_name}}</label>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="col-6">
  59. <button type="submit" class="btn btn-success rightW" [disabled]="!f.valid || checkSaveDisabled">حفظ</button>
  60. <button type="button" class="btn btn-warning rightW" (click)="authSer.backFromEdit()">إلغاء</button>
  61. </div>
  62. </form>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>