ps-toolkit-ui 0.0.158 → 0.0.162
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/ps-toolkit-ui.umd.js +8 -19
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/classes/form.class.js +2 -2
- package/esm2015/lib/classes/string.class.js +2 -2
- package/esm2015/lib/components/confirm/confirm.component.js +3 -7
- package/esm2015/lib/components/form/date/form.date.component.js +2 -9
- package/esm2015/lib/components/table/table.component.js +4 -4
- package/fesm2015/ps-toolkit-ui.js +9 -19
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/classes/string.class.d.ts +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
Save: 'ذخیره',
|
|
225
225
|
Cancel: 'انصراف',
|
|
226
226
|
UserDeActive: 'نام کاربری غیر فعال شده است',
|
|
227
|
-
|
|
227
|
+
DeleteConfirm: 'آیا از حذف این مورد مطمئن هستید ؟',
|
|
228
228
|
ChooseFiles: 'انتخاب فایل ها',
|
|
229
229
|
CodeNotExpired: 'کد تایید ارسال شده منقضی نشده است',
|
|
230
230
|
ChooseFile: 'انتخاب فایل',
|
|
@@ -1747,7 +1747,7 @@
|
|
|
1747
1747
|
exports.InputType.NationalCode, exports.InputType.Sheba, exports.InputType.PostalCode, exports.InputType.Date, exports.InputType.Time].includes(type) ? ' ltr' : '');
|
|
1748
1748
|
this.type = type;
|
|
1749
1749
|
this.value = value;
|
|
1750
|
-
this.default = HelperClass.clone(value);
|
|
1750
|
+
this.default = typeof value === 'number' ? _.cloneDeep(value) : HelperClass.clone(value);
|
|
1751
1751
|
this.required = required;
|
|
1752
1752
|
this.minLength = type === exports.InputType.Mobile || type === exports.InputType.Phone ? 11 :
|
|
1753
1753
|
type === exports.InputType.NationalCode || type === exports.InputType.PostalCode ? 10 :
|
|
@@ -3047,7 +3047,7 @@
|
|
|
3047
3047
|
var data = {
|
|
3048
3048
|
ids: _this.table.rows.filter(function (x) { return x.selected; }).map(function (x) { return x.id; })
|
|
3049
3049
|
};
|
|
3050
|
-
_this.confirm.show(_this.table.l('
|
|
3050
|
+
_this.confirm.show(_this.table.l('DeleteConfirm'), _this.table.url + '/Delete/' + 0, data, function () {
|
|
3051
3051
|
_this.table.load(null);
|
|
3052
3052
|
});
|
|
3053
3053
|
};
|
|
@@ -3110,7 +3110,7 @@
|
|
|
3110
3110
|
return this.changeRows.emit(e);
|
|
3111
3111
|
};
|
|
3112
3112
|
TableComponent.prototype.onConfirmShow = function (e) {
|
|
3113
|
-
this.confirm.show(this.table.l('
|
|
3113
|
+
this.confirm.show(this.table.l('DeleteConfirm'), this.table.url + 'Delete/' + e.id, null, e.accept);
|
|
3114
3114
|
};
|
|
3115
3115
|
TableComponent.prototype.changeSort = function (e, s) {
|
|
3116
3116
|
if ($__namespace(e.target).closest('.header-search').hasClass('header-search')) {
|
|
@@ -3128,7 +3128,7 @@
|
|
|
3128
3128
|
TableComponent.decorators = [
|
|
3129
3129
|
{ type: core.Component, args: [{
|
|
3130
3130
|
selector: 'lib-table',
|
|
3131
|
-
template: "<div [id]=\"table.id + 'Table'\" [style]=\"table.style\" #tableDiv [className]=\"(table.class ? table.class : '') + (table.sortable ? 'sortable' : '') + (table.hasChildren ? ' has-children' : '') + ' table-con'\">\r\n <div *ngIf=\"table.displayLabel\" class=\"title\">\r\n {{this.table.title ? this.table.title : 'List'}}\r\n <div class=\"extra-buttons\" *ngIf=\"table.showExtraButtons\">\r\n <lib-form-icon *ngFor=\"let btn of table.extraButtons\" [inp]=\"btn\"></lib-form-icon>\r\n <lib-form-icon [inp]=\"reload\"></lib-form-icon>\r\n <lib-form-icon [inp]=\"maximum\"></lib-form-icon>\r\n </div>\r\n <div *ngIf=\"table.buttons.length > 0\" class=\"buttons\">\r\n <lib-form-button [inp]=\"btn\" *ngFor=\"let btn of table.buttons\"></lib-form-button>\r\n </div>\r\n </div>\r\n <div class=\"search-form\" *ngIf=\"table.searchForm\">\r\n <lib-form [form]=\"table.searchForm\"></lib-form>\r\n </div>\r\n <lib-form *ngIf=\"table.form && table.form.onTop\" [form]=\"table.form\"></lib-form>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th *ngIf=\"table.hasChildren\" style=\"width: 50px\"></th>\r\n <th *ngIf=\"table.sortable\" style=\"width: 50px\"></th>\r\n <th *ngIf=\"table.withSelect\" style=\"width: 50px\">\r\n <i (click)=\"selectAll()\" [className]=\"(allSelected() ? 'fas fa-check-square green' : isSelected() ? 'fas fa-minus-square green' : 'far fa-square') + ' select-row'\" *ngIf=\"table.rows.length > 0\"></i>\r\n </th>\r\n <th (click)=\"!table.sortable && col.sort && changeSort($event, col.name)\" [className]=\"(!table.sortable && col.sort ? 'sort' : '')\" *ngFor=\"let col of table.cols\" [style]=\"{width: col.percent + '%'}\">\r\n <i *ngIf=\"!table.sortable && col.sort\" [className]=\"'sort-icon fas' + (table.sort === col.name ? (table.sortType === 'ASC' ? ' fa-sort-up' : ' fa-sort-down') : ' fa-sort')\"></i>\r\n <span *ngIf=\"col.search == null\">{{ table.l(col.name) }}</span>\r\n <div class=\"w-90 header-search p-h-20 m-r-5\" *ngIf=\"!table.sortable && col.search != null\">\r\n <lib-form-textbox *ngIf=\"col.type != colType.Date\" [inp]=\"col.search\"></lib-form-textbox>\r\n <lib-form-date *ngIf=\"col.type == colType.Date\" [inp]=\"col.search\"></lib-form-date>\r\n </div>\r\n </th>\r\n <th *ngIf=\"table.optionType == tableOptionType.Show\" [style]=\"{width: (100 - itemsWidth) + '%'}\">{{table.l('Options')}}</th>\r\n<!-- <th *ngIf=\"table.hasOption()\" [style]=\"{width: (100 - itemsWidth) + '%'}\">-->\r\n<!-- <span *ngIf=\"!table.withSelect || !isSelected()\">{{ table.l('Options') }}</span>-->\r\n<!-- <span *ngIf=\"table.withSelect && isSelected()\" class=\"option-con\">-->\r\n<!-- <span *ngFor=\"let opt of options\">-->\r\n<!-- <lib-form-button *ngIf=\"opt.type == type.Button\" [inp]=\"opt\"></lib-form-button>-->\r\n<!-- <lib-form-icon *ngIf=\"opt.type == type.Icon\" [inp]=\"opt\"></lib-form-icon>-->\r\n<!-- </span>-->\r\n<!-- </span>-->\r\n<!-- </th>-->\r\n </tr>\r\n </thead>\r\n <tbody #rows [style]=\"table.perPage > 0 ? {height: table.height * table.perPage + 'px'} : table.loading || !table.permission || table.rows.length == 0 ? {height: '100px'} : {}\">\r\n <lib-table-row (confirmShow)=\"onConfirmShow($event)\" [level]=\"1\" (changeRows)=\"onChangeRows($event)\" [id]=\"row.id ? row.id : ''\" [table]=\"table\" [row]=\"row\" *ngFor=\"let row of getRows()\"></lib-table-row>\r\n <tr *ngIf=\"table.perPage > 0\" [style]=\"{height: (table.perPage > 0 ? (table.perPage - table.rows.length) * table.height : '100') + 'px', visibility: 'hidden'}\"></tr>\r\n <lib-table-loading [table]=\"table\"></lib-table-loading>\r\n </tbody>\r\n <tfoot>\r\n <tr>\r\n <td colspan=\"100%\">\r\n <lib-table-pagination [table]=\"table\" *ngIf=\"table.perPage > 0\"></lib-table-pagination>\r\n </td>\r\n </tr>\r\n </tfoot>\r\n </table>\r\n <lib-modal *ngIf=\"table.modal != null\" [modal]=\"table.modal\"></lib-modal>\r\n <lib-modal [modal]=\"opt\" *ngFor=\"let opt of getModals()\"></lib-modal>\r\n <lib-confirm #confirm [tableId]=\"table.name\"></lib-confirm>\r\n</div>\r\n",
|
|
3131
|
+
template: "<div [id]=\"table.id + 'Table'\" [style]=\"table.style\" #tableDiv [className]=\"(table.class ? table.class : '') + (table.sortable ? 'sortable' : '') + (table.hasChildren ? ' has-children' : '') + ' table-con'\">\r\n <div *ngIf=\"table.displayLabel\" class=\"title\">\r\n {{this.table.title ? this.table.title : 'List'}}\r\n <div class=\"extra-buttons\" *ngIf=\"table.showExtraButtons\">\r\n <lib-form-icon *ngFor=\"let btn of table.extraButtons\" [inp]=\"btn\"></lib-form-icon>\r\n <lib-form-icon [inp]=\"reload\"></lib-form-icon>\r\n <lib-form-icon [inp]=\"maximum\"></lib-form-icon>\r\n </div>\r\n <div *ngIf=\"table.buttons.length > 0\" class=\"buttons\">\r\n <lib-form-button [inp]=\"btn\" *ngFor=\"let btn of table.buttons\"></lib-form-button>\r\n </div>\r\n </div>\r\n <div class=\"search-form\" *ngIf=\"table.searchForm\">\r\n <lib-form [form]=\"table.searchForm\"></lib-form>\r\n </div>\r\n <lib-form *ngIf=\"table.form && table.form.onTop\" [form]=\"table.form\"></lib-form>\r\n <table>\r\n <thead>\r\n <tr>\r\n <th *ngIf=\"table.hasChildren\" style=\"width: 50px\"></th>\r\n <th *ngIf=\"table.sortable\" style=\"width: 50px\"></th>\r\n <th *ngIf=\"table.withSelect\" style=\"width: 50px\">\r\n <i (click)=\"selectAll()\" [className]=\"(allSelected() ? 'fas fa-check-square green' : isSelected() ? 'fas fa-minus-square green' : 'far fa-square') + ' select-row'\" *ngIf=\"table.rows.length > 0\"></i>\r\n </th>\r\n <th (click)=\"!table.sortable && col.sort && changeSort($event, col.name)\" [className]=\"(!table.sortable && col.sort ? 'sort' : '')\" *ngFor=\"let col of table.cols\" [style]=\"{width: col.percent + '%'}\">\r\n <i *ngIf=\"!table.sortable && col.sort\" [className]=\"'sort-icon fas' + (table.sort === col.name ? (table.sortType === 'ASC' ? ' fa-sort-up' : ' fa-sort-down') : ' fa-sort')\"></i>\r\n <span *ngIf=\"col.search == null\">{{ table.l(col.name) }}</span>\r\n <div class=\"w-90 header-search p-h-20 m-r-5\" *ngIf=\"!table.sortable && col.search != null\">\r\n <lib-form-textbox *ngIf=\"col.type != colType.Date\" [inp]=\"col.search\"></lib-form-textbox>\r\n <lib-form-date *ngIf=\"col.type == colType.Date\" [inp]=\"col.search\"></lib-form-date>\r\n </div>\r\n </th>\r\n <th *ngIf=\"table.optionType == tableOptionType.Show\" [style]=\"{width: (100 - itemsWidth) + '%'}\">{{table.l('Options')}}</th>\r\n<!-- <th *ngIf=\"table.hasOption()\" [style]=\"{width: (100 - itemsWidth) + '%'}\">-->\r\n<!-- <span *ngIf=\"!table.withSelect || !isSelected()\">{{ table.l('Options') }}</span>-->\r\n<!-- <span *ngIf=\"table.withSelect && isSelected()\" class=\"option-con\">-->\r\n<!-- <span *ngFor=\"let opt of options\">-->\r\n<!-- <lib-form-button *ngIf=\"opt.type == type.Button\" [inp]=\"opt\"></lib-form-button>-->\r\n<!-- <lib-form-icon *ngIf=\"opt.type == type.Icon\" [inp]=\"opt\"></lib-form-icon>-->\r\n<!-- </span>-->\r\n<!-- </span>-->\r\n<!-- </th>-->\r\n </tr>\r\n </thead>\r\n <tbody #rows [style]=\"table.perPage > 0 ? {height: table.height * table.perPage + 'px'} : table.loading || !table.permission || table.rows.length == 0 ? {height: '100px'} : {}\">\r\n <lib-table-row (confirmShow)=\"onConfirmShow($event)\" [level]=\"1\" (changeRows)=\"onChangeRows($event)\" [id]=\"row.id ? row.id : ''\" [table]=\"table\" [row]=\"row\" *ngFor=\"let row of getRows()\"></lib-table-row>\r\n <tr *ngIf=\"table.perPage > 0\" [style]=\"{height: (table.perPage > 0 ? (table.perPage - table.rows.length) * table.height : '100') + 'px', visibility: 'hidden'}\"></tr>\r\n <lib-table-loading [table]=\"table\"></lib-table-loading>\r\n </tbody>\r\n <tfoot>\r\n <tr>\r\n <td colspan=\"100%\">\r\n <lib-table-pagination [table]=\"table\" *ngIf=\"table.perPage > 0\"></lib-table-pagination>\r\n </td>\r\n </tr>\r\n </tfoot>\r\n </table>\r\n <lib-modal *ngIf=\"table.modal != null\" [modal]=\"table.modal\"></lib-modal>\r\n <lib-modal [modal]=\"opt\" *ngFor=\"let opt of getModals()\"></lib-modal>\r\n <lib-confirm #confirm [tableId]=\"table.name\" [l]=\"table.l\"></lib-confirm>\r\n</div>\r\n",
|
|
3132
3132
|
styles: [".table-con{background-color:#fff;border-radius:5px;box-shadow:var(--box-shadow-table);float:right;padding:20px;position:relative;width:100%}.table-con.maximum{border-radius:0;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:11}.table-con>.title{float:right;font-family:VazirBold;font-size:16px;height:40px;line-height:40px;margin-bottom:10px;position:relative;text-align:right;width:100%}.table-con>.title .extra-buttons{float:left;margin-top:5px}.table-con>.title .buttons{float:left;margin-left:10px;margin-top:5px}.table-con>.search-form{border-radius:5px;float:right;margin-bottom:5px;width:100%}.table-con table{border-spacing:0!important;width:100%}.table-con table thead tr{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;position:relative}.table-con table thead tr th{background-color:var(--base-11);color:var(--black-88);font-family:VazirLight;font-size:12px;font-weight:400;height:45px;position:relative;vertical-align:middle}.table-con table thead tr th:first-child{border-bottom-right-radius:5px;border-top-right-radius:5px}.table-con table thead tr th:last-child{border-bottom-left-radius:5px;border-top-left-radius:5px}.table-con table thead tr th.sort{cursor:pointer}.table-con table thead tr th .sort-icon{font-size:13px;height:20px;left:5px;line-height:20px;opacity:.6;position:absolute;top:calc(50% - 10px);width:20px}.table-con table tbody{position:relative}.table-con table tfoot tr{height:45px}.table-con table tfoot tr td{position:relative;vertical-align:bottom}::ng-deep .table-con:not(.sortable) table lib-table-row:last-of-type>tr:after{background-image:unset}::ng-deep .table-con table thead tr th .select-row{cursor:pointer;font-size:18px;height:30px;line-height:30px}"]
|
|
3133
3133
|
},] }
|
|
3134
3134
|
];
|
|
@@ -3507,21 +3507,14 @@
|
|
|
3507
3507
|
};
|
|
3508
3508
|
};
|
|
3509
3509
|
FormDateComponent.prototype.setInpValue = function (v) {
|
|
3510
|
-
console.log(v, 'vv');
|
|
3511
|
-
console.log(typeof v, 'typeof vtypeof v');
|
|
3512
|
-
console.log(this.inp.default, 'this.inp.defaultthis.inp.default');
|
|
3513
|
-
console.log(typeof this.inp.default, 'typeof this.inp.default');
|
|
3514
3510
|
if (v === null) {
|
|
3515
3511
|
this.inp.clear();
|
|
3516
3512
|
return;
|
|
3517
3513
|
}
|
|
3518
|
-
else if (typeof v === 'string'
|
|
3514
|
+
else if (typeof v === 'string') {
|
|
3519
3515
|
var d = parseInt(v.substring(6, v.length - 2), 10);
|
|
3520
3516
|
this.active = moment__namespace(d);
|
|
3521
3517
|
}
|
|
3522
|
-
else if (typeof v === 'string' && v.includes('/')) {
|
|
3523
|
-
this.active = moment__namespace(this.inp.value, 'jYYYY/jMM/jDD');
|
|
3524
|
-
}
|
|
3525
3518
|
else if (typeof v === 'number') {
|
|
3526
3519
|
this.active = moment__namespace(v);
|
|
3527
3520
|
}
|
|
@@ -6044,11 +6037,6 @@
|
|
|
6044
6037
|
var ConfirmComponent = /** @class */ (function () {
|
|
6045
6038
|
function ConfirmComponent(config) {
|
|
6046
6039
|
this.config = config;
|
|
6047
|
-
var lang = new LangClass(config.currentLang, config.strings);
|
|
6048
|
-
this.l = function (key, v) {
|
|
6049
|
-
if (v === void 0) { v = null; }
|
|
6050
|
-
return lang.get('Public', 'Confirm', key, v);
|
|
6051
|
-
};
|
|
6052
6040
|
}
|
|
6053
6041
|
ConfirmComponent.prototype.ngOnInit = function () {
|
|
6054
6042
|
this.confirm = new ModalClass(this.config.environment, this.l, (this.tableId ? this.tableId : '') + 'Confirm');
|
|
@@ -6085,7 +6073,8 @@
|
|
|
6085
6073
|
{ type: PsToolkitUiConfigService }
|
|
6086
6074
|
]; };
|
|
6087
6075
|
ConfirmComponent.propDecorators = {
|
|
6088
|
-
tableId: [{ type: core.Input }]
|
|
6076
|
+
tableId: [{ type: core.Input }],
|
|
6077
|
+
l: [{ type: core.Input }]
|
|
6089
6078
|
};
|
|
6090
6079
|
|
|
6091
6080
|
var NotfoundComponent = /** @class */ (function () {
|