alfresco-ng2-components/demo-shell-ng2/app/dialogs/download-zip.dialog.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, Inject, OnInit, ViewEncapsulation } from '@angular/core';
import { MD_DIALOG_DATA, MdDialogRef } from '@angular/material';

import { DownloadEntry, MinimalNodeEntity } from 'alfresco-js-api';
import { AlfrescoApiService } from 'ng2-alfresco-core';

@Component({
    selector: 'adf-download-zip-dialog',
    template: `
        <h1 md-dialog-title>Download as ZIP</h1>
        <div md-dialog-content>
            <md-progress-bar color="primary" mode="indeterminate"></md-progress-bar>
        </div>
        <div md-dialog-actions>
            <span class="spacer"></span>
            <button md-button color="primary" (click)="cancelDownload()">Cancel</button>
        </div>
    `,
    styles: [`
        .spacer { flex: 1 1 auto; }

        .adf-download-zip-dialog .mat-dialog-actions .mat-button-wrapper {
            text-transform: uppercase;
        }
    `],
    host: { 'class': 'adf-download-zip-dialog' },
    encapsulation: ViewEncapsulation.None
})
export class DownloadZipDialogComponent implements OnInit {

    // flag for async threads
    private cancelled = false;

    constructor(private apiService: AlfrescoApiService,
                private dialogRef: MdDialogRef<DownloadZipDialogComponent>,
                @Inject(MD_DIALOG_DATA) private data: { nodeIds?: string[] }) {
    }

    private get downloadsApi() {
        return this.apiService.getInstance().core.downloadsApi;
    }

    private get nodesApi() {
        return this.apiService.getInstance().core.nodesApi;
    }

    private get contentApi() {
        return this.apiService.getInstance().content;
    }

    ngOnInit() {
        if (this.data && this.data.nodeIds && this.data.nodeIds.length > 0) {
            // change timeout to have a delay for demo purposes
            setTimeout(() => {
                if (!this.cancelled) {
                    this.downloadZip(this.data.nodeIds);
                } else {
                    console.log('Cancelled');
                }
            }, 0);
        }
    }

    cancelDownload() {
        this.cancelled = true;
        this.dialogRef.close(false);
    }

    // Download as ZIP prototype
    // js-api@alpha 1.8.0-c422a3b69b1b96f72abc61ab370eff53590f8ee4
    downloadZip(nodeIds: string[]) {
        if (nodeIds && nodeIds.length > 0) {

            const promise: any = this.downloadsApi.createDownload({ nodeIds });

            promise.on('progress', progress => console.log('Progress', progress));
            promise.on('error', error => console.log('Error', error));
            promise.on('abort', data => console.log('Abort', data));

            promise.on('success', (data: DownloadEntry) => {
                console.log('Success', data);
                if (data && data.entry && data.entry.id) {
                    const url = this.contentApi.getContentUrl(data.entry.id, true);
                    // the call is needed only to get the name of the package
                    this.nodesApi.getNode(data.entry.id).then((downloadNode: MinimalNodeEntity) => {
                        console.log(downloadNode);
                        const fileName = downloadNode.entry.name;
                        // this.download(url, fileName);
                        this.waitAndDownload(data.entry.id, url, fileName);
                    });
                }
            });
        }
    }

    waitAndDownload(downloadId: string, url: string, fileName: string) {
        if (this.cancelled) {
            return;
        }

        this.downloadsApi.getDownload(downloadId).then((d: DownloadEntry) => {
            if (d.entry) {
                if (d.entry.status === 'DONE') {
                    this.download(url, fileName);
                } else {
                    setTimeout(() => {
                        this.waitAndDownload(downloadId, url, fileName);
                    }, 1000);
                }
            }
        });
    }

    download(url: string, fileName: string) {
        if (url && fileName) {
            const link = document.createElement('a');

            link.style.display = 'none';
            link.download = fileName;
            link.href = url;

            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
        }
        this.dialogRef.close(true);
    }
}