mobicloud-core 1.0.42 → 1.0.46

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.
Files changed (21) hide show
  1. package/bundles/mobicloud-core-components.umd.js +118 -57
  2. package/bundles/mobicloud-core-components.umd.js.map +1 -1
  3. package/bundles/mobicloud-core-components.umd.min.js +2 -2
  4. package/bundles/mobicloud-core-components.umd.min.js.map +1 -1
  5. package/bundles/mobicloud-core.umd.js +23 -3
  6. package/bundles/mobicloud-core.umd.js.map +1 -1
  7. package/bundles/mobicloud-core.umd.min.js +1 -1
  8. package/bundles/mobicloud-core.umd.min.js.map +1 -1
  9. package/components/mobicloud-core-components.metadata.json +1 -1
  10. package/components/pickinglist/pickinglist-add-new-shipment/pickinglist-add-new-shipment.component.d.ts +6 -1
  11. package/esm2015/components/content-toolbar/content-toolbar.component.js +2 -2
  12. package/esm2015/components/main-nav/main-nav.component.js +17 -11
  13. package/esm2015/components/pickinglist/pickinglist-add-new-shipment/pickinglist-add-new-shipment.component.js +88 -33
  14. package/esm2015/lib/services/mobicloud-config.service.js +16 -4
  15. package/fesm2015/mobicloud-core-components.js +104 -43
  16. package/fesm2015/mobicloud-core-components.js.map +1 -1
  17. package/fesm2015/mobicloud-core.js +15 -3
  18. package/fesm2015/mobicloud-core.js.map +1 -1
  19. package/lib/services/mobicloud-config.service.d.ts +3 -0
  20. package/mobicloud-core.metadata.json +1 -1
  21. package/package.json +1 -1
package/bundles/mobicloud-core-components.umd.js CHANGED
@@ -45,17 +45,23 @@
45
45
  this.coreService.signout();
46
46
  };
