mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
92 lines
2.8 KiB
TypeScript
92 lines
2.8 KiB
TypeScript
/*!
|
|
* @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, ElementRef, Input } from '@angular/core';
|
|
import { FileModel } from '../models/file.model';
|
|
import { AlfrescoPipeTranslate } from 'ng2-alfresco-core/dist/ng2-alfresco-core';
|
|
|
|
declare let __moduleName: string;
|
|
|
|
/**
|
|
* <alfresco-file-uploading-list [filesUploadingList]="FileModel[]" ></alfresco-file-uploading-list>
|
|
*
|
|
* This component show a list of the uploading files contained in the filesUploadingList.
|
|
*
|
|
* @InputParam {FileModel[]} filesUploadingList - list of the uploading files .
|
|
*
|
|
*
|
|
* @returns {FileUploadingListComponent} .
|
|
*/
|
|
@Component({
|
|
selector: 'alfresco-file-uploading-list',
|
|
moduleId: __moduleName,
|
|
templateUrl: './file-uploading-list.component.html',
|
|
styleUrls: ['./file-uploading-list.component.css'],
|
|
pipes: [AlfrescoPipeTranslate]
|
|
})
|
|
export class FileUploadingListComponent {
|
|
|
|
@Input()
|
|
filesUploadingList: FileModel [];
|
|
|
|
constructor(public el: ElementRef) {
|
|
console.log('filesUploadingList constructor', el);
|
|
}
|
|
|
|
/**
|
|
* Abort the in progress uploading of a specific file.
|
|
*
|
|
* @param {string} id - FileModel id of the file to abort.
|
|
*/
|
|
abort(id: string): void {
|
|
let file = this.filesUploadingList.filter((uploadingFileModel) => {
|
|
return uploadingFileModel.id === id;
|
|
});
|
|
file[0].setAbort();
|
|
}
|
|
|
|
/**
|
|
* Call the abort method for each file
|
|
*/
|
|
cancelAllFiles($event) {
|
|
if($event) {
|
|
$event.preventDefault();
|
|
}
|
|
this.filesUploadingList.forEach((uploadingFileModel: FileModel) => {
|
|
uploadingFileModel.setAbort();
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Verify if all the files are in state done or abort
|
|
* @returns {boolean} - false if there is a file in progress
|
|
*/
|
|
isUploadCompleted() {
|
|
let isPending = false;
|
|
let isAllCompleted = true;
|
|
for (let i = 0; i < this.filesUploadingList.length && !isPending; i++) {
|
|
let uploadingFileModel = this.filesUploadingList[i];
|
|
if (!uploadingFileModel.done && !uploadingFileModel.abort) {
|
|
isPending = true;
|
|
isAllCompleted = false;
|
|
}
|
|
}
|
|
return isAllCompleted;
|
|
}
|
|
}
|