@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
|
@@ -8581,8 +8581,7 @@ var FileUploadComponent = /** @class */ (function () {
|
|
|
8581
8581
|
configurable: true
|
|
8582
8582
|
});
|
|
8583
8583
|
FileUploadComponent.prototype.ngOnInit = function () {
|
|
8584
|
-
this.supportedExtensions = this.supportedExtensions
|
|
8585
|
-
.map(function (extension) { return extension.replace(".", "").toLowerCase(); });
|
|
8584
|
+
this.supportedExtensions = this.supportedExtensions.map(function (extension) { return extension.replace(".", "").toLowerCase(); });
|
|
8586
8585
|
};
|
|
8587
8586
|
FileUploadComponent.prototype.ngOnDestroy = function () {
|
|
8588
8587
|
this.ngUsubscribe.next();
|
|
@@ -8671,6 +8670,15 @@ var FileUploadComponent = /** @class */ (function () {
|
|
|
8671
8670
|
anchor: this.anchor,
|
|
8672
8671
|
});
|
|
8673
8672
|
};
|
|
8673
|
+
FileUploadComponent.prototype.formatFileSize = function (size) {
|
|
8674
|
+
if (size === 0) {
|
|
8675
|
+
return "0 Bytes";
|
|
8676
|
+
}
|
|
8677
|
+
var k = 1024;
|
|
8678
|
+
var sizes = ["bytes", "KB", "MB", "GB", "TB"];
|
|
8679
|
+
var i = Math.floor(Math.log(size) / Math.log(k));
|
|
8680
|
+
return parseFloat((size / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
|
|
8681
|
+
};
|
|
8674
8682
|
FileUploadComponent.prototype.update = function () {
|
|
8675
8683
|
var windowWidth = window.innerWidth;
|
|
8676
8684
|
this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
|
|
@@ -8714,7 +8722,8 @@ var FileUploadComponent = /** @class */ (function () {
|
|
|
8714
8722
|
if (!blobFile) {
|
|
8715
8723
|
return;
|
|
8716
8724
|
}
|
|
8717
|
-
this.fileUploadService
|
|
8725
|
+
this.fileUploadService
|
|
8726
|
+
.getMetadataCustomField({ objectId: blobFile[0].objectId })
|
|
8718
8727
|
.then(function (metadata) { return _this.setModifiedDate(metadata); });
|
|
8719
8728
|
};
|
|
8720
8729
|
FileUploadComponent.prototype.setModifiedDate = function (metadata) {
|
|
@@ -8723,7 +8732,13 @@ var FileUploadComponent = /** @class */ (function () {
|
|
|
8723
8732
|
var day = moment$3(metadata.modified).format("DD");
|
|
8724
8733
|
var month = moment$3(metadata.modified).format("MM");
|
|
8725
8734
|
var fullYear = moment$3(metadata.modified).format("YYYY");
|
|
8726
|
-
this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", {
|
|
8735
|
+
this.modifiedDate = this.translate.instant("platform.angular_components.date_modified_custom_blob", {
|
|
8736
|
+
hour: hour,
|
|
8737
|
+
minutes: minutes,
|
|
8738
|
+
day: day,
|
|
8739
|
+
month: month,
|
|
8740
|
+
fullYear: fullYear,
|
|
8741
|
+
});
|
|
8727
8742
|
};
|
|
8728
8743
|
var FileUploadComponent_1;
|
|
8729
8744
|
FileUploadComponent.nextId = 0;
|
|
@@ -8822,8 +8837,8 @@ var FileUploadComponent = /** @class */ (function () {
|
|
|
8822
8837
|
FileUploadComponent = FileUploadComponent_1 = __decorate([
|
|
8823
8838
|
Component({
|
|
8824
8839
|
selector: "s-file-upload",
|
|
8825
|
-
template: "<div
|
|
8826
|
-
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}}"]
|
|
8840
|
+
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",
|
|
8841
|
+
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}}"]
|
|
8827
8842
|
})
|
|
8828
8843
|
], FileUploadComponent);
|
|
8829
8844
|
return FileUploadComponent;
|