mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
141bc0f8b4
* [ADF-1805] rebased documentlist pagination removal * [ADF-1805] fixed some wrong changes]
100 lines
3.9 KiB
HTML
100 lines
3.9 KiB
HTML
<header matDialogTitle
|
|
class="adf-content-node-selector-title"
|
|
data-automation-id="content-node-selector-title">{{title}}</header>
|
|
|
|
<section matDialogContent
|
|
class="adf-content-node-selector-content"
|
|
(node-select)="onNodeSelect($event)">
|
|
|
|
<mat-form-field floatPlaceholder="never" class="adf-content-node-selector-content-input">
|
|
<input #searchInput
|
|
matInput
|
|
placeholder="Search"
|
|
(input)="search(searchInput.value)"
|
|
[value]="searchTerm"
|
|
data-automation-id="content-node-selector-search-input">
|
|
|
|
<mat-icon *ngIf="searchTerm.length > 0"
|
|
matSuffix (click)="clear()"
|
|
class="adf-content-node-selector-content-input-icon"
|
|
data-automation-id="content-node-selector-search-clear">clear</mat-icon>
|
|
|
|
<mat-icon *ngIf="searchTerm.length === 0"
|
|
matSuffix
|
|
class="adf-content-node-selector-content-input-icon"
|
|
data-automation-id="content-node-selector-search-icon">search</mat-icon>
|
|
|
|
</mat-form-field>
|
|
|
|
<adf-sites-dropdown
|
|
(change)="siteChanged($event)"
|
|
data-automation-id="content-node-selector-sites-combo"></adf-sites-dropdown>
|
|
|
|
<adf-toolbar>
|
|
<adf-toolbar-title>
|
|
<adf-dropdown-breadcrumb *ngIf="needBreadcrumbs()"
|
|
class="adf-content-node-selector-content-breadcrumb"
|
|
(navigate)="clear()"
|
|
[target]="documentList"
|
|
[folderNode]="breadcrumbFolderNode"
|
|
data-automation-id="content-node-selector-content-breadcrumb">
|
|
</adf-dropdown-breadcrumb>
|
|
</adf-toolbar-title>
|
|
</adf-toolbar>
|
|
|
|
<div class="adf-content-node-selector-content-list" data-automation-id="content-node-selector-content-list">
|
|
<adf-document-list
|
|
#documentList
|
|
adf-highlight
|
|
adf-highlight-selector=".cell-value adf-datatable-cell .adf-datatable-cell-value"
|
|
[node]="nodes"
|
|
[maxItems]="pageSize"
|
|
[skipCount]="skipCount"
|
|
[enableInfiniteScrolling]="infiniteScroll"
|
|
[rowFilter]="rowFilter"
|
|
[imageResolver]="imageResolver"
|
|
[currentFolderId]="folderIdToShow"
|
|
selectionMode="single"
|
|
[contextMenuActions]="false"
|
|
[contentActions]="false"
|
|
[allowDropFiles]="false"
|
|
(folderChange)="onFolderChange()"
|
|
(ready)="onFolderLoaded($event)"
|
|
data-automation-id="content-node-selector-document-list">
|
|
<empty-folder-content>
|
|
<ng-template>
|
|
<div>{{ 'NODE_SELECTOR.NO_RESULTS' | translate }}</div>
|
|
</ng-template>
|
|
</empty-folder-content>
|
|
</adf-document-list>
|
|
|
|
<adf-infinite-pagination
|
|
[pagination]="pagination"
|
|
[pageSize]="pageSize"
|
|
[loading]="loadingSearchResults"
|
|
(loadMore)="getNextPageOfSearch($event)"
|
|
data-automation-id="content-node-selector-search-pagination">
|
|
{{ 'ADF-DOCUMENT-LIST.LAYOUT.LOAD_MORE' | translate }}
|
|
</adf-infinite-pagination>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<footer matDialogActions class="adf-content-node-selector-actions">
|
|
|
|
<button *ngIf="inDialog"
|
|
mat-button
|
|
class="adf-content-node-selector-actions-cancel"
|
|
(click)="close()"
|
|
data-automation-id="content-node-selector-actions-cancel">{{ 'NODE_SELECTOR.CANCEL' | translate }}
|
|
</button>
|
|
|
|
<button mat-button
|
|
[disabled]="!chosenNode"
|
|
class="adf-content-node-selector-actions-choose"
|
|
(click)="choose()"
|
|
data-automation-id="content-node-selector-actions-choose">{{ 'NODE_SELECTOR.CHOOSE' | translate }}
|
|
</button>
|
|
|
|
</footer>
|