add callback for VersionManagerComponent and VersionUploadComponent (#3008)

docs/version-manager.component.md

@@ -13,14 +13,25 @@ Displays the version history of a node with the ability to upload a new version.
 ## Basic Usage
 
 ```html
-<adf-version-manager [node]="aMinimalNodeEntryEntity"></adf-version-manager>
+<adf-version-manager 
+    [node]="aMinimalNodeEntryEntity"
+    (uploadSuccess)="customMethod($event)"
+    (uploadError)="customMethod2($event)">
+</adf-version-manager>
 ```
 
 ### Properties
 
-| Name | Type | Default value | Description |
+| Name | Type | Description |
-| ---- | ---- | ------------- | ----------- |
+| ---- | ---- | ----------- |
-| node | `MinimalNodeEntryEntity` |  | The node whose version history you want to manage.  |
+| node | [MinimalNodeEntryEntity](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeMinimalEntry.md) | The node you want to manage the version history of. |
+
+### Events
+
+| Name | Description |
+| --- | --- |
+| uploadSuccess | Raised when the file is uploaded |
+| uploadError | Emitted when an error occurs.|
 
 ## Details
 

lib/content-services/version-manager/version-manager.component.html

@@ -1,5 +1,5 @@
 <div class="adf-new-version-uploader-container" fxLayout="row" fxLayoutAlign="end center">
-    <adf-version-upload [node]="node"></adf-version-upload>
+    <adf-version-upload [node]="node" (success)="onUploadSuccess($event)" (error)="onUploadError($event)"></adf-version-upload>
 </div>
 <div class="adf-version-list-container">
     <adf-version-list [id]="node.id"></adf-version-list>

lib/content-services/version-manager/version-manager.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { Component, Input, ViewEncapsulation, Output, EventEmitter } from '@angular/core';
 import { MinimalNodeEntryEntity } from 'alfresco-js-api';
 
 @Component({
@@ -26,7 +26,21 @@ import { MinimalNodeEntryEntity } from 'alfresco-js-api';
 })
 export class VersionManagerComponent {
 
-    /** The node whose version history you want to manage. */
     @Input()
     node: MinimalNodeEntryEntity;
+
+    @Output()
+    uploadSuccess: EventEmitter<any> = new EventEmitter();
+
+    @Output()
+    uploadError: EventEmitter<any> = new EventEmitter();
+
+    onUploadSuccess(event): void {
+        this.uploadSuccess.emit(event);
+    }
+
+    onUploadError(event): any {
+        this.uploadError.emit(event);
+    }
 }
+

lib/content-services/version-manager/version-upload.component.html

@@ -4,5 +4,7 @@
     staticTitle="Upload new version"
     [rootFolderId]="node.parentId"
     tooltip="Restriction: upload file with the same name to create a new version of it"
-    [versioning]="true">
+    [versioning]="true"
+    (success)="onUploadSuccess($event)"
+    (error)="onUploadError($event)">
 </adf-upload-button>

lib/content-services/version-manager/version-upload.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { Component, Input, ViewEncapsulation, Output, EventEmitter } from '@angular/core';
 import { MinimalNodeEntryEntity } from 'alfresco-js-api';
 
 @Component({
@@ -30,4 +30,20 @@ export class VersionUploadComponent {
 
     @Input()
     node: MinimalNodeEntryEntity;
+
+    @Output()
+    success: EventEmitter<any> = new EventEmitter();
+
+    @Output()
+    error: EventEmitter<any> = new EventEmitter();
+
+    onUploadSuccess(event): void {
+        this.success.emit(event);
+    }
+
+    onUploadError(event): void {
+        this.error.emit(event);
+    }
+
 }
+