mirror of https://github.com/Squidex/squidex.git
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.
66 lines
2.8 KiB
66 lines
2.8 KiB
<sqx-title message="{app} | Clients | Settings" parameter1="app" [value1]="appsState.appName"></sqx-title>
|
|
|
|
<sqx-panel desiredWidth="50rem" [showSidebar]="true">
|
|
<ng-container title>
|
|
Clients
|
|
</ng-container>
|
|
|
|
<ng-container menu>
|
|
<button type="button" class="btn btn-text-secondary" (click)="reload()" title="Refresh clients (CTRL + SHIFT + R)">
|
|
<i class="icon-reset"></i> Refresh
|
|
</button>
|
|
|
|
<sqx-shortcut keys="ctrl+shift+r" (trigger)="reload()"></sqx-shortcut>
|
|
</ng-container>
|
|
|
|
<ng-container content>
|
|
<ng-container *ngIf="clientsState.clients | async; let clients">
|
|
<div class="table-items-row table-items-row-empty" *ngIf="clients.length === 0">
|
|
No client created yet.
|
|
</div>
|
|
|
|
<ng-container *ngIf="rolesState.roles | async; let roles">
|
|
<sqx-client *ngFor="let client of clients; trackBy: trackByClient"
|
|
[client]="client"
|
|
[clientRoles]="roles">
|
|
</sqx-client>
|
|
</ng-container>
|
|
|
|
<div class="table-items-footer">
|
|
<form [formGroup]="addClientForm.form" (ngSubmit)="attachClient()">
|
|
<div class="row no-gutters">
|
|
<div class="col">
|
|
<sqx-control-errors for="name" [submitted]="addClientForm.submitted | async"></sqx-control-errors>
|
|
|
|
<input type="text" class="form-control" formControlName="name" maxlength="40" placeholder="Enter client name" autocomplete="off" sqxTransformInput="LowerCase" />
|
|
</div>
|
|
<div class="col-auto pl-1">
|
|
<button type="submit" class="btn btn-success" [disabled]="addClientForm.hasNoName | async">Add Client</button>
|
|
</div>
|
|
<div class="col-auto pl-1">
|
|
<button type="reset" class="btn btn-secondary" (click)="cancelAttachClient()">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
|
|
<ng-container sidebar>
|
|
<div class="panel-nav">
|
|
<sqx-tooltip position="leftTop" [target]="historyLink">History</sqx-tooltip>
|
|
|
|
<a class="panel-link" routerLink="history" routerLinkActive="active" #historyLink>
|
|
<i class="icon-time"></i>
|
|
</a>
|
|
|
|
<sqx-tooltip position="leftTop" [target]="helpLink">Help</sqx-tooltip>
|
|
|
|
<a class="panel-link" routerLink="help" routerLinkActive="active" #helpLink>
|
|
<i class="icon-help"></i>
|
|
</a>
|
|
</div>
|
|
</ng-container>
|
|
</sqx-panel>
|
|
|
|
<router-outlet></router-outlet>
|