[ADF-2065] Refactored Content node selector component (#2778)

* [ADF-2065] created dialog component for content node selector

* [ADF-2065] removing SiteModel from site dropdown to use SitePaging model of js-api

* [ADF-2065] - removed site model and updated documentation

* [ADF-2065] fixed test for site component

* [ADF-2065] refactored content node selector and created content node selector dialog

* [ADF-2065] fixed test on site-api service

* [ADF-2065] added a new content node dialog service to centralise the logic for content node dialog

* [ADF-2065] start adding test for node-actions service|

* [ADF-2065] added test for node-actions service

* [ADF-2065] added test for node action service

* [ADF-2065] renamed components to keep backward compatibility

* [ADF-2065] added input just for backward compatibility

* [ADF-2065] added some changes for backward compatibility and updated documentation

* [ADF-2065] updated documentation for content node selector

lib/core/form/components/widgets/upload-folder/upload-folder.widget.html

@@ -0,0 +1,7 @@
+<div class="adf-upload-folder-widget {{field.className}}"
+    [class.adf-invalid]="!field.isValid"
+    [class.adf-readonly]="field.readOnly">
+<label class="adf-label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
+    <div class="adf-upload-widget-container">
+    </div>
+</div>

lib/core/form/components/widgets/upload-folder/upload-folder.widget.scss

@@ -0,0 +1,12 @@
+@import '../form';
+
+
+.adf {
+
+    &-upload-folder-widget {
+        width: 100%;
+        word-break: break-all;
+        padding: 0.4375em 0;
+        border-top: 0.84375em solid transparent;
+    }
+}

lib/core/form/components/widgets/upload-folder/upload-folder.widget.spec.ts

@@ -0,0 +1,16 @@
+/*!
+ * @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.
+ */

lib/core/form/components/widgets/upload-folder/upload-folder.widget.ts

@@ -0,0 +1,150 @@
+/*!
+ * @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.
+ */
+
+/* tslint:disable:component-selector  */
+
+import { LogService } from '../../../../services/log.service';
+import { ThumbnailService } from '../../../../services/thumbnail.service';
+import { Component, ElementRef, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+import { FormService } from '../../../services/form.service';
+import { ProcessContentService } from '../../../services/process-content.service';
+import { ContentLinkModel } from '../core/content-link.model';
+import { baseHost, WidgetComponent } from './../widget.component';
+import 'rxjs/add/operator/mergeMap';
+
+@Component({
+    selector: 'upload-folder-widget',
+    templateUrl: './upload-folder.widget.html',
+    styleUrls: ['./upload-folder.widget.scss'],
+    host: baseHost,
+    encapsulation: ViewEncapsulation.None
+})
+export class UploadFolderWidgetComponent extends WidgetComponent implements OnInit {
+
+    hasFile: boolean;
+    displayText: string;
+    multipleOption: string = '';
+    mimeTypeIcon: string;
+
+    @ViewChild('uploadFiles')
+    fileInput: ElementRef;
+
+    constructor(public formService: FormService,
+                private logService: LogService,
+                private thumbnailService: ThumbnailService,
+                public processContentService: ProcessContentService) {
+        super(formService);
+    }
+
+    ngOnInit() {
+        if (this.field &&
+            this.field.value &&
+            this.field.value.length > 0) {
+            this.hasFile = true;
+        }
+        this.getMultipleFileParam();
+    }
+
+    removeFile(file: any) {
+        if (this.field) {
+            this.removeElementFromList(file);
+        }
+    }
+
+    onFileChanged(event: any) {
+        let files = event.target.files;
+        let filesSaved = [];
+
+        if (this.field.json.value) {
+            filesSaved = [...this.field.json.value];
+        }
+
+        if (files && files.length > 0) {
+            Observable.from(files).mergeMap(file => this.uploadRawContent(file)).subscribe((res) => {
+                    filesSaved.push(res);
+                },
+                (error) => {
+                    this.logService.error('Error uploading file. See console output for more details.');
+                },
+                () => {
+                    this.field.value = filesSaved;
+                    this.field.json.value = filesSaved;
+                });
+
+            this.hasFile = true;
+        }
+    }
+
+    private uploadRawContent(file): Observable<any> {
+        return this.processContentService.createTemporaryRawRelatedContent(file)
+            .map((response: any) => {
+                this.logService.info(response);
+                return response;
+            });
+    }
+
+    private getMultipleFileParam() {
+        if (this.field &&
+            this.field.params &&
+            this.field.params.multiple) {
+            this.multipleOption = this.field.params.multiple ? 'multiple' : '';
+        }
+    }
+
+    private removeElementFromList(file) {
+        let index = this.field.value.indexOf(file);
+
+        if (index !== -1) {
+            this.field.value.splice(index, 1);
+            this.field.json.value = this.field.value;
+            this.field.updateForm();
+        }
+
+        this.hasFile = this.field.value.length > 0;
+
+        this.resetFormValueWithNoFiles();
+    }
+
+    private resetFormValueWithNoFiles() {
+        if (this.field.value.length === 0) {
+            this.field.value = [];
+            this.field.json.value = [];
+        }
+    }
+
+    getIcon(mimeType) {
+        return this.thumbnailService.getMimeTypeIcon(mimeType);
+    }
+
+    fileClicked(obj: any): void {
+        const file = new ContentLinkModel(obj);
+        let fetch = this.processContentService.getContentPreview(file.id);
+        if (file.isTypeImage() || file.isTypePdf()) {
+            fetch = this.processContentService.getFileRawContent(file.id);
+        }
+        fetch.subscribe(
+            (blob: Blob) => {
+                file.contentBlob = blob;
+                this.formService.formContentClicked.next(file);
+            },
+            (error) => {
+                this.logService.error('Unable to send event for file ' + file.name);
+            }
+        );
+    }
+}