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.
43 lines
2.4 KiB
43 lines
2.4 KiB
<div *ngIf="!isReadonly || snapshot.schemasFiltered.length > 0" dnd-droppable class="droppable category" [allowDrop]="allowDrop" (onDropSuccess)="changeCategory($event.dragData)">
|
|
<div class="drop-indicator"></div>
|
|
|
|
<div class="header clearfix">
|
|
<button type="button" class="btn btn-sm btn-text-secondary" (click)="toggle()">
|
|
<i [class.icon-caret-right]="!snapshot.isOpen" [class.icon-caret-down]="snapshot.isOpen"></i>
|
|
</button>
|
|
|
|
<h3>{{snapshot.displayName}} ({{snapshot.schemasFiltered.length}})</h3>
|
|
|
|
<button type="button" class="btn btn-sm btn-text-secondary float-right" *ngIf="snapshot.schemasForCategory.length === 0 && !isReadonly" (click)="removing.emit()">
|
|
<i class="icon-bin2"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<ul class="nav nav-panel nav-dark nav-dark-bordered flex-column" *ngIf="snapshot.isOpen" @fade>
|
|
<ng-container *ngFor="let schema of snapshot.schemasFiltered; trackBy: trackBySchema">
|
|
<ng-container *sqxPermission="schemaPermission(schema)">
|
|
<li class="nav-item" dnd-draggable [dragEnabled]="!isReadonly" [dragData]="schema">
|
|
<a class="nav-link" [routerLink]="schemaRoute(schema)" routerLinkActive="active">
|
|
<div class="row" *ngIf="!isReadonly">
|
|
<div class="col-4">
|
|
<span class="schema-name schema-name-accent">{{schema.displayName}}</span>
|
|
</div>
|
|
<div class="col-4">
|
|
<span class="schema-user">
|
|
<i class="icon-user"></i> {{schema.lastModifiedBy | sqxUserNameRef}}
|
|
</span>
|
|
</div>
|
|
<div class="col-4 schema-modified">
|
|
<small class="item-modified">{{schema.lastModified | sqxFromNow}}</small>
|
|
|
|
<span class="item-published" [class.unpublished]="!schema.isPublished"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<span class="schema-name" *ngIf="isReadonly">{{schema.displayName}}</span>
|
|
</a>
|
|
</li>
|
|
</ng-container>
|
|
</ng-container>
|
|
</ul>
|
|
</div>
|
|
|