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.
 
 
 
 
 

89 lines
3.6 KiB

<sqx-title message="{app} | Contents" parameter1="app" value1="{{appName() | async}}"></sqx-title>
<sqx-panel panelWidth="61rem">
<div class="panel-header">
<div class="panel-title-row">
<div class="float-xs-right">
<form class="form-inline">
<input class="form-control" [formControl]="contentsFilter" placeholder="Search for content..." />
</form>
<sqx-language-selector class="languages-buttons" (selectedLanguageChanged)="selectLanguage($event)" [languages]="languages"></sqx-language-selector>
<a class="btn btn-success" [routerLink]="['new']">
<i class="icon-plus"></i> New
</a>
</div>
<h3 class="panel-title">{{schema|displayName}} Contents</h3>
</div>
<a class="panel-close" routerLink="../">
<i class="icon-close"></i>
</a>
</div>
<div class="panel-main">
<div class="panel-content panel-content-scroll">
<table class="table table-items table-fixed" *ngIf="contentItems">
<colgroup>
<col *ngFor="let field of contentFields" [style.width]="columnWidth + '%'" />
<col style="width: 190px" />
<col style="width: 80px" />
<col style="width: 80px" />
</colgroup>
<thead>
<tr>
<th *ngFor="let field of contentFields">
<span class="field">{{field|displayName:'properties.label':'name'}}</span>
</th>
<th>
Updated
</th>
<th>
By
</th>
<th>
Options
</th>
</tr>
</thead>
<tbody>
<template ngFor let-content [ngForOf]="contentItems">
<tr [routerLink]="[content.id]" routerLinkActive="active" class="content"
[sqxContent]="content"
[language]="languageSelected"
[fields]="contentFields"
[schema]="schema"
(unpublishing)="unpublishContent(content)"
(publishing)="publishContent(content)"
(deleting)="deleteContent(content)"></tr>
<tr class="spacer"></tr>
</template>
</tbody>
</table>
<div class="clearfix" *ngIf="contentTotal > 0">
<div class="float-xs-right pagination">
{{itemFirst}}-{{itemLast}} of {{contentTotal}}
<button class="btn btn-simple pagination-button" [disabled]="!canGoPrev" (click)="goPrev()">
<i class="icon-angle-left"></i>
</button>
<button class="btn btn-simple pagination-button" [disabled]="!canGoNext" (click)="goNext()">
<i class="icon-angle-right"></i>
</button>
</div>
</div>
</div>
<div class="panel-sidebar">
<a class="panel-link" routerLink="history" routerLinkActive="active">
<i class="icon-time"></i>
</a>
</div>
</div>
</sqx-panel>
<router-outlet></router-outlet>