mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
@@ -0,0 +1,65 @@
|
||||
/*!
|
||||
* @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 { Location } from '@angular/common';
|
||||
import { SpyLocation } from '@angular/common/testing';
|
||||
import { ElementRef } from '@angular/core';
|
||||
import { Injector } from '@angular/core';
|
||||
import { async, getTestBed, TestBed } from '@angular/core/testing';
|
||||
import { ViewerComponent } from '../components/viewer.component';
|
||||
import { ViewerExtensionDirective } from './viewer-extension.directive';
|
||||
|
||||
export class MockElementRef extends ElementRef {
|
||||
constructor() {
|
||||
super(null);
|
||||
}
|
||||
}
|
||||
|
||||
describe('ExtensionViewerDirective', () => {
|
||||
let injector: Injector;
|
||||
let extensionViewerDirective: ViewerExtensionDirective;
|
||||
let viewerComponent: ViewerComponent;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
providers: [
|
||||
{ provide: Location, useClass: SpyLocation },
|
||||
ViewerExtensionDirective,
|
||||
{provide: ElementRef, useClass: MockElementRef},
|
||||
ViewerComponent
|
||||
]
|
||||
});
|
||||
injector = getTestBed();
|
||||
extensionViewerDirective = injector.get(ViewerExtensionDirective);
|
||||
viewerComponent = injector.get(ViewerComponent);
|
||||
extensionViewerDirective.templateModel = {template: '', isVisible: false};
|
||||
}));
|
||||
|
||||
it('is defined', () => {
|
||||
expect(extensionViewerDirective).toBeDefined();
|
||||
});
|
||||
|
||||
it('if the file in the viewer has an extension handled by this extension isVisible should be true', () => {
|
||||
extensionViewerDirective.supportedExtensions = ['xls', 'sts'];
|
||||
expect(extensionViewerDirective.isVisible('xls')).toBeTruthy();
|
||||
});
|
||||
|
||||
it('if the file in the viewer not has an extension handled by this extension isVisible should be false', () => {
|
||||
extensionViewerDirective.supportedExtensions = ['xls', 'sts'];
|
||||
expect(extensionViewerDirective.isVisible('png')).not.toBeTruthy();
|
||||
});
|
||||
});
|
77
lib/core/viewer/directives/viewer-extension.directive.ts
Normal file
77
lib/core/viewer/directives/viewer-extension.directive.ts
Normal file
@@ -0,0 +1,77 @@
|
||||
/*!
|
||||
* @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 { AfterContentInit, ContentChild, Directive, Input, TemplateRef } from '@angular/core';
|
||||
import { ViewerComponent } from '../components/viewer.component';
|
||||
|
||||
@Directive({
|
||||
selector: 'adf-viewer-extension'
|
||||
})
|
||||
export class ViewerExtensionDirective implements AfterContentInit {
|
||||
|
||||
@ContentChild(TemplateRef)
|
||||
template: any;
|
||||
|
||||
@Input()
|
||||
urlFileContent: string;
|
||||
|
||||
@Input()
|
||||
extension: string;
|
||||
|
||||
@Input()
|
||||
supportedExtensions: string[];
|
||||
|
||||
templateModel: any;
|
||||
|
||||
constructor(private viewerComponent: ViewerComponent) {
|
||||
}
|
||||
|
||||
ngAfterContentInit() {
|
||||
this.templateModel = {template: this.template, isVisible: false};
|
||||
|
||||
this.viewerComponent.extensionTemplates.push(this.templateModel);
|
||||
|
||||
this.viewerComponent.extensionChange.subscribe((fileExtension) => {
|
||||
this.templateModel.isVisible = this.isVisible(fileExtension);
|
||||
});
|
||||
|
||||
if (this.supportedExtensions instanceof Array) {
|
||||
this.supportedExtensions.forEach((extension) => {
|
||||
this.viewerComponent.externalExtensions.push(extension);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* check if the current extension in the viewer is compatible with this extension checking against supportedExtensions
|
||||
*
|
||||
* @returns {boolean}
|
||||
*/
|
||||
isVisible(fileExtension) {
|
||||
let supportedExtension: string;
|
||||
|
||||
if (this.supportedExtensions && (this.supportedExtensions instanceof Array)) {
|
||||
supportedExtension = this.supportedExtensions.find((extension) => {
|
||||
return extension.toLowerCase() === fileExtension;
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
return !!supportedExtension;
|
||||
}
|
||||
|
||||
}
|
Reference in New Issue
Block a user