mobicloud-core 1.0.152 → 1.0.153
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/mobicloud-core-components.umd.js +49 -8
- package/bundles/mobicloud-core-components.umd.js.map +1 -1
- package/bundles/mobicloud-core-components.umd.min.js +1 -1
- package/bundles/mobicloud-core-components.umd.min.js.map +1 -1
- package/components/employee/employee-profile/employee-profile.component.d.ts +7 -1
- package/components/mobicloud-core-components.metadata.json +1 -1
- package/esm2015/components/employee/employee-profile/employee-profile.component.js +36 -5
- package/fesm2015/mobicloud-core-components.js +34 -5
- package/fesm2015/mobicloud-core-components.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/flex-layout'), require('@angular/material/sidenav'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/expansion'), require('@angular/material/list'), require('@angular/material/menu'), require('@angular/material/toolbar'), require('@angular/material/tooltip'), require('@angular/material/card'), require('@angular/material/progress-spinner'), require('@angular/material/slide-toggle'), require('@angular/material/stepper'), require('devextreme-angular'), require('ngx-webcam'), require('mobicloud-core/icons'), require('@angular/cdk/layout'), require('rxjs/operators'), require('devextreme/data/data_source'), require('devextreme/data/odata/store'), require('mobicloud-core'), require('mobicloud-core/api'), require('@angular/material/dialog'), require('devextreme/ui/notify'), require('@angular/localize/init'), require('rxjs'), require('devextreme/data/array_store'), require('devextreme/ui/validation_engine'), require('devextreme/core/guid'), require('ngx-ionic-image-viewer'), require('@ionic/angular'), require('devextreme/file_management/remote_provider')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define('mobicloud-core/components', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/flex-layout', '@angular/material/sidenav', '@angular/material/button', '@angular/material/icon', '@angular/material/expansion', '@angular/material/list', '@angular/material/menu', '@angular/material/toolbar', '@angular/material/tooltip', '@angular/material/card', '@angular/material/progress-spinner', '@angular/material/slide-toggle', '@angular/material/stepper', 'devextreme-angular', 'ngx-webcam', 'mobicloud-core/icons', '@angular/cdk/layout', 'rxjs/operators', 'devextreme/data/data_source', 'devextreme/data/odata/store', 'mobicloud-core', 'mobicloud-core/api', '@angular/material/dialog', 'devextreme/ui/notify', '@angular/localize/init', 'rxjs', 'devextreme/data/array_store', 'devextreme/ui/validation_engine', 'devextreme/core/guid', 'ngx-ionic-image-viewer', '@ionic/angular', 'devextreme/file_management/remote_provider'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mobicloud-core'] = global['mobicloud-core'] || {}, global['mobicloud-core'].components = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.flexLayout, global.ng.material.sidenav, global.ng.material.button, global.ng.material.icon, global.ng.material.expansion, global.ng.material.list, global.ng.material.menu, global.ng.material.toolbar, global.ng.material.tooltip, global.ng.material.card, global.ng.material.progressSpinner, global.ng.material.slideToggle, global.ng.material.stepper, global['devextreme-angular'], global['ngx-webcam'], global['mobicloud-core'].icons, global.ng.cdk.layout, global.rxjs.operators, global['devextreme/data/data_source'], global['devextreme/data/odata/store'], global['mobicloud-core'], global['mobicloud-core'].api, global.ng.material.dialog, global['devextreme/ui/notify'], global.ng.localize.init, global.rxjs, global.ArrayStore, global.validationEngine, global.Guid, global.ngxIonicImageViewer, global.angular, global.RemoteFileSystemProvider));
|
|
5
|
-
}(this, (function (exports, core, common, router, flexLayout, sidenav, button, icon, expansion, list, menu, toolbar, tooltip, card, progressSpinner, slideToggle, stepper, devextremeAngular, ngxWebcam, icons, layout, operators, DataSource, ODataStore, mobicloudCore, api, dialog, notify, init, rxjs, ArrayStore, validationEngine, Guid, ngxIonicImageViewer, angular, RemoteFileSystemProvider) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/flex-layout'), require('@angular/material/sidenav'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/expansion'), require('@angular/material/list'), require('@angular/material/menu'), require('@angular/material/toolbar'), require('@angular/material/tooltip'), require('@angular/material/card'), require('@angular/material/progress-spinner'), require('@angular/material/slide-toggle'), require('@angular/material/stepper'), require('devextreme-angular'), require('ngx-webcam'), require('mobicloud-core/icons'), require('@angular/cdk/layout'), require('rxjs/operators'), require('devextreme/data/data_source'), require('devextreme/data/odata/store'), require('mobicloud-core'), require('mobicloud-core/api'), require('@angular/material/dialog'), require('devextreme/ui/notify'), require('@angular/common/http'), require('@angular/localize/init'), require('rxjs'), require('devextreme/data/array_store'), require('devextreme/ui/validation_engine'), require('devextreme/core/guid'), require('ngx-ionic-image-viewer'), require('@ionic/angular'), require('devextreme/file_management/remote_provider')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('mobicloud-core/components', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/flex-layout', '@angular/material/sidenav', '@angular/material/button', '@angular/material/icon', '@angular/material/expansion', '@angular/material/list', '@angular/material/menu', '@angular/material/toolbar', '@angular/material/tooltip', '@angular/material/card', '@angular/material/progress-spinner', '@angular/material/slide-toggle', '@angular/material/stepper', 'devextreme-angular', 'ngx-webcam', 'mobicloud-core/icons', '@angular/cdk/layout', 'rxjs/operators', 'devextreme/data/data_source', 'devextreme/data/odata/store', 'mobicloud-core', 'mobicloud-core/api', '@angular/material/dialog', 'devextreme/ui/notify', '@angular/common/http', '@angular/localize/init', 'rxjs', 'devextreme/data/array_store', 'devextreme/ui/validation_engine', 'devextreme/core/guid', 'ngx-ionic-image-viewer', '@ionic/angular', 'devextreme/file_management/remote_provider'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mobicloud-core'] = global['mobicloud-core'] || {}, global['mobicloud-core'].components = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.flexLayout, global.ng.material.sidenav, global.ng.material.button, global.ng.material.icon, global.ng.material.expansion, global.ng.material.list, global.ng.material.menu, global.ng.material.toolbar, global.ng.material.tooltip, global.ng.material.card, global.ng.material.progressSpinner, global.ng.material.slideToggle, global.ng.material.stepper, global['devextreme-angular'], global['ngx-webcam'], global['mobicloud-core'].icons, global.ng.cdk.layout, global.rxjs.operators, global['devextreme/data/data_source'], global['devextreme/data/odata/store'], global['mobicloud-core'], global['mobicloud-core'].api, global.ng.material.dialog, global['devextreme/ui/notify'], global.ng.common.http, global.ng.localize.init, global.rxjs, global.ArrayStore, global.validationEngine, global.Guid, global.ngxIonicImageViewer, global.angular, global.RemoteFileSystemProvider));
|
|
5
|
+
}(this, (function (exports, core, common, router, flexLayout, sidenav, button, icon, expansion, list, menu, toolbar, tooltip, card, progressSpinner, slideToggle, stepper, devextremeAngular, ngxWebcam, icons, layout, operators, DataSource, ODataStore, mobicloudCore, api, dialog, notify, http, init, rxjs, ArrayStore, validationEngine, Guid, ngxIonicImageViewer, angular, RemoteFileSystemProvider) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -1900,7 +1900,8 @@
|
|
|
1900
1900
|
var templateObject_1$3, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$3, templateObject_6$3, templateObject_7$3, templateObject_8$3;
|
|
1901
1901
|
|
|
1902
1902
|
var EmployeeProfileComponent = /** @class */ (function () {
|
|
1903
|
-
function EmployeeProfileComponent(coreService, cloudDataService, matDialog) {
|
|
1903
|
+
function EmployeeProfileComponent(httpClient, coreService, cloudDataService, matDialog) {
|
|
1904
|
+
this.httpClient = httpClient;
|
|
1904
1905
|
this.coreService = coreService;
|
|
1905
1906
|
this.cloudDataService = cloudDataService;
|
|
1906
1907
|
this.matDialog = matDialog;
|
|
@@ -1912,6 +1913,7 @@
|
|
|
1912
1913
|
this.hasErrors = false;
|
|
1913
1914
|
this.errorText = "";
|
|
1914
1915
|
this.employeeChanged = new core.EventEmitter();
|
|
1916
|
+
this.payrollEmployeeNumbers = [];
|
|
1915
1917
|
this.genderType_ds = [
|
|
1916
1918
|
{ id: api.GenderType.Unknown, description: $localize(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject([":@@EnumValue-Unknown:Unknown"], [":@@EnumValue-Unknown:Unknown"]))) },
|
|
1917
1919
|
{ id: api.GenderType.Male, description: $localize(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject([":@@EnumValue-Male:Male"], [":@@EnumValue-Male:Male"]))) },
|
|
@@ -1920,6 +1922,43 @@
|
|
|
1920
1922
|
];
|
|
1921
1923
|
this.fullNameSortOrder = "asc";
|
|
1922
1924
|
}
|
|
1925
|
+
EmployeeProfileComponent.prototype.loadPayrollEmployees = function () {
|
|
1926
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
1927
|
+
var url;
|
|
1928
|
+
var _this = this;
|
|
1929
|
+
return __generator(this, function (_l) {
|
|
1930
|
+
url = "" + this.cloudDataService.getMobiManagementApiUrl('PayrollApi/PayrollEmployees');
|
|
1931
|
+
this.httpGet(url).then(function (response) {
|
|
1932
|
+
response.subscribe(function (payroll_employees) {
|
|
1933
|
+
if (payroll_employees)
|
|
1934
|
+
_this.payrollEmployeeNumbers = payroll_employees;
|
|
1935
|
+
else
|
|
1936
|
+
_this.payrollEmployeeNumbers = [];
|
|
1937
|
+
}, function (error) {
|
|
1938
|
+
console.log(error);
|
|
1939
|
+
});
|
|
1940
|
+
});
|
|
1941
|
+
return [2 /*return*/];
|
|
1942
|
+
});
|
|
1943
|
+
});
|
|
1944
|
+
};
|
|
1945
|
+
EmployeeProfileComponent.prototype.httpGet = function (url, requestTimeout) {
|
|
1946
|
+
if (requestTimeout === void 0) { requestTimeout = 30000; }
|
|
1947
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
1948
|
+
var httpHeaderValues, httpHeaders;
|
|
1949
|
+
return __generator(this, function (_l) {
|
|
1950
|
+
switch (_l.label) {
|
|
1951
|
+
case 0: return [4 /*yield*/, this.cloudDataService.httpHeaderValues_Json()];
|
|
1952
|
+
case 1:
|
|
1953
|
+
httpHeaderValues = _l.sent();
|
|
1954
|
+
httpHeaders = new http.HttpHeaders(httpHeaderValues);
|
|
1955
|
+
return [2 /*return*/, this.httpClient.get(url, { headers: httpHeaders })
|
|
1956
|
+
.pipe(operators.timeout(requestTimeout), operators.catchError(this.cloudDataService.handleError))
|
|
1957
|
+
.pipe(operators.map(function (result) { return result; }))];
|
|
1958
|
+
}
|
|
1959
|
+
});
|
|
1960
|
+
});
|
|
1961
|
+
};
|
|
1923
1962
|
EmployeeProfileComponent.prototype.ngOnInit = function () {
|
|
1924
1963
|
var _this = this;
|
|
1925
1964
|
this.coreService.mobiUserProfileObservable.subscribe(function (p) { return _this.fullEditAllowed = _this.coreService.isMasterOrganizationUserAuthenticated(); });
|
|
@@ -1989,7 +2028,7 @@
|
|
|
1989
2028
|
};
|
|
1990
2029
|
EmployeeProfileComponent.prototype.saveEmployee = function () {
|
|
1991
2030
|
var _this = this;
|
|
1992
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
2031
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
1993
2032
|
if (((_a = this.employee) === null || _a === void 0 ? void 0 : _a.Id) && this.employee_store) {
|
|
1994
2033
|
this.isLoadingData = true;
|
|
1995
2034
|
this.loadingText = $localize(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject([":@@Updating-Text-Employee:Updating employee..."], [":@@Updating-Text-Employee:Updating employee..."])));
|
|
@@ -2004,6 +2043,7 @@
|
|
|
2004
2043
|
update_values.LocationId = (_g = this.formEmployee) === null || _g === void 0 ? void 0 : _g.LocationId;
|
|
2005
2044
|
update_values.InventLocationId = (_h = this.formEmployee) === null || _h === void 0 ? void 0 : _h.InventLocationId;
|
|
2006
2045
|
update_values.SupervisorId = (_j = this.formEmployee) === null || _j === void 0 ? void 0 : _j.SupervisorId;
|
|
2046
|
+
update_values.PayrollNumber = (_k = this.formEmployee) === null || _k === void 0 ? void 0 : _k.PayrollNumber;
|
|
2007
2047
|
}
|
|
2008
2048
|
this.employee_store.update(this.employee.Id, update_values)
|
|
2009
2049
|
.then(function (dataObj) {
|
|
@@ -2112,11 +2152,12 @@
|
|
|
2112
2152
|
EmployeeProfileComponent.decorators = [
|
|
2113
2153
|
{ type: core.Component, args: [{
|
|
2114
2154
|
selector: 'mobicloud-employee-profile',
|
|
2115
|
-
template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n <dx-form #form id=\"form\"\n [formData]=\"formEmployee\"\n [readOnly]=\"!inEditMode\"\n [showColonAfterLabel]=\"true\"\n labelLocation=\"top\"\n [showValidationSummary]=\"false\" \n [showRequiredMark] = \"false\"\n validationGroup=\"formEmployeeData_Profile\">\n\n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule> \n </dxi-item>\n <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule> \n </dxi-item>\n \n\n\n \n <dxi-item dataField=\"Initials\">\n <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label> \n </dxi-item>\n\n\n\n\n <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n </dxi-item> \n\n\n <dxi-item dataField=\"DepartmentId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'department_itemTemplate', fieldTemplate: 'department_fieldTemplate', dataSource: department_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n <dxo-label text=\"Department\" i18n-text=\"@@FieldCaption-Department\"></dxo-label> \n </dxi-item> \n\n <dxi-item dataField=\"LocationId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n </dxi-item> \n\n <dxi-item dataField=\"InventLocationId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'inventLocation_itemTemplate', fieldTemplate: 'inventLocation_fieldTemplate', dataSource: inventLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['InventLocationId','Name'], showClearButton: true }\">\n <dxo-label text=\"InventLocation\" i18n-text=\"@@FieldCaption-InventLocation\"></dxo-label>\n </dxi-item> \n\n <dxi-item dataField=\"SupervisorId\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'employee_itemTemplate', fieldTemplate: 'employee_fieldTemplate', dataSource: supervisor_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['EmployeeNumber','Name'], showClearButton: true }\">\n <dxo-label text=\"Supervisor\" i18n-text=\"@@FieldCaption-Supervisor\"></dxo-label> \n </dxi-item> \n\n </dxi-item> \n \n <!-- Templates -->\n <div *dxTemplate=\"let item of 'department_itemTemplate'\">\n {{ item?.Name }}\n </div> \n <div *dxTemplate=\"let fieldData of 'department_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n {{fieldData?.Name}}\n </div> \n <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n {{ item?.Name }}\n </div> \n <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n {{fieldData?.Name}}\n </div> \n <div *dxTemplate=\"let item of 'inventLocation_itemTemplate'\">\n {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n </div> \n <div *dxTemplate=\"let item of 'inventLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n </div> \n <div *dxTemplate=\"let item of 'employee_itemTemplate'\">\n {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n </div> \n <div *dxTemplate=\"let item of 'employee_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n </div>
|
|
2116
|
-
styles: [".employeeProfileForm .mat-form-field{width:100%;margin-left:10px;margin-right:10px}.mat-form-field mat-label{text-transform:uppercase!important}"]
|
|
2155
|
+
template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n <dx-form #form id=\"form\"\n [formData]=\"formEmployee\"\n [readOnly]=\"!inEditMode\"\n [showColonAfterLabel]=\"true\"\n labelLocation=\"top\"\n [showValidationSummary]=\"false\" \n [showRequiredMark] = \"false\"\n validationGroup=\"formEmployeeData_Profile\">\n\n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule> \n </dxi-item>\n <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule> \n </dxi-item>\n \n\n\n \n <dxi-item dataField=\"Initials\">\n <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label> \n </dxi-item>\n\n\n\n\n <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n </dxi-item> \n\n\n <dxi-item dataField=\"DepartmentId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'department_itemTemplate', fieldTemplate: 'department_fieldTemplate', dataSource: department_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n <dxo-label text=\"Department\" i18n-text=\"@@FieldCaption-Department\"></dxo-label> \n </dxi-item> \n\n <dxi-item dataField=\"LocationId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n </dxi-item> \n\n <dxi-item dataField=\"InventLocationId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'inventLocation_itemTemplate', fieldTemplate: 'inventLocation_fieldTemplate', dataSource: inventLocation_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['InventLocationId','Name'], showClearButton: true }\">\n <dxo-label text=\"InventLocation\" i18n-text=\"@@FieldCaption-InventLocation\"></dxo-label>\n </dxi-item> \n\n <dxi-item dataField=\"SupervisorId\" #responsible editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'employee_itemTemplate', fieldTemplate: 'employee_fieldTemplate', dataSource: supervisor_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['EmployeeNumber','Name'], showClearButton: true }\">\n <dxo-label text=\"Supervisor\" i18n-text=\"@@FieldCaption-Supervisor\"></dxo-label> \n </dxi-item> \n\n <dxi-item dataField=\"PayrollNumber\" editorType=\"dxAutocomplete\" [editorOptions]=\"{ showClearButton: true, minSearchLength: 0, maxItemCount: 200, openOnFieldClick: true, dataSource: payrollEmployeeNumbers, valueExpr: 'EmployeeNumber', itemTemplate: 'payrollEmplTemplate' }\">\n <dxo-label text=\"Payroll no.\" i18n-text=\"@@FieldCaption-PayrollNumber\"></dxo-label> \n </dxi-item> \n </dxi-item> \n \n <!-- Templates -->\n <div *dxTemplate=\"let item of 'department_itemTemplate'\">\n {{ item?.Name }}\n </div> \n <div *dxTemplate=\"let fieldData of 'department_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n {{fieldData?.Name}}\n </div> \n <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n {{ item?.Name }}\n </div> \n <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n {{fieldData?.Name}}\n </div> \n <div *dxTemplate=\"let item of 'inventLocation_itemTemplate'\">\n {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n </div> \n <div *dxTemplate=\"let item of 'inventLocation_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n {{item?.Name}} {{ item?.InventLocationId ? ('(' + item.InventLocationId + ')') : ('') }}\n </div> \n <div *dxTemplate=\"let item of 'employee_itemTemplate'\">\n {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n </div> \n <div *dxTemplate=\"let item of 'employee_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n {{item?.Name}} {{ item?.EmployeeNumber ? ('(' + item.EmployeeNumber + ')') : ('') }}\n </div> \n <div class=\"payrollno-dropdown\" *dxTemplate=\"let empl of 'payrollEmplTemplate'\">\n <div class=\"payrollno-dropdown-emplno\">{{empl.EmployeeNumber}}</div><div class=\"payrollno-dropdown-emplname\">{{empl.Name}}</div>\n </div> \n </dx-form>\n</mobicloud-group-box>",
|
|
2156
|
+
styles: [".employeeProfileForm .mat-form-field{width:100%;margin-left:10px;margin-right:10px}.mat-form-field mat-label{text-transform:uppercase!important}.payrollno-dropdown{display:flex}.payrollno-dropdown-emplno{min-width:30px}.payrollno-dropdown-emplname{margin-left:16px}"]
|
|
2117
2157
|
},] }
|
|
2118
2158
|
];
|
|
2119
2159
|
EmployeeProfileComponent.ctorParameters = function () { return [
|
|
2160
|
+
{ type: http.HttpClient },
|
|
2120
2161
|
{ type: mobicloudCore.MobicloudCoreService },
|
|
2121
2162
|
{ type: api.MobiCloudDataService },
|
|
2122
2163
|
{ type: dialog.MatDialog }
|