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.
74 lines
3.2 KiB
74 lines
3.2 KiB
<sqx-modal-dialog (closed)="complete()" large="true" fullHeight="true" contentClass="grid">
|
|
<ng-container title>
|
|
Select contents
|
|
</ng-container>
|
|
|
|
<ng-container tabs>
|
|
<div class="row no-gutters">
|
|
<div class="col col-auto offset-lg-4">
|
|
<button class="btn btn-link btn-secondary" (click)="reload()">
|
|
<i class="icon-reset"></i> Refresh
|
|
</button>
|
|
</div>
|
|
<div class="col pl-1">
|
|
<sqx-search-form formClass="form" placeholder="Search for content" fieldExample="data/[MY_FIELD]/iv"
|
|
[query]="contentsState.contentsQuery | async"
|
|
(queryChanged)="search($event)"
|
|
expandable="true">
|
|
</sqx-search-form>
|
|
</div>
|
|
|
|
<div class="col pl-1" *ngIf="languages.length > 1">
|
|
<sqx-language-selector class="languages-buttons" (selectedLanguageChange)="selectLanguage($event)" [languages]="languages.values"></sqx-language-selector>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-container content>
|
|
<div class="grid-header">
|
|
<table class="table table-items table-fixed">
|
|
<thead>
|
|
<tr>
|
|
<th class="cell-select">
|
|
<input type="checkbox" class="form-check" [ngModel]="isAllSelected" (ngModelChange)="selectAll($event)" />
|
|
</th>
|
|
<th class="cell-auto" *ngFor="let field of schema.listFields">
|
|
<span class="field">{{field.displayName}}</span>
|
|
</th>
|
|
<th class="cell-time">
|
|
Updated
|
|
</th>
|
|
<th class="cell-user">
|
|
By
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="grid-content">
|
|
<div sqxIgnoreScrollbar>
|
|
<table class="table table-items table-fixed">
|
|
<tbody *ngFor="let content of contentsState.contents | async; trackBy: trackByContent">
|
|
<tr [sqxContent]="content"
|
|
[selected]="isItemSelected(content)"
|
|
(selectedChange)="selectContent(content)"
|
|
[language]="language"
|
|
[schema]="schema"
|
|
isReadOnly="true"></tr>
|
|
<tr class="spacer"></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid-footer">
|
|
<sqx-pager [pager]="contentsState.contentsPager | async" (prev)="goPrev()" (next)="goNext()"></sqx-pager>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-container footer>
|
|
<button type="reset" class="float-left btn btn-secondary" (click)="complete()">Cancel</button>
|
|
<button type="submit" class="float-right btn btn-success" (click)="select()" [disabled]="selectionCount === 0">Link selected contents ({{selectionCount}})</button>
|
|
</ng-container>
|
|
</sqx-modal-dialog>
|