mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
3819aecb70
* MNT-24354 update license header [ci:force] * MNT-24354 fix lint [ci:force] * MNT-24354 [ci:force] * MNT-24354 update license header in process-services [ci:force] --------- Co-authored-by: DaryaBalvanovich <darya.balvanovich1@hyland.com>
78 lines
2.2 KiB
TypeScript
78 lines
2.2 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright © 2005-2024 Hyland Software, Inc. and its affiliates. All rights reserved.
|
|
*
|
|
* 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, Input, ComponentRef, OnInit, ViewChild, ViewContainerRef, OnDestroy, OnChanges } from '@angular/core';
|
|
import { ExtensionService } from '../../services/extension.service';
|
|
|
|
@Component({
|
|
selector: 'adf-preview-extension',
|
|
template: ` <div #content></div> `
|
|
})
|
|
export class PreviewExtensionComponent implements OnInit, OnChanges, OnDestroy {
|
|
@ViewChild('content', { read: ViewContainerRef, static: true })
|
|
content: ViewContainerRef;
|
|
|
|
/** ID string of the component to preview. */
|
|
@Input()
|
|
id: string;
|
|
|
|
/** URL of the content in the repository. */
|
|
@Input()
|
|
url: string;
|
|
|
|
/** File extension (.jpg, .png, etc) for the viewer. */
|
|
@Input()
|
|
extension: string;
|
|
|
|
private componentRef: ComponentRef<any>;
|
|
|
|
constructor(private extensionService: ExtensionService) {}
|
|
|
|
ngOnInit() {
|
|
if (!this.id) {
|
|
return;
|
|
}
|
|
|
|
const componentType = this.extensionService.getComponentById(this.id);
|
|
if (componentType) {
|
|
this.content.clear();
|
|
this.componentRef = this.content.createComponent(componentType, { index: 0 });
|
|
this.updateInstance();
|
|
}
|
|
}
|
|
|
|
ngOnChanges() {
|
|
this.updateInstance();
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
if (this.componentRef) {
|
|
this.componentRef.destroy();
|
|
this.componentRef = null;
|
|
}
|
|
}
|
|
|
|
private updateInstance() {
|
|
if (this.componentRef?.instance) {
|
|
const instance = this.componentRef.instance;
|
|
|
|
instance.url = this.url;
|
|
instance.extension = this.extension;
|
|
}
|
|
}
|
|
}
|