refactor version 1 many todo

demo-shell/src/app/components/cloud/cloud-viewer.component.html

@@ -1,4 +1,3 @@
-<adf-viewer
-    [overlayMode]="true"
+<adf-alfresco-viewer
     [nodeId]="nodeId">
-</adf-viewer>
+</adf-alfresco-viewer>

demo-shell/src/app/components/file-view/file-view.component.html

@@ -320,102 +320,106 @@
         </adf-info-drawer>
     </ng-template>
 
-    <adf-viewer
-        [blobFile]="content"
+    <adf-alfresco-viewer
         [nodeId]="nodeId"
-        [versionId]="versionId"
-        [showRightSidebar]="showRightSidebar"
-        [showLeftSidebar]="showLeftSidebar"
-        [allowGoBack]="allowGoBack"
-        [displayName]="displayName"
-        [showToolbar]="showToolbar"
-        [allowPrint]="allowPrint"
-        [allowDownload]="allowDownload"
-        [allowRightSidebar]="allowRightSidebar"
-        [allowLeftSidebar]="allowLeftSidebar"
-        [urlFile]="urlFile"
-        (showViewerChange)="onViewerVisibilityChanged()"
-        [sidebarLeftTemplate]="sidebarLeftTemplate"
-        [sidebarRightTemplate]="sidebarRightTemplate">
+    ></adf-alfresco-viewer>
 
-        <adf-viewer-toolbar *ngIf="customToolbar" data-automation-id="adf-viewer-custom-toolbar">
-            <h1>My custom toolbar</h1>
-        </adf-viewer-toolbar>
+<!--    <adf-viewer-->
+<!--        [blobFile]="content"-->
+<!--        [nodeId]="nodeId"-->
+<!--        [versionId]="versionId"-->
+<!--        [showRightSidebar]="showRightSidebar"-->
+<!--        [showLeftSidebar]="showLeftSidebar"-->
+<!--        [allowGoBack]="allowGoBack"-->
+<!--        [displayName]="displayName"-->
+<!--        [showToolbar]="showToolbar"-->
+<!--        [allowPrint]="allowPrint"-->
+<!--        [allowDownload]="allowDownload"-->
+<!--        [allowRightSidebar]="allowRightSidebar"-->
+<!--        [allowLeftSidebar]="allowLeftSidebar"-->
+<!--        [urlFile]="urlFile"-->
+<!--        (showViewerChange)="onViewerVisibilityChanged()"-->
+<!--        [sidebarLeftTemplate]="sidebarLeftTemplate"-->
+<!--        [sidebarRightTemplate]="sidebarRightTemplate">-->
 
-        <adf-viewer-toolbar-actions *ngIf="moreActions">
-            <button mat-icon-button id="adf-viewer-time">
-                <mat-icon>alarm</mat-icon>
-            </button>
-            <button mat-icon-button id="adf-viewer-upload">
-                <mat-icon>backup</mat-icon>
-            </button>
-            <button mat-icon-button id="adf-viewer-bug">
-                <mat-icon>bug_report</mat-icon>
-            </button>
-        </adf-viewer-toolbar-actions>
+<!--        <adf-viewer-toolbar *ngIf="customToolbar" data-automation-id="adf-viewer-custom-toolbar">-->
+<!--            <h1>My custom toolbar</h1>-->
+<!--        </adf-viewer-toolbar>-->
 
-        <adf-viewer-more-actions *ngIf="moreActionsMenu">
-            <button mat-menu-item id="adf-viewer-more-menu-alarm">
-                <mat-icon>alarm</mat-icon>
-                <span>Alarm</span>
-            </button>
-            <button mat-menu-item id="adf-viewer-more-menu-backup">
-                <mat-icon>backup</mat-icon>
-                <span>Backup</span>
-            </button>
-            <button mat-menu-item id="adf-viewer-more-menu-bug">
-                <mat-icon>bug_report</mat-icon>
-                <span>Bug report</span>
-            </button>
-        </adf-viewer-more-actions>
+<!--        <adf-viewer-toolbar-actions *ngIf="moreActions">-->
+<!--            <button mat-icon-button id="adf-viewer-time">-->
+<!--                <mat-icon>alarm</mat-icon>-->
+<!--            </button>-->
+<!--            <button mat-icon-button id="adf-viewer-upload">-->
+<!--                <mat-icon>backup</mat-icon>-->
+<!--            </button>-->
+<!--            <button mat-icon-button id="adf-viewer-bug">-->
+<!--                <mat-icon>bug_report</mat-icon>-->
+<!--            </button>-->
+<!--        </adf-viewer-toolbar-actions>-->
 
