[ADF-3530, ADF-3598] Sharing files (#3828)

* share node

* lint fix

* createSharedLinks parameter

* remove es6 async

* use fakeAsync

* removed trailing comma

* e2e update dialog title locator

* Expires label localization

* docs update

lib/core/clipboard/clipboard.directive.spec.ts

@@ -0,0 +1,67 @@
+/*!
+ * @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 } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { setupTestBed } from '../testing/setupTestBed';
+import { CoreModule } from '../core.module';
+import { ClipboardService } from './clipboard.service';
+
+@Component({
+     selector: 'adf-test-component',
+     template: `
+        <button
+            clipboard-notification="copy success"
+            [adf-clipboard]="ref">
+            copy
+        </button>
+
+        <input #ref />
+     `
+})
+class TestComponent {}
+
+describe('ClipboardDirective', () => {
+    let fixture: ComponentFixture<TestComponent>;
+    let clipboardService: ClipboardService;
+
+    setupTestBed({
+        imports: [
+            CoreModule.forRoot()
+        ],
+        declarations: [
+            TestComponent
+        ],
+        providers: [
+            ClipboardService
+        ]
+    });
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(TestComponent);
+        clipboardService = TestBed.get(ClipboardService);
+        fixture.detectChanges();
+    });
+
+    it('should notify copy target value on button click event', () => {
+        spyOn(clipboardService, 'copyToClipboard');
+        fixture.nativeElement.querySelector('input').value = 'some value';
+        fixture.nativeElement.querySelector('button').dispatchEvent(new MouseEvent('click'));
+
+        expect(clipboardService.copyToClipboard).toHaveBeenCalled();
+    });
+});

lib/core/clipboard/clipboard.directive.ts

@@ -0,0 +1,47 @@
+/*!
+ * @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 } from '@angular/core';
+import { ClipboardService } from './clipboard.service';
+
+@Directive({
+    selector: '[adf-clipboard]',
+    exportAs: 'adfClipboard'
+})
+export class ClipboardDirective {
+    // tslint:disable-next-line:no-input-rename
+    @Input('adf-clipboard') target: HTMLInputElement | HTMLTextAreaElement;
+
+    // tslint:disable-next-line:no-input-rename
+    @Input('clipboard-notification') message: string;
+
+    @HostListener('click', ['$event'])
+    handleClickEvent(event: MouseEvent) {
+        event.preventDefault();
+        this.copyToClipboard();
+    }
+
+    constructor(private clipboardService: ClipboardService) {}
+
+    private copyToClipboard() {
+        const isValidTarget = this.clipboardService.isTargetValid(this.target);
+
+        if (isValidTarget) {
+            this.clipboardService.copyToClipboard(this.target, this.message);
+        }
+    }
+}

lib/core/clipboard/clipboard.module.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 { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ClipboardDirective } from './clipboard.directive';
+import { ClipboardService } from './clipboard.service';
+
+@NgModule({
+    imports: [
+        CommonModule
+    ],
+    providers: [
+        ClipboardService
+    ],
+    declarations: [
+        ClipboardDirective
+    ],
+    exports: [
+        ClipboardDirective
+    ]
+})
+
+export class ClipboardModule {}

lib/core/clipboard/clipboard.service.spec.ts

@@ -0,0 +1,91 @@
+/*!
+ * @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 { LogService } from '../services/log.service';
+import { NotificationService } from '../services/notification.service';
+import { AppConfigService } from '../app-config/app-config.service';
+import { TestBed } from '@angular/core/testing';
+import { ClipboardModule } from './clipboard.module';
+import { ClipboardService } from './clipboard.service';
+
+describe('ClipboardService', () => {
+    let clipboardService: ClipboardService;
+    let notificationService: NotificationService;
+    let inputElement;
+
+    beforeEach(() => {
+        TestBed.configureTestingModule({
+            imports: [
+                ClipboardModule
+            ],
+            providers: [
+                LogService,
+                NotificationService,
+                {
+                    provide: AppConfigService,
+                    useValue: new AppConfigService(null)
+
+                },
+                {
+                    provide: NotificationService,
+                    useValue: new NotificationService(null, null)
+                }
+            ]
+        });
+    });
+
+    beforeEach(() => {
+        clipboardService = TestBed.get(ClipboardService);
+        notificationService = TestBed.get(NotificationService);
+        inputElement = document.createElement('input');
+    });
+
+    it('should validate target when element is input', () => {
+        const isValid = clipboardService.isTargetValid(inputElement);
+        expect(isValid).toBe(true);
+    });
+
+    it('should invalidate target when element is input and disabled', () => {
+        inputElement.disabled = true;
+        const isValid = clipboardService.isTargetValid(inputElement);
+        expect(isValid).toBe(false);
+    });
+
+    it('should copy text to clipboard', () => {
+        spyOn(document, 'execCommand');
+        spyOn(inputElement, 'select');
+        spyOn(inputElement, 'setSelectionRange');
+
+        inputElement.value = 'some text';
+
+        clipboardService.copyToClipboard(inputElement);
+
+        expect(inputElement.select).toHaveBeenCalledWith();
+        expect(inputElement.setSelectionRange)
+            .toHaveBeenCalledWith(0, inputElement.value.length);
+        expect(document.execCommand).toHaveBeenCalledWith('copy');
+    });
+
+    it('should notify copy to clipboard with message', () => {
+        spyOn(notificationService, 'openSnackMessage');
+        inputElement.value = 'some text';
+
+        clipboardService.copyToClipboard(inputElement, 'success');
+
+        expect(notificationService.openSnackMessage).toHaveBeenCalledWith('success');
+    });
+});

lib/core/clipboard/clipboard.service.ts

@@ -0,0 +1,62 @@
+/*!
+ * @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 { Injectable, Inject } from '@angular/core';
+import { DOCUMENT } from '@angular/platform-browser';
+import { LogService } from '../services/log.service';
+import { NotificationService } from '../services/notification.service';
+
+@Injectable()
+export class ClipboardService {
+
+    constructor(
+        @Inject(DOCUMENT) private document: any,
+        private logService: LogService,
+        private notificationService: NotificationService) {}
+
+    isTargetValid(target: HTMLInputElement | HTMLTextAreaElement) {
+        if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) {
+            if (target.hasAttribute('disabled')) {
+                return false;
+            }
+            return true;
+        }
+
+        this.logService.error(`${target} should be input or textarea`);
+        return false;
+    }
+
+    copyToClipboard(target: HTMLInputElement | HTMLTextAreaElement, message?: string) {
+        if (this.isTargetValid(target)) {
+            try {
+                target.select();
+                target.setSelectionRange(0, target.value.length);
+                this.document.execCommand('copy');
+                this.notify(message);
+            } catch (error) {
+                this.logService.error(error);
+            }
+        }
+    }
+
+    private notify(message) {
+        if (message) {
+            this.notificationService.openSnackMessage(message);
+        }
+    }
+
+}

lib/core/clipboard/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/core/clipboard/public-api.ts

@@ -0,0 +1,22 @@
+/*!
+ * @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 './accordion-group.component';
+export * from './clipboard.directive';
+export * from './clipboard.service';
+
+export * from './clipboard.module';