@seniorsistemas/angular-components 17.31.2 → 17.31.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +21 -6
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/file-upload/file-upload.component.d.ts +1 -0
- package/esm2015/components/file-upload/file-upload.component.js +24 -9
- package/esm5/components/file-upload/file-upload.component.js +22 -7
- package/fesm2015/seniorsistemas-angular-components.js +23 -8
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +21 -6
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -8727,8 +8727,7 @@
|
|
|
8727
8727
|
configurable: true
|
|
8728
8728
|
});
|
|
8729
8729
|
FileUploadComponent.prototype.ngOnInit = function () {
|
|
8730
|
-
this.supportedExtensions = this.supportedExtensions
|
|
8731
|
-
.map(function (extension) { return extension.replace(".", "").toLowerCase(); });
|
|
8730
|
+
this.supportedExtensions = this.supportedExtensions.map(function (extension) { return extension.replace(".", "").toLowerCase(); });
|
|
8732
8731
|
};
|
|
8733
8732
|
FileUploadComponent.prototype.ngOnDestroy = function () {
|
|
8734
8733
|
this.ngUsubscribe.next();
|
|
@@ -8817,6 +8816,15 @@
|
|
|
8817
8816
|
anchor: this.anchor,
|
|
8818
8817
|
});
|
|
8819
8818
|
};
|
|
8819
|
+
FileUploadComponent.prototype.formatFileSize = function (size) {
|
|
8820
|
+
if (size === 0) {
|
|
8821
|
+
return "0 Bytes";
|
|
8822
|
+
}
|
|
8823
|
+
var k = 1024;
|
|
8824
|
+
var sizes = ["bytes", "KB", "MB", "GB", "TB"];
|
|
8825
|
+
var i = Math.floor(Math.log(size) / Math.log(k));
|
|
8826
|
+
return parseFloat((size / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
|
|
8827
|
+
};
|
|
8820
8828
|
FileUploadComponent.prototype.update = function () {
|
|
8821
8829
|
var windowWidth = window.innerWidth;
|
|
8822
8830
|
this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
|
|
@@ -8860,7 +8868,8 @@
|
|
|
8860
8868
|
if (!blobFile) {
|
|
8861
8869
|
return;
|
|
8862
8870
|
}
|
|
8863
|
-
this.fileUploadService
|
|
8871
|
+
this.fileUploadService
|
|
8872
|
+
.getMetadataCustomField({ objectId: blobFile[0].objectId })
|
|
8864
8873
|
.then(function (metadata) { return _this.setModifiedDate(metadata); });
|
|
8865
8874
|
};
|
|
8866
8875
|
FileUploadComponent.prototype.setModifiedDate = function (metadata) {
|
|
@@ -8869,7 +8878,13 @@
|
|
|
8869
8878
|
var day = moment$3(metadata.modified).format("DD");
|
|
8870
8879
|
var month = moment$3(metadata.modified).format("MM");
|
|
8871
8880
|
var fullYear = moment$3(metadata.modified).format("YYYY");
|
|
8872
|
-
this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", {
|
|
8881
|
+
this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", {
|
|
8882
|
+
hour: hour,
|
|
8883
|
+
minutes: minutes,
|
|
8884
|
+
day: day,
|
|
8885
|
+
month: month,
|
|
8886
|
+
fullYear: fullYear,
|
|
8887
|
+
});
|
|
8873
8888
|
};
|
|
8874
8889
|
var FileUploadComponent_1;
|
|
8875
8890
|
FileUploadComponent.nextId = 0;
|
|
@@ -8968,8 +8983,8 @@
|
|
|
8968
8983
|
FileUploadComponent = FileUploadComponent_1 = __decorate([
|
|
8969
8984
|
core.Component({
|
|
8970
8985
|
selector: "s-file-upload",
|
|
8971
|
-
template: "<div
|
|
8972
|
-
styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .s-fileupload-list-file-name-date{font-size:.75rem;color:#999}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
|
|
8986
|
+
template: "<div [id]=\"id\" class=\"s-fileupload\">\n <div class=\"s-fileupload-choose\">\n <input\n #inputUpload\n [id]=\"id + 'input-upload'\"\n type=\"file\"\n name=\"file\"\n [accept]=\"accept\"\n [multiple]=\"multiple\"\n (change)=\"onFileSelect($event.dataTransfer ? $event.dataTransfer.files : $event.target.files)\"\n />\n <s-button\n *ngIf=\"permissions.includes(ADD_PERMISSION)\"\n [id]=\"id + 'upload-button'\"\n [label]=\"chooseLabel || 'platform.angular_components.attach_files' | translate\"\n (onClick)=\"inputUpload.click()\"\n priority=\"primary\"\n [disabled]=\"disabled || !!formGroup?.disabled || fileLimit === files?.length\"\n [auxiliary]=\"false\"\n >\n </s-button>\n </div>\n\n <section *ngIf=\"files.length\" [id]=\"id + 'fileupload-list'\" class=\"s-fileupload-list\" role=\"grid\">\n <ng-container *ngFor=\"let file of files; let i = index\">\n <div class=\"s-fileupload-list-file\" role=\"row\">\n <div [id]=\"id + '-file-' + i + '-name'\" class=\"s-fileupload-list-file-name\" role=\"gridcell\">\n <div class=\"file-name-size\">\n <ng-container\n *ngTemplateOutlet=\"\n (permissions.includes(READ_PERMISSION) && file.savedFile) || file.progress === 100\n ? descriptionUrl\n : description;\n context: {\n $implicit: file,\n index: i\n }\n \"\n >\n </ng-container>\n \n <span>{{ formatFileSize(file.size) }}</span>\n </div>\n\n <span *ngIf=\"modifiedDate\" class=\"s-fileupload-list-file-name-date\">{{ modifiedDate }}</span>\n </div>\n <div class=\"s-fileupload-list-file-status\" role=\"gridcell\">\n <p-progressBar\n *ngIf=\"file.isUploading && !isSmallDevice\"\n [style]=\"{ width: '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', height: '14px' }\"\n [value]=\"file.progress\"\n [showValue]=\"false\"\n role=\"alert\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\"\n >\n </p-progressBar>\n <span\n *ngIf=\"file.isUploading && isSmallDevice\"\n [id]=\"id + '-file-' + i + '-spin'\"\n class=\"fas fa-circle-notch fa-spin\"\n [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\"\n >\n </span>\n <span\n *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n [id]=\"id + '-file-' + i + '-check'\"\n class=\"fas fa-check\"\n role=\"alert\"\n [attr.aria-label]=\"\n ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\n \"\n [pTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\"\n >\n </span>\n <span\n *ngIf=\"file.error?.message\"\n [id]=\"id + '-file-' + i + '-error'\"\n class=\"fas fa-times\"\n role=\"alert\"\n [pTooltip]=\"file.error?.message\"\n tooltipPosition=\"top\"\n showDelay=\"500\"\n [appendTo]=\"'body'\"\n >\n </span>\n </div>\n <div class=\"s-fileupload-list-file-actions\" role=\"gridcell\">\n <a\n *ngIf=\"file.isUploading\"\n [id]=\"id + '-file-' + i + '-cancel'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onCancelUpload(i)\"\n >\n {{ cancelLabel || \"platform.angular_components.cancel\" | translate }}\n </a>\n <a\n *ngIf=\"permissions.includes(REMOVE_PERMISSION) && !file.isUploading && !(disabled || !!formGroup?.disabled)\"\n role=\"button\"\n tabindex=\"0\"\n [id]=\"id + '-file-' + i + '-remove'\"\n class=\"s-fileupload-list-file-actions-action\"\n (click)=\"onRemoveFile(file)\"\n [attr.aria-label]=\"ariaLabelRemove || removeLabel || 'platform.angular_components.remove' | translate\"\n >\n {{ removeLabel || \"platform.angular_components.remove\" | translate }}\n </a>\n </div>\n </div>\n </ng-container>\n </section>\n</div>\n\n<ng-template #descriptionUrl let-file let-i=\"index\">\n <a [id]=\"id + '-file-' + i + '-name-link'\" tabindex=\"0\" (click)=\"onDowloadFile(i)\" [attr.aria-label]=\"ariaLabelFileName || file.name\"\n >{{ file.name }}\n </a>\n <a style=\"display: none\" [href]=\"file.objectURL\" target=\"_blank\" download #anchor> </a>\n</ng-template>\n\n<ng-template #description let-file>\n <span tabindex=\"0\" [attr.aria-label]=\"ariaLabelFileName || file.name\">\n {{ file.name }}\n </span>\n</ng-template>\n",
|
|
8987
|
+
styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .file-name-size{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;gap:20px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name .s-fileupload-list-file-name-date{font-size:.75rem;color:#999}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
|
|
8973
8988
|
})
|
|
8974
8989
|
], FileUploadComponent);
|
|
8975
8990
|
return FileUploadComponent;
|