mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
68239cd002
* [ADF-1599] fix design issues Search Term Highlight text to be orange (primary color) Main action button text label to be orange (primary color) Main action button text to be in Uppercase Main action button to relate to the action i.e. MOVE or COPY Dialog title: Name of item to move/copy should be in 'quotes' * [ADF-1599] fix Dropdown Placeholder text from 'Site List' to 'Select Location' * [ADF-1599] fix Dropdown Placeholder text from 'Site List' to 'Select Location' * fix 'Select Location' width and bottom margin * [ADF-1599] update document picker to match design * [ADF-1599] fix failing tests * [ADF-1599] update the unit tests * [ADF-1599] use only colors from $theme on component scss file * [ADF-1599] change needed after resolving conflict on merge
104 lines
4.0 KiB
HTML
104 lines
4.0 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)"
|
|
[placeholder]="'NODE_SELECTOR.SELECT_LOCATION'"
|
|
[hideMyFiles]="dropdownHideMyFiles"
|
|
[siteList]="dropdownSiteList"
|
|
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)"
|
|
(node-dblclick)="onNodeDoubleClick($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">{{ buttonActionName | translate }}
|
|
</button>
|
|
|
|
</footer>
|