Headless CMS and Content Managment Hub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

55 lines
2.5 KiB

<sqx-title message="i18n:common.roles"></sqx-title>
<sqx-layout layout="main" titleText="i18n:common.roles" titleIcon="roles" [innerWidth]="55">
<ng-container menu>
<button type="button" class="btn btn-text-secondary" (click)="reload()" title="i18n:roles.refreshTooltip" shortcut="CTRL + B">
<i class="icon-reset"></i> {{ 'common.refresh' | sqxTranslate }}
</button>
</ng-container>
<ng-container>
<sqx-list-view innerWidth="55rem" [isLoading]="rolesState.isLoading | async">
<ng-container *ngIf="rolesState.isLoaded | async">
<sqx-role-add-form *ngIf="rolesState.canCreate | async"></sqx-role-add-form>
<ng-container *ngIf="rolesState.defaultRoles| async; let defaultRoles">
<div *ngIf="defaultRoles.length > 0">
<h5 class="mt-4">{{ 'roles.defaultRoles' | sqxTranslate }}</h5>
<sqx-form-hint>
{{ 'roles.defaultRoles.hint' | sqxTranslate }}
</sqx-form-hint>
<sqx-role *ngFor="let role of defaultRoles; trackBy: trackByRole" [role]="role"
[schemas]="(schemasState.schemas | async)!" [allPermissions]="allPermissions">
</sqx-role>
</div>
</ng-container>
<ng-container *ngIf="rolesState.customRoles| async; let customRoles">
<div *ngIf="customRoles.length > 0">
<h5 class="mt-4">{{ 'roles.customRoles' | sqxTranslate }}</h5>
<sqx-role *ngFor="let role of customRoles; trackBy: trackByRole" [role]="role"
[schemas]="(schemasState.schemas | async)!" [allPermissions]="allPermissions">
</sqx-role>
</div>
</ng-container>
</ng-container>
</sqx-list-view>
</ng-container>
<ng-container sidebarMenu>
<div class="panel-nav">
<a class="panel-link" routerLink="history" routerLinkActive="active" queryParamsHandling="preserve" title="i18n:common.history" titlePosition="left">
<i class="icon-time"></i>
</a>
<a class="panel-link" routerLink="help" routerLinkActive="active" queryParamsHandling="preserve" title="i18n:common.help" titlePosition="left">
<i class="icon-help2"></i>
</a>
</div>
</ng-container>
</sqx-layout>
<router-outlet></router-outlet>