47
47
  MainNavComponent.prototype.changeLanguage = function (localeId) {
48
- console.log("Changing language to: ", localeId);
49
- var path;
50
- var currentLocalePath = "/" + this.currentLocaleId;
51
- var newLocalePath = "/" + localeId;
52
- if (location.pathname.startsWith(currentLocalePath + "/")) {
53
- path = newLocalePath + location.pathname.substr(currentLocalePath.length);
54
- }
55
- else {
56
- path = newLocalePath + location.pathname;
48
+ if (this.currentLocaleId != localeId) {
49
+ var newHostUrl;
50
+ if (localeId == "en-US") {
51
+ newHostUrl = this.coreService.configService.host_url_en;
52
+ }
53
+ else {
54
+ newHostUrl = this.coreService.configService.host_url;
55
+ }
56
+ var newUrl;
57
+ if (location.pathname.startsWith('/')) {
58
+ newUrl = newHostUrl + location.pathname.substring(1);
59
+ }
60
+ else {
61
+ newUrl = newHostUrl + location.pathname;
62
+ }
63
+ window.location.href = newUrl;
57
64
  }
58
- this.router.navigate(['/']).then(function (result) { window.location.href = (location.origin + path); });
59
65
  };
60
66
  MainNavComponent.prototype.changeTheme = function (themeName) {
61
67
  this.coreService.configService.changeTheme(themeName);
@@ -344,7 +350,7 @@
344
350
  ContentToolbarComponent.decorators = [
345
351
  { type: core.Component, args: [{
346
352
  selector: 'mobicloud-content-toolbar',
347
- template: "<mat-toolbar class=\"content-toolbar\" *ngIf=\"toobarEnabled\">\n <mat-toolbar-row class=\"content-toolbar-row\">\n <ng-container *ngIf=\"preToolbarItems\"> \n <ng-container *ngFor=\"let toolbarItem of preToolbarItems\">\n <button aria-label=\"Button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-pre-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-pre-toolbar-button-icon\"></mat-icon>\n </button>\n </ng-container>\n <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n </ng-container> \n <div class=\"content-toolbar-title\">\n <!-- <mat-icon svgIcon=\"{{toobarTitleIcon}}\" class=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></mat-icon> -->\n <svg-icon [name]=\"toobarTitleIcon\" svgClass=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></svg-icon>\n {{toobarTitle}}\n </div>\n \n\n <span class=\"content-toolbar-divider\"></span>\n \n <ng-container *ngIf=\"toolbarItems\"> \n <ng-container *ngFor=\"let toolbarItem of toolbarItems\">\n <button aria-label=\"Button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n <!-- <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-toolbar-button-icon\"></mat-icon> -->\n <svg-icon name=\"{{toolbarItem.svg}}\" svgClass=\"content-toolbar-button-icon\" viewBox=\"0 0 48 48\"></svg-icon>\n </button>\n </ng-container>\n <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n </ng-container>\n </mat-toolbar-row>\n </mat-toolbar> ",
353
+ template: "<mat-toolbar class=\"content-toolbar\" *ngIf=\"toobarEnabled\">\n <mat-toolbar-row class=\"content-toolbar-row\">\n <ng-container *ngIf=\"preToolbarItems\"> \n <ng-container *ngFor=\"let toolbarItem of preToolbarItems\">\n <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-pre-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-pre-toolbar-button-icon\"></mat-icon>\n </button>\n </ng-container>\n <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n </ng-container> \n <div class=\"content-toolbar-title\">\n <!-- <mat-icon svgIcon=\"{{toobarTitleIcon}}\" class=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></mat-icon> -->\n <svg-icon [name]=\"toobarTitleIcon\" svgClass=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></svg-icon>\n {{toobarTitle}}\n </div>\n \n <ng-content></ng-content>\n <span class=\"content-toolbar-divider\"></span>\n \n <ng-container *ngIf=\"toolbarItems\"> \n <ng-container *ngFor=\"let toolbarItem of toolbarItems\">\n <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n <!-- <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-toolbar-button-icon\"></mat-icon> -->\n <svg-icon name=\"{{toolbarItem.svg}}\" svgClass=\"content-toolbar-button-icon\" viewBox=\"0 0 48 48\"></svg-icon>\n </button>\n </ng-container>\n <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n </ng-container>\n </mat-toolbar-row>\n </mat-toolbar> ",
348
354
  styles: [".content-toolbar{background-color:transparent!important;min-height:32px!important;max-height:32px!important;margin-bottom:14px}.content-toolbar-row{padding:0}.content-pre-toolbar-button{background-color:transparent!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-right:10px!important}.content-pre-toolbar-button-icon{margin-bottom:8px;width:20px;fill:var(--default-toolbar-iconcolor-nobackground)}.content-toolbar-title{font-size:large;font-weight:600;color:var(--default-pagecaption-textcolor);display:flex}.content-toolbar-title-icon{height:20px;width:20px;margin-right:8px;margin-top:5px;fill:var(--default-pagecaption-iconcolor)}.content-toolbar-divider{flex:1 1 auto}.content-toolbar-button{background-color:var(--default-toolbar-iconcolor-withbackground)!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-left:8px!important}.content-toolbar-button-icon{pointer-events:none;fill:var(--default-toolbar-iconcolor);width:16px;height:16px;margin-top:6px}"]
349
355
  },] }
350
356
  ];
@@ -3360,20 +3366,29 @@
3360
3366
  }
3361
3367
  PickinglistAddNewShipment.prototype.ngOnInit = function () {
3362
3368
  var _this = this;
3369
+ this.createCompanyStore();
3363
3370
  this.createPickingListStore();
3364
- this.pickingList_store.load().then(function (pickingLists) {
3365
- var picking_list = pickingLists[0];
3366
- if (picking_list) {
3367
- _this.initializePickingList(picking_list);
3368
- }
3369
- else {
3371
+ this.company_store.load().then(function (companies) {
3372
+ _this.company = companies[0];
3373
+ _this.pickingList_store.load().then(function (pickingLists) {
3374
+ var picking_list = pickingLists[0];
3375
+ if (picking_list) {
3376
+ _this.initializePickingList(picking_list);
3377
+ }
3378
+ else {
3379
+ _this.showLoadIndicator = false;
3380
+ MessageBox.showError({ title: $localize(templateObject_10$8 || (templateObject_10$8 = __makeTemplateObject([":@@Failed-Text-InvalidPickingList:Invalid picking list"], [":@@Failed-Text-InvalidPickingList:Invalid picking list"]))), message: $localize(templateObject_11$7 || (templateObject_11$7 = __makeTemplateObject([":@@Failed-Text-InvalidPickingListForShipment:Picking list is not valid for shipment"], [":@@Failed-Text-InvalidPickingListForShipment:Picking list is not valid for shipment"]))) }, _this.matDialog);
3381
+ }
3382
+ }, function (error) {
3370
3383
  _this.showLoadIndicator = false;
3371
- MessageBox.showError({ title: $localize(templateObject_10$8 || (templateObject_10$8 = __makeTemplateObject([":@@Failed-Text-InvalidPickingList:Invalid picking list"], [":@@Failed-Text-InvalidPickingList:Invalid picking list"]))), message: $localize(templateObject_11$7 || (templateObject_11$7 = __makeTemplateObject([":@@Failed-Text-InvalidPickingListForShipment:Picking list is not valid for shipment"], [":@@Failed-Text-InvalidPickingListForShipment:Picking list is not valid for shipment"]))) }, _this.matDialog);
3372
- }
3384
+ console.log(error);
3385
+ MessageBox.showError({ title: $localize(templateObject_12$7 || (templateObject_12$7 = __makeTemplateObject([":@@Failed-Text-InvalidPickingList:Invalid picking list"], [":@@Failed-Text-InvalidPickingList:Invalid picking list"]))), message: error }, _this.matDialog);
3386
+ _this.onCancel();
3387
+ });
3373
3388
  }, function (error) {
3374
3389
  _this.showLoadIndicator = false;
3375
3390
  console.log(error);
3376
- MessageBox.showError({ title: $localize(templateObject_12$7 || (templateObject_12$7 = __makeTemplateObject([":@@Failed-Text-InvalidPickingList:Invalid picking list"], [":@@Failed-Text-InvalidPickingList:Invalid picking list"]))), message: error }, _this.matDialog);
3391
+ MessageBox.showError({ title: $localize(templateObject_13$5 || (templateObject_13$5 = __makeTemplateObject([":@@Failed-Text-CouldNotLoadCompany:Could not load company"], [":@@Failed-Text-CouldNotLoadCompany:Could not load company"]))), message: error }, _this.matDialog);
3377
3392
  _this.onCancel();
3378
3393
  });
3379
3394
  };
@@ -3381,7 +3396,7 @@
3381
3396
  var _a, _b;
3382
3397
  return __awaiter(this, void 0, void 0, function () {
3383
3398
  var _this = this;
3384
- return __generator(this, function (_33) {
3399
+ return __generator(this, function (_0) {
3385
3400
  this.pickingList = picking_list;
3386
3401
  if ((_a = this.pickingList.SalesOrder) === null || _a === void 0 ? void 0 : _a.SalesId) {
3387
3402
  this.formInstanceShipment.Reference = (_b = this.pickingList.SalesOrder) === null || _b === void 0 ? void 0 : _b.SalesId;
@@ -3402,14 +3417,14 @@
3402
3417
  _this.onPickingListInitialized();
3403
3418
  }
3404
3419
  else {
3405
- MessageBox.showError({ title: $localize(templateObject_13$5 || (templateObject_13$5 = __makeTemplateObject([":@@Failed-Text-NoPickingLines:No picking lines"], [":@@Failed-Text-NoPickingLines:No picking lines"]))), message: $localize(templateObject_14$5 || (templateObject_14$5 = __makeTemplateObject([":@@Failed-Text-NoPickingLinesOnPickingList:No shipable picking lines were found on picking list"], [":@@Failed-Text-NoPickingLinesOnPickingList:No shipable picking lines were found on picking list"]))) }, _this.matDialog);
3420
+ MessageBox.showError({ title: $localize(templateObject_14$5 || (templateObject_14$5 = __makeTemplateObject([":@@Failed-Text-NoPickingLines:No picking lines"], [":@@Failed-Text-NoPickingLines:No picking lines"]))), message: $localize(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject([":@@Failed-Text-NoPickingLinesOnPickingList:No shipable picking lines were found on picking list"], [":@@Failed-Text-NoPickingLinesOnPickingList:No shipable picking lines were found on picking list"]))) }, _this.matDialog);
3406
3421
  _this.onCancel();
3407
3422
  }
3408
3423
  }, function (error) {
3409
3424
  _this.showLoadIndicator = false;
3410
3425
  _this.pickingLines = undefined;
3411
3426
  console.log(error);
3412
- MessageBox.showError({ title: $localize(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject([":@@Failed-Text-InvalidPickingLines:Not able to load picking lines"], [":@@Failed-Text-InvalidPickingLines:Not able to load picking lines"]))), message: error }, _this.matDialog);
3427
+ MessageBox.showError({ title: $localize(templateObject_16$2 || (templateObject_16$2 = __makeTemplateObject([":@@Failed-Text-InvalidPickingLines:Not able to load picking lines"], [":@@Failed-Text-InvalidPickingLines:Not able to load picking lines"]))), message: error }, _this.matDialog);
3413
3428
  _this.onCancel();
3414
3429
  });
3415
3430
  return [2 /*return*/];
@@ -3424,7 +3439,7 @@
3424
3439
  PickinglistAddNewShipment.prototype.onPickingListInitialized = function () {
3425
3440
  return __awaiter(this, void 0, void 0, function () {
3426
3441
  var _this = this;
3427
- return __generator(this, function (_33) {
3442
+ return __generator(this, function (_0) {
3428
3443
  this.createLocationStore();
3429
3444
  this.createInventLocationStore();
3430
3445
  this.createCountryDataSource();
@@ -3453,30 +3468,66 @@
3453
3468
  this.updateSenderFields(e.value);
3454
3469
  };
3455
3470
  PickinglistAddNewShipment.prototype.updateSenderFields = function (inventLoc) {
3456
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
3457
- this.formInstanceShipment.Sender_Name = (_a = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _a === void 0 ? void 0 : _a.Name;
3458
- this.formInstanceShipment.Sender_Address1 = (_c = (_b = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _b === void 0 ? void 0 : _b.Address) === null || _c === void 0 ? void 0 : _c.Street;
3459
- this.formInstanceShipment.Sender_Zipcode = (_e = (_d = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _d === void 0 ? void 0 : _d.Address) === null || _e === void 0 ? void 0 : _e.ZipCode;
3460
- this.formInstanceShipment.Sender_City = (_g = (_f = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _f === void 0 ? void 0 : _f.Address) === null || _g === void 0 ? void 0 : _g.City;
3461
- this.formInstanceShipment.Sender_CountryCode = (_j = (_h = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _h === void 0 ? void 0 : _h.Address) === null || _j === void 0 ? void 0 : _j.Country;
3471
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
3472
+ if ((_a = this.company) === null || _a === void 0 ? void 0 : _a.Name) {
3473
+ this.formInstanceShipment.Sender_Name = this.company.Name;
3474
+ this.formInstanceShipment.Sender_Attention = (_b = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _b === void 0 ? void 0 : _b.Name;
3475
+ }
3476
+ else {
3477
+ this.formInstanceShipment.Sender_Name = (_c = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _c === void 0 ? void 0 : _c.Name;
3478
+ }
3479
+ this.formInstanceShipment.Sender_Address1 = (_e = (_d = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _d === void 0 ? void 0 : _d.Address) === null || _e === void 0 ? void 0 : _e.Street;
3480
+ this.formInstanceShipment.Sender_Zipcode = (_g = (_f = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _f === void 0 ? void 0 : _f.Address) === null || _g === void 0 ? void 0 : _g.ZipCode;
3481
+ this.formInstanceShipment.Sender_City = (_j = (_h = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _h === void 0 ? void 0 : _h.Address) === null || _j === void 0 ? void 0 : _j.City;
3482
+ this.formInstanceShipment.Sender_CountryCode = (_l = (_k = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _k === void 0 ? void 0 : _k.Address) === null || _l === void 0 ? void 0 : _l.Country;
3462
3483
  this._senderCountryId = this.formInstanceShipment.Sender_CountryCode;
3463
- this.formInstanceShipment.Sender_Email = (_k = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _k === void 0 ? void 0 : _k.Email;
3464
- this.formInstanceShipment.Sender_Telephone = (_l = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _l === void 0 ? void 0 : _l.Phone;
3484
+ this.formInstanceShipment.Sender_Email = (_m = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _m === void 0 ? void 0 : _m.Email;
3485
+ this.formInstanceShipment.Sender_Telephone = (_o = inventLoc === null || inventLoc === void 0 ? void 0 : inventLoc.Location) === null || _o === void 0 ? void 0 : _o.Phone;
3465
3486
  this.formInstanceShipment.Sender_Mobile = undefined;
3466
3487
  };
3467
3488
  PickinglistAddNewShipment.prototype.updateReceiverFields = function () {
3468
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32;
3489
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
3469
3490
  this.formInstanceShipment.Receiver_Name = (_b = (_a = this.pickingList.SalesOrder) === null || _a === void 0 ? void 0 : _a.Customer) === null || _b === void 0 ? void 0 : _b.Name;
3470
- this.formInstanceShipment.Receiver_Attention = (_f = (_e = (_d = (_c = this.pickingList.SalesOrder) === null || _c === void 0 ? void 0 : _c.Customer) === null || _d === void 0 ? void 0 : _d.ContactPerson) === null || _e === void 0 ? void 0 : _e.Name) !== null && _f !== void 0 ? _f : ((_j = (_h = (_g = this.pickingList.SalesOrder) === null || _g === void 0 ? void 0 : _g.Customer) === null || _h === void 0 ? void 0 : _h.DeliveryAddress) === null || _j === void 0 ? void 0 : _j.Name);
3471
- this.formInstanceShipment.Receiver_Address1 = (_m = (_l = (_k = this.pickingList.SalesOrder) === null || _k === void 0 ? void 0 : _k.DeliveryAddress) === null || _l === void 0 ? void 0 : _l.Street) !== null && _m !== void 0 ? _m : ((_r = (_q = (_p = (_o = this.pickingList.SalesOrder) === null || _o === void 0 ? void 0 : _o.Customer) === null || _p === void 0 ? void 0 : _p.DeliveryAddress) === null || _q === void 0 ? void 0 : _q.Street) !== null && _r !== void 0 ? _r : (_u = (_t = (_s = this.pickingList.SalesOrder) === null || _s === void 0 ? void 0 : _s.Customer) === null || _t === void 0 ? void 0 : _t.Address) === null || _u === void 0 ? void 0 : _u.Street);
3472
- this.formInstanceShipment.Receiver_Zipcode = (_x = (_w = (_v = this.pickingList.SalesOrder) === null || _v === void 0 ? void 0 : _v.DeliveryAddress) === null || _w === void 0 ? void 0 : _w.ZipCode) !== null && _x !== void 0 ? _x : ((_1 = (_0 = (_z = (_y = this.pickingList.SalesOrder) === null || _y === void 0 ? void 0 : _y.Customer) === null || _z === void 0 ? void 0 : _z.DeliveryAddress) === null || _0 === void 0 ? void 0 : _0.ZipCode) !== null && _1 !== void 0 ? _1 : (_4 = (_3 = (_2 = this.pickingList.SalesOrder) === null || _2 === void 0 ? void 0 : _2.Customer) === null || _3 === void 0 ? void 0 : _3.Address) === null || _4 === void 0 ? void 0 : _4.ZipCode);
3473
- this.formInstanceShipment.Receiver_City = (_7 = (_6 = (_5 = this.pickingList.SalesOrder) === null || _5 === void 0 ? void 0 : _5.DeliveryAddress) === null || _6 === void 0 ? void 0 : _6.City) !== null && _7 !== void 0 ? _7 : ((_11 = (_10 = (_9 = (_8 = this.pickingList.SalesOrder) === null || _8 === void 0 ? void 0 : _8.Customer) === null || _9 === void 0 ? void 0 : _9.DeliveryAddress) === null || _10 === void 0 ? void 0 : _10.City) !== null && _11 !== void 0 ? _11 : (_14 = (_13 = (_12 = this.pickingList.SalesOrder) === null || _12 === void 0 ? void 0 : _12.Customer) === null || _13 === void 0 ? void 0 : _13.Address) === null || _14 === void 0 ? void 0 : _14.City);
3474
- ;
3475
- this.formInstanceShipment.Receiver_CountryCode = (_17 = (_16 = (_15 = this.pickingList.SalesOrder) === null || _15 === void 0 ? void 0 : _15.DeliveryAddress) === null || _16 === void 0 ? void 0 : _16.Country) !== null && _17 !== void 0 ? _17 : ((_21 = (_20 = (_19 = (_18 = this.pickingList.SalesOrder) === null || _18 === void 0 ? void 0 : _18.Customer) === null || _19 === void 0 ? void 0 : _19.DeliveryAddress) === null || _20 === void 0 ? void 0 : _20.Country) !== null && _21 !== void 0 ? _21 : (_24 = (_23 = (_22 = this.pickingList.SalesOrder) === null || _22 === void 0 ? void 0 : _22.Customer) === null || _23 === void 0 ? void 0 : _23.Address) === null || _24 === void 0 ? void 0 : _24.Country);
3476
- this._receiverCountryId = this.formInstanceShipment.Receiver_CountryCode;
3477
- this.formInstanceShipment.Receiver_Email = (_26 = (_25 = this.pickingList.SalesOrder) === null || _25 === void 0 ? void 0 : _25.Customer) === null || _26 === void 0 ? void 0 : _26.Email;
3478
- this.formInstanceShipment.Receiver_Telephone = (_30 = (_29 = (_28 = (_27 = this.pickingList.SalesOrder) === null || _27 === void 0 ? void 0 : _27.Customer) === null || _28 === void 0 ? void 0 : _28.ContactPerson) === null || _29 === void 0 ? void 0 : _29.Email) !== null && _30 !== void 0 ? _30 : (_32 = (_31 = this.pickingList.SalesOrder) === null || _31 === void 0 ? void 0 : _31.Customer) === null || _32 === void 0 ? void 0 : _32.Email;
3479
- this.formInstanceShipment.Receiver_Mobile = undefined;
3491
+ if ((_d = (_c = this.pickingList.SalesOrder) === null || _c === void 0 ? void 0 : _c.DeliveryAddress) === null || _d === void 0 ? void 0 : _d.Street) {
3492
+ this.formInstanceShipment.Receiver_Address1 = this.pickingList.SalesOrder.DeliveryAddress.Street;
3493
+ this.formInstanceShipment.Receiver_Zipcode = this.pickingList.SalesOrder.DeliveryAddress.ZipCode;
3494
+ this.formInstanceShipment.Receiver_City = this.pickingList.SalesOrder.DeliveryAddress.City;
3495
+ this.formInstanceShipment.Receiver_CountryCode = this.pickingList.SalesOrder.DeliveryAddress.Country;
3496
+ this._receiverCountryId = this.formInstanceShipment.Receiver_CountryCode;
3497
+ }
3498
+ else {
3499
+ this.formInstanceShipment.Receiver_Address1 = (_g = (_f = (_e = this.pickingList.SalesOrder) === null || _e === void 0 ? void 0 : _e.Customer) === null || _f === void 0 ? void 0 : _f.Address) === null || _g === void 0 ? void 0 : _g.Street;
3500
+ this.formInstanceShipment.Receiver_Zipcode = (_k = (_j = (_h = this.pickingList.SalesOrder) === null || _h === void 0 ? void 0 : _h.Customer) === null || _j === void 0 ? void 0 : _j.Address) === null || _k === void 0 ? void 0 : _k.ZipCode;
3501
+ this.formInstanceShipment.Receiver_City = (_o = (_m = (_l = this.pickingList.SalesOrder) === null || _l === void 0 ? void 0 : _l.Customer) === null || _m === void 0 ? void 0 : _m.Address) === null || _o === void 0 ? void 0 : _o.City;
3502
+ this.formInstanceShipment.Receiver_CountryCode = (_r = (_q = (_p = this.pickingList.SalesOrder) === null || _p === void 0 ? void 0 : _p.Customer) === null || _q === void 0 ? void 0 : _q.Address) === null || _r === void 0 ? void 0 : _r.Country;
3503
+ this._receiverCountryId = this.formInstanceShipment.Receiver_CountryCode;
3504
+ }
3505
+ var attention_name;
3506
+ if ((_t = (_s = this.pickingList.SalesOrder) === null || _s === void 0 ? void 0 : _s.ContactPerson) === null || _t === void 0 ? void 0 : _t.Name) {
3507
+ attention_name = this.pickingList.SalesOrder.ContactPerson.Name;
3508
+ this.formInstanceShipment.Receiver_Email = this.pickingList.SalesOrder.ContactPerson.Email;
3509
+ this.formInstanceShipment.Receiver_Mobile = this.pickingList.SalesOrder.ContactPerson.CellPhone;
3510
+ }
3511
+ else if ((_w = (_v = (_u = this.pickingList.SalesOrder) === null || _u === void 0 ? void 0 : _u.Customer) === null || _v === void 0 ? void 0 : _v.ContactPerson) === null || _w === void 0 ? void 0 : _w.Name) {
3512
+ attention_name = (_z = (_y = (_x = this.pickingList.SalesOrder) === null || _x === void 0 ? void 0 : _x.Customer) === null || _y === void 0 ? void 0 : _y.ContactPerson) === null || _z === void 0 ? void 0 : _z.Name;
3513
+ this.formInstanceShipment.Receiver_Email = this.pickingList.SalesOrder.Customer.Email;
3514
+ this.formInstanceShipment.Receiver_Mobile = this.pickingList.SalesOrder.Customer.Phone;
3515
+ }
3516
+ if (attention_name) {
3517
+ var attention_names = attention_name.split(" ");
3518
+ if (attention_names.length > 1) {
3519
+ this.formInstanceShipment.Receiver_Attention = attention_names[0];
3520
+ this.formInstanceShipment.Receiver_Telephone = attention_names.slice(1).join(" ");
3521
+ }
3522
+ else {
3523
+ this.formInstanceShipment.Receiver_Attention = attention_name;
3524
+ this.formInstanceShipment.Receiver_Telephone = undefined;
3525
+ }
3526
+ }
3527
+ else {
3528
+ this.formInstanceShipment.Receiver_Attention = undefined;
3529
+ this.formInstanceShipment.Receiver_Telephone = undefined;
3530
+ }
3480
3531
  };
3481
3532
  PickinglistAddNewShipment.prototype.setFocus = function () {
3482
3533
  var _a, _b, _c, _d;
@@ -3520,6 +3571,7 @@
3520
3571
  };
3521
3572
  PickinglistAddNewShipment.prototype.onClick_Receiver = function () {
3522
3573
  var validateResult = validationEngine__default['default'].validateGroup("formReceiver");
3574
+ console.log(this.formInstanceShipment.Receiver_Attention, this.formInstanceShipment.Receiver_Telephone);
3523
3575
  if (validateResult === null || validateResult === void 0 ? void 0 : validateResult.isValid) {
3524
3576
  this.stepper.next();
3525
3577
  }
@@ -3539,7 +3591,7 @@
3539
3591
  }, function (error) {
3540
3592
  _this.showLoadIndicator = false;
3541
3593
  console.log(error);
3542
- MessageBox.showError({ title: $localize(templateObject_16$2 || (templateObject_16$2 = __makeTemplateObject([":@@Failed-Text-Error-LoadingShipmentProducts:Error loading shipment products"], [":@@Failed-Text-Error-LoadingShipmentProducts:Error loading shipment products"]))), message: error }, _this.matDialog);
3594
+ MessageBox.showError({ title: $localize(templateObject_17$2 || (templateObject_17$2 = __makeTemplateObject([":@@Failed-Text-Error-LoadingShipmentProducts:Error loading shipment products"], [":@@Failed-Text-Error-LoadingShipmentProducts:Error loading shipment products"]))), message: error }, _this.matDialog);
3543
3595
  });
3544
3596
  });
3545
3597
  }
@@ -3550,7 +3602,7 @@
3550
3602
  };
3551
3603
  PickinglistAddNewShipment.prototype.onInitNewRow_Boxes = function (e) {
3552
3604
  return __awaiter(this, void 0, void 0, function () {
3553
- return __generator(this, function (_33) {
3605
+ return __generator(this, function (_0) {
3554
3606
  e.data = Object.assign(new PackagingBoxEntry(), e.data);
3555
3607
  e.data.Id = new Guid__default['default']();
3556
3608
  e.data.Quantity = 1;
@@ -3575,7 +3627,7 @@
3575
3627
  PickinglistAddNewShipment.prototype.setCellValue_BoxType = function (newData, value, currentRowData) {
3576
3628
  return __awaiter(this, void 0, void 0, function () {
3577
3629
  var packagingType;
3578
- return __generator(this, function (_33) {
3630
+ return __generator(this, function (_0) {
3579
3631
  newData.BoxType = value;
3580
3632
  packagingType = value;
3581
3633
  console.log(packagingType);
@@ -3680,7 +3732,7 @@
3680
3732
  PickinglistAddNewShipment.prototype.create_Shipment_Receiver = function () {
3681
3733
  var receiver = Object.assign(new Shipment_Receiver(), {});
3682
3734
  receiver.address1 = this.formInstanceShipment.Receiver_Address1;
3683
- receiver.attention = this.formInstanceShipment.Receiver_Attention;
3735
+ receiver.attention = this.formInstanceShipment.Receiver_Attention + ' ' + this.formInstanceShipment.Receiver_Telephone;
3684
3736
  receiver.city = this.formInstanceShipment.Receiver_City;
3685
3737
  receiver.country_code = this.formInstanceShipment.Receiver_CountryCode;
3686
3738
  receiver.email = this.formInstanceShipment.Receiver_Email;
@@ -3733,7 +3785,7 @@
3733
3785
  }, function (error) {
3734
3786
  _this.showLoadIndicator = false;
3735
3787
  console.log(error);
3736
- MessageBox.showError({ title: $localize(templateObject_17$2 || (templateObject_17$2 = __makeTemplateObject([":@@Failed-Text-Error loadingServicePoints:Error loading service points"], [":@@Failed-Text-Error loadingServicePoints:Error loading service points"]))), message: error }, _this.matDialog);
3788
+ MessageBox.showError({ title: $localize(templateObject_18$1 || (templateObject_18$1 = __makeTemplateObject([":@@Failed-Text-Error loadingServicePoints:Error loading service points"], [":@@Failed-Text-Error loadingServicePoints:Error loading service points"]))), message: error }, _this.matDialog);
3737
3789
  });
3738
3790
  });
3739
3791
  }
@@ -3809,7 +3861,7 @@
3809
3861
  request.Sender.mobile_phone = this.formInstanceShipment.Sender_Mobile;
3810
3862
  request.Receiver = Object.assign(new Shipment_Receiver(), {});
3811
3863
  request.Receiver.name = this.formInstanceShipment.Receiver_Name;
3812
- request.Receiver.attention = this.formInstanceShipment.Receiver_Attention;
3864
+ request.Receiver.attention = this.formInstanceShipment.Receiver_Attention + ' ' + this.formInstanceShipment.Receiver_Telephone;
3813
3865
  request.Receiver.address1 = this.formInstanceShipment.Receiver_Address1;
3814
3866
  request.Receiver.zipcode = this.formInstanceShipment.Receiver_Zipcode;
3815
3867
  request.Receiver.city = this.formInstanceShipment.Receiver_City;
@@ -3865,6 +3917,15 @@
3865
3917
  });
3866
3918
  });
3867
3919
  };
3920
+ PickinglistAddNewShipment.prototype.createCompanyStore = function () {
3921
+ this.company_store = new ODataStore__default['default']({
3922
+ url: this.cloudDataService.getMobiManagementODataUrl("companyinfo/main()"),
3923
+ withCredentials: true,
3924
+ key: "Id",
3925
+ keyType: "Guid",
3926
+ version: 4
3927
+ });
3928
+ };
3868
3929
  PickinglistAddNewShipment.prototype.applyPickingListStoreFilter = function () {
3869
3930
  this.odatastore_pickingList_filter = "Id eq " + this.pickingListId;
3870
3931
  };
@@ -3931,7 +3992,7 @@
3931
3992
  PickinglistAddNewShipment.prototype.createLocationStore = function () {
3932
3993
  return __awaiter(this, void 0, void 0, function () {
3933
3994
  var _this = this;
3934
- return __generator(this, function (_33) {
3995
+ return __generator(this, function (_0) {
3935
3996
  this.location_store = new ODataStore__default['default']({
3936
3997
  url: this.cloudDataService.getMobiManagementODataUrl("Location"),
3937
3998
  beforeSend: function (e) {
@@ -3959,7 +4020,7 @@
3959
4020
  };
3960
4021
  PickinglistAddNewShipment.prototype.getLocation = function () {
3961
4022
  return __awaiter(this, void 0, void 0, function () {
3962
- return __generator(this, function (_33) {
4023
+ return __generator(this, function (_0) {
3963
4024
  if (this.location_store) {
3964
4025
  this.location_store.load().then(function (locations) {
3965
4026
  var location = locations[0];
@@ -3983,7 +4044,7 @@
3983
4044
  PickinglistAddNewShipment.prototype.createInventLocationStore = function () {
3984
4045
  return __awaiter(this, void 0, void 0, function () {
3985
4046
  var _this = this;
3986
- return __generator(this, function (_33) {
4047
+ return __generator(this, function (_0) {
3987
4048
  this.inventLocation_store = new ODataStore__default['default']({
3988
4049
  url: this.cloudDataService.getMobiManagementODataUrl("InventLocation"),
3989
4050
  beforeSend: function (e) {
@@ -4036,7 +4097,7 @@
4036
4097
  };
4037
4098
  PickinglistAddNewShipment.prototype.createPrinterStore = function () {
4038
4099
  return __awaiter(this, void 0, void 0, function () {
4039
- return __generator(this, function (_33) {
4100
+ return __generator(this, function (_0) {
4040
4101
  this.printer_store = new ODataStore__default['default']({
4041
4102
  url: this.cloudDataService.getMobiManagementODataUrl("GatewayPrinter"),
4042
4103
  withCredentials: true,
@@ -4051,7 +4112,7 @@
4051
4112
  PickinglistAddNewShipment.prototype.createPackagingBoxStore = function () {
4052
4113
  return __awaiter(this, void 0, void 0, function () {
4053
4114
  var _this = this;
4054
- return __generator(this, function (_33) {
4115
+ return __generator(this, function (_0) {
4055
4116
  this.packagingBox_store = new ODataStore__default['default']({
4056
4117
  url: this.cloudDataService.getMobiManagementODataUrl("PackagingBox"),
4057
4118
  beforeSend: function (e) {
@@ -4106,8 +4167,8 @@
4106
4167
  PickinglistAddNewShipment.decorators = [
4107
4168
  { type: core.Component, args: [{
4108
4169
  selector: 'mobicloud-pickinglist-add-new-shipment',
4109
- template: "<div mat-dialog-container class=\"dialog-container\">\n <mat-toolbar color=\"primary\" class=\"mat-elevation-z2 dialog-caption\" cdkDrag cdkDragRootElement=\".cdk-overlay-pane\" cdkDragHandle>\n <mat-card-header i18n=\"@@FieldCaption-CreateShipment\">Create shipment</mat-card-header>\n <span class=\"dialog-caption-spacer\"></span>\n <button mat-raised-button appMaterialElevation matTooltip=\"Close\" i18n-matTooltip=\"@@Action-Close\" aria-label=\"Close\" i18n-aria-label=\"@@Action-Close\" class=\"dialog-toolbar-button\" (click)=\"onCancel()\">\n <svg-icon name=\"mobicloud_close\" svgClass=\"dialog-toolbar-button-icon\"></svg-icon>\n </button> \n </mat-toolbar> \n\n <div #shipment_dialog_container id=\"shipment_dialog_container\" class=\"dialog-wizard-steps-container\">\n <mat-horizontal-stepper [linear]=\"true\" #stepper class=\"dialog-wizard-steps\" (animationDone)=\"setFocus()\" labelPosition='bottom'>\n <mat-step label=\"Lines\" i18n-label=\"@@CaptionHeader-Lines\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\"> \n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <div class=\"invalid-message-Lines\" *ngIf=\"!pickingLinesSelectionValid\" i18n=\"@@ValidationText-NoShipmentPickingLinesSelected\">No lines has been selected for shipping</div>\n <dx-data-grid keyExpr=\"Id\" #datagrid_pickinglines id=\"datagrid_pickinglines\" [(selectedRowKeys)]=\"selectedPickingLinesKeys\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"pickingLines\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\">\n <dxo-editing mode=\"batch\" refreshMode=\"full\" [selectTextOnEditStart]=\"true\" startEditAction=\"click\" [allowAdding]=\"false\" [allowUpdating]=\"false\" [allowDeleting]=\"false\" [confirmDelete]=\"true\"></dxo-editing>\n <dxo-column-chooser [enabled]=\"true\" mode=\"select\" title=\"Choose columns\" i18n-title=\"@@CaptionHeader-ColumnChooser\"></dxo-column-chooser> \n <dxo-filter-row [visible]=\"true\"></dxo-filter-row> \n <dxo-header-filter [visible]=\"true\"></dxo-header-filter>\n <dxo-group-panel [visible]=\"false\" emptyPanelText=\"\"></dxo-group-panel> \n <dxo-sorting mode=\"multiple\"></dxo-sorting>\n <dxo-selection [allowSelectAll]=\"true\" showCheckBoxesMode=\"always\" [mode]=\"allowSelectPickingLines ? 'multiple' : 'none'\"></dxo-selection> \n <dxi-column dataField=\"MetaData.Index\" [width]=\"40\" [visible]=\"true\" hidingPriority=\"99\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-LineNumber\" caption=\"#\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n <dxi-column dataField=\"LineId\" [visible]=\"true\" hidingPriority=\"20\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-LineId\" caption=\"Line id\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"SalesLine.LineId\" hidingPriority=\"92\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SalesLineId\" caption=\"Sales line id\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"ProductId\" hidingPriority=\"58\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductUId\" caption=\"Product uid\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Product\" hidingPriority=\"68\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Product\" caption=\"Product\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Product.ProductId\" [fixed]=\"true\" fixedPosition=\"left\" hidingPriority=\"98\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductId\" caption=\"Product id\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Product.Name\" hidingPriority=\"94\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductName\" caption=\"Product name\" dataType=\"string\"></dxi-column> \n <dxi-column dataField=\"Product.SKU\" hidingPriority=\"54\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SKU\" caption=\"SKU\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Color\" hidingPriority=\"84\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Color\" caption=\"Color\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"ColorId\" hidingPriority=\"48\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ColorUId\" caption=\"Color uid\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Color.Code\" hidingPriority=\"82\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Color\" caption=\"Color\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Color.Name\" hidingPriority=\"46\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ColorName\" caption=\"Color name\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Size\" hidingPriority=\"78\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Size\" caption=\"Size\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"SizeId\" hidingPriority=\"44\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SizeUId\" caption=\"Size uid\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Size.Code\" hidingPriority=\"76\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Size\" caption=\"Size\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Size.Name\" hidingPriority=\"42\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SizeName\" caption=\"Size name\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Config\" hidingPriority=\"74\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Config\" caption=\"Config\" dataType=\"string\"></dxi-column> \n <dxi-column dataField=\"ConfigId\" hidingPriority=\"40\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ConfigUId\" caption=\"Config uid\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Config.Code\" hidingPriority=\"72\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Config\" caption=\"Config\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Config.Name\" hidingPriority=\"38\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ConfigName\" caption=\"Config name\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Qty\" hidingPriority=\"74\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Qty\" caption=\"Quantity\" dataType=\"number\"></dxi-column>\n <dxi-column dataField=\"QtyPick\" hidingPriority=\"96\" [width]=\"100\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-QtyPick\" caption=\"Quantity pick\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"right\"></dxi-column>\n <dxi-column dataField=\"Note\" hidingPriority=\"28\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Note\" caption=\"Note\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"SortCode\" hidingPriority=\"26\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SortCode\" caption=\"Sort code\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"WMSZone\" hidingPriority=\"24\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-WMSZone\" caption=\"WMS zone\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"MetaData.Created\" hidingPriority=\"10\" [visible]=\"false\" [allowHeaderFiltering]=\"true\" i18n-caption=\"@@GridColumn-Created\" caption=\"Created\" dataType=\"date\"></dxi-column>\n <dxo-summary>\n <dxi-total-item column=\"Qty\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n <dxi-total-item column=\"QtyPick\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n </dxo-summary> \n <dxi-column type=\"buttons\" [allowHiding]=\"false\" [fixed]=\"true\" fixedPosition=\"right\">\n </dxi-column>\n <dxi-column type=\"adaptive\" [allowHiding]=\"false\" cellTemplate=\"adaptiveCellTemplate\" [fixed]=\"true\" fixedPosition=\"right\"></dxi-column>\n \n <!-- Templates -->\n \n <div *dxTemplate=\"let column of 'adaptiveCellTemplate'\">\n <button aria-label=\"Collapse/Expand\" mat-icon-button (click)=\"column.component.isAdaptiveDetailRowExpanded(column.row.key) ? column.component.collapseAdaptiveDetailRow() : column.component.expandAdaptiveDetailRow(column.row.key);\">\n <mat-icon *ngIf=\"!column.component.isAdaptiveDetailRowExpanded(column.row.key)\" svgIcon=\"mobicloud_expand_arrows\" class=\"expand_gridrow\"></mat-icon>\n <mat-icon *ngIf=\"column.component.isAdaptiveDetailRowExpanded(column.row.key)\" svgIcon=\"mobicloud_collapse_arrows\" class=\"collapse_gridrow\"></mat-icon>\n </button> \n </div>\n \n <dxo-paging [enabled]=\"false\"></dxo-paging>\n </dx-data-grid> \n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n <button mat-flat-button color=\"accent\" (click)=\"onCancel()\" class=\"button1\" i18n=\"@@Button-Cancel\">Cancel</button>\n <button mat-flat-button color=\"primary\" (click)=\"onClick_Lines()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>\n </div> \n </div> \n </mat-step>\n <mat-step label=\"Sender\" i18n-label=\"@@CaptionHeader-Sender\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\">\n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <dx-select-box id=\"custom-templates\" class=\"sender-selectbox\" [dataSource]=\"inventLocation_ds\" displayExpr=\"Name\" [value]=\"inventLocationId\" [showClearButton]=\"true\" (onValueChanged)=\"senderSelectbox_onValueChanged($event)\">\n <div *dxTemplate=\"let data of 'item'\">\n <div class=\"custom-item\">\n <!-- <img src=\"{{ data.ImageSrc }}\" /> -->\n <div>\n {{ data.Name }} (test)\n </div>\n </div>\n </div>\n </dx-select-box> \n <fieldset class=\"shipment-fieldset-default shipment-fieldset-address\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-Sender\">Sender</legend>\n <dx-form #form_Sender id=\"form_Sender\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formSender\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\">\n \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Sender_Name\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'organization'} }\"> \n <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>\n <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-text=\"@@ValidationText-Name-Required\"></dxi-validation-rule> \n </dxi-item>\n <dxi-item dataField=\"Sender_Attention\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n <dxo-label text=\"Attention\" i18n-text=\"@@FieldCaption-Attention\"></dxo-label>\n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Sender_Address1\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n <dxi-validation-rule type=\"required\" message=\"Address is required\" i18n-text=\"@@ValidationText-Address-Required\"></dxi-validation-rule> \n </dxi-item> \n <dxi-item dataField=\"Sender_Zipcode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n <dxo-label text=\"ZipCode\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"Zip code is required\" i18n-text=\"@@ValidationText-ZipCode-Required\"></dxi-validation-rule> \n </dxi-item> \n <dxi-item dataField=\"Sender_City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n <dxo-label text=\"City\" i18n-text=\"@@FieldCaption-City\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"City is required\" i18n-text=\"@@ValidationText-City-Required\"></dxi-validation-rule> \n </dxi-item> \n </dxi-item>\n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"1\" [colSpan]=\"2\">\n <dxi-item dataField=\"Sender_CountryCode\">\n <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label> \n <div *dxTemplate=\"let data of 'content'\">\n <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"false\" fieldTemplate=\"fieldTemplate\"\n [dataSource]=\"sender_country_ds\" \n [(value)]=\"_senderCountryId\"\n valueExpr=\"Code2\" \n displayExpr=\"LocalName\" \n [(opened)]=\"_senderCountryOpened\"> \n <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n </dxo-drop-down-options> \n <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n [dataSource]=\"sender_country_ds\"\n [(selectedRowKeys)]=\"_senderCountryId\"\n (onSelectionChanged)=\"senderCountryChanged($event)\"\n (onRowClick)=\"_senderCountryOpened = false\">\n <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n <dxo-paging [enabled]=\"false\"></dxo-paging>\n <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n <img alt=\"\" [src]=\"data.value | countryCodeToFlagUrl\"/>\n </div>\n </dx-data-grid>\n <div *dxTemplate=\"let data of 'fieldTemplate'\">\n <div class=\"country-edit-item\">\n <div class=\"country-edit-image\"><img alt=\"\" [src]=\"_selectedSenderCountry?.Code2 | countryCodeToFlagUrl\" *ngIf=\"_selectedSenderCountry?.Code2\"></div>\n <div class=\"country-edit-text\">\n <dx-text-box stylingMode=\"filled\" [value]=\"_selectedSenderCountry?.Code2 | countryCodeToName\" [readOnly]=\"true\"></dx-text-box>\n </div>\n </div>\n </div>\n </dx-drop-down-box>\n </div> \n <dxi-validation-rule type=\"required\" message=\"Country is required\" i18n-text=\"@@ValidationText-Country-Required\"></dxi-validation-rule>\n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Sender_Email\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label> \n </dxi-item> \n <dxi-item dataField=\"Sender_Mobile\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n <dxo-label text=\"Mobile phone\" i18n-text=\"@@FieldCaption-MobilePhone\"></dxo-label> \n </dxi-item> \n </dxi-item> \n </dx-form> \n </fieldset> \n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n <!-- <button mat-flat-button color=\"accent\" (click)=\"onCancel()\" class=\"button1\" i18n=\"@@Button-Cancel\">Cancel</button> -->\n <button mat-flat-button color=\"primary\" (click)=\"onClick_Sender()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button> \n </div> \n </div> \n </mat-step>\n <mat-step label=\"Receiver\" i18n-label=\"@@CaptionHeader-Receiver\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\">\n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <fieldset class=\"shipment-fieldset-default shipment-fieldset-address\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-Receiver\">Receiver</legend>\n <dx-form #form_Receiver id=\"form_Receiver\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formReceiver\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\">\n \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Receiver_Name\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'organization'} }\"> \n <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>\n <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-text=\"@@ValidationText-Name-Required\"></dxi-validation-rule> \n </dxi-item>\n <dxi-item dataField=\"Receiver_Attention\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n <dxo-label text=\"Attention\" i18n-text=\"@@FieldCaption-Attention\"></dxo-label>\n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Receiver_Address1\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n <dxi-validation-rule type=\"required\" message=\"Address is required\" i18n-text=\"@@ValidationText-Address-Required\"></dxi-validation-rule> \n </dxi-item> \n <dxi-item dataField=\"Receiver_Zipcode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n <dxo-label text=\"ZipCode\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"Zip code is required\" i18n-text=\"@@ValidationText-ZipCode-Required\"></dxi-validation-rule> \n </dxi-item> \n <dxi-item dataField=\"Receiver_City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n <dxo-label text=\"City\" i18n-text=\"@@FieldCaption-City\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"City is required\" i18n-text=\"@@ValidationText-City-Required\"></dxi-validation-rule> \n </dxi-item> \n </dxi-item>\n <dxi-item itemType=\"group\" caption=\"\" [colSpan]=\"2\">\n <dxi-item dataField=\"Receiver_CountryCode\">\n <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label> \n <div *dxTemplate=\"let data of 'content'\">\n <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"false\" fieldTemplate=\"fieldTemplate\"\n [dataSource]=\"receiver_country_ds\" \n [(value)]=\"_receiverCountryId\"\n valueExpr=\"Code2\" \n displayExpr=\"LocalName\" \n [(opened)]=\"_receiverCountryOpened\"> \n <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n </dxo-drop-down-options> \n <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n [dataSource]=\"receiver_country_ds\"\n [(selectedRowKeys)]=\"_receiverCountryId\"\n (onSelectionChanged)=\"receiverCountryChanged($event)\"\n (onRowClick)=\"_receiverCountryOpened = false\">\n <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n <dxo-paging [enabled]=\"false\"></dxo-paging>\n <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n <img alt=\"\" [src]=\"data.value | countryCodeToFlagUrl\"/>\n </div>\n </dx-data-grid>\n <div *dxTemplate=\"let data of 'fieldTemplate'\">\n <div class=\"country-edit-item\">\n <div class=\"country-edit-image\"><img alt=\"\" [src]=\"_selectedReceiverCountry?.Code2 | countryCodeToFlagUrl\" *ngIf=\"_selectedReceiverCountry?.Code2\"></div>\n <div class=\"country-edit-text\">\n <dx-text-box stylingMode=\"filled\" [value]=\"_selectedReceiverCountry?.Code2 | countryCodeToName\" [readOnly]=\"true\"></dx-text-box>\n </div>\n </div>\n </div>\n </dx-drop-down-box>\n </div> \n <dxi-validation-rule type=\"required\" message=\"Country is required\" i18n-text=\"@@ValidationText-Country-Required\"></dxi-validation-rule>\n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Receiver_Email\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label> \n </dxi-item> \n <dxi-item dataField=\"Receiver_Mobile\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n <dxo-label text=\"Mobile phone\" i18n-text=\"@@FieldCaption-MobilePhone\"></dxo-label> \n </dxi-item> \n </dxi-item> \n </dx-form> \n </fieldset> \n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n <button mat-flat-button color=\"primary\" (click)=\"onClick_Receiver()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button> \n </div> \n </div> \n </mat-step> \n <mat-step label=\"Packages\" i18n-label=\"@@CaptionHeader-Packages\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\">\n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <div class=\"invalid-message-Lines\" *ngIf=\"!boxesSelectionValid\" i18n=\"@@ValidationText-NoShipmentBoxesSelected\">No boxes has been selected for shipping</div>\n <dx-data-grid #selectedBoxesList id=\"selectedBoxesList\" keyExpr=\"Id\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"selectedBoxes\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\" (onInitNewRow)=\"onInitNewRow_Boxes($event)\">\n <dxo-paging [enabled]=\"false\"></dxo-paging>\n <dxo-editing mode=\"batch\" [allowUpdating]=\"true\" [allowAdding]=\"true\" [allowDeleting]=\"true\" [selectTextOnEditStart]=\"true\">\n </dxo-editing>\n\n <dxi-column dataField=\"Quantity\" caption=\"Quantity\" i18n-caption=\"@@GridColumn-Quantity\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n <dxi-column dataField=\"BoxType\" [setCellValue]=\"setCellValue_BoxType\" caption=\"Box type\" i18n-caption=\"@@GridColumn-BoxType\" dataType=\"string\" [fixed]=\"true\" fixedPosition=\"left\">\n <dxo-lookup\n [dataSource]=\"packagingBoxType_ds\"\n displayExpr=\"text\"\n valueExpr=\"value\">\n </dxo-lookup> \n <dxo-header-filter\n [dataSource]=\"packagingBoxType_ds\">\n </dxo-header-filter> \n <dxi-validation-rule type=\"required\" message=\"Box type is required\" i18n-text=\"@@ValidationText-BoxType-Required\"></dxi-validation-rule> \n </dxi-column> \n <dxi-column dataField=\"Length_InCm\" i18n-caption=\"@@GridColumn-Length_CM\" caption=\"Length (cm)\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"left\">\n <dxi-validation-rule type=\"required\" message=\"Length is required\" i18n-text=\"@@ValidationText-Length-Required\"></dxi-validation-rule>\n </dxi-column>\n <dxi-column dataField=\"Width_InCm\" i18n-caption=\"@@GridColumn-Width_CM\" caption=\"Width (cm)\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"left\">\n <dxi-validation-rule type=\"required\" message=\"Width is required\" i18n-text=\"@@ValidationText-Width-Required\"></dxi-validation-rule>\n </dxi-column>\n <dxi-column dataField=\"Height_InCm\" i18n-caption=\"@@GridColumn-Height_CM\" caption=\"Height (cm)\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n <dxi-column dataField=\"Weight_InKg\" i18n-caption=\"@@GridColumn-Weight_KG\" caption=\"Weight (kg)\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n <dxo-toolbar>\n <dxi-item location=\"before\">\n <!-- <dx-drop-down-button text=\"Add box\" icon=\"box\" [items]=\"[{text:'A', id:'a'},{text:'B', id:'b'},{text:'C', id:'c'}]\" (onItemClick)=\"onAddBoxButtonClick($event)\"></dx-drop-down-button> -->\n <dx-drop-down-button text=\"Add box\" icon=\"box\" [items]=\"packagingBoxes\" displayExpr=\"Name\" (onItemClick)=\"onAddBoxButtonClick($event)\"></dx-drop-down-button> \n </dxi-item> \n <dxi-item name=\"addRowButton\" cssClass=\"action-button\"></dxi-item>\n <dxi-item name=\"revertButton\" cssClass=\"action-button\"></dxi-item>\n <!-- <dxi-item name=\"delete\" cssClass=\"action-button\"></dxi-item> -->\n <!-- <dxi-item location=\"after\">\n <dx-button icon=\"trash\" text=\"Delete Selected Records\"></dx-button>\n </dxi-item> -->\n </dxo-toolbar> \n </dx-data-grid> \n </div> \n </div>\n <div fxLayout=\"row\" class=\"dialog-button-row\">\n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n <button mat-flat-button color=\"primary\" (click)=\"onClick_Packages()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button> \n </div> \n </mat-step> \n <mat-step label=\"Carrier\" i18n-label=\"@@CaptionHeader-Carrier\" [optional]=\"false\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\"> \n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <div fxLayout=\"row\" class=\"shipment-products-container\">\n <fieldset [ngClass]=\"{'shipment-fieldset-default shipment-fieldset-shipment-products':!servicePointRequired, 'shipment-fieldset-default shipment-fieldset-shipment-products-withservice':servicePointRequired}\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-CarrierProducts\">Carrier products</legend>\n <dx-validation-summary validationGroup=\"ProductCode\"></dx-validation-summary>\n <dx-list #shipmentProducList keyExpr=\"product_code\" [dataSource]=\"shipmentProducts\" selectionMode=\"single\" showScrollbar=\"always\" [showSelectionControls]=\"true\" [(selectedItemKeys)]=\"selectedShipmentProducts\" (onSelectionChanged)=\"onShipmentProductSelectionChanged($event)\">\n <div *dxTemplate=\"let item of 'item'\">\n <div class=\"shipment-product-item\"> \n <div class=\"shipment-product-item-name\">{{ item.name }}</div>\n <div class=\"shipment-product-item-info\">\n <div class=\"shipment-product-item-price\">\n <!-- <span class=\"item-caption\">Price</span><span class=\"item-caption-colon\">:</span><div class=\"item-value\">{{item.price_amount | currency:item.price_currency:\"symbol\"}}</div> -->\n <span class=\"item-caption\">Price</span><span class=\"item-caption-colon\">:</span><div class=\"item-value\">{{item.price_currency}} {{item.price_amount}}</div>\n </div>\n <div class=\"shipment-product-item-transit\">\n <span class=\"item-caption\">Transit time</span><span class=\"item-caption-colon\">:</span><span class=\"item-value\">{{ item.transit_time }}</span> \n </div>\n </div>\n </div>\n </div>\n <dx-validator [adapter]=\"validationConfig_ProductCode\" validationGroup=\"ProductCode\">\n <dxi-validation-rule type=\"required\" message=\"Carrier product is required\" i18n-message=\"@@ValidationText-CarrierProduct-Required\"></dxi-validation-rule>\n </dx-validator>\n </dx-list> \n </fieldset>\n <fieldset class=\"shipment-fieldset-default shipment-fieldset-shipment-servicepoint\" *ngIf=\"selectedShippingProduct?.service_point_required\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-ParcelShop\">Parcel shop</legend>\n <dx-validation-summary validationGroup=\"ServicePoint\"></dx-validation-summary>\n <dx-select-box id=\"servicePointsSelectbox\" [dataSource]=\"servicePoints\" displayExpr=\"name\" [(value)]=\"selectedServicePoint\" (onSelectionChanged)=\"onServicePointSelectionChanged($event)\">\n <div *dxTemplate=\"let data of 'item'\">\n <div class=\"servicepoint-item\">\n <div class=\"servicepoint-name\">\n {{ data.name }} <span>{{data.id ? ('(' + data.id + ') ') : ':'}} {{(data.distance | meterToKilometer) | number : '1.0-1'}}</span><span> km</span>\n </div>\n </div>\n </div>\n <dx-validator [adapter]=\"validationConfig_ServicePoint\" validationGroup=\"ServicePoint\">\n <dxi-validation-rule type=\"required\" message=\"Parcel shop is required for this carrier product\" i18n-message=\"@@ValidationText-ParcelShop-Required\"></dxi-validation-rule>\n </dx-validator> \n </dx-select-box> \n <div class=\"dx-fieldset selected-service-point\">\n <div class=\"field\">\n <div class=\"field-label\">Name:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.name}} {{selectedServicePoint?.id ? ('(' + selectedServicePoint?.id + ')') : ''}}\n </div>\n </div>\n <div class=\"field\">\n <div class=\"field-label\">Address:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.address_line}}\n </div>\n </div> \n <div class=\"field\">\n <div class=\"field-label\">Zip code:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.zip_code}}\n </div>\n </div> \n <div class=\"field\">\n <div class=\"field-label\">City:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.city}}\n </div>\n </div> \n <div class=\"field\">\n <div class=\"field-label\">Country:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.country_code | countryCodeToName}}\n </div>\n </div> \n <div class=\"field\">\n <div class=\"field-label\">Distance:</div>\n <div class=\"field-value\">\n <span *ngIf=\"selectedServicePoint?.distance\">{{(selectedServicePoint?.distance | meterToKilometer) | number : '1.0-1'}}</span><span *ngIf=\"selectedServicePoint?.distance\"> km</span>\n </div>\n </div> \n </div> \n </fieldset>\n </div> \n <fieldset class=\"shipment-fieldset-default shipment-fieldset-shipment-info\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-ShippingInfo\">Shipping information</legend>\n <dx-form #form_ShippingInfo id=\"form_ShippingInfo\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formShippingInfo\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\">\n \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"ShippingDate\" [colSpan]=\"2\" editorType=\"dxDateBox\"> \n <dxo-label text=\"Shipping date\" i18n-text=\"@@FieldCaption-ShippingDate\"></dxo-label>\n <dxi-validation-rule type=\"required\" message=\"Shipping date is required\" i18n-text=\"@@ValidationText-ShippingDate-Required\"></dxi-validation-rule> \n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Reference\">\n <dxo-label text=\"Reference\" i18n-text=\"@@FieldCaption-Reference\"></dxo-label> \n </dxi-item> \n <dxi-item dataField=\"Remarks\">\n <dxo-label text=\"Remarks\" i18n-text=\"@@FieldCaption-Remarks\"></dxo-label> \n </dxi-item> \n </dxi-item>\n </dx-form> \n </fieldset>\n <div class=\"printer-info\">\n <div class=\"print-labels\">\n <dx-check-box [(value)]=\"printLabels\" text=\"Print labels\" i18n-text=\"@@FieldCaption-PrintLabels\" [rtlEnabled]=\"true\"></dx-check-box>\n </div> \n <div class=\"printer\">\n <dx-select-box id=\"printerSelectbox\" [dataSource]=\"printer_store\" label=\"Printer\" i18n-label=\"@@FieldCaption-Printer\" labelMode=\"static\" displayExpr=\"PrinterName\" valueExpr=\"Id\" [(value)]=\"selectedPrinterId\" [disabled]=\"!printLabels\">\n <div *dxTemplate=\"let data of 'item'\">\n <div class=\"printer-item\">\n <div class=\"printer-name\">\n {{data?.PrinterName}} {{ data?.GatewayInstallationName ? ('(' + data.GatewayInstallationName + ')') : ('') }}\n </div>\n </div>\n </div> \n </dx-select-box> \n </div>\n </div>\n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n <button mat-flat-button color=\"primary\" (click)=\"onCreateShipmentClick()\" class=\"button2\" i18n=\"@@Button-CreateShipment\">Create shipment</button> \n </div> \n </div> \n </mat-step>\n <mat-step state=\"\">\n <div fxLayout=\"column\" class=\"dialog-form-content\">\n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <div class=\"dialog-loading-shade\" *ngIf=\"isLoadingData\">\n <mat-spinner diameter=\"50\" *ngIf=\"isLoadingData\"></mat-spinner> \n </div>\n <div class=\"dialog-loading-spinner-text\" *ngIf=\"isLoadingData\">{{loadingText}}</div>\n <div class=\"dialog-complete-text\" *ngIf=\"!isLoadingData && createCompleted && !createError\">{{createCompletedText}}</div>\n <div class=\"dialog-error-caption\" *ngIf=\"!isLoadingData && createError\" i18n=\"@@ShipmentCreateFailed-Text\">Shipment create failed</div>\n <div class=\"dialog-error-text\" *ngIf=\"!isLoadingData && createError\">{{createErrorText}}</div>\n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\"> \n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" [disabled]=\"isLoadingData || createCompleted\" i18n=\"@@Button-Back\">Back</button>\n <button mat-flat-button matStepperNext color=\"warn\" class=\"button2\" *ngIf=\"!isLoadingData && createError\" [disabled]=\"isLoadingData\" (click)=\"onCreateShipmentClick()\" i18n=\"@@Button-Retry\">Retry</button>\n <button mat-flat-button matStepperNext color=\"primary\" class=\"button2\" [disabled]=\"isLoadingData\" (click)=\"onClose()\" i18n=\"@@Button-Close\">Close</button> \n </div> \n </div> \n </mat-step> \n </mat-horizontal-stepper> \n </div> \n </div>\n\n <dx-load-panel\n #loadPanelMainContent\n container=\"#shipment_dialog_container\"\n [position]=\"{ of: '#shipment_dialog_container' }\"\n [(visible)]=\"showLoadIndicator\"\n [showIndicator]=\"true\"\n [showPane]=\"true\"\n [shading]=\"true\" \n [closeOnOutsideClick]=\"false\"></dx-load-panel>",
4110
- styles: [".dialog-form-content{min-height:472px!important}.dialog-form-content-address{margin-top:0!important}.shipment-fieldset-default{border:1px solid var(--default-datagrid-border-color);border-radius:7px;height:calc(100% - 280px);background-color:var(--default-groupbox-content-background);padding-top:20px}.shipment-legend-default{padding:.2em .5em;color:var(--default-textcolor-dark);font-weight:600;font-size:90%}.invalid-message-Lines{color:var(--default-textcolor-error);font-size:.85em}.shipment-fieldset-address{margin-bottom:20px}.sender-selectbox{margin-bottom:10px}.shipment-fieldset-shipment-products{border:1px solid var(--default-datagrid-border-color);border-radius:7px;width:100%;height:210px}.shipment-fieldset-shipment-products-withservice,.shipment-fieldset-shipment-servicepoint{width:50%;height:210px}.shipment-product-item-info{display:flex;font-style:italic}.shipment-product-item-price{display:flex}.shipment-product-item-price .item-value{margin-left:5px}.shipment-product-item-transit .item-caption{margin-left:20px}.shipment-product-item-transit .item-value{margin-left:5px}.shipment-fieldset-shipment-info{margin-top:20px;width:auto;height:120px}.selected-service-point .field{display:flex;font-weight:400;font-size:12px;margin-bottom:6px}.selected-service-point .field-label{color:var(--default-textcolor-field-label);width:56px}.selected-service-point .field-value{margin-left:10px}.printer-info{display:flex;margin-top:20px;width:100%}.printer-info .print-labels{margin-right:20px;width:180px;padding-left:20px;padding-top:3px}.printer-info .printer{width:100%}"]
4170
+ template: "<div mat-dialog-container class=\"dialog-container\">\n <mat-toolbar color=\"primary\" class=\"mat-elevation-z2 dialog-caption\" cdkDrag cdkDragRootElement=\".cdk-overlay-pane\" cdkDragHandle>\n <mat-card-header i18n=\"@@FieldCaption-CreateShipment\">A Create shipment</mat-card-header>\n <span class=\"dialog-caption-spacer\"></span>\n <button mat-raised-button appMaterialElevation matTooltip=\"Close\" i18n-matTooltip=\"@@Action-Close\" aria-label=\"Close\" i18n-aria-label=\"@@Action-Close\" class=\"dialog-toolbar-button\" (click)=\"onCancel()\">\n <svg-icon name=\"mobicloud_close\" svgClass=\"dialog-toolbar-button-icon\"></svg-icon>\n </button> \n </mat-toolbar> \n\n <div #shipment_dialog_container id=\"shipment_dialog_container\" class=\"dialog-wizard-steps-container\">\n <mat-horizontal-stepper [linear]=\"true\" #stepper class=\"dialog-wizard-steps\" (animationDone)=\"setFocus()\" labelPosition='bottom'>\n <mat-step label=\"Lines\" i18n-label=\"@@CaptionHeader-Lines\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\"> \n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <div class=\"invalid-message-Lines\" *ngIf=\"!pickingLinesSelectionValid\" i18n=\"@@ValidationText-NoShipmentPickingLinesSelected\">No lines has been selected for shipping</div>\n <dx-data-grid keyExpr=\"Id\" #datagrid_pickinglines id=\"datagrid_pickinglines\" [(selectedRowKeys)]=\"selectedPickingLinesKeys\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"pickingLines\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\">\n <dxo-editing mode=\"batch\" refreshMode=\"full\" [selectTextOnEditStart]=\"true\" startEditAction=\"click\" [allowAdding]=\"false\" [allowUpdating]=\"false\" [allowDeleting]=\"false\" [confirmDelete]=\"true\"></dxo-editing>\n <dxo-column-chooser [enabled]=\"true\" mode=\"select\" title=\"Choose columns\" i18n-title=\"@@CaptionHeader-ColumnChooser\"></dxo-column-chooser> \n <dxo-filter-row [visible]=\"true\"></dxo-filter-row> \n <dxo-header-filter [visible]=\"true\"></dxo-header-filter>\n <dxo-group-panel [visible]=\"false\" emptyPanelText=\"\"></dxo-group-panel> \n <dxo-sorting mode=\"multiple\"></dxo-sorting>\n <dxo-selection [allowSelectAll]=\"true\" showCheckBoxesMode=\"always\" [mode]=\"allowSelectPickingLines ? 'multiple' : 'none'\"></dxo-selection> \n <dxi-column dataField=\"MetaData.Index\" [width]=\"40\" [visible]=\"true\" hidingPriority=\"99\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-LineNumber\" caption=\"#\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n <dxi-column dataField=\"LineId\" [visible]=\"true\" hidingPriority=\"20\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-LineId\" caption=\"Line id\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"SalesLine.LineId\" hidingPriority=\"92\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SalesLineId\" caption=\"Sales line id\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"ProductId\" hidingPriority=\"58\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductUId\" caption=\"Product uid\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Product\" hidingPriority=\"68\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Product\" caption=\"Product\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Product.ProductId\" [fixed]=\"true\" fixedPosition=\"left\" hidingPriority=\"98\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductId\" caption=\"Product id\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Product.Name\" hidingPriority=\"94\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ProductName\" caption=\"Product name\" dataType=\"string\"></dxi-column> \n <dxi-column dataField=\"Product.SKU\" hidingPriority=\"54\" [visible]=\"true\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SKU\" caption=\"SKU\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Color\" hidingPriority=\"84\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Color\" caption=\"Color\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"ColorId\" hidingPriority=\"48\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ColorUId\" caption=\"Color uid\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Color.Code\" hidingPriority=\"82\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Color\" caption=\"Color\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Color.Name\" hidingPriority=\"46\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ColorName\" caption=\"Color name\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Size\" hidingPriority=\"78\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Size\" caption=\"Size\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"SizeId\" hidingPriority=\"44\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SizeUId\" caption=\"Size uid\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Size.Code\" hidingPriority=\"76\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Size\" caption=\"Size\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Size.Name\" hidingPriority=\"42\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SizeName\" caption=\"Size name\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Config\" hidingPriority=\"74\" [visible]=\"false\" [showInColumnChooser]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Config\" caption=\"Config\" dataType=\"string\"></dxi-column> \n <dxi-column dataField=\"ConfigId\" hidingPriority=\"40\" [visible]=\"false\" [showInColumnChooser]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ConfigUId\" caption=\"Config uid\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Config.Code\" hidingPriority=\"72\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Config\" caption=\"Config\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Config.Name\" hidingPriority=\"38\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-ConfigName\" caption=\"Config name\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"Qty\" hidingPriority=\"74\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Qty\" caption=\"Quantity\" dataType=\"number\"></dxi-column>\n <dxi-column dataField=\"QtyPick\" hidingPriority=\"96\" [width]=\"100\" [visible]=\"true\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-QtyPick\" caption=\"Quantity pick\" dataType=\"number\" [fixed]=\"true\" fixedPosition=\"right\"></dxi-column>\n <dxi-column dataField=\"Note\" hidingPriority=\"28\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-Note\" caption=\"Note\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"SortCode\" hidingPriority=\"26\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-SortCode\" caption=\"Sort code\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"WMSZone\" hidingPriority=\"24\" [visible]=\"false\" [allowHeaderFiltering]=\"false\" i18n-caption=\"@@GridColumn-WMSZone\" caption=\"WMS zone\" dataType=\"string\"></dxi-column>\n <dxi-column dataField=\"MetaData.Created\" hidingPriority=\"10\" [visible]=\"false\" [allowHeaderFiltering]=\"true\" i18n-caption=\"@@GridColumn-Created\" caption=\"Created\" dataType=\"date\"></dxi-column>\n <dxo-summary>\n <dxi-total-item column=\"Qty\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n <dxi-total-item column=\"QtyPick\" summaryType=\"sum\" displayFormat=\"{0}\"></dxi-total-item>\n </dxo-summary> \n <dxi-column type=\"buttons\" [allowHiding]=\"false\" [fixed]=\"true\" fixedPosition=\"right\">\n </dxi-column>\n <dxi-column type=\"adaptive\" [allowHiding]=\"false\" cellTemplate=\"adaptiveCellTemplate\" [fixed]=\"true\" fixedPosition=\"right\"></dxi-column>\n \n <!-- Templates -->\n \n <div *dxTemplate=\"let column of 'adaptiveCellTemplate'\">\n <button aria-label=\"Collapse/Expand\" mat-icon-button (click)=\"column.component.isAdaptiveDetailRowExpanded(column.row.key) ? column.component.collapseAdaptiveDetailRow() : column.component.expandAdaptiveDetailRow(column.row.key);\">\n <mat-icon *ngIf=\"!column.component.isAdaptiveDetailRowExpanded(column.row.key)\" svgIcon=\"mobicloud_expand_arrows\" class=\"expand_gridrow\"></mat-icon>\n <mat-icon *ngIf=\"column.component.isAdaptiveDetailRowExpanded(column.row.key)\" svgIcon=\"mobicloud_collapse_arrows\" class=\"collapse_gridrow\"></mat-icon>\n </button> \n </div>\n \n <dxo-paging [enabled]=\"false\"></dxo-paging>\n </dx-data-grid> \n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n <button mat-flat-button color=\"accent\" (click)=\"onCancel()\" class=\"button1\" i18n=\"@@Button-Cancel\">Cancel</button>\n <button mat-flat-button color=\"primary\" (click)=\"onClick_Lines()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button>\n </div> \n </div> \n </mat-step>\n <mat-step label=\"Sender\" i18n-label=\"@@CaptionHeader-Sender\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\">\n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <dx-select-box id=\"custom-templates\" class=\"sender-selectbox\" [dataSource]=\"inventLocation_ds\" displayExpr=\"Name\" [value]=\"inventLocationId\" [showClearButton]=\"true\" (onValueChanged)=\"senderSelectbox_onValueChanged($event)\">\n <div *dxTemplate=\"let data of 'item'\">\n <div class=\"custom-item\">\n <!-- <img src=\"{{ data.ImageSrc }}\" /> -->\n <div>\n {{ data.Name }} (test)\n </div>\n </div>\n </div>\n </dx-select-box> \n <fieldset class=\"shipment-fieldset-default shipment-fieldset-address\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-Sender\">Sender</legend>\n <dx-form #form_Sender id=\"form_Sender\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formSender\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\">\n \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Sender_Name\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'organization'} }\"> \n <dxo-label text=\"Name\" i18n-text=\"@@FieldCaption-Name\"></dxo-label>\n <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-text=\"@@ValidationText-Name-Required\"></dxi-validation-rule> \n </dxi-item>\n <dxi-item dataField=\"Sender_Attention\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n <dxo-label text=\"Attention\" i18n-text=\"@@FieldCaption-Attention\"></dxo-label>\n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Sender_Address1\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n <dxi-validation-rule type=\"required\" message=\"Address is required\" i18n-text=\"@@ValidationText-Address-Required\"></dxi-validation-rule> \n </dxi-item> \n <dxi-item dataField=\"Sender_Zipcode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n <dxo-label text=\"ZipCode\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"Zip code is required\" i18n-text=\"@@ValidationText-ZipCode-Required\"></dxi-validation-rule> \n </dxi-item> \n <dxi-item dataField=\"Sender_City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n <dxo-label text=\"City\" i18n-text=\"@@FieldCaption-City\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"City is required\" i18n-text=\"@@ValidationText-City-Required\"></dxi-validation-rule> \n </dxi-item> \n </dxi-item>\n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"1\" [colSpan]=\"2\">\n <dxi-item dataField=\"Sender_CountryCode\">\n <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label> \n <div *dxTemplate=\"let data of 'content'\">\n <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"false\" fieldTemplate=\"fieldTemplate\"\n [dataSource]=\"sender_country_ds\" \n [(value)]=\"_senderCountryId\"\n valueExpr=\"Code2\" \n displayExpr=\"LocalName\" \n [(opened)]=\"_senderCountryOpened\"> \n <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n </dxo-drop-down-options> \n <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n [dataSource]=\"sender_country_ds\"\n [(selectedRowKeys)]=\"_senderCountryId\"\n (onSelectionChanged)=\"senderCountryChanged($event)\"\n (onRowClick)=\"_senderCountryOpened = false\">\n <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n <dxo-paging [enabled]=\"false\"></dxo-paging>\n <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n <img alt=\"\" [src]=\"data.value | countryCodeToFlagUrl\"/>\n </div>\n </dx-data-grid>\n <div *dxTemplate=\"let data of 'fieldTemplate'\">\n <div class=\"country-edit-item\">\n <div class=\"country-edit-image\"><img alt=\"\" [src]=\"_selectedSenderCountry?.Code2 | countryCodeToFlagUrl\" *ngIf=\"_selectedSenderCountry?.Code2\"></div>\n <div class=\"country-edit-text\">\n <dx-text-box stylingMode=\"filled\" [value]=\"_selectedSenderCountry?.Code2 | countryCodeToName\" [readOnly]=\"true\"></dx-text-box>\n </div>\n </div>\n </div>\n </dx-drop-down-box>\n </div> \n <dxi-validation-rule type=\"required\" message=\"Country is required\" i18n-text=\"@@ValidationText-Country-Required\"></dxi-validation-rule>\n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Sender_Email\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label> \n </dxi-item> \n <dxi-item dataField=\"Sender_Mobile\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n <dxo-label text=\"Mobile phone\" i18n-text=\"@@FieldCaption-MobilePhone\"></dxo-label> \n </dxi-item> \n </dxi-item> \n </dx-form> \n </fieldset> \n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n <!-- <button mat-flat-button color=\"accent\" (click)=\"onCancel()\" class=\"button1\" i18n=\"@@Button-Cancel\">Cancel</button> -->\n <button mat-flat-button color=\"primary\" (click)=\"onClick_Sender()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button> \n </div> \n </div> \n </mat-step>\n <mat-step label=\"Receiver\" i18n-label=\"@@CaptionHeader-Receiver\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\">\n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <fieldset class=\"shipment-fieldset-default shipment-fieldset-address\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-Receiver\">Receiver</legend>\n <dx-form #form_Receiver id=\"form_Receiver\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formReceiver\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\">\n \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Receiver_Name\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'organization'} }\"> \n <dxo-label text=\"Company\" i18n-text=\"@@FieldCaption-Company\"></dxo-label>\n <!-- <dxi-validation-rule type=\"required\" message=\"Name is required\" i18n-text=\"@@ValidationText-Name-Required\"></dxi-validation-rule> -->\n </dxi-item>\n <dxi-item dataField=\"Receiver_Attention\" [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-text=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>\n </dxi-item> \n <dxi-item dataField=\"Receiver_Telephone\" [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-text=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>\n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Receiver_Address1\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n <dxi-validation-rule type=\"required\" message=\"Address is required\" i18n-text=\"@@ValidationText-Address-Required\"></dxi-validation-rule> \n </dxi-item> \n <dxi-item dataField=\"Receiver_Zipcode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n <dxo-label text=\"ZipCode\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"Zip code is required\" i18n-text=\"@@ValidationText-ZipCode-Required\"></dxi-validation-rule> \n </dxi-item> \n <dxi-item dataField=\"Receiver_City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n <dxo-label text=\"City\" i18n-text=\"@@FieldCaption-City\"></dxo-label> \n <dxi-validation-rule type=\"required\" message=\"City is required\" i18n-text=\"@@ValidationText-City-Required\"></dxi-validation-rule> \n </dxi-item> \n </dxi-item>\n <dxi-item itemType=\"group\" caption=\"\" [colSpan]=\"2\">\n <dxi-item dataField=\"Receiver_CountryCode\">\n <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label> \n <div *dxTemplate=\"let data of 'content'\">\n <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"false\" fieldTemplate=\"fieldTemplate\"\n [dataSource]=\"receiver_country_ds\" \n [(value)]=\"_receiverCountryId\"\n valueExpr=\"Code2\" \n displayExpr=\"LocalName\" \n [(opened)]=\"_receiverCountryOpened\"> \n <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n </dxo-drop-down-options> \n <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n [dataSource]=\"receiver_country_ds\"\n [(selectedRowKeys)]=\"_receiverCountryId\"\n (onSelectionChanged)=\"receiverCountryChanged($event)\"\n (onRowClick)=\"_receiverCountryOpened = false\">\n <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n <dxo-paging [enabled]=\"false\"></dxo-paging>\n <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n <img alt=\"\" [src]=\"data.value | countryCodeToFlagUrl\"/>\n </div>\n </dx-data-grid>\n <div *dxTemplate=\"let data of 'fieldTemplate'\">\n <div class=\"country-edit-item\">\n <div class=\"country-edit-image\"><img alt=\"\" [src]=\"_selectedReceiverCountry?.Code2 | countryCodeToFlagUrl\" *ngIf=\"_selectedReceiverCountry?.Code2\"></div>\n <div class=\"country-edit-text\">\n <dx-text-box stylingMode=\"filled\" [value]=\"_selectedReceiverCountry?.Code2 | countryCodeToName\" [readOnly]=\"true\"></dx-text-box>\n </div>\n </div>\n </div>\n </dx-drop-down-box>\n </div> \n <dxi-validation-rule type=\"required\" message=\"Country is required\" i18n-text=\"@@ValidationText-Country-Required\"></dxi-validation-rule>\n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Receiver_Email\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label> \n </dxi-item> \n <dxi-item dataField=\"Receiver_Mobile\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n <dxo-label text=\"Mobile phone\" i18n-text=\"@@FieldCaption-MobilePhone\"></dxo-label> \n </dxi-item> \n </dxi-item> \n </dx-form> \n </fieldset> \n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n <button mat-flat-button color=\"primary\" (click)=\"onClick_Receiver()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button> \n </div> \n </div> \n </mat-step> \n <mat-step label=\"Packages\" i18n-label=\"@@CaptionHeader-Packages\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\">\n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <div class=\"invalid-message-Lines\" *ngIf=\"!boxesSelectionValid\" i18n=\"@@ValidationText-NoShipmentBoxesSelected\">No boxes has been selected for shipping</div>\n <dx-data-grid #selectedBoxesList id=\"selectedBoxesList\" keyExpr=\"Id\" class=\"devex-grid-lb\" height=\"100%\" [dataSource]=\"selectedBoxes\" [showBorders]=\"false\" [showColumnLines]=\"false\" [showRowLines]=\"true\" [allowColumnReordering]=\"true\" [allowColumnResizing]=\"true\" [rowAlternationEnabled]=\"true\" (onInitNewRow)=\"onInitNewRow_Boxes($event)\">\n <dxo-paging [enabled]=\"false\"></dxo-paging>\n <dxo-editing mode=\"batch\" [allowUpdating]=\"true\" [allowAdding]=\"true\" [allowDeleting]=\"true\" [selectTextOnEditStart]=\"true\">\n </dxo-editing>\n\n <dxi-column dataField=\"Quantity\" caption=\"Quantity\" i18n-caption=\"@@GridColumn-Quantity\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n <dxi-column dataField=\"BoxType\" [setCellValue]=\"setCellValue_BoxType\" caption=\"Box type\" i18n-caption=\"@@GridColumn-BoxType\" dataType=\"string\" [fixed]=\"true\" fixedPosition=\"left\">\n <dxo-lookup\n [dataSource]=\"packagingBoxType_ds\"\n displayExpr=\"text\"\n valueExpr=\"value\">\n </dxo-lookup> \n <dxo-header-filter\n [dataSource]=\"packagingBoxType_ds\">\n </dxo-header-filter> \n <dxi-validation-rule type=\"required\" message=\"Box type is required\" i18n-message=\"@@ValidationText-BoxType-Required\"></dxi-validation-rule> \n </dxi-column> \n <dxi-column dataField=\"Length_InCm\" i18n-caption=\"@@GridColumn-Length_CM\" caption=\"Length (cm)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\" [fixed]=\"true\" fixedPosition=\"left\">\n <dxi-validation-rule type=\"required\" message=\"Length is required\" i18n-message=\"@@ValidationText-Length-Required\"></dxi-validation-rule>\n </dxi-column>\n <dxi-column dataField=\"Width_InCm\" i18n-caption=\"@@GridColumn-Width_CM\" caption=\"Width (cm)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\" [fixed]=\"true\" fixedPosition=\"left\">\n <dxi-validation-rule type=\"required\" message=\"Width is required\" i18n-message=\"@@ValidationText-Width-Required\"></dxi-validation-rule>\n </dxi-column>\n <dxi-column dataField=\"Height_InCm\" i18n-caption=\"@@GridColumn-Height_CM\" caption=\"Height (cm)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\" [fixed]=\"true\" fixedPosition=\"left\"></dxi-column>\n <dxi-column dataField=\"Weight_InKg\" i18n-caption=\"@@GridColumn-Weight_KG\" caption=\"Weight (kg)\" dataType=\"number\" format=\"#\" [editorOptions]=\"{ format: '#' }\" [fixed]=\"true\" fixedPosition=\"left\">\n <dxi-validation-rule type=\"required\" message=\"Weight is required\" i18n-message=\"@@ValidationText-Weight-Required\"></dxi-validation-rule>\n </dxi-column>\n <dxo-toolbar>\n <dxi-item location=\"before\">\n <!-- <dx-drop-down-button text=\"Add box\" icon=\"box\" [items]=\"[{text:'A', id:'a'},{text:'B', id:'b'},{text:'C', id:'c'}]\" (onItemClick)=\"onAddBoxButtonClick($event)\"></dx-drop-down-button> -->\n <dx-drop-down-button text=\"Add box\" i18n-text=\"@@Button-AddBox\" icon=\"box\" [items]=\"packagingBoxes\" displayExpr=\"Name\" (onItemClick)=\"onAddBoxButtonClick($event)\"></dx-drop-down-button> \n </dxi-item> \n <dxi-item name=\"addRowButton\" cssClass=\"action-button\"></dxi-item>\n <dxi-item name=\"revertButton\" cssClass=\"action-button\"></dxi-item>\n <!-- <dxi-item name=\"delete\" cssClass=\"action-button\"></dxi-item> -->\n <!-- <dxi-item location=\"after\">\n <dx-button icon=\"trash\" text=\"Delete Selected Records\"></dx-button>\n </dxi-item> -->\n </dxo-toolbar> \n </dx-data-grid> \n </div> \n </div>\n <div fxLayout=\"row\" class=\"dialog-button-row\">\n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n <button mat-flat-button color=\"primary\" (click)=\"onClick_Packages()\" class=\"button2\" i18n=\"@@Button-Next\">Next</button> \n </div> \n </mat-step> \n <mat-step label=\"Carrier\" i18n-label=\"@@CaptionHeader-Carrier\" [optional]=\"false\" [editable]=\"!createCompleted\">\n <div fxLayout=\"column\" class=\"dialog-form-content\"> \n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <div fxLayout=\"row\" class=\"shipment-products-container\">\n <fieldset [ngClass]=\"{'shipment-fieldset-default shipment-fieldset-shipment-products':!servicePointRequired, 'shipment-fieldset-default shipment-fieldset-shipment-products-withservice':servicePointRequired}\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-CarrierProducts\">Carrier products</legend>\n <dx-validation-summary validationGroup=\"ProductCode\"></dx-validation-summary>\n <dx-list #shipmentProducList keyExpr=\"product_code\" [dataSource]=\"shipmentProducts\" selectionMode=\"single\" showScrollbar=\"always\" [showSelectionControls]=\"true\" [(selectedItemKeys)]=\"selectedShipmentProducts\" (onSelectionChanged)=\"onShipmentProductSelectionChanged($event)\">\n <div *dxTemplate=\"let item of 'item'\">\n <div class=\"shipment-product-item\"> \n <div class=\"shipment-product-item-name\">{{ item.name }}</div>\n <div class=\"shipment-product-item-info\">\n <div class=\"shipment-product-item-price\">\n <!-- <span class=\"item-caption\">Price</span><span class=\"item-caption-colon\">:</span><div class=\"item-value\">{{item.price_amount | currency:item.price_currency:\"symbol\"}}</div> -->\n <span class=\"item-caption\">Price</span><span class=\"item-caption-colon\">:</span><div class=\"item-value\">{{item.price_currency}} {{item.price_amount}}</div>\n </div>\n <div class=\"shipment-product-item-transit\">\n <span class=\"item-caption\">Transit time</span><span class=\"item-caption-colon\">:</span><span class=\"item-value\">{{ item.transit_time }}</span> \n </div>\n </div>\n </div>\n </div>\n <dx-validator [adapter]=\"validationConfig_ProductCode\" validationGroup=\"ProductCode\">\n <dxi-validation-rule type=\"required\" message=\"Carrier product is required\" i18n-message=\"@@ValidationText-CarrierProduct-Required\"></dxi-validation-rule>\n </dx-validator>\n </dx-list> \n </fieldset>\n <fieldset class=\"shipment-fieldset-default shipment-fieldset-shipment-servicepoint\" *ngIf=\"selectedShippingProduct?.service_point_required\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-ParcelShop\">Parcel shop</legend>\n <dx-validation-summary validationGroup=\"ServicePoint\"></dx-validation-summary>\n <dx-select-box id=\"servicePointsSelectbox\" [dataSource]=\"servicePoints\" displayExpr=\"name\" [(value)]=\"selectedServicePoint\" (onSelectionChanged)=\"onServicePointSelectionChanged($event)\">\n <div *dxTemplate=\"let data of 'item'\">\n <div class=\"servicepoint-item\">\n <div class=\"servicepoint-name\">\n {{ data.name }} <span>{{data.id ? ('(' + data.id + ') ') : ':'}} {{(data.distance | meterToKilometer) | number : '1.0-1'}}</span><span> km</span>\n </div>\n </div>\n </div>\n <dx-validator [adapter]=\"validationConfig_ServicePoint\" validationGroup=\"ServicePoint\">\n <dxi-validation-rule type=\"required\" message=\"Parcel shop is required for this carrier product\" i18n-message=\"@@ValidationText-ParcelShop-Required\"></dxi-validation-rule>\n </dx-validator> \n </dx-select-box> \n <div class=\"dx-fieldset selected-service-point\">\n <div class=\"field\">\n <div class=\"field-label\" i18n=\"@@FieldCaption-Name\">Name:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.name}} {{selectedServicePoint?.id ? ('(' + selectedServicePoint?.id + ')') : ''}}\n </div>\n </div>\n <div class=\"field\">\n <div class=\"field-label\" i18n=\"@@FieldCaption-Address\">Address:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.address_line}}\n </div>\n </div> \n <div class=\"field\">\n <div class=\"field-label\" i18n=\"@@FieldCaption-ZipCode\">Zip code:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.zip_code}}\n </div>\n </div> \n <div class=\"field\">\n <div class=\"field-label\" i18n=\"@@FieldCaption-City\">City:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.city}}\n </div>\n </div> \n <div class=\"field\">\n <div class=\"field-label\" i18n=\"@@FieldCaption-Country\">Country:</div>\n <div class=\"field-value\">\n {{selectedServicePoint?.country_code | countryCodeToName}}\n </div>\n </div> \n <div class=\"field\">\n <div class=\"field-label\" i18n=\"@@FieldCaption-Distance\">Distance:</div>\n <div class=\"field-value\">\n <span *ngIf=\"selectedServicePoint?.distance\">{{(selectedServicePoint?.distance | meterToKilometer) | number : '1.0-1'}}</span><span *ngIf=\"selectedServicePoint?.distance\"> km</span>\n </div>\n </div> \n </div> \n </fieldset>\n </div> \n <fieldset class=\"shipment-fieldset-default shipment-fieldset-shipment-info\">\n <legend class=\"shipment-legend-default\" i18n=\"@@FieldCaption-ShippingInfo\">Shipping information</legend>\n <dx-form #form_ShippingInfo id=\"form_ShippingInfo\" [colCount]=\"2\" [formData]=\"formInstanceShipment\" validationGroup=\"formShippingInfo\" [showColonAfterLabel]=\"false\" labelMode=\"static\" labelLocation=\"top\" [showValidationSummary]=\"false\" [showRequiredMark] = \"false\">\n \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"ShippingDate\" [colSpan]=\"2\" editorType=\"dxDateBox\"> \n <dxo-label text=\"Shipping date\" i18n-text=\"@@FieldCaption-ShippingDate\"></dxo-label>\n <dxi-validation-rule type=\"required\" message=\"Shipping date is required\" i18n-text=\"@@ValidationText-ShippingDate-Required\"></dxi-validation-rule> \n </dxi-item> \n </dxi-item> \n <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\" [colSpan]=\"2\">\n <dxi-item dataField=\"Reference\">\n <dxo-label text=\"Reference\" i18n-text=\"@@FieldCaption-Reference\"></dxo-label> \n </dxi-item> \n <dxi-item dataField=\"Remarks\">\n <dxo-label text=\"Remarks\" i18n-text=\"@@FieldCaption-Remarks\"></dxo-label> \n </dxi-item> \n </dxi-item>\n </dx-form> \n </fieldset>\n <div class=\"printer-info\">\n <div class=\"print-labels\">\n <dx-check-box [(value)]=\"printLabels\" text=\"Print labels\" i18n-text=\"@@FieldCaption-PrintLabels\" [rtlEnabled]=\"true\"></dx-check-box>\n </div> \n <div class=\"printer\">\n <dx-select-box id=\"printerSelectbox\" [dataSource]=\"printer_store\" label=\"Printer\" i18n-label=\"@@FieldCaption-Printer\" labelMode=\"static\" displayExpr=\"PrinterName\" valueExpr=\"Id\" [(value)]=\"selectedPrinterId\" [disabled]=\"!printLabels\">\n <div *dxTemplate=\"let data of 'item'\">\n <div class=\"printer-item\">\n <div class=\"printer-name\">\n {{data?.PrinterName}} {{ data?.GatewayInstallationName ? ('(' + data.GatewayInstallationName + ')') : ('') }}\n </div>\n </div>\n </div> \n </dx-select-box> \n </div>\n </div>\n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\">\n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" i18n=\"@@Button-Back\">Back</button>\n <button mat-flat-button color=\"primary\" (click)=\"onCreateShipmentClick()\" class=\"button2\" i18n=\"@@Button-CreateShipment\">Create shipment</button> \n </div> \n </div> \n </mat-step>\n <mat-step state=\"\">\n <div fxLayout=\"column\" class=\"dialog-form-content\">\n <div fxLayout=\"column\" class=\"dialog-tab-input-container\">\n <div class=\"dialog-loading-shade\" *ngIf=\"isLoadingData\">\n <mat-spinner diameter=\"50\" *ngIf=\"isLoadingData\"></mat-spinner> \n </div>\n <div class=\"dialog-loading-spinner-text\" *ngIf=\"isLoadingData\">{{loadingText}}</div>\n <div class=\"dialog-complete-text\" *ngIf=\"!isLoadingData && createCompleted && !createError\">{{createCompletedText}}</div>\n <div class=\"dialog-error-caption\" *ngIf=\"!isLoadingData && createError\" i18n=\"@@ShipmentCreateFailed-Text\">Shipment create failed</div>\n <div class=\"dialog-error-text\" *ngIf=\"!isLoadingData && createError\">{{createErrorText}}</div>\n </div> \n </div>\n <div fxLayout=\"row\" fxFlex=\"100\" fxLayoutAlign=\"stretch\" fxLayoutAlign=\"end end\">\n <div fxLayout=\"row\" class=\"dialog-button-row\" fxFlex=\"100\" fxLayoutAlign=\"end center\"> \n <button mat-flat-button matStepperPrevious color=\"accent\" class=\"button1\" [disabled]=\"isLoadingData || createCompleted\" i18n=\"@@Button-Back\">Back</button>\n <button mat-flat-button matStepperNext color=\"warn\" class=\"button2\" *ngIf=\"!isLoadingData && createError\" [disabled]=\"isLoadingData\" (click)=\"onCreateShipmentClick()\" i18n=\"@@Button-Retry\">Retry</button>\n <button mat-flat-button matStepperNext color=\"primary\" class=\"button2\" [disabled]=\"isLoadingData\" (click)=\"onClose()\" i18n=\"@@Button-Close\">Close</button> \n </div> \n </div> \n </mat-step> \n </mat-horizontal-stepper> \n </div> \n </div>\n\n <dx-load-panel\n #loadPanelMainContent\n container=\"#shipment_dialog_container\"\n [position]=\"{ of: '#shipment_dialog_container' }\"\n [(visible)]=\"showLoadIndicator\"\n [showIndicator]=\"true\"\n [showPane]=\"true\"\n [shading]=\"true\" \n [closeOnOutsideClick]=\"false\"></dx-load-panel>",
4171
+ styles: [".dialog-form-content{min-height:502px!important}.dialog-form-content-address{margin-top:0!important}.shipment-fieldset-default{border:1px solid var(--default-datagrid-border-color);border-radius:7px;height:calc(100% - 280px);background-color:var(--default-groupbox-content-background);padding-top:20px}.shipment-legend-default{padding:.2em .5em;color:var(--default-textcolor-dark);font-weight:600;font-size:90%}.invalid-message-Lines{color:var(--default-textcolor-error);font-size:.85em}.shipment-fieldset-address{margin-bottom:20px}.sender-selectbox{margin-bottom:10px}.shipment-fieldset-shipment-products{border:1px solid var(--default-datagrid-border-color);border-radius:7px;width:100%;height:200px}.shipment-fieldset-shipment-products-withservice,.shipment-fieldset-shipment-servicepoint{width:50%;height:200px}.shipment-products-container .dx-list-item-content{font-size:12px;padding-top:0!important;padding-bottom:10px!important}.shipment-product-item-info{display:flex;font-style:italic}.shipment-product-item-price{display:flex}.shipment-product-item-price .item-value{margin-left:5px}.shipment-product-item-transit .item-caption{margin-left:20px}.shipment-product-item-transit .item-value{margin-left:5px}.shipment-fieldset-shipment-info{margin-top:20px;width:auto}.selected-service-point .field{display:flex;font-weight:400;font-size:12px;margin-bottom:6px}.selected-service-point .field-label{color:var(--default-textcolor-field-label);width:56px}.selected-service-point .field-value{margin-left:10px}.printer-info{display:flex;margin-top:20px;width:100%}.printer-info .print-labels{margin-right:20px;width:180px;padding-left:20px;padding-top:3px}.printer-info .printer{width:100%}"]
4111
4172
  },] }
4112
4173
  ];
4113
4174
  PickinglistAddNewShipment.ctorParameters = function () { return [
@@ -4176,7 +4237,7 @@
4176
4237
  }
4177
4238
  return CreateShipmentResponse;
4178
4239
  }());
4179
- var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$a, templateObject_5$a, templateObject_6$a, templateObject_7$a, templateObject_8$a, templateObject_9$8, templateObject_10$8, templateObject_11$7, templateObject_12$7, templateObject_13$5, templateObject_14$5, templateObject_15$2, templateObject_16$2, templateObject_17$2;
4240
+ var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$a, templateObject_5$a, templateObject_6$a, templateObject_7$a, templateObject_8$a, templateObject_9$8, templateObject_10$8, templateObject_11$7, templateObject_12$7, templateObject_13$5, templateObject_14$5, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$1;
4180
4241
 
4181
4242
  var PrintDialogShipment = /** @class */ (function () {
4182
4243
  function PrintDialogShipment(dialogRef, data, cloudDataService, matDialog) {