mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
fd729e76c0
* translate breadcrumb root in demo shell * optional "max items" feature and style fixes * should not be restricted by default * style updates * toolbar and breadcrumb layout fixes * breadcrumb demo and testing page * full toolbar scenario * fix translation issue with the dropdown and custom root * a11y fixes * fix issue with duplicate id, remove unused attribute
78 lines
2.5 KiB
TypeScript
78 lines
2.5 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright 2016 Alfresco Software, Ltd.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { Component, OnChanges, SimpleChanges, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
import { MatSelect } from '@angular/material';
|
|
import { PathElementEntity, MinimalNodeEntryEntity } from 'alfresco-js-api';
|
|
import { BreadcrumbComponent } from './breadcrumb.component';
|
|
|
|
@Component({
|
|
selector: 'adf-dropdown-breadcrumb',
|
|
templateUrl: './dropdown-breadcrumb.component.html',
|
|
styleUrls: ['./dropdown-breadcrumb.component.scss'],
|
|
encapsulation: ViewEncapsulation.None,
|
|
host: {
|
|
'class': 'adf-dropdown-breadcrumb'
|
|
}
|
|
})
|
|
export class DropdownBreadcrumbComponent extends BreadcrumbComponent implements OnChanges {
|
|
|
|
@ViewChild('dropdown')
|
|
dropdown: MatSelect;
|
|
|
|
currentNode: PathElementEntity;
|
|
previousNodes: PathElementEntity[];
|
|
|
|
ngOnChanges(changes: SimpleChanges): void {
|
|
if (changes.folderNode) {
|
|
let node: MinimalNodeEntryEntity = null;
|
|
node = this.transform ? this.transform(changes.folderNode.currentValue) : changes.folderNode.currentValue;
|
|
this.route = this.parseRoute(node);
|
|
}
|
|
|
|
if (changes.transform) {
|
|
let node = this.transform ? this.transform(this.folderNode) : this.folderNode;
|
|
this.route = this.parseRoute(node);
|
|
}
|
|
this.recalculateNodes();
|
|
}
|
|
|
|
/**
|
|
* Calculate the current and previous nodes from the route array
|
|
*/
|
|
protected recalculateNodes(): void {
|
|
this.currentNode = this.route[this.route.length - 1];
|
|
this.previousNodes = this.route.slice(0, this.route.length - 1).reverse();
|
|
}
|
|
|
|
/**
|
|
* Opens the node picker menu
|
|
*/
|
|
open(): void {
|
|
if (this.dropdown) {
|
|
this.dropdown.open();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Return if route has more than one element (means: we are not in the root directory)
|
|
*/
|
|
hasPreviousNodes(): boolean {
|
|
return this.previousNodes.length > 0;
|
|
}
|
|
}
|