alfresco-ng2-components/ng2-components/ng2-alfresco-webscript/src/webscript.component.ts

/*!
 * @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, Input, Output, EventEmitter } from '@angular/core';
import { AlfrescoApiService } from 'ng2-alfresco-core';
import { ObjectDataTableAdapter } from 'ng2-alfresco-datatable';

/**
 * <alfresco-webscript-get [scriptPath]="string"
 *                         [scriptArgs]="Object"
 *                         [contextRoot]="string"
 *                         [servicePath]="string"
 *                         [contentType]="JSON|HTML|DATATABLE"
 *                         (onSuccess)="customMethod($event)>
 * </alfresco-webscript-get>
 *
 * This component, provide a get webscript viewer
 *
 * @InputParam {string} scriptPath path to Web Script (as defined by Web Script)
 * @InputParam {Object} scriptArgs arguments to pass to Web Script
 * @InputParam {string} contextRoot path where application is deployed default value 'alfresco'
 * @InputParam {string} servicePath path where Web Script service is mapped default value 'service'
 * @InputParam {string} contentType JSON | HTML | DATATABLE | TEXT
 *
 * @Output - onSuccess - The event is emitted when the data are recived
 *
 * @returns {WebscriptComponent} .
 */
@Component({
    selector: 'alfresco-webscript-get',
    template: `
        <div *ngIf="showData">
            <div *ngIf="contentType === 'JSON'" id="webscript-data-JSON">{{data | json}}</div>
            <div *ngIf="contentType === 'HTML'" id="webscript-data-HTML" [innerHTML]="data"></div>
            <div *ngIf="contentType === 'TEXT'" id="webscript-data-TEXT" >{{data}}</div>
            <div *ngIf="isDataTableContent()"><alfresco-datatable id="webscript-datatable-wrapper" [data]="data"></alfresco-datatable><div>
            <div *ngIf="showError" id="error">Error during the deserialization of {{data}} as {{contentType}}</div>
        </div>
    `
})
export class WebscriptComponent {

    @Input()
    scriptPath: string;

    @Input()
    scriptArgs: any;

    @Input()
    showData: boolean = true;

    @Input()
    contextRoot: string = 'alfresco';

    @Input()
    servicePath: string = 'service';

    @Input()
    contentType: string = 'TEXT';

    @Output()
    onSuccess = new EventEmitter();

    data: any = undefined;

    showError: boolean = false;

    constructor(private apiService: AlfrescoApiService) {
    }

    ngOnChanges(changes) {
        if (this.showData) {
            this.clean();
        }

        return new Promise((resolve, reject) => {
            this.apiService.getInstance().webScript.executeWebScript('GET', this.scriptPath, this.scriptArgs, this.contextRoot, this.servicePath).then((webScriptdata) => {

                this.data = webScriptdata;

                if (this.showData) {
                    if (this.contentType === 'DATATABLE') {
                        this.data = this.showDataAsDataTable(webScriptdata);
                    }
                }

                this.onSuccess.emit(this.data);

                resolve();
            }, function (error) {
                console.log('Error' + error);
                reject();
            });
        });
    }

    /**
     * show the data in a ng2-alfresco-datatable
     *
     * @param data
     *
     * @retutns the data as datatable
     */
    showDataAsDataTable(data: any) {
        let datatableData: any = null;
        try {

            if (!data.schema) {
                data.schema = ObjectDataTableAdapter.generateSchema(data.data);
            }

            if (data.schema && data.schema.length > 0) {
                this.data = new ObjectDataTableAdapter(data.data, data.schema);
            }

        } catch (e) {
            console.log('error during the cast as datatable');
        }

        return datatableData;
    }

    clean() {
        this.data = undefined;
    }

    isDataTableContent() {
        return this.contentType === 'DATATABLE';
    }
}