Untitled

<div
  *ngIf="
    !displayCreatePermission && !displayUpdatePermission && !displayUpdateModule
  "
>
  <p-toolbar class="mt-3 mb-3">
    <div class="p-toolbar-group-left flex flex-wrap">
      <button
        pButton
        pRipple
        type="button"
        icon="pi pi-plus"
        label="Créer une permission"
        class="mr-2 mb-2 w-full secondary"
        (click)="showCreatePermissionModal()"
      ></button>
    </div>

    <div class="p-toolbar-group-right">
      <button
        pButton
        pRipple
        type="button"
        label="Enregistrer"
        [disabled]="disableUpdatePemission()"
        class="mr-2 mt-3 w-full"
        (click)="updatePermission()"
        [loading]="loading"
      ></button>
    </div>
  </p-toolbar>
  <br />
  <div id="myGridPermission" *ngIf="permissions.length > 0">
    <ag-grid-angular
      style="height: 400px"
      class="ag-theme-material w-full"
      [columnDefs]="columnDefs"
      [defaultColDef]="defaultColDef"
      [autoGroupColumnDef]="autoGroupColumnDef"
      [rowSelection]="rowSelection"
      [groupSelectsChildren]="true"
      [suppressAggFuncInHeader]="true"
      [rowData]="permissions"
      [gridOptions]="gridOptions"
      (gridReady)="onGridReady($event)"
      (cellClicked)="onCellClicked($event)"
    ></ag-grid-angular>

    <div *ngIf="showRights === true">
      <div class="grid" *ngIf="selectedRightsUpdated">
        <div class="col-12 xl:col-3 lg:col-3 xl:col-offset-9 lg:col-offset-9">
          <button
            pButton
            pRipple
            type="button"
            label="Enregistrer"
            *ngIf="rightType === 'restriction'"
            class="mr-2 mt-3 button-restriction"
            (click)="addRightToPermission()"
          ></button>
          <button
            pButton
            pRipple
            type="button"
            label="Enregistrer"
            *ngIf="rightType === 'special'"
            class="mr-2 mt-3 button-restriction"
            (click)="addRightToPermission()"
          ></button>
        </div>
      </div>
      <br />
      <div id="myGridRight">
        <ag-grid-angular
          style="height: 300px"
          class="ag-theme-material"
          [rowSelection]="rowSelection"
          [defaultColDef]="defaultColDef"
          [rowData]="rights"
          [columnDefs]="rightsColumnDefs"
          (firstDataRendered)="onFirstRightsRendered($event)"
          [gridOptions]="rightGridOptions"
          (cellClicked)="onRightsCellClicked($event)"
        >
        </ag-grid-angular>
      </div>
      <zg-permissions-right-add-input-controller
        *ngIf="showRights === true"
        [type]="type"
        [rightId]="rightId"
        [rightType]="rightType"
        [resource]="resource"
        [permissionId]="permissionId"
        (saveEvent)="saveEvent($event)"
      ></zg-permissions-right-add-input-controller>
    </div>
  </div>

  <div *ngIf="loadingPermissionsData === true" class="text-center">
    <p-progressSpinner></p-progressSpinner>
  </div>

  <div
    *ngIf="permissions.length === 0 && loadingPermissionsData === false"
    class="text-center"
  >
    <strong [class]="permissionsInfosMessage.class">{{
      permissionsInfosMessage.message
    }}</strong>
  </div>
</div>

<div *ngIf="displayCreatePermission">
  <zg-permissions-add-controller
    [permissionId]="permissionId"
    [profileName]="profileName"
    (permissionCreatedEvent)="cancel($event)"
  ></zg-permissions-add-controller>
</div>

<div *ngIf="displayUpdatePermission">
  <zg-permissions-update-controller
    [permissionId]="permissionId"
    (permissionCreatedEvent)="cancel($event)"
  ></zg-permissions-update-controller>
</div>

<div *ngIf="displayUpdateModule">
  <zg-permissions-module-update-controller
    [moduleId]="moduleId"
    (moduleUpdatedEvent)="cancel($event)"
  ></zg-permissions-module-update-controller>
</div>