@churchillliving/se-ui-toolkit 6.52.72 → 6.52.73
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/churchillliving-se-ui-toolkit.umd.js +29 -16
- package/bundles/churchillliving-se-ui-toolkit.umd.js.map +1 -1
- package/churchillliving-se-ui-toolkit.metadata.json +1 -1
- package/esm2015/lib/components/base/cards/card.component.js +24 -7
- package/esm2015/lib/components/base/cards/card.component.ngfactory.js +2 -2
- package/esm2015/lib/components/base/form/form.component.js +4 -8
- package/esm2015/lib/se-ui-toolkit.module.ngfactory.js +1 -1
- package/fesm2015/churchillliving-se-ui-toolkit.js +26 -13
- package/fesm2015/churchillliving-se-ui-toolkit.js.map +1 -1
- package/package.json +1 -1
|
@@ -6475,12 +6475,10 @@
|
|
|
6475
6475
|
}
|
|
6476
6476
|
});
|
|
6477
6477
|
// Save grid on formSave Button
|
|
6478
|
-
var
|
|
6478
|
+
var saveAllGrid = document.getElementById('saveAllGridValues');
|
|
6479
6479
|
var getBtns = (_d = (_c = this.el) === null || _c === void 0 ? void 0 : _c.nativeElement) === null || _d === void 0 ? void 0 : _d.getElementsByClassName('saveRow');
|
|
6480
|
-
if (
|
|
6481
|
-
|
|
6482
|
-
saveAllGrid_1 === null || saveAllGrid_1 === void 0 ? void 0 : saveAllGrid_1.click();
|
|
6483
|
-
}, 100);
|
|
6480
|
+
if (saveAllGrid) {
|
|
6481
|
+
saveAllGrid.click();
|
|
6484
6482
|
}
|
|
6485
6483
|
else if (getBtns && getBtns.length > 0) {
|
|
6486
6484
|
try {
|
|
@@ -6498,9 +6496,7 @@
|
|
|
6498
6496
|
}
|
|
6499
6497
|
}
|
|
6500
6498
|
this.browserTabCloseEvent(false);
|
|
6501
|
-
|
|
6502
|
-
_this.saveForm.emit(_this.form.formSections);
|
|
6503
|
-
}, 2000);
|
|
6499
|
+
this.saveForm.emit(this.form.formSections);
|
|
6504
6500
|
(_e = this.form.formSections) === null || _e === void 0 ? void 0 : _e.forEach(function (formSection) {
|
|
6505
6501
|
if (formSection.fields) {
|
|
6506
6502
|
formSection.fields.forEach(function (field) {
|
|
@@ -7743,12 +7739,18 @@
|
|
|
7743
7739
|
CardComponent.prototype.ngOnInit = function () { };
|
|
7744
7740
|
CardComponent.prototype.ngOnChanges = function () {
|
|
7745
7741
|
var _this = this;
|
|
7746
|
-
var _a;
|
|
7747
7742
|
if (this.card) {
|
|
7748
|
-
var
|
|
7749
|
-
if (cardInfo_1) {
|
|
7750
|
-
|
|
7751
|
-
|
|
7743
|
+
var _e = this.card, data = _e.data, formSections = _e.formSections, cardInfo_1 = _e.cardInfo;
|
|
7744
|
+
if (cardInfo_1 && Object.keys(cardInfo_1).length) {
|
|
7745
|
+
this.displayCardInfo = cardInfo_1;
|
|
7746
|
+
data = this.gridService.setDataFields(data);
|
|
7747
|
+
data === null || data === void 0 ? void 0 : data.forEach(function (record) {
|
|
7748
|
+
var _a, _b, _c, _d;
|
|
7749
|
+
if (!((_a = Object.keys(record)) === null || _a === void 0 ? void 0 : _a.includes('azurecontainerid'))) {
|
|
7750
|
+
record = Object.assign(Object.assign({}, record), { blobfileurl: record[(_b = cardInfo_1.url) === null || _b === void 0 ? void 0 : _b.toLowerCase()], filecaption: record[(_c = cardInfo_1.caption) === null || _c === void 0 ? void 0 : _c.toLowerCase()], fileextension: record[(_d = cardInfo_1.extension) === null || _d === void 0 ? void 0 : _d.toLowerCase()] });
|
|
7751
|
+
}
|
|
7752
|
+
});
|
|
7753
|
+
this.data = data;
|
|
7752
7754
|
}
|
|
7753
7755
|
else {
|
|
7754
7756
|
this.data = this.gridService.setDataFields(data);
|
|
@@ -7817,10 +7819,21 @@
|
|
|
7817
7819
|
});
|
|
7818
7820
|
};
|
|
7819
7821
|
CardComponent.prototype.replacePropName = function (cardInfo) {
|
|
7820
|
-
var
|
|
7822
|
+
var _e;
|
|
7821
7823
|
if (this.displayCardInfo && Object.keys(this.displayCardInfo).length > 0) {
|
|
7822
7824
|
var cardProp = Object.assign({}, this.displayCardInfo);
|
|
7823
|
-
|
|
7825
|
+
var obj = Object.assign(Object.assign({}, cardInfo), (_e = {}, _e[cardProp.url] = cardInfo.blobfileurl, _e[cardProp.caption] = cardInfo.filecaption, _e[cardProp.extension] = cardInfo.fileextension, _e));
|
|
7826
|
+
var values = Object.values(cardProp);
|
|
7827
|
+
if (!values.includes('blobfileurl')) {
|
|
7828
|
+
delete obj.blobfileurl;
|
|
7829
|
+
}
|
|
7830
|
+
if (!values.includes('filecaption')) {
|
|
7831
|
+
delete obj.filecaption;
|
|
7832
|
+
}
|
|
7833
|
+
if (!values.includes('fileextension')) {
|
|
7834
|
+
delete obj.fileextension;
|
|
7835
|
+
}
|
|
7836
|
+
return obj;
|
|
7824
7837
|
}
|
|
7825
7838
|
else {
|
|
7826
7839
|
return cardInfo;
|
|
@@ -7853,7 +7866,7 @@
|
|
|
7853
7866
|
CardComponent.decorators = [
|
|
7854
7867
|
{ type: i0.Component, args: [{
|
|
7855
7868
|
selector: 'se-card',
|
|
7856
|
-
template: "<!-- Display Files Card -->\r\n<p-confirmDialog key=\"handlecolumnActions\"></p-confirmDialog>\r\n<div\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n class=\"example-list\"\r\n (cdkDropListDropped)=\"dragAndDrop($event)\"\r\n>\r\n <div \r\n class=\"p-d-flex cards-wrapper\" \r\n [ngStyle]=\"{ width: width, height: height }\" \r\n *ngIf=\"data\" \r\n [class]=\"card && card.class ? card.class : ''\">\r\n <div\r\n cdkDrag\r\n class=\"example-box p-d-flex p-flex-column cards-wrapper\"\r\n [class]=\"\r\n card && card.width && card.width.length > 0\r\n ? 'p-col-' + card.width\r\n : 'p-col-3'\r\n \"\r\n *ngFor=\"let file of data; let i = index\"\r\n (click)=\"onClickEvent(file,i)\"\r\n [ngClass]=\"file.selectedCard ? file.selectedCard : ''\"\r\n >\r\n <!-- start cards image functionality -->\r\n <se-file\r\n [url]=\"file.
|
|
7869
|
+
template: "<!-- Display Files Card -->\r\n<p-confirmDialog key=\"handlecolumnActions\"></p-confirmDialog>\r\n<div\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n class=\"example-list\"\r\n (cdkDropListDropped)=\"dragAndDrop($event)\"\r\n>\r\n <div \r\n class=\"p-d-flex cards-wrapper\" \r\n [ngStyle]=\"{ width: width, height: height }\" \r\n *ngIf=\"data\" \r\n [class]=\"card && card.class ? card.class : ''\">\r\n <div\r\n cdkDrag\r\n class=\"example-box p-d-flex p-flex-column cards-wrapper\"\r\n [class]=\"\r\n card && card.width && card.width.length > 0\r\n ? 'p-col-' + card.width\r\n : 'p-col-3'\r\n \"\r\n *ngFor=\"let file of data; let i = index\"\r\n (click)=\"onClickEvent(file,i)\"\r\n [ngClass]=\"file.selectedCard ? file.selectedCard : ''\"\r\n >\r\n <!-- start cards image functionality -->\r\n <se-file\r\n [url]=\"file.url\"\r\n [type]=\"file.fileextension\"\r\n [caption]=\"file?.filecaption\"\r\n [height]=\"card?.height\"\r\n [allowDownloadFile]=\"card?.allowDownload\"\r\n [allowEditableCaption]=\"card?.allowEditableCaption\"\r\n [allowDeleteFile]=\"card?.allowDelete\"\r\n [name]=\"file.blobfileurl\"\r\n [id]=\"file.fileextension\"\r\n (onDeleteEvent)=\"deleteImage($event)\"\r\n (onSaveEvent)=\"saveCaption($event)\"\r\n ></se-file>\r\n <!-- End cards image functionality -->\r\n\r\n <!-- start form functionality in card -->\r\n <se-form\r\n class=\"form-content\"\r\n [form]=\"file.dynamicform\"\r\n [hideSaveButton]=\"true\"\r\n [hideCancelButton]=\"true\"\r\n ></se-form>\r\n <!-- End form functionality in card -->\r\n </div>\r\n </div>\r\n\r\n <!-- in case of form and data is empty or null -->\r\n <div *ngIf=\"dynamicForm && (!data || data.length == 0)\">\r\n <se-form\r\n cdkDrag\r\n *ngIf=\"dynamicForm\"\r\n [form]=\"dynamicForm\"\r\n [hideSaveButton]=\"true\"\r\n [hideCancelButton]=\"true\"\r\n ></se-form>\r\n </div>\r\n</div>\r\n",
|
|
7857
7870
|
styles: [":host ::ng-deep .custom-card .action-buttons{display:flex;justify-content:flex-end;background-color:#eee;position:absolute;top:0;left:0;width:100%;visibility:hidden}:host ::ng-deep .custom-card .p-card-body{padding:0}:host ::ng-deep .custom-card .p-card-content{padding:0}:host ::ng-deep .custom-card .p-button.p-button-icon-only{padding:5px;height:unset}:host ::ng-deep .custom-card .image-wrapper:hover .action-buttons{visibility:visible}:host ::ng-deep .form-content .fixed-height{height:unset!important}:host ::ng-deep .p-accordion-content{border:1px solid lightgray;border-top:1px solid lightgray;border-radius:10px!important;box-shadow:1px 1px 1px #0003,1px 1px 1px inset #0003}:host ::ng-deep .card-active .p-accordion-content{background:#eee!important}.cards-wrapper{padding:10px;overflow:auto}.custom-card{width:100%;height:400px}.custom-card .image-wrapper{position:relative}.custom-card .image-wrapper img{width:100%;height:300px}.custom-card h4{margin:auto;text-align:center;width:90%;height:27px;padding-bottom:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list span{height:unset!important}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-icons{background-color:#eee;text-align:right;opacity:0}.example-box:hover .header-icons{opacity:1}.card-active{transform:scale(1.1);transition:all .2s linear;z-index:999}\n"]
|
|
7858
7871
|
},] }
|
|
7859
7872
|
];
|