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.
64 lines
2.7 KiB
64 lines
2.7 KiB
<div *ngIf="!forContent || snapshot.filtered.length > 0" class="droppable category"
|
|
cdkDropList
|
|
cdkDropListSortingDisabled
|
|
[cdkDropListData]="schemaCategory.name"
|
|
(cdkDropListDropped)="changeCategory($event)">
|
|
|
|
<div class="header clearfix">
|
|
<div class="row no-gutters">
|
|
<div class="col-auto">
|
|
<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>
|
|
</div>
|
|
<div class="col">
|
|
<h3 class="truncate">{{schemaCategory.name}} </h3>
|
|
</div>
|
|
<div class="col-auto">
|
|
({{snapshot.filtered.length}})
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav nav-panel nav-dark nav-dark-bordered flex-column" *ngIf="snapshot.isOpen" @fade>
|
|
<ng-container *ngIf="!forContent; else simpleMode">
|
|
<div *ngFor="let schema of snapshot.filtered; trackBy: trackBySchema" class="nav-item"
|
|
routerLinkActive="active"
|
|
cdkDropList
|
|
cdkDrag
|
|
cdkDragLockAxis="y"
|
|
[cdkDragData]="schema">
|
|
|
|
<i cdkDragHandle class="icon-drag2 drag-handle"></i>
|
|
|
|
<a class="nav-link" [routerLink]="schemaRoute(schema)">
|
|
<div class="row">
|
|
<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>
|
|
</a>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-template #simpleMode>
|
|
<li *ngFor="let schema of snapshot.filtered; trackBy: trackBySchema" class="nav-item">
|
|
<a class="nav-link" [routerLink]="schemaRoute(schema)" routerLinkActive="active">
|
|
<span class="schema-name" *ngIf="forContent">{{schema.displayName}}</span>
|
|
</a>
|
|
</li>
|
|
</ng-template>
|
|
</div>
|
|
|
|
<div class="drop-indicator"></div>
|
|
</div>
|
|
|