-        <ng-container *ngIf="openWith">
-            <adf-viewer-open-with>
-                <button mat-menu-item>
-                    <mat-icon>dialpad</mat-icon>
-                    <span>Option 1</span>
-                </button>
-                <button mat-menu-item disabled>
-                    <mat-icon>voicemail</mat-icon>
-                    <span>Option 2</span>
-                </button>
-                <button mat-menu-item>
-                    <mat-icon>notifications_off</mat-icon>
-                    <span>Option 3</span>
-                </button>
-            </adf-viewer-open-with>
-        </ng-container>
+<!--        <adf-viewer-more-actions *ngIf="moreActionsMenu">-->
+<!--            <button mat-menu-item id="adf-viewer-more-menu-alarm">-->
+<!--                <mat-icon>alarm</mat-icon>-->
+<!--                <span>Alarm</span>-->
+<!--            </button>-->
+<!--            <button mat-menu-item id="adf-viewer-more-menu-backup">-->
+<!--                <mat-icon>backup</mat-icon>-->
+<!--                <span>Backup</span>-->
+<!--            </button>-->
+<!--            <button mat-menu-item id="adf-viewer-more-menu-bug">-->
+<!--                <mat-icon>bug_report</mat-icon>-->
+<!--                <span>Bug report</span>-->
+<!--            </button>-->
+<!--        </adf-viewer-more-actions>-->
 
-        <!--
-        <adf-viewer-extension [supportedExtensions]="['json']">
-            <ng-template let-urlFileContent="urlFileContent" let-extension="extension">
-            <h1>JSON VIEWER</h1>
-            </ng-template>
-        </adf-viewer-extension>
-        -->
+<!--        <ng-container *ngIf="openWith">-->
+<!--            <adf-viewer-open-with>-->
+<!--                <button mat-menu-item>-->
+<!--                    <mat-icon>dialpad</mat-icon>-->
+<!--                    <span>Option 1</span>-->
+<!--                </button>-->
+<!--                <button mat-menu-item disabled>-->
+<!--                    <mat-icon>voicemail</mat-icon>-->
+<!--                    <span>Option 2</span>-->
+<!--                </button>-->
+<!--                <button mat-menu-item>-->
+<!--                    <mat-icon>notifications_off</mat-icon>-->
+<!--                    <span>Option 3</span>-->
+<!--                </button>-->
+<!--            </adf-viewer-open-with>-->
+<!--        </ng-container>-->
 
-        <!--
-        <adf-viewer-extension [supportedExtensions]="['png']">
-            <ng-template>
-            <h1>PNG Viewer</h1>
-            </ng-template>
-        </adf-viewer-extension>
-        -->
+<!--        &lt;!&ndash;-->
+<!--        <adf-viewer-extension [supportedExtensions]="['json']">-->
+<!--            <ng-template let-urlFileContent="urlFileContent" let-extension="extension">-->
+<!--            <h1>JSON VIEWER</h1>-->
+<!--            </ng-template>-->
+<!--        </adf-viewer-extension>-->
+<!--        &ndash;&gt;-->
 
-        <!--
-        <adf-viewer-extension [supportedExtensions]="['pdf']">
-            <ng-template>
-            <h1>PDF Viewer</h1>
-            </ng-template>
-        </adf-viewer-extension>
-        -->
+<!--        &lt;!&ndash;-->
+<!--        <adf-viewer-extension [supportedExtensions]="['png']">-->
+<!--            <ng-template>-->
+<!--            <h1>PNG Viewer</h1>-->
+<!--            </ng-template>-->
+<!--        </adf-viewer-extension>-->
+<!--        &ndash;&gt;-->
 
-        <!--
-        <extension-viewer [supportedExtensions]="['obj','3DS']" #extension>
-            <ng-template let-urlFileContent="urlFileContent" let-extension="extension" >
-            <threed-viewer [urlFile]="urlFileContent" [extension]="extension" ></threed-viewer>
-            </ng-template>
-        </extension-viewer>
-        -->
-    </adf-viewer>
+<!--        &lt;!&ndash;-->
+<!--        <adf-viewer-extension [supportedExtensions]="['pdf']">-->
+<!--            <ng-template>-->
+<!--            <h1>PDF Viewer</h1>-->
+<!--            </ng-template>-->
+<!--        </adf-viewer-extension>-->
+<!--        &ndash;&gt;-->
+
+<!--        &lt;!&ndash;-->
+<!--        <extension-viewer [supportedExtensions]="['obj','3DS']" #extension>-->
+<!--            <ng-template let-urlFileContent="urlFileContent" let-extension="extension" >-->
+<!--            <threed-viewer [urlFile]="urlFileContent" [extension]="extension" ></threed-viewer>-->
+<!--            </ng-template>-->
+<!--        </extension-viewer>-->
+<!--        &ndash;&gt;-->
+<!--    </adf-viewer>-->
 </ng-container>

demo-shell/src/app/components/overlay-viewer/overlay-viewer.component.html

@@ -15,8 +15,8 @@
     (preview)="showPreview($event)">
 </adf-document-list>
 
-<adf-viewer
-    [(showViewer)]="showViewer"
-    [overlayMode]="isOverlay"
-    [nodeId]="nodeId">
-</adf-viewer>
+<!--<adf-viewer-->
+<!--    [(showViewer)]="showViewer"-->
+<!--    [overlayMode]="isOverlay"-->
+<!--    [nodeId]="nodeId">-->
+<!--</adf-viewer>-->

demo-shell/src/app/components/shared-link-view/shared-link-view.component.html

@@ -1,7 +1,7 @@
 <ng-container *ngIf="sharedLinkId">
-    <adf-viewer
+    <adf-alfresco-viewer
         (invalidSharedLink)="redirectTo404()"
         [sharedLinkId]="sharedLinkId"
         [allowGoBack]="false">
-    </adf-viewer>
+    </adf-alfresco-viewer>
 </ng-container>