[ADF-1843] rename 'extension-viewer' to 'add-viewer-extension' (#2568)

* rename 'extension-viewer' to 'adf-viewer-extension'

also add support for json preview

* docs updates

ng2-components/ng2-alfresco-viewer/index.ts

@@ -29,7 +29,7 @@ import { ViewerOpenWithComponent } from './src/components/viewer-open-with.compo
 import { ViewerSidebarComponent } from './src/components/viewer-sidebar.component';
 import { ViewerToolbarComponent } from './src/components/viewer-toolbar.component';
 import { ViewerComponent } from './src/components/viewer.component';
-import { ExtensionViewerDirective } from './src/directives/extension-viewer.directive';
+import { ViewerExtensionDirective } from './src/directives/viewer-extension.directive';
 import { RenderingQueueServices } from './src/services/rendering-queue.services';
 
 export { ViewerComponent } from './src/components/viewer.component';
@@ -41,7 +41,7 @@ export function declarations() {
         TxtViewerComponent,
         MediaPlayerComponent,
         PdfViewerComponent,
-        ExtensionViewerDirective,
+        ViewerExtensionDirective,
         UnknownFormatComponent,
         ViewerToolbarComponent,
         ViewerSidebarComponent,

ng2-components/ng2-alfresco-viewer/src/components/viewer.component.ts

@@ -121,7 +121,7 @@ export class ViewerComponent implements OnDestroy, OnChanges {
     private extensions = {
         image: ['png', 'jpg', 'jpeg', 'gif', 'bpm'],
         media: ['wav', 'mp4', 'mp3', 'webm', 'ogg'],
-        text: ['txt', 'xml', 'js', 'html'],
+        text: ['txt', 'xml', 'js', 'html', 'json'],
         pdf: ['pdf']
     };
 

ng2-components/ng2-alfresco-viewer/src/directives/viewer-extension.directive.spec.ts

@@ -22,7 +22,7 @@ import { Injector } from '@angular/core';
 import { async, getTestBed, TestBed } from '@angular/core/testing';
 import { CoreModule } from 'ng2-alfresco-core';
 import { ViewerComponent } from '../components/viewer.component';
-import { ExtensionViewerDirective } from './extension-viewer.directive';
+import { ViewerExtensionDirective } from './viewer-extension.directive';
 
 export class MockElementRef extends ElementRef {
     constructor() {
@@ -32,7 +32,7 @@ export class MockElementRef extends ElementRef {
 
 describe('ExtensionViewerDirective', () => {
     let injector: Injector;
-    let extensionViewerDirective: ExtensionViewerDirective;
+    let extensionViewerDirective: ViewerExtensionDirective;
     let viewerComponent: ViewerComponent;
 
     beforeEach(async(() => {
@@ -40,13 +40,13 @@ describe('ExtensionViewerDirective', () => {
             imports: [CoreModule],
             providers: [
                 { provide: Location, useClass: SpyLocation },
-                ExtensionViewerDirective,
+                ViewerExtensionDirective,
                 {provide: ElementRef, useClass: MockElementRef},
                 ViewerComponent
             ]
         });
         injector = getTestBed();
-        extensionViewerDirective = injector.get(ExtensionViewerDirective);
+        extensionViewerDirective = injector.get(ViewerExtensionDirective);
         viewerComponent = injector.get(ViewerComponent);
         extensionViewerDirective.templateModel = {template: '', isVisible: false};
     }));

ng2-components/ng2-alfresco-viewer/src/directives/viewer-extension.directive.ts

@@ -15,19 +15,13 @@
  * limitations under the License.
  */
 
-import {
-    AfterContentInit,
-    ContentChild,
-    Directive,
-    Input,
-    TemplateRef
-} from '@angular/core';
+import { AfterContentInit, ContentChild, Directive, Input, TemplateRef } from '@angular/core';
 import { ViewerComponent } from '../components/viewer.component';
 
 @Directive({
-    selector: 'extension-viewer'
+    selector: 'adf-viewer-extension'
 })
-export class ExtensionViewerDirective implements AfterContentInit {
+export class ViewerExtensionDirective implements AfterContentInit {
 
     @ContentChild(TemplateRef)
     template: any;