[ADF-ADF-2528] share directive (#3102)

* share file directive

* share link phase 2

* share dialog

* share dialog test

* more documentation

* add more meaningfully specification

* Add  description in the dialog

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

@@ -106,6 +106,14 @@
                             {{ favorite.hasFavorites() ? 'star' :'star_border' }}
                         </mat-icon>
                     </button>
+                    <button mat-icon-button
+                            [disabled]="!documentList.selection.length"
+                            [baseShareUrl]="baseShareUrl"
+                            [adf-share]="documentList.selection[0]">
+                        <mat-icon>
+                            share
+                        </mat-icon>
+                    </button>
                 </div>
 
                 <button fxFlex="1 0 auto" mat-icon-button [matMenuTriggerFor]="themePicker">

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

@@ -30,7 +30,7 @@ import {
     SiteEntry
 } from 'alfresco-js-api';
 import {
-    AuthenticationService, ContentService, TranslationService,
+    AuthenticationService, AppConfigService, ContentService, TranslationService,
     FileUploadEvent, FolderCreatedEvent, LogService, NotificationService,
     UploadService, DataColumn, DataRow, UserPreferencesService,
     PaginationComponent, FormValues, DisplayMode, UserPreferenceValues
@@ -59,6 +59,8 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
     showVersions = false;
     displayMode = DisplayMode.List;
 
+    baseShareUrl = this.appConfig.get<string>('ecmHost') + '/preview/s/';
+
     toolbarColor = 'default';
 
     selectionModes = [
@@ -158,6 +160,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
                 private logService: LogService,
                 private preference: UserPreferencesService,
                 @Optional() private route: ActivatedRoute,
+                private appConfig: AppConfigService,
                 public authenticationService: AuthenticationService) {
         this.preference.select(UserPreferenceValues.SupportedPageSizes)
             .subscribe((pages) => {

demo-shell/src/custom-style.scss

@@ -1,7 +1,6 @@
 @import './app/components/app-layout/app-layout.component.scss';
 
 @import '~@alfresco/adf-content-services/theming';
-@import '~@alfresco/adf-process-services/theming';
 @import '~@alfresco/adf-insights/theming';
 @import '~@alfresco/adf-core/theming';
 
@@ -18,7 +17,6 @@ $theme:   mat-light-theme($primary, $accent, $warn);
 @include adf-app-layout-theme($theme);
 
 @include adf-content-services-theme($theme);
-@include adf-process-services-theme($theme);
 @include adf-insights-theme($theme);
 @include adf-core-theme($theme);
 

demo-shell/tslint.json

@@ -45,7 +45,6 @@
     "no-bitwise": true,
     "no-console": [
       true,
-      "log",
       "debug",
       "info",
       "time",

docs/content-services/README.md

@@ -42,6 +42,7 @@ for more information about installing and using the source code.
 | [Folder create directive](folder-create.directive.md) | Allows folders to be created. | [Source](../../lib/content-services/folder-directive/folder-create.directive.ts) |
 | [Folder edit directive](folder-edit.directive.md) | Allows folders to be edited. | [Source](../../lib/content-services/folder-directive/folder-edit.directive.ts) |
 | [File draggable directive](file-draggable.directive.md) | Provide drag-and-drop features for an element such as a `div`. | [Source](../../lib/content-services/upload/directives/file-draggable.directive.ts) |
+| [Share Directive](share.directive.md) | Proide a pop up that generat a public linlk to share a file | [Source](../../lib/content-services/upload/directives/share.directive.ts) |
 
 ## Models
 

docs/content-services/share.directive.md

@@ -0,0 +1,49 @@
+---
+Added: v2.3.0
+Status: Active
+---
+# Node Public file Share Directive
+
+Create and manage public shared links for files
+
+![adf-share](../docassets/images/share-directive.png)
+
+This dialog will generate a link that will be formed as "baseShareUrl + sharedId".
+For example if you set the input parameter [baseShareUrl]="http://localhos:8080/myrouteForShareFile/", 
+the directive will ask to the Content service to generate a sharedId for the file. This will end up with a url link like :
+
+http://localhos:8080/myrouteForShareFile/NEW_GENERATED_SHAREID
+
+After you will need to implement in your app a logic that throught the router get the NEW_GENERATED_SHAREID and pass it to the ***adf-viewer***
+
+```html
+<adf-viewer
+    [sharedLinkId]="NEW_GENERATED_SHAREID"
+    [allowGoBack]="false">
+</adf-viewer>
+```
+
+## Basic Usage
+
+```html
+<adf-toolbar>
+    <button mat-icon-button
+            [baseShareUrl]="http://localhos:8080/myrouteForShareFile/"
+            [adf-share]="documentList.selection[0]">
+            <mat-icon>share</mat-icon>
+    </button>
+</adf-toolbar>
+
+<adf-document-list #documentList ...>
+ ...
+</adf-document-list>
+```
+
+### Properties
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| node | `MinimalNodeEntity` |  | Nodes to share.  |
+| baseShareUrl | `string` |  | baseShareUrl to add as prefix to the generated link  |
+
+

lib/content-services/content.module.ts

@@ -32,10 +32,10 @@ import { SitesDropdownModule } from './site-dropdown/sites-dropdown.module';
 import { BreadcrumbModule } from './breadcrumb/breadcrumb.module';
 import { VersionManagerModule } from './version-manager/version-manager.module';
 import { ContentNodeSelectorModule } from './content-node-selector/content-node-selector.module';
+import { ContentDirectiveModule } from './directives/content-directive.module';
 import { DialogModule } from './dialogs/dialog.module';
 import { FolderDirectiveModule } from './folder-directive/folder-directive.module';
 import { ContentMetadataModule } from './content-metadata/content-metadata.module';
-import { NodeDownloadDirective } from './directives/node-download.directive';
 
 @NgModule({
     imports: [
@@ -56,10 +56,8 @@ import { NodeDownloadDirective } from './directives/node-download.directive';
         ContentNodeSelectorModule,
         ContentMetadataModule,
         DialogModule,
-        FolderDirectiveModule
-    ],
-    declarations: [
-        NodeDownloadDirective
+        FolderDirectiveModule,
+        ContentDirectiveModule
     ],
     providers: [
         {
@@ -86,7 +84,7 @@ import { NodeDownloadDirective } from './directives/node-download.directive';
         ContentMetadataModule,
         DialogModule,
         FolderDirectiveModule,
-        NodeDownloadDirective
+        ContentDirectiveModule
     ]
 })
 export class ContentModule {

lib/content-services/dialogs/dialog.module.ts

@@ -21,6 +21,7 @@ import { MaterialModule } from '../material.module';
 
 import { DownloadZipDialogComponent } from './download-zip.dialog';
 import { FolderDialogComponent } from './folder.dialog';
+import { ShareDialogComponent } from './share.dialog';
 
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { TranslateModule } from '@ngx-translate/core';
@@ -36,7 +37,8 @@ import { NodesApiService, NotificationService, TranslationService } from '@alfre
     ],
     declarations: [
         DownloadZipDialogComponent,
-        FolderDialogComponent
+        FolderDialogComponent,
+        ShareDialogComponent
     ],
     providers: [
         NodesApiService,
@@ -45,11 +47,13 @@ import { NodesApiService, NotificationService, TranslationService } from '@alfre
     ],
     exports: [
         DownloadZipDialogComponent,
-        FolderDialogComponent
+        FolderDialogComponent,
+        ShareDialogComponent
     ],
     entryComponents: [
         DownloadZipDialogComponent,
-        FolderDialogComponent
+        FolderDialogComponent,
+        ShareDialogComponent
     ]
 })
 export class DialogModule {}

lib/content-services/dialogs/public-api.ts

@@ -17,3 +17,4 @@
 
 export * from './download-zip.dialog';
 export * from './folder.dialog';
+export * from './share.dialog';

lib/content-services/dialogs/share.dialog.html

@@ -0,0 +1,32 @@
+<h1 mat-dialog-title id="adf-share-title" >{{ 'SHARE.TITLE' | translate }} {{fileName}}</h1>
+
+<mat-dialog-content>
+    <span class="spacer"></span>
+
+    <mat-slide-toggle [checked]="isFileShared" [disabled]="isDisabled" (change)="onSlideShareChange($event)">
+        {{ 'SHARE.ACTIONS.SHARE' | translate }}
+    </mat-slide-toggle>
+
+    <span class="spacer"></span>
+
+    .
+
+    <h2 *ngIf="isFileShared">{{ 'SHARE.DESCRIPTION' | translate }}</h2>
+    <div *ngIf="isFileShared">{{ 'SHARE.ALERT' | translate }}</div>
+
+    <form *ngIf="isFileShared">
+        <mat-form-field class="full-width">
+            <input class="adf-share-link" matInput placeholder="{{ 'SHARE.PUBLIC-LINK' | translate }}" [value]="baseShareUrl + sharedId">
+            <mat-icon matPrefix>link</mat-icon>
+        </mat-form-field>
+    </form>
+
+    <h2 *ngIf="!isFileShared">{{ 'SHARE.UNSHARED' | translate }}</h2>
+
+</mat-dialog-content>
+
+<mat-dialog-actions>
+    <button mat-button color="primary" (click)="cancelShare()">
+        {{ 'SHARE.ACTIONS.CLOSE' | translate }}
+    </button>
+</mat-dialog-actions>

lib/content-services/dialogs/share.dialog.scss

@@ -0,0 +1,14 @@
+.spacer { flex: 1 1 auto; }
+
+.adf-share-dialog .mat-dialog-actions .mat-button-wrapper {
+    text-transform: uppercase;
+}
+
+.full-width {
+    width: 100%;
+}
+
+.adf-share-link {
+    margin-left: 10px;
+    font-size: 18px !important;
+}

lib/content-services/dialogs/share.dialog.spec.ts

@@ -0,0 +1,109 @@
+/*!
+ * @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 { async, TestBed } from '@angular/core/testing';
+import { ComponentFixture } from '@angular/core/testing';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
+import { Observable } from 'rxjs/Observable';
+
+import { ShareDialogComponent } from './share.dialog';
+
+describe('ShareDialogComponent', () => {
+
+    let fixture: ComponentFixture<ShareDialogComponent>;
+    let component: ShareDialogComponent;
+    let dialogRef;
+
+    let data: any = {
+        node: { entry: { properties: { 'qshare:sharedId': 'example-link' }, name: 'example-name' } }
+        baseShareUrl: 'baseShareUrl-example'
+    };
+
+    beforeEach(async(() => {
+        dialogRef = {
+            close: jasmine.createSpy('close')
+        };
+
+        TestBed.configureTestingModule({
+            imports: [
+                FormsModule,
+                ReactiveFormsModule,
+                BrowserDynamicTestingModule
+            ],
+            declarations: [
+                ShareDialogComponent
+            ],
+            providers: [
+                { provide: MatDialogRef, useValue: dialogRef },
+                {
+                    provide: MAT_DIALOG_DATA,
+                    useValue: data
+                }
+            ]
+        });
+
+        TestBed.overrideModule(BrowserDynamicTestingModule, {
+            set: { entryComponents: [ShareDialogComponent] }
+        });
+
+        TestBed.compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(ShareDialogComponent);
+        component = fixture.componentInstance;
+
+        fixture.detectChanges();
+    });
+
+    it('should init the dialog with the file name and baseShareUrl', () => {
+        expect(component.fileName).toBe('example-name');
+        expect(component.baseShareUrl).toBe('baseShareUrl-example');
+    });
+
+    describe('public link creation', () => {
+
+        it('should not create the public link if it alredy present in the node', () => {
+            let spyCreate = spyOn(component, 'createSharedLinks').and.returnValue(Observable.of(''));
+
+            component.ngOnInit();
+
+            expect(spyCreate).not.toHaveBeenCalled();
+        });
+
+        it('should not create the public link if it alredy present in the node', () => {
+            component.data = {
+                node: { entry: { name: 'example-name' } }
+                baseShareUrl: 'baseShareUrl-example'
+            };
+
+            let spyCreate = spyOn(component, 'createSharedLinks').and.returnValue(Observable.of(''));
+
+            data = {
+                node: { entry: { name: 'example-name' } }
+                baseShareUrl: 'baseShareUrl-example'
+            };
+
+            component.ngOnInit();
+
+            expect(spyCreate).toHaveBeenCalled();
+        });
+    });
+
+});

lib/content-services/dialogs/share.dialog.ts

@@ -0,0 +1,97 @@
+/*!
+ * @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, OnInit, ViewEncapsulation } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
+import { SharedLinksApiService } from '@alfresco/adf-core';
+import { SharedLinkEntry } from 'alfresco-js-api';
+
+@Component({
+    selector: 'adf-share-dialog',
+    templateUrl: './share.dialog.html',
+    styleUrls: ['./share.dialog.scss'],
+    host: { 'class': 'adf-share-dialog' },
+    encapsulation: ViewEncapsulation.None
+})
+export class ShareDialogComponent implements OnInit {
+
+    sharedId: string;
+
+    fileName: string;
+    baseShareUrl: string;
+
+    isFileShared: boolean = false;
+    isDisabled: boolean = false;
+
+    constructor(private sharedLinksApiService: SharedLinksApiService,
+                private dialogRef: MatDialogRef<ShareDialogComponent>,
+                @Inject(MAT_DIALOG_DATA)
+                public data: any) {
+    }
+
+    ngOnInit() {
+        if (this.data.node && this.data.node.entry) {
+            this.fileName = this.data.node.entry.name;
+            this.baseShareUrl = this.data.baseShareUrl;
+
+            if (this.data.node.entry.properties && this.data.node.entry.properties['qshare:sharedId']) {
+                this.sharedId = this.data.node.entry.properties['qshare:sharedId'];
+                this.isFileShared = true;
+            } else {
+                this.createSharedLinks(this.data.node.entry.id);
+            }
+        }
+    }
+
+    cancelShare() {
+        this.dialogRef.close(false);
+    }
+
+    onSlideShareChange(event: any) {
+        this.isDisabled = true;
+        if (event.checked) {
+            this.createSharedLinks(this.data.node.entry.id);
+        } else {
+            this.deleteSharedLink(this.sharedId);
+        }
+    }
+
+    createSharedLinks(nodeId: string) {
+        this.sharedLinksApiService.createSharedLinks(nodeId).subscribe((sharedLink: SharedLinkEntry) => {
+                if (sharedLink.entry) {
+                    this.sharedId = sharedLink.entry.id;
+                    this.isFileShared = true;
+                    this.isDisabled = false;
+                }
+            },
+            () => {
+                this.isFileShared = false;
+                this.isDisabled = false;
+            });
+    }
+
+    deleteSharedLink(sharedId: string) {
+        this.sharedLinksApiService.deleteSharedLink(sharedId).subscribe(() => {
+                this.isFileShared = false;
+                this.isDisabled = false;
+            },
+            () => {
+                this.isFileShared = true;
+                this.isDisabled = false;
+            });
+    }
+}

lib/content-services/directives/content-directive.module.ts

@@ -0,0 +1,40 @@
+/*!
+ * @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 { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { MaterialModule } from '../material.module';
+
+import { NodeDownloadDirective } from './node-download.directive';
+import { NodeSharedDirective } from './node-share.directive';
+
+@NgModule({
+    imports: [
+        CommonModule,
+        MaterialModule
+    ],
+    declarations: [
+        NodeDownloadDirective,
+        NodeSharedDirective
+    ],
+    exports: [
+        NodeDownloadDirective,
+        NodeSharedDirective
+    ]
+})
+export class ContentDirectiveModule {
+}

lib/content-services/directives/index.ts

@@ -0,0 +1,18 @@
+/*!
+ * @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.
+ */
+
+export * from './public-api';

lib/content-services/directives/node-share.directive.spec.ts

@@ -0,0 +1,118 @@
+/*!
+ * @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, DebugElement } from '@angular/core';
+import { fakeAsync, async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { NodeSharedDirective } from './node-share.directive';
+import { DialogModule } from '../dialogs/dialog.module';
+import { MatDialog } from '@angular/material';
+
+@Component({
+    template: `
+        <div [adf-share]="node">
+        </div>`
+})
+class TestComponent {
+    node = null;
+
+    done = jasmine.createSpy('done');
+}
+
+describe('NodeSharedDirective', () => {
+    let fixture: ComponentFixture<TestComponent>;
+    let element: DebugElement;
+    let component: TestComponent;
+    let dialog: MatDialog;
+    let dialogSpy;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            imports: [
+                DialogModule
+            ],
+            declarations: [
+                TestComponent,
+                NodeSharedDirective
+            ]
+        })
+            .compileComponents()
+            .then(() => {
+                fixture = TestBed.createComponent(TestComponent);
+                component = fixture.componentInstance;
+                dialog = TestBed.get(MatDialog);
+                element = fixture.debugElement.query(By.directive(NodeSharedDirective));
+                dialogSpy = spyOn(dialog, 'open');
+            });
+    }));
+
+    describe('Share', () => {
+
+        it('should not share when selection has no nodes', () => {
+            component.node = null;
+
+            fixture.detectChanges();
+            element.triggerEventHandler('click', null);
+
+            expect(dialogSpy).not.toHaveBeenCalled();
+        });
+
+        it('should not share when the selection node is a folder', () => {
+            component.node = {
+                entry: {
+                    isFolder: true
+                }
+            };
+
+            fixture.detectChanges();
+            element.triggerEventHandler('click', null);
+
+            expect(dialogSpy).not.toHaveBeenCalled();
+        });
+
+        it('should share when the selection node is a file', () => {
+            component.node = {
+                entry: {
+                    isFolder: false,
+                    isFile: true
+                }
+            };
+
+            fixture.detectChanges();
+            element.triggerEventHandler('click', null);
+
+            expect(dialogSpy).toHaveBeenCalled();
+        });
+
+        it('should disable the button if no node is selected', fakeAsync(() => {
+            component.node = null;
+
+            fixture.detectChanges();
+
+            expect(element.nativeElement.disabled).toEqual(true);
+        }));
+
+        it('should enable the button if nodes is selected and is a file', fakeAsync(() => {
+            component.node = { entry: { id: '1', name: 'name1' isFolder: false, isFile: true } };
+
+            fixture.detectChanges();
+
+            expect(element.nativeElement.disabled).toEqual(false);
+        }));
+
+    });
+});

lib/content-services/directives/node-share.directive.ts

@@ -0,0 +1,74 @@
+/*!
+ * @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 { Directive, Input, HostListener, ElementRef, OnChanges } from '@angular/core';
+import { MatDialog } from '@angular/material';
+import { MinimalNodeEntity } from 'alfresco-js-api';
+
+import { ShareDialogComponent } from '../dialogs/share.dialog';
+
+@Directive({
+    selector: '[adf-share]'
+})
+export class NodeSharedDirective implements OnChanges {
+
+    /** Node to share. */
+    // tslint:disable-next-line:no-input-rename
+    @Input('adf-share')
+    node: MinimalNodeEntity;
+
+    @Input()
+    baseShareUrl: string;
+
+    @HostListener('click')
+    onClick() {
+        this.shareNode(this.node);
+    }
+
+    constructor(private dialog: MatDialog,
+                private elementRef: ElementRef) {
+    }
+
+    shareNode(node: MinimalNodeEntity) {
+        if (node.entry && node.entry.isFile) {
+            this.setDisableAttribute(true);
+            this.dialog.open(ShareDialogComponent, {
+                width: '600px',
+                disableClose: true,
+                data: {
+                    node: node,
+                    baseShareUrl: this.baseShareUrl
+                }
+            });
+        } else {
+            this.setDisableAttribute(true);
+        }
+    }
+
+    ngOnChanges() {
+        if (!this.node || this.node.entry.isFolder) {
+            this.setDisableAttribute(true);
+        } else {
+            this.setDisableAttribute(false);
+        }
+    }
+
+    private setDisableAttribute(disable: boolean) {
+        this.elementRef.nativeElement.disabled = disable;
+    }
+
+}

lib/content-services/directives/public-api.ts

@@ -0,0 +1,19 @@
+/*!
+ * @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.
+ */
+
+export * from './node-download.directive';
+export * from './node-share.directive';

lib/content-services/i18n/en.json

@@ -194,5 +194,17 @@
       "MODIFIER": "Modifier",
       "MODIFIED_DATE": "Modified Date"
     }
+  },
+  "SHARE": {
+    "TITLE": "Share",
+    "PUBLIC-LINK": "Public link",
+    "UNSHARED": "File not shared",
+    "DESCRIPTION": "This is a link to your file",
+    "ALERT": "Anyone with this link can acces to it",
+    "ACTIONS": {
+      "SHARE": "SHARE",
+      "CLOSE": "CLOSE",
+      "COPY-LINK": "COPY LINK"
+    }
   }
 }

lib/content-services/index.ts

@@ -30,8 +30,9 @@ export * from './content-node-selector/content-node-selector.module';
 export * from './dialogs/dialog.module';
 export * from './folder-directive/folder-directive.module';
 export * from './content-metadata/content-metadata.module';
-export { NodeDownloadDirective } from './directives/node-download.directive';
+export * from './directives/content-directive.module';
 
+export * from './directives';
 export * from './social';
 export * from './tag';
 export * from './webscript';

lib/content-services/material.module.ts

@@ -30,7 +30,8 @@ import {
     MatProgressSpinnerModule,
     MatRippleModule,
     MatExpansionModule,
-    MatSelectModule
+    MatSelectModule,
+    MatSlideToggleModule
 } from '@angular/material';
 
 export function modules() {
@@ -48,7 +49,8 @@ export function modules() {
         MatMenuModule,
         MatOptionModule,
         MatExpansionModule,
-        MatSelectModule
+        MatSelectModule,
+        MatSlideToggleModule
     ];
 }
 

lib/core/services/shared-links-api.service.ts

@@ -16,7 +16,7 @@
  */
 
 import { Injectable } from '@angular/core';
-import { NodePaging } from 'alfresco-js-api';
+import { NodePaging, SharedLinkEntry } from 'alfresco-js-api';
 import { Observable } from 'rxjs/Observable';
 import { AlfrescoApiService } from './alfresco-api.service';
 import { UserPreferencesService } from './user-preferences.service';
@@ -25,9 +25,9 @@ import 'rxjs/add/observable/fromPromise';
 @Injectable()
 export class SharedLinksApiService {
 
-    constructor(
-        private apiService: AlfrescoApiService,
-        private preferences: UserPreferencesService) {}
+    constructor(private apiService: AlfrescoApiService,
+                private preferences: UserPreferencesService) {
+    }
 
     private get sharedLinksApi() {
         return this.apiService.getInstance().core.sharedlinksApi;
@@ -42,7 +42,7 @@ export class SharedLinksApiService {
         const defaultOptions = {
             maxItems: this.preferences.paginationSize,
             skipCount: 0,
-            include: [ 'properties', 'allowableOperations' ]
+            include: ['properties', 'allowableOperations']
         };
         const queryOptions = Object.assign({}, defaultOptions, options);
         const promise = sharedLinksApi
@@ -53,6 +53,35 @@ export class SharedLinksApiService {
             .catch(handleError);
     }
 
+    /**
+     * Create a shared links available to the current user.
+     * @param nodeId
+     * @param options Options supported by JSAPI
+     */
+    createSharedLinks(nodeId: string, options: any = {}): Observable<SharedLinkEntry> {
+        const { sharedLinksApi, handleError } = this;
+
+        const promise = sharedLinksApi.addSharedLink({ nodeId: nodeId });
+
+        return Observable
+            .fromPromise(promise)
+            .catch(handleError);
+    }
+
+    /**
+     * delete shared links
+     * @param sharedId to delete
+     */
+    deleteSharedLink(sharedId: string): Observable<SharedLinkEntry> {
+        const { sharedLinksApi, handleError } = this;
+
+        const promise = sharedLinksApi.deleteSharedLink(sharedId);
+
+        return Observable
+            .fromPromise(promise)
+            .catch(handleError);
+    }
+
     private handleError(error: any): Observable<any> {
         return Observable.of(error);
     }

lib/tslint.json

@@ -11,8 +11,7 @@
         ],
         "ban": [
           true,
-          "eval",
-          "fdescribe"
+          "eval"
         ],
         "class-name": true,
         "comment-format": [