inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

split render from viewer

Browse Source 
move alfresco render in content pack
This commit is contained in:
eromano
2022-11-21 18:01:04 +01:00
committed by Amedeo Lepore
parent 5a1327d40a
commit 36ee8c8e34
38 changed files with 873 additions and 903 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
<ng-container *ngIf="nodeId || content">
<ng-container *ngIf="nodeId">
<ng-template let-node="node" #sidebarRightTemplate>
<adf-info-drawer [title]="'APP.INFO_DRAWER.TITLE' | translate">
@@ -126,26 +126,6 @@
<adf-info-drawer [title]="'Viewer Options'">
<adf-info-drawer-tab label="Settings">
<p class="toggle">
<mat-slide-toggle
id="adf-switch-custoname"
[color]="'primary'"
(change)="toggleCustomName()"
[checked]="customName">
Custom Name
</mat-slide-toggle>
</p>
<p class="toggle">
<ng-container *ngIf="customName">
<mat-form-field floatLabel="never">
<input matInput
placeholder="Custom Name"
[(ngModel)]="displayName"
data-automation-id="adf-text-custom-name">
</mat-form-field>
</ng-container>
</p>
<p class="toggle">
<mat-slide-toggle
@@ -321,105 +301,98 @@
</ng-template>
<adf-alfresco-viewer
(close)="onViewerVisibilityChanged()"
[nodeId]="nodeId"
></adf-alfresco-viewer>
[versionId]="versionId"
[showRightSidebar]="showRightSidebar"
[showLeftSidebar]="showLeftSidebar"
[allowGoBack]="allowGoBack"
[showToolbar]="showToolbar"
[allowPrint]="allowPrint"
[allowDownload]="allowDownload"
[allowRightSidebar]="allowRightSidebar"
[allowLeftSidebar]="allowLeftSidebar"
[sidebarLeftTemplate]="sidebarLeftTemplate"
[sidebarRightTemplate]="sidebarRightTemplate">
<!-- <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 *ngIf="customToolbar" data-automation-id="adf-viewer-custom-toolbar">
<h1>My custom toolbar</h1>
</adf-viewer-toolbar>
<!-- <adf-viewer-toolbar *ngIf="customToolbar" data-automation-id="adf-viewer-custom-toolbar">-->
<!-- <h1>My custom toolbar</h1>-->
<!-- </adf-viewer-toolbar>-->
<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-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-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-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>-->
<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>
<!-- <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]="['json']">
<ng-template let-urlFileContent="urlFileContent" let-extension="extension">
<h1>JSON 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]="['png']">
<ng-template>
<h1>PNG 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;-->
<!--
<adf-viewer-extension [supportedExtensions]="['pdf']">
<ng-template>
<h1>PDF Viewer</h1>
</ng-template>
</adf-viewer-extension>
-->
<!-- &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>-->
<!--
<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-alfresco-viewer>
</ng-container>

14
demo-shell/src/app/components/file-view/file-view.component.ts
View File

@@ -45,7 +45,6 @@ export class FileViewComponent implements OnInit {
customPreset: string = null;
displayDefaultProperties = true;
showToolbar = true;
displayName = null;
urlFile = null;
allowGoBack = true;
openWith = false;
@@ -55,7 +54,6 @@ export class FileViewComponent implements OnInit {
allowLeftSidebar = true;
moreActions = true;
moreActionsMenu = false;
customName = false;
fileUrlSwitch = false;
showLeftSidebar = null;
showRightSidebar = false;
@@ -65,7 +63,6 @@ export class FileViewComponent implements OnInit {
showTabWithIconAndLabel = false;
desiredAspect: string = null;
showAspect: string = null;
content: Blob;
name: string;
constructor(private router: Router,
@@ -93,9 +90,6 @@ export class FileViewComponent implements OnInit {
},
() => this.router.navigate(['/files', id])
);
} else if (this.preview.content) {
this.content = this.preview.content;
this.displayName = this.preview.name;
}
});
}
@@ -182,14 +176,6 @@ export class FileViewComponent implements OnInit {
this.showTabWithIconAndLabel = !this.showTabWithIconAndLabel;
}
toggleCustomName() {
this.customName = !this.customName;
if (!this.customName) {
this.displayName = null;
}
}
toggleFileUrl() {
this.fileUrlSwitch = !this.fileUrlSwitch;

1
demo-shell/src/app/components/file-view/file-view.module.ts
View File

@@ -34,6 +34,7 @@ const routes: Routes = [
CommonModule,
RouterModule.forChild(routes),
CoreModule,
ContentModule,
InfoDrawerModule,
ContentModule,
ContentDirectiveModule,

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

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