mirror of https://github.com/Squidex/squidex.git
Sebastian Stehle
9 years ago
80 changed files with 13415 additions and 250 deletions
@ -1,109 +1,101 @@ |
|||||
<sqx-title message="User Management"></sqx-title> |
<sqx-title message="User Management"></sqx-title> |
||||
|
|
||||
<sqx-panel desiredWidth="50rem"> |
<sqx-panel desiredWidth="50rem" contentClass="grid"> |
||||
<div class="panel-header"> |
<ng-container title> |
||||
<div class="panel-title-row"> |
Users |
||||
<div class="float-right"> |
</ng-container> |
||||
<button class="btn btn-link btn-secondary" (click)="load(true)" title="Refresh Users (CTRL + SHIFT + R)"> |
|
||||
<i class="icon-reset"></i> Refresh |
|
||||
</button> |
|
||||
|
|
||||
<sqx-shortcut keys="ctrl+shift+r" (trigger)="load(true)"></sqx-shortcut> |
<ng-container menu> |
||||
<sqx-shortcut keys="ctrl+shift+f" (trigger)="inputFind.focus()"></sqx-shortcut> |
<button class="btn btn-link btn-secondary" (click)="load(true)" title="Refresh Users (CTRL + SHIFT + R)"> |
||||
<sqx-shortcut keys="ctrl+shift+n" (trigger)="buttonNew.click()"></sqx-shortcut> |
<i class="icon-reset"></i> Refresh |
||||
|
</button> |
||||
|
|
||||
<form class="form-inline" (ngSubmit)="search()"> |
<sqx-shortcut keys="ctrl+shift+r" (trigger)="load(true)"></sqx-shortcut> |
||||
<input class="form-control" #inputFind [formControl]="usersFilter" placeholder="Search for user" /> |
<sqx-shortcut keys="ctrl+shift+f" (trigger)="inputFind.focus()"></sqx-shortcut> |
||||
</form> |
<sqx-shortcut keys="ctrl+shift+n" (trigger)="buttonNew.click()"></sqx-shortcut> |
||||
|
|
||||
<button class="btn btn-success" #buttonNew routerLink="new" title="New User (CTRL + N)"> |
<form class="form-inline" (ngSubmit)="search()"> |
||||
<i class="icon-plus"></i> New |
<input class="form-control" #inputFind [formControl]="usersFilter" placeholder="Search for user" /> |
||||
</button> |
</form> |
||||
</div> |
|
||||
|
|
||||
<h3 class="panel-title">Users</h3> |
|
||||
</div> |
|
||||
|
|
||||
<a class="panel-close" sqxParentLink isLazyLoaded="true"> |
<button class="btn btn-success" #buttonNew routerLink="new" title="New User (CTRL + N)"> |
||||
<i class="icon-close"></i> |
<i class="icon-plus"></i> New |
||||
</a> |
</button> |
||||
</div> |
</ng-container> |
||||
|
|
||||
<div class="panel-main"> |
<ng-container content> |
||||
<div class="panel-content grid"> |
<div class="grid-header"> |
||||
<div class="grid-header"> |
<table class="table table-items table-fixed"> |
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th class="cell-user"> |
||||
|
|
||||
|
</th> |
||||
|
<th class="cell-auto"> |
||||
|
Name |
||||
|
</th> |
||||
|
<th class="cell-auto"> |
||||
|
Email |
||||
|
</th> |
||||
|
<th class="cell-actions"> |
||||
|
Actions |
||||
|
</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
</table> |
||||
|
</div> |
||||
|
|
||||
|
<div class="grid-content"> |
||||
|
<div sqxIgnoreScrollbar> |
||||
<table class="table table-items table-fixed"> |
<table class="table table-items table-fixed"> |
||||
<thead> |
<tbody> |
||||
<tr> |
<ng-template ngFor let-user [ngForOf]="usersState.users | async" [ngForTrackBy]="usersState.trackByUser"> |
||||
<th class="cell-user"> |
<tr [routerLink]="user.id" routerLinkActive="active"> |
||||
|
<td class="cell-user"> |
||||
</th> |
<img class="user-picture" [attr.title]="user.name" [attr.src]="user | sqxUserDtoPicture" /> |
||||
<th class="cell-auto"> |
</td> |
||||
Name |
<td class="cell-auto"> |
||||
</th> |
<span class="user-name table-cell">{{user.displayName}}</span> |
||||
<th class="cell-auto"> |
</td> |
||||
Email |
<td class="cell-auto"> |
||||
</th> |
<span class="user-email table-cell">{{user.email}}</span> |
||||
<th class="cell-actions"> |
</td> |
||||
Actions |
<td class="cell-actions"> |
||||
</th> |
<span *ngIf="user.id !== authState.user?.id"> |
||||
</tr> |
<button class="btn btn-link" (click)="lock(user); $event.stopPropagation();" *ngIf="!user.isLocked" title="Lock User"> |
||||
</thead> |
<i class="icon icon-unlocked"></i> |
||||
</table> |
|
||||
</div> |
|
||||
|
|
||||
<div class="grid-content"> |
|
||||
<div sqxIgnoreScrollbar> |
|
||||
<table class="table table-items table-fixed"> |
|
||||
<tbody> |
|
||||
<ng-template ngFor let-user [ngForOf]="usersState.users | async" [ngForTrackBy]="usersState.trackByUser"> |
|
||||
<tr [routerLink]="user.id" routerLinkActive="active"> |
|
||||
<td class="cell-user"> |
|
||||
<img class="user-picture" [attr.title]="user.name" [attr.src]="user | sqxUserDtoPicture" /> |
|
||||
</td> |
|
||||
<td class="cell-auto"> |
|
||||
<span class="user-name table-cell">{{user.displayName}}</span> |
|
||||
</td> |
|
||||
<td class="cell-auto"> |
|
||||
<span class="user-email table-cell">{{user.email}}</span> |
|
||||
</td> |
|
||||
<td class="cell-actions"> |
|
||||
<span *ngIf="user.id !== authState.user.id"> |
|
||||
<button class="btn btn-link" (click)="lock(user); $event.stopPropagation();" *ngIf="!user.isLocked" title="Lock User"> |
|
||||
<i class="icon icon-unlocked"></i> |
|
||||
</button> |
|
||||
<button class="btn btn-link" (click)="unlock(user); $event.stopPropagation();" *ngIf="user.isLocked" title="Unlock User"> |
|
||||
<i class="icon icon-lock"></i> |
|
||||
</button> |
|
||||
</span> |
|
||||
<button *ngIf="user.id === authState.user?.id" class="btn btn-link invisible"> |
|
||||
|
|
||||
</button> |
</button> |
||||
</td> |
<button class="btn btn-link" (click)="unlock(user); $event.stopPropagation();" *ngIf="user.isLocked" title="Unlock User"> |
||||
</tr> |
<i class="icon icon-lock"></i> |
||||
<tr class="spacer"></tr> |
</button> |
||||
</ng-template> |
</span> |
||||
</tbody> |
<button *ngIf="user.id === authState.user?.id" class="btn btn-link invisible"> |
||||
</table> |
|
||||
</div> |
</button> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr class="spacer"></tr> |
||||
|
</ng-template> |
||||
|
</tbody> |
||||
|
</table> |
||||
</div> |
</div> |
||||
|
</div> |
||||
|
|
||||
<ng-container *ngIf="usersState.usersPager | async as pager"> |
<ng-container *ngIf="usersState.usersPager | async as pager"> |
||||
<div class="grid-footer clearfix" *ngIf="pager.numberOfItems > 0"> |
<div class="grid-footer clearfix" *ngIf="pager.numberOfItems > 0"> |
||||
<div class="float-right pagination"> |
<div class="float-right pagination"> |
||||
<span class="pagination-text">{{pager.itemFirst}}-{{pager.itemLast}} of {{pager.numberOfItems}}</span> |
<span class="pagination-text">{{pager.itemFirst}}-{{pager.itemLast}} of {{pager.numberOfItems}}</span> |
||||
|
|
||||
<button class="btn btn-link btn-secondary pagination-button" [disabled]="!pager.canGoPrev" (click)="goPrev()"> |
<button class="btn btn-link btn-secondary pagination-button" [disabled]="!pager.canGoPrev" (click)="goPrev()"> |
||||
<i class="icon-angle-left"></i> |
<i class="icon-angle-left"></i> |
||||
</button> |
</button> |
||||
<button class="btn btn-link btn-secondary pagination-button" [disabled]="!pager.canGoNext" (click)="goNext()"> |
<button class="btn btn-link btn-secondary pagination-button" [disabled]="!pager.canGoNext" (click)="goNext()"> |
||||
<i class="icon-angle-right"></i> |
<i class="icon-angle-right"></i> |
||||
</button> |
</button> |
||||
</div> |
|
||||
</div> |
</div> |
||||
</ng-container> |
</div> |
||||
</div> |
</ng-container> |
||||
</div> |
</ng-container> |
||||
</sqx-panel> |
</sqx-panel> |
||||
|
|
||||
<router-outlet></router-outlet> |
<router-outlet></router-outlet> |
||||
@ -0,0 +1,29 @@ |
|||||
|
<div #panel> |
||||
|
<div class="panel panel-{{theme}}" [@slideRight]> |
||||
|
<div class="panel-header"> |
||||
|
<div class="panel-title-row"> |
||||
|
<div class="float-right"> |
||||
|
<ng-content select=[menu]></ng-content> |
||||
|
</div> |
||||
|
|
||||
|
<h3 class="panel-title"> |
||||
|
<ng-content select=[title]></ng-content> |
||||
|
</h3> |
||||
|
</div> |
||||
|
|
||||
|
<a class="panel-close" sqxParentLink isLazyLoaded="true" *ngIf="showClose"> |
||||
|
<i class="icon-close"></i> |
||||
|
</a> |
||||
|
</div> |
||||
|
|
||||
|
<div class="panel-main"> |
||||
|
<div class="panel-content {{contentClass}} {{showScrollbar ? 'panel-content-scroll' : ''}} {{isBlank ? 'panel-content-blank' : ''}}"> |
||||
|
<ng-content select=[content]></ng-content> |
||||
|
</div> |
||||
|
|
||||
|
<div class="panel-sidebar" *ngIf="showSidebar"> |
||||
|
<ng-content select=[sidebar]></ng-content>> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
@ -0,0 +1,2 @@ |
|||||
|
@import '_mixins'; |
||||
|
@import '_vars'; |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue