mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
05e73a8aa1
* [ADF-4755] [CardViewDateItemComponent] Provide a way to reset date. * Added clear icon to reset date to empty. * Added Translation key to the new icon. * * Added displayClearAction flag to toggle clear action.* Added None as default for the selectItem components.* Added displayNoneOption flag to toggle the default none option. * * Fixed comments. * * Added translation key for 'none' option. * * Updated dateItem css to the match recent changes. * * Fixed failing unit tests* Updated TaskHeader components with the displayClearAction. * * Updated demo shell card-view component to test the latest changes
111 lines
3.5 KiB
TypeScript
111 lines
3.5 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright 2019 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,
|
|
ComponentFactoryResolver,
|
|
Input,
|
|
OnChanges,
|
|
SimpleChange,
|
|
SimpleChanges,
|
|
ViewChild
|
|
} from '@angular/core';
|
|
import { CardViewItem } from '../../interfaces/card-view-item.interface';
|
|
import { CardItemTypeService } from '../../services/card-item-types.service';
|
|
import { CardViewContentProxyDirective } from '../../directives/card-view-content-proxy.directive';
|
|
|
|
@Component({
|
|
selector: 'adf-card-view-item-dispatcher',
|
|
template: '<ng-template adf-card-view-content-proxy></ng-template>'
|
|
})
|
|
export class CardViewItemDispatcherComponent implements OnChanges {
|
|
@Input()
|
|
property: CardViewItem;
|
|
|
|
@Input()
|
|
editable: boolean;
|
|
|
|
@Input()
|
|
displayEmpty: boolean = true;
|
|
|
|
@Input()
|
|
displayNoneOption: boolean = true;
|
|
|
|
@Input()
|
|
displayClearAction: boolean = true;
|
|
|
|
@ViewChild(CardViewContentProxyDirective)
|
|
private content: CardViewContentProxyDirective;
|
|
|
|
private loaded: boolean = false;
|
|
private componentReference: any = null;
|
|
|
|
public ngOnInit;
|
|
public ngDoCheck;
|
|
|
|
constructor(private cardItemTypeService: CardItemTypeService,
|
|
private resolver: ComponentFactoryResolver) {
|
|
const dynamicLifeCycleMethods = [
|
|
'ngOnInit',
|
|
'ngDoCheck',
|
|
'ngAfterContentInit',
|
|
'ngAfterContentChecked',
|
|
'ngAfterViewInit',
|
|
'ngAfterViewChecked',
|
|
'ngOnDestroy'
|
|
];
|
|
|
|
dynamicLifeCycleMethods.forEach((method) => {
|
|
this[method] = this.proxy.bind(this, method);
|
|
});
|
|
}
|
|
|
|
ngOnChanges(changes: SimpleChanges) {
|
|
if (!this.loaded) {
|
|
this.loadComponent();
|
|
this.loaded = true;
|
|
}
|
|
|
|
Object.keys(changes)
|
|
.map((changeName) => [changeName, changes[changeName]])
|
|
.forEach(([inputParamName, simpleChange]: [string, SimpleChange]) => {
|
|
this.componentReference.instance[inputParamName] = simpleChange.currentValue;
|
|
});
|
|
|
|
this.proxy('ngOnChanges', changes);
|
|
}
|
|
|
|
private loadComponent() {
|
|
const factoryClass = this.cardItemTypeService.resolveComponentType(this.property);
|
|
|
|
const factory = this.resolver.resolveComponentFactory(factoryClass);
|
|
this.componentReference = this.content.viewContainerRef.createComponent(factory);
|
|
|
|
this.componentReference.instance.editable = this.editable;
|
|
this.componentReference.instance.property = this.property;
|
|
this.componentReference.instance.displayEmpty = this.displayEmpty;
|
|
this.componentReference.instance.displayNoneOption = this.displayNoneOption;
|
|
this.componentReference.instance.displayClearAction = this.displayClearAction;
|
|
}
|
|
|
|
private proxy(methodName, ...args) {
|
|
if (this.componentReference.instance[methodName]) {
|
|
this.componentReference.instance[methodName].apply(this.componentReference.instance, args);
|
|
}
|
|
}
|
|
}
|