[ADF-1751] Version manager POC (#2551)

* First try

* Upload new versions

* Add versionComment

* Permission handling for sidebar also

* Add tests

* Fix rebase

* Add documentation

demo-shell-ng2/src/app/app.module.ts

@@ -35,6 +35,7 @@ import { FileViewComponent } from './components/file-view/file-view.component';
 import { WebscriptComponent } from './components/webscript/webscript.component';
 import { TagComponent } from './components/tag/tag.component';
 import { SocialComponent } from './components/social/social.component';
+import { VersionManagerDialogAdapterComponent } from './components/files/version-manager-dialog-adapter.component';
 
 import { ThemePickerModule } from './components/theme-picker/theme-picker';
 import { DebugAppConfigService } from './services/debug-app-config.service';
@@ -67,7 +68,8 @@ import { routing } from './app.routes';
     WebscriptComponent,
     TagComponent,
     SocialComponent,
-    CustomSourcesComponent
+    CustomSourcesComponent,
+    VersionManagerDialogAdapterComponent
   ],
   imports: [
     BrowserModule,
@@ -93,6 +95,9 @@ import { routing } from './app.routes';
       }
     }
   ],
+  entryComponents: [
+    VersionManagerDialogAdapterComponent
+  ],
   bootstrap: [AppComponent]
 })
 export class AppModule {

demo-shell-ng2/src/app/components/files/files.component.html

@@ -3,230 +3,266 @@
         <adf-sites-dropdown (change)="getSiteContent($event)">
         </adf-sites-dropdown>
     </div>
-    <adf-upload-drag-area
-        [parentId]="getDocumentListCurrentFolderId()"
-        [versioning]="versioning"
-        [adf-node-permission]="'create'"
-        [adf-nodes]="getCurrentDocumentListNode()">
-        <div *ngIf="errorMessage" class="error-message">
-            <button (click)="resetError()" mat-icon-button>
-                <mat-icon>highlight_off</mat-icon>
-            </button>
-            <span class="error-message--text">{{errorMessage}}</span>
-        </div>
-        <adf-toolbar [color]="toolbarColor" class="adf-files-toolbar">
-            <adf-toolbar-title fxFlex="0 1 auto">
-                <adf-breadcrumb fxShow fxHide.lt-sm="true"
-                                class="files-breadcrumb"
-                                root="Personal Files"
-                                [target]="documentList"
-                                [folderNode]="documentList.folderNode">
-                </adf-breadcrumb>
-                <adf-dropdown-breadcrumb fxHide fxShow.lt-sm="true"
-                                         class="files-breadcrumb"
-                                         [target]="documentList"
-                                         [folderNode]="documentList.folderNode">
-                </adf-dropdown-breadcrumb>
-            </adf-toolbar-title>
-
-            <adf-toolbar-divider fxFlex="0 0 auto"></adf-toolbar-divider>
-
-            <div fxFlex="0 0 auto" class="adf-document-action-buttons" fxShow fxHide.lt-sm="true">
-                <button mat-icon-button
-                        (click)="onCreateFolderClicked($event)">
-                    <mat-icon>create_new_folder</mat-icon>
-                </button>
-                <button mat-icon-button
-                        [disabled]="!hasSelection(documentList.selection)"
-                        title="Download"
-                        (click)="downloadNodes(documentList.selection)">
-                    <mat-icon>get_app</mat-icon>
-                </button>
-                <button mat-icon-button
-                        adf-node-permission="delete"
-                        [adf-nodes]="documentList.selection"
-                        (delete)="documentList.reload()"
-                        [adf-delete]="documentList.selection">
-                    <mat-icon>delete</mat-icon>
-                </button>
-                <button mat-icon-button
-                        #favorite="adfFavorite"
-                        (toggle)="documentList.reload()"
-                        [adf-node-favorite]="documentList.selection">
-                    <mat-icon>
-                        {{ favorite.hasFavorites() ? 'star' :'star_border' }}
-                    </mat-icon>
+    <div class="document-list-container" fxLayout="row" fxLayoutAlign="start stretch" fxLayoutGap="16px">
+        <adf-upload-drag-area fxFlex="1 1 auto"
+            [parentId]="getDocumentListCurrentFolderId()"
+            [versioning]="versioning"
+            [adf-node-permission]="'create'"
+            [adf-nodes]="getCurrentDocumentListNode()">
+            <div *ngIf="errorMessage" class="error-message">
+                <button (click)="resetError()" mat-icon-button>
+                    <mat-icon>highlight_off</mat-icon>
                 </button>
+                <span class="error-message--text">{{errorMessage}}</span>
             </div>
+            <adf-toolbar [color]="toolbarColor" class="adf-files-toolbar">
+                <adf-toolbar-title fxFlex="0 1 auto">
+                    <adf-breadcrumb fxShow fxHide.lt-sm="true"
+                                    class="files-breadcrumb"
+                                    root="Personal Files"
+                                    [target]="documentList"
+                                    [folderNode]="documentList.folderNode">
+                    </adf-breadcrumb>
+                    <adf-dropdown-breadcrumb fxHide fxShow.lt-sm="true"
+                                             class="files-breadcrumb"
+                                             [target]="documentList"
+                                             [folderNode]="documentList.folderNode">
+                    </adf-dropdown-breadcrumb>
+                </adf-toolbar-title>
 
-            <button fxFlex="0 0 auto" mat-icon-button [matMenuTriggerFor]="themePicker">
-                <mat-icon>format_color_fill</mat-icon>
-            </button>
+                <adf-toolbar-divider fxFlex="0 0 auto"></adf-toolbar-divider>
 
-            <mat-menu #themePicker="matMenu">
-                <button mat-menu-item (click)="toolbarColor = 'default'">Default</button>
-                <button mat-menu-item (click)="toolbarColor = 'primary'">Primary</button>
-                <button mat-menu-item (click)="toolbarColor = 'accent'">Accent</button>
-                <button mat-menu-item (click)="toolbarColor = 'warn'">Warn</button>
-            </mat-menu>
+                <div fxFlex="0 0 auto" class="adf-document-action-buttons" fxShow fxHide.lt-sm="true">
+                    <button mat-icon-button
+                            (click)="onCreateFolderClicked($event)">
+                        <mat-icon>create_new_folder</mat-icon>
+                    </button>
+                    <button mat-icon-button
+                            [disabled]="!hasSelection(documentList.selection)"
+                            title="Download"
+                            (click)="downloadNodes(documentList.selection)">
+                        <mat-icon>get_app</mat-icon>
+                    </button>
+                    <button mat-icon-button
+                            adf-node-permission="delete"
+                            [adf-nodes]="documentList.selection"
+                            (delete)="documentList.reload()"
+                            [adf-delete]="documentList.selection">
+                        <mat-icon>delete</mat-icon>
+                    </button>
+                    <button mat-icon-button
+                            #favorite="adfFavorite"
+                            (toggle)="documentList.reload()"
+                            [adf-node-favorite]="documentList.selection">
+                        <mat-icon>
+                            {{ favorite.hasFavorites() ? 'star' :'star_border' }}
+                        </mat-icon>
+                    </button>
+                </div>
 
-            <adf-toolbar-divider fxFlex="0 0 auto" fxHide fxShow.lt-sm="true"></adf-toolbar-divider>
-
-            <button fxFlex="0 0 auto" mat-icon-button [matMenuTriggerFor]="menu" fxHide fxShow.lt-sm="true">
-                <mat-icon>more_vert</mat-icon>
-            </button>
-            <mat-menu #menu="matMenu">
-                <button mat-menu-item
-                        (click)="onCreateFolderClicked($event)">
-                    <mat-icon>create_new_folder</mat-icon>
-                    <span>New folder</span>
+                <button fxFlex="1 0 auto" mat-icon-button [matMenuTriggerFor]="themePicker">
+                    <mat-icon>format_color_fill</mat-icon>
                 </button>
-                <button mat-menu-item
-                        [disabled]="!hasSelection(documentList.selection)"
-                        title="Download"
-                        (click)="downloadNodes(documentList.selection)">
-                    <mat-icon>get_app</mat-icon>
-                    <span>Download</span>
-                </button>
-                <button mat-menu-item
-                        adf-node-permission="delete"
-                        [adf-nodes]="documentList.selection">
-                    <mat-icon>delete</mat-icon>
-                    <span>Delete</span>
-                </button>
-            </mat-menu>
-        </adf-toolbar>
-        <adf-document-list
-            #documentList
-            [permissionsStyle]="permissionsStyle"
-            [currentFolderId]="currentFolderId"
-            [contextMenuActions]="true"
-            [contentActions]="true"
-            [allowDropFiles]="true"
-            [selectionMode]="selectionMode"
-            [multiselect]="multiselect"
-            (error)="onNavigationError($event)"
-            (success)="resetError()"
-            (preview)="showFile($event)"
-            (folderChange)="onFolderChange($event)"
-            (permissionError)="handlePermissionError($event)">
-            <data-columns>
-                <data-column
-                    key="$thumbnail"
-                    type="image"
-                    [sortable]="false"
-                    class="image-table-cell">
-                </data-column>
-                <data-column
-                    key="name"
-                    title="{{'DOCUMENT_LIST.COLUMNS.DISPLAY_NAME' | translate}}"
-                    [formatTooltip]="getNodeNameTooltip"
-                    class="full-width ellipsis-cell">
-                </data-column>
-                <!-- Location column demo -->
-                <!--
-                <data-column
-                    key="path"
-                    type="location"
-                    format="/files"
-                    title="Location">
-                </data-column>
-                -->
-                <data-column
-                    key="content.sizeInBytes"
-                    title="Size"
-                    type="fileSize">
-                </data-column>
-                <!-- Notes: has performance overhead due to multiple files/folders causing separate HTTP calls to get tags -->
-                <!--
-                <data-column
-                    title="{{'DOCUMENT_LIST.COLUMNS.TAG' | translate}}"
-                    key="id"
-                    class="full-width ellipsis-cell">
-                    <ng-template let-entry="$implicit">
-                        <alfresco-tag-node-list  [nodeId]="entry.data.getValue(entry.row, entry.col)"></alfresco-tag-node-list>
-                    </ng-template>
-                </data-column>
-                -->
-                <data-column
-                    title="{{'DOCUMENT_LIST.COLUMNS.CREATED_BY' | translate}}"
-                    key="createdByUser.displayName"
-                    class="desktop-only">
-                </data-column>
-                <data-column
-                    title="{{'DOCUMENT_LIST.COLUMNS.CREATED' | translate}}"
-                    key="createdAt"
-                    type="date"
-                    format="timeAgo"
-                    class="desktop-only">
-                </data-column>
-            </data-columns>
 
-            <content-actions>
-                <!-- folder actions -->
-                <content-action
-                    icon="content_copy"
-                    target="folder"
-                    title="{{'DOCUMENT_LIST.ACTIONS.FOLDER.COPY' | translate}}"
-                    permission="update"
-                    [disableWithNoPermission]="true"
-                    (error)="onContentActionError($event)"
-                    (success)="onContentActionSuccess($event)"
-                    handler="copy">
-                </content-action>
-                <content-action
-                    icon="redo"
-                    target="folder"
-                    title="{{'DOCUMENT_LIST.ACTIONS.FOLDER.MOVE' | translate}}"
-                    permission="update"
-                    [disableWithNoPermission]="true"
-                    (error)="onContentActionError($event)"
-                    (success)="onContentActionSuccess($event)"
-                    handler="move">
-                </content-action>
-                <content-action
-                    icon="delete"
-                    target="folder"
-                    permission="delete"
-                    [disableWithNoPermission]="true"
-                    title="{{'DOCUMENT_LIST.ACTIONS.FOLDER.DELETE' | translate}}"
-                    (permissionEvent)="handlePermissionError($event)"
-                    handler="delete">
-                </content-action>
-                <!-- document actions -->
-                <content-action
-                    icon="content_copy"
-                    target="document"
-                    title="{{'DOCUMENT_LIST.ACTIONS.DOCUMENT.COPY' | translate}}"
-                    permission="update"
-                    [disableWithNoPermission]="true"
-                    (error)="onContentActionError($event)"
-                    (success)="onContentActionSuccess($event)"
-                    handler="copy">
-                </content-action>
-                <content-action
-                    icon="redo"
-                    target="document"
-                    title="{{'DOCUMENT_LIST.ACTIONS.DOCUMENT.MOVE' | translate}}"
-                    permission="update"
-                    [disableWithNoPermission]="true"
-                    (error)="onContentActionError($event)"
-                    (success)="onContentActionSuccess($event)"
-                    handler="move">
-                </content-action>
-                <content-action
-                    icon="delete"
-                    target="document"
-                    permission="delete"
-                    [disableWithNoPermission]="true"
-                    (permissionEvent)="handlePermissionError($event)"
-                    title="{{'DOCUMENT_LIST.ACTIONS.DOCUMENT.DELETE' | translate}}"
-                    (success)="onDeleteActionSuccess($event)"
-                    handler="delete">
-                </content-action>
-            </content-actions>
-        </adf-document-list>
-    </adf-upload-drag-area>
+                <mat-menu #themePicker="matMenu">
+                    <button mat-menu-item (click)="toolbarColor = 'default'">Default</button>
+                    <button mat-menu-item (click)="toolbarColor = 'primary'">Primary</button>
+                    <button mat-menu-item (click)="toolbarColor = 'accent'">Accent</button>
+                    <button mat-menu-item (click)="toolbarColor = 'warn'">Warn</button>
+                </mat-menu>
+
+                <button mat-icon-button (click)="showVersions = !showVersions">
+                    <mat-icon *ngIf="!showVersions">chevron_left</mat-icon>
+                    <mat-icon *ngIf="showVersions">chevron_right</mat-icon>
+                </button>
+
+                <adf-toolbar-divider fxFlex="0 0 auto" fxHide fxShow.lt-sm="true"></adf-toolbar-divider>
+
+                <button fxFlex="0 0 auto" mat-icon-button [matMenuTriggerFor]="menu" fxHide fxShow.lt-sm="true">
+                    <mat-icon>more_vert</mat-icon>
+                </button>
+                <mat-menu #menu="matMenu">
+                    <button mat-menu-item
+                            (click)="onCreateFolderClicked($event)">
+                        <mat-icon>create_new_folder</mat-icon>
+                        <span>New folder</span>
+                    </button>
+                    <button mat-menu-item
+                            [disabled]="!hasSelection(documentList.selection)"
+                            title="Download"
+                            (click)="downloadNodes(documentList.selection)">
+                        <mat-icon>get_app</mat-icon>
+                        <span>Download</span>
+                    </button>
+                    <button mat-menu-item
+                            adf-node-permission="delete"
+                            [adf-nodes]="documentList.selection">
+                        <mat-icon>delete</mat-icon>
+                        <span>Delete</span>
+                    </button>
+                </mat-menu>
+            </adf-toolbar>
+            <adf-document-list
+                #documentList
+                [permissionsStyle]="permissionsStyle"
+                [currentFolderId]="currentFolderId"
+                [contextMenuActions]="true"
+                [contentActions]="true"
+                [allowDropFiles]="true"
+                [selectionMode]="selectionMode"
+                [multiselect]="multiselect"
+                (error)="onNavigationError($event)"
+                (success)="resetError()"
+                (preview)="showFile($event)"
+                (folderChange)="onFolderChange($event)"
+                (permissionError)="handlePermissionError($event)">
+                <data-columns>
+                    <data-column
+                        key="$thumbnail"
+                        type="image"
+                        [sortable]="false"
+                        class="image-table-cell">
+                    </data-column>
+                    <data-column
+                        key="name"
+                        title="{{'DOCUMENT_LIST.COLUMNS.DISPLAY_NAME' | translate}}"
+                        [formatTooltip]="getNodeNameTooltip"
+                        class="full-width ellipsis-cell">
+                    </data-column>
+                    <!-- Location column demo -->
+                    <!--
+                    <data-column
+                        key="path"
+                        type="location"
+                        format="/files"
+                        title="Location">
+                    </data-column>
+                    -->
+                    <data-column
+                        key="content.sizeInBytes"
+                        title="Size"
+                        type="fileSize">
+                    </data-column>
+                    <!-- Notes: has performance overhead due to multiple files/folders causing separate HTTP calls to get tags -->
+                    <!--
+                    <data-column
+                        title="{{'DOCUMENT_LIST.COLUMNS.TAG' | translate}}"
+                        key="id"
+                        class="full-width ellipsis-cell">
+                        <ng-template let-entry="$implicit">
+                            <alfresco-tag-node-list  [nodeId]="entry.data.getValue(entry.row, entry.col)"></alfresco-tag-node-list>
+                        </ng-template>
+                    </data-column>
+                    -->
+                    <data-column
+                        title="{{'DOCUMENT_LIST.COLUMNS.CREATED_BY' | translate}}"
+                        key="createdByUser.displayName"
+                        class="desktop-only">
+                    </data-column>
+                    <data-column
+                        title="{{'DOCUMENT_LIST.COLUMNS.CREATED' | translate}}"
+                        key="createdAt"
+                        type="date"
+                        format="timeAgo"
+                        class="desktop-only">
+                    </data-column>
+                </data-columns>
+
+                <content-actions>
+                    <!-- folder actions -->
+                    <content-action
+                        icon="content_copy"
+                        target="folder"
+                        title="{{'DOCUMENT_LIST.ACTIONS.FOLDER.COPY' | translate}}"
+                        permission="update"
+                        [disableWithNoPermission]="true"
+                        (error)="onContentActionError($event)"
+                        (success)="onContentActionSuccess($event)"
+                        handler="copy">
+                    </content-action>
+                    <content-action
+                        icon="redo"
+                        target="folder"
+                        title="{{'DOCUMENT_LIST.ACTIONS.FOLDER.MOVE' | translate}}"
+                        permission="update"
+                        [disableWithNoPermission]="true"
+                        (error)="onContentActionError($event)"
+                        (success)="onContentActionSuccess($event)"
+                        handler="move">
+                    </content-action>
+                    <content-action
+                        icon="delete"
+                        target="folder"
+                        permission="delete"
+                        [disableWithNoPermission]="true"
+                        title="{{'DOCUMENT_LIST.ACTIONS.FOLDER.DELETE' | translate}}"
+                        (permissionEvent)="handlePermissionError($event)"
+                        handler="delete">
+                    </content-action>
+                    <!-- document actions -->
+                    <content-action
+                        icon="content_copy"
+                        target="document"
+                        title="{{'DOCUMENT_LIST.ACTIONS.DOCUMENT.COPY' | translate}}"
+                        permission="update"
+                        [disableWithNoPermission]="true"
+                        (error)="onContentActionError($event)"
+                        (success)="onContentActionSuccess($event)"
+                        handler="copy">
+                    </content-action>
+                    <content-action
+                        icon="redo"
+                        target="document"
+                        title="{{'DOCUMENT_LIST.ACTIONS.DOCUMENT.MOVE' | translate}}"
+                        permission="update"
+                        [disableWithNoPermission]="true"
+                        (error)="onContentActionError($event)"
+                        (success)="onContentActionSuccess($event)"
+                        handler="move">
+                    </content-action>
+                    <content-action
+                        icon="storage"
+                        target="document"
+                        title="Manage versions..."
+                        (execute)="onManageVersions($event)">
+                    </content-action>
+                    <content-action
+                        icon="delete"
+                        target="document"
+                        permission="delete"
+                        [disableWithNoPermission]="true"
+                        (permissionEvent)="handlePermissionError($event)"
+                        title="{{'DOCUMENT_LIST.ACTIONS.DOCUMENT.DELETE' | translate}}"
+                        (success)="onDeleteActionSuccess($event)"
+                        handler="delete">
+                    </content-action>
+                </content-actions>
+            </adf-document-list>
+        </adf-upload-drag-area>
+        <adf-info-drawer-layout *ngIf="showVersions" class="adf-manage-versions-sidebar" fxFlex="0 0 auto">
+            <div info-drawer-content>
+                <ng-container *ngIf="hasOneFileSelected();else choose_document_template">
+                    <ng-container *ngIf="userHasPermissionToManageVersions(); else no_permission_to_versions">
+                        <adf-version-manager
+                            [node]="documentList.selection[0].entry">
+                        </adf-version-manager>
+                    </ng-container>
+                </ng-container>
+                <ng-template #choose_document_template>
+                    <div class="adf-manage-versions-empty">
+                        <mat-icon class="adf-manage-versions-empty-icon">face</mat-icon>
+                        Please choose a document to see the versions of it.
+                    </div>
+                </ng-template>
+                <ng-template #no_permission_to_versions>
+                    <div class="adf-manage-versions-no-permission">
+                        <mat-icon class="adf-manage-versions-no-permission-icon">warning</mat-icon>
+                        You don't have permission to manage the versions of this content.
+                    </div>
+                </ng-template>
+            </div>
+        </adf-info-drawer-layout>
+    </div>
 </div>
 
 <context-menu-holder></context-menu-holder>

demo-shell-ng2/src/app/components/files/files.component.scss

@@ -74,6 +74,45 @@ adf-document-list ::ng-deep adf-datatable tr.is-selected .image-table-cell::befo
     }
 }
 
+.adf-manage-versions-sidebar {
+    width: 300px;
+    color: rgba(0, 0, 0, 0.87);
+
+    .adf-manage-versions-empty,
+    .adf-manage-versions-no-permission {
+        margin: 24px;
+        color: grey;
+        text-align: justify;
+
+        &-icon {
+            display: block;
+            font-size: 48px;
+            margin: 0 auto 32px auto;
+        }
+    }
+
+    & ::ng-deep .adf-info-drawer-layout-header {
+        display: none;
+    }
+
+    & ::ng-deep .adf-info-drawer-layout-content {
+        padding: 0;
+
+        .adf-version-upload,
+        .adf-new-version-file-upload {
+            width: 100%;
+
+            & .mat-raised-button {
+                width: 100%;
+            }
+        }
+
+        .adf-new-version-uploader-container {
+            padding: 8px 24px 16px 24px;
+        }
+    }
+}
+
 @media (max-width: $minimumDocumentListWidth) {
     adf-document-list ::ng-deep adf-datatable  {
         & ::ng-deep .adf-data-table-cell--fileSize {

demo-shell-ng2/src/app/components/files/files.component.ts

@@ -26,6 +26,7 @@ import {
 } from 'ng2-alfresco-core';
 import { DataColumn, DataRow } from 'ng2-alfresco-datatable';
 import { DocumentListComponent, PermissionStyleModel } from 'ng2-alfresco-documentlist';
+import { VersionManagerDialogAdapterComponent } from './version-manager-dialog-adapter.component';
 
 const DEFAULT_FOLDER_TO_SHOW = '-my-';
 
@@ -41,6 +42,7 @@ export class FilesComponent implements OnInit {
     errorMessage: string = null;
     fileNodeId: any;
     showViewer: boolean = false;
+    showVersions: boolean = false;
 
     toolbarColor = 'default';
 
@@ -211,6 +213,17 @@ export class FilesComponent implements OnInit {
         });
     }
 
+    onManageVersions(event) {
+        const contentEntry = event.value.entry;
+
+        if (this.contentService.hasPermission(contentEntry, 'update')) {
+            this.dialog.open(VersionManagerDialogAdapterComponent, { data: { contentEntry }, panelClass: 'adf-version-manager-dialog', width: '630px' });
+        } else {
+            const translatedErrorMessage: any = this.translateService.get('OPERATION.ERROR.PERMISSION');
+            this.notificationService.openSnackMessage(translatedErrorMessage.value, 4000);
+        }
+    }
+
     getSiteContent(site: SiteModel) {
         this.currentFolderId = site && site.guid ? site.guid : DEFAULT_FOLDER_TO_SHOW;
     }
@@ -223,6 +236,17 @@ export class FilesComponent implements OnInit {
         return selection && selection.length > 0;
     }
 
+    hasOneFileSelected(): boolean {
+        const selection: Array<MinimalNodeEntity> = this.documentList.selection;
+        const hasOneFileSelected = selection && selection.length === 1 && selection[0].entry.isFile;
+        return hasOneFileSelected;
+    }
+
+    userHasPermissionToManageVersions(): boolean {
+        const selection: Array<MinimalNodeEntity> = this.documentList.selection;
+        return this.contentService.hasPermission(selection[0].entry, 'update');
+    }
+
     downloadNodes(selection: Array<MinimalNodeEntity>) {
         if (!selection || selection.length === 0) {
             return;

demo-shell-ng2/src/app/components/files/version-manager-dialog-adapter.component.html

@@ -0,0 +1,7 @@
+<header mat-dialog-title>Manage versions</header>
+<section mat-dialog-content>
+    <adf-version-manager [node]="contentEntry"></adf-version-manager>
+</section>
+<footer mat-dialog-actions fxLayout="row" fxLayoutAlign="end center">
+    <button mat-button (click)="close($event)">Close</button>
+</footer>

demo-shell-ng2/src/app/components/files/version-manager-dialog-adapter.component.ts

@@ -0,0 +1,38 @@
+/*!
+ * @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 { Component, Inject, ViewEncapsulation } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
+import { MinimalNodeEntryEntity } from 'alfresco-js-api';
+
+@Component({
+    templateUrl: './version-manager-dialog-adapter.component.html',
+    encapsulation: ViewEncapsulation.None
+})
+export class VersionManagerDialogAdapterComponent {
+
+    public contentEntry: MinimalNodeEntryEntity;
+
+    constructor(@Inject(MAT_DIALOG_DATA) data: any,
+                private containingDialog?: MatDialogRef<VersionManagerDialogAdapterComponent>) {
+        this.contentEntry = data.contentEntry;
+    }
+
+    close() {
+        this.containingDialog.close();
+    }
+}