@colijnit/corecomponents_v12 259.1.20 → 259.1.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-corecomponents_v12.umd.js +78 -39
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/hour-scheduling-expandable/components/hour-scheduling-expandable-template/hour-scheduling-expandable-template.component.js +36 -33
- package/esm2015/lib/components/hour-scheduling-expandable/components/hour-scheduling-expandable-template/hour-scheduling-expandable-template.module.js +20 -0
- package/esm2015/lib/components/hour-scheduling-expandable/hour-scheduling-expandable.component.js +10 -5
- package/esm2015/lib/components/hour-scheduling-expandable/hour-scheduling-expandable.module.js +3 -4
- package/esm2015/lib/components/list-of-icons/list-of-icons.component.js +29 -32
- package/esm2015/lib/components/list-of-values/list-of-values-popup.component.js +61 -32
- package/esm2015/lib/components/list-of-values/list-of-values.component.js +4 -1
- package/esm2015/lib/components/list-of-values/list-of-values.module.js +4 -2
- package/esm2015/lib/components/simple-grid/simple-grid.component.js +28 -28
- package/esm2015/lib/model/icon-list-item.js +1 -1
- package/esm2015/public-api.js +2 -1
- package/fesm2015/colijnit-corecomponents_v12.js +182 -140
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/hour-scheduling-expandable/components/hour-scheduling-expandable-template/hour-scheduling-expandable-template.component.d.ts +1 -1
- package/lib/components/hour-scheduling-expandable/components/hour-scheduling-expandable-template/hour-scheduling-expandable-template.module.d.ts +2 -0
- package/lib/components/hour-scheduling-expandable/style/_layout.scss +1 -0
- package/lib/components/list-of-icons/list-of-icons.component.d.ts +1 -3
- package/lib/components/list-of-icons/style/_layout.scss +3 -2
- package/lib/components/list-of-values/list-of-values-popup.component.d.ts +4 -0
- package/lib/components/list-of-values/list-of-values.component.d.ts +1 -0
- package/lib/components/list-of-values/style/_layout.scss +7 -0
- package/lib/components/simple-grid/style/_layout.scss +47 -8
- package/lib/model/icon-list-item.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/esm2015/lib/core/enum/batch-delivery-category.enum.js +0 -13
- package/lib/core/enum/batch-delivery-category.enum.d.ts +0 -10
|
@@ -10190,6 +10190,11 @@ SimpleGridComponent.decorators = [
|
|
|
10190
10190
|
[class.simple-grid-column-auto-fit]="column.autoFit"
|
|
10191
10191
|
[style.width.px]="column.width"
|
|
10192
10192
|
[style.min-width.px]="MIN_COLUMN_WIDTH">
|
|
10193
|
+
<col
|
|
10194
|
+
*ngIf="((inlineEdit && showRowButtons) || (showDelete && !showRowButtons)) && (hoveredRowIndex >= 0 || selectedRowIndex >= 0 || isNewRow)"
|
|
10195
|
+
[class.icons-col]="true"
|
|
10196
|
+
[class.col-width-row-buttons]="inlineEdit && showRowButtons"
|
|
10197
|
+
[class.col-width-delete]="!showRowButtons && showDelete">
|
|
10193
10198
|
</colgroup>
|
|
10194
10199
|
<thead>
|
|
10195
10200
|
<tr>
|
|
@@ -10301,33 +10306,28 @@ SimpleGridComponent.decorators = [
|
|
|
10301
10306
|
<div *ngIf="column.resizable" class="simple-grid-column-sizer-placeholder"></div>
|
|
10302
10307
|
</td>
|
|
10303
10308
|
</ng-container>
|
|
10304
|
-
<ng-container *ngIf="inlineEdit && showRowButtons">
|
|
10305
|
-
<
|
|
10306
|
-
|
|
10307
|
-
|
|
10308
|
-
|
|
10309
|
-
|
|
10310
|
-
|
|
10311
|
-
|
|
10312
|
-
|
|
10313
|
-
|
|
10314
|
-
|
|
10315
|
-
|
|
10316
|
-
|
|
10317
|
-
|
|
10318
|
-
|
|
10319
|
-
|
|
10320
|
-
|
|
10321
|
-
|
|
10322
|
-
|
|
10323
|
-
|
|
10324
|
-
|
|
10325
|
-
|
|
10326
|
-
<co-icon class="icon-item icon-delete"
|
|
10327
|
-
[iconData]="icons.getIcon(Icons.TrashBin)" *ngIf="hoveredRowIndex === rowIndex"
|
|
10328
|
-
(click)="selectTheRow(rowIndex); removeRow();">
|
|
10329
|
-
</co-icon>
|
|
10330
|
-
</div>
|
|
10309
|
+
<ng-container *ngIf="(inlineEdit && showRowButtons) || (showDelete && !showRowButtons)">
|
|
10310
|
+
<td class="icons-container"
|
|
10311
|
+
*ngIf="(editRowIndex <= -1 && selectedRowIndex === -1 && hoveredRowIndex === rowIndex) || selectedRowIndex === rowIndex || (isNewRow && rowIndex === editRowIndex)">
|
|
10312
|
+
<ng-container>
|
|
10313
|
+
<co-icon class="icon-item icon-edit"
|
|
10314
|
+
*ngIf="!editing && (inlineEdit && showRowButtons)"
|
|
10315
|
+
[iconData]="icons.getIcon(Icons.PenToSquareSolid)"
|
|
10316
|
+
(click)="editRow($event, true, rowIndex); $event.stopPropagation()"></co-icon>
|
|
10317
|
+
<co-icon class="icon-item icon-delete"
|
|
10318
|
+
[iconData]="icons.getIcon(Icons.TrashBin)"
|
|
10319
|
+
*ngIf="(!editing && (inlineEdit || !inlineEdit) && showRowButtons) || (!showRowButtons && showDelete)"
|
|
10320
|
+
(click)="selectTheRow(rowIndex); removeRow();"></co-icon>
|
|
10321
|
+
</ng-container>
|
|
10322
|
+
<ng-container *ngIf="editing && inlineEdit && showRowButtons && (selectedRowIndex === rowIndex || isNewRow)">
|
|
10323
|
+
<co-button class="save-button"
|
|
10324
|
+
[iconData]="icons.getIcon(Icons.CheckDuotone)"
|
|
10325
|
+
(click)="validateAndSave(); $event.stopPropagation()"></co-button>
|
|
10326
|
+
<co-button class="close-button"
|
|
10327
|
+
[iconData]="icons.getIcon(Icons.CrossSkinny)"
|
|
10328
|
+
(click)="cancelEditRow(); $event.stopPropagation() "></co-button>
|
|
10329
|
+
</ng-container>
|
|
10330
|
+
</td>
|
|
10331
10331
|
</ng-container>
|
|
10332
10332
|
</ng-container>
|
|
10333
10333
|
</tr>
|
|
@@ -11226,6 +11226,7 @@ class ListOfValuesPopupComponent {
|
|
|
11226
11226
|
this.iconCacheService = iconCacheService;
|
|
11227
11227
|
this._elementRef = _elementRef;
|
|
11228
11228
|
this.multiselect = false;
|
|
11229
|
+
this.showToggleAll = false;
|
|
11229
11230
|
this.displayField = 'description';
|
|
11230
11231
|
this.searchDisabled = false;
|
|
11231
11232
|
this.modelChange = new EventEmitter();
|
|
@@ -11233,6 +11234,7 @@ class ListOfValuesPopupComponent {
|
|
|
11233
11234
|
this.keyDown = new EventEmitter();
|
|
11234
11235
|
this.viewModels = [];
|
|
11235
11236
|
this.viewModelsMain = [];
|
|
11237
|
+
this.allSelected = false;
|
|
11236
11238
|
this._collection = [];
|
|
11237
11239
|
this._searchTerm = '';
|
|
11238
11240
|
this._lovItems = [];
|
|
@@ -11292,12 +11294,13 @@ class ListOfValuesPopupComponent {
|
|
|
11292
11294
|
case KeyboardKey.Up:
|
|
11293
11295
|
this.selectNextOption(true);
|
|
11294
11296
|
return false;
|
|
11295
|
-
case KeyboardKey.
|
|
11297
|
+
case KeyboardKey.Enter:
|
|
11296
11298
|
if (this.highLightModel) {
|
|
11297
11299
|
this.selectViewModel(this.highLightModel, false);
|
|
11298
11300
|
}
|
|
11299
11301
|
else {
|
|
11300
11302
|
this.keyDown.next(event);
|
|
11303
|
+
return true;
|
|
11301
11304
|
}
|
|
11302
11305
|
return false;
|
|
11303
11306
|
default:
|
|
@@ -11377,6 +11380,27 @@ class ListOfValuesPopupComponent {
|
|
|
11377
11380
|
this._scrollIntoView();
|
|
11378
11381
|
}
|
|
11379
11382
|
}
|
|
11383
|
+
selectAll() {
|
|
11384
|
+
if (this.viewModels.length > 0) {
|
|
11385
|
+
this.viewModels.forEach(vm => vm.checked = true);
|
|
11386
|
+
this.selectOptions();
|
|
11387
|
+
}
|
|
11388
|
+
}
|
|
11389
|
+
toggleAll() {
|
|
11390
|
+
if (!this.allSelected) {
|
|
11391
|
+
if (this.viewModels.length > 0) {
|
|
11392
|
+
this.viewModels.forEach(vm => vm.checked = true);
|
|
11393
|
+
this.selectOptions();
|
|
11394
|
+
}
|
|
11395
|
+
}
|
|
11396
|
+
else {
|
|
11397
|
+
if (this.viewModels.length > 0) {
|
|
11398
|
+
this.viewModels.forEach(vm => vm.checked = false);
|
|
11399
|
+
this.selectOptions();
|
|
11400
|
+
}
|
|
11401
|
+
}
|
|
11402
|
+
this.allSelected = !this.allSelected;
|
|
11403
|
+
}
|
|
11380
11404
|
_prepareViewModelsMain() {
|
|
11381
11405
|
this.viewModelsMain.length = 0;
|
|
11382
11406
|
this.collection.forEach(m => {
|
|
@@ -11417,36 +11441,40 @@ ListOfValuesPopupComponent.decorators = [
|
|
|
11417
11441
|
{ type: Component, args: [{
|
|
11418
11442
|
selector: 'co-list-of-values-popup',
|
|
11419
11443
|
template: `
|
|
11420
|
-
|
|
11421
|
-
|
|
11422
|
-
|
|
11423
|
-
|
|
11424
|
-
|
|
11425
|
-
|
|
11426
|
-
|
|
11427
|
-
|
|
11428
|
-
|
|
11429
|
-
|
|
11430
|
-
|
|
11431
|
-
|
|
11432
|
-
|
|
11433
|
-
|
|
11434
|
-
|
|
11435
|
-
|
|
11436
|
-
|
|
11437
|
-
|
|
11438
|
-
|
|
11439
|
-
|
|
11440
|
-
|
|
11441
|
-
|
|
11442
|
-
|
|
11443
|
-
|
|
11444
|
-
|
|
11445
|
-
|
|
11446
|
-
|
|
11447
|
-
|
|
11448
|
-
|
|
11449
|
-
|
|
11444
|
+
<div class="lov-options" [overlay]="parentForOverlay" [inheritWidth]="true" [ngClass]="customCssClass"
|
|
11445
|
+
id="lov-popup"
|
|
11446
|
+
role="listbox" [tabindex]="-1"
|
|
11447
|
+
(clickOutside)="closePopup.emit($event)">
|
|
11448
|
+
<co-input-search *ngIf="multiselect"
|
|
11449
|
+
tabindex="-1"
|
|
11450
|
+
[(model)]="searchTerm"
|
|
11451
|
+
[placeholder]="searchPlaceholder"
|
|
11452
|
+
(keydown)="handleInputKeyDown($event)"
|
|
11453
|
+
(modelChange)="filterViewModels()"></co-input-search>
|
|
11454
|
+
<div class="row gap" *ngIf="showToggleAll && multiselect">
|
|
11455
|
+
<co-input-checkbox [model]="allSelected" (modelChange)="toggleAll()"></co-input-checkbox>
|
|
11456
|
+
<span [textContent]="'DESELECT_ALL' | coreLocalize" (click)="toggleAll()"></span>
|
|
11457
|
+
</div>
|
|
11458
|
+
<ul class="dropdown-list" #dropDownList>
|
|
11459
|
+
<li
|
|
11460
|
+
#lovItem
|
|
11461
|
+
*ngFor="let viewModel of viewModels; let index = index"
|
|
11462
|
+
[class.selected]="viewModel === highLightModel || viewModels.length === 1"
|
|
11463
|
+
(click)="selectViewModel(viewModel, !multiselect)"
|
|
11464
|
+
role="option">
|
|
11465
|
+
<ng-container *ngIf="!multiselect">
|
|
11466
|
+
<co-icon *ngIf="viewModel.model[optionIcon]" class="input-text-left-icon" [iconData]="iconCacheService.getIcon(viewModel.model[optionIcon])">
|
|
11467
|
+
</co-icon>
|
|
11468
|
+
<span class="lov-options-text" [textContent]="viewModel.model[displayField]"></span>
|
|
11469
|
+
</ng-container>
|
|
11470
|
+
<ng-container *ngIf="multiselect">
|
|
11471
|
+
<co-input-checkbox [model]="viewModel.checked"
|
|
11472
|
+
(modelChange)="selectViewModel(viewModel, false)"></co-input-checkbox>
|
|
11473
|
+
<span class="lov-options-text" [textContent]="viewModel.model[displayField]"></span>
|
|
11474
|
+
</ng-container>
|
|
11475
|
+
</li>
|
|
11476
|
+
</ul>
|
|
11477
|
+
</div>
|
|
11450
11478
|
`,
|
|
11451
11479
|
encapsulation: ViewEncapsulation.None
|
|
11452
11480
|
},] }
|
|
@@ -11461,6 +11489,7 @@ ListOfValuesPopupComponent.propDecorators = {
|
|
|
11461
11489
|
inputSearch: [{ type: ViewChild, args: [InputSearchComponent,] }],
|
|
11462
11490
|
model: [{ type: Input }],
|
|
11463
11491
|
multiselect: [{ type: Input }],
|
|
11492
|
+
showToggleAll: [{ type: Input }],
|
|
11464
11493
|
displayField: [{ type: Input }],
|
|
11465
11494
|
searchPlaceholder: [{ type: Input }],
|
|
11466
11495
|
customCssClass: [{ type: Input }],
|
|
@@ -11487,6 +11516,7 @@ class ListOfValuesComponent extends BaseInputComponent {
|
|
|
11487
11516
|
this.elementRef = elementRef;
|
|
11488
11517
|
this.icons = CoreComponentsIcon;
|
|
11489
11518
|
this.multiselect = false;
|
|
11519
|
+
this.showToggleAll = false;
|
|
11490
11520
|
this.largeCollection = false;
|
|
11491
11521
|
this.displayField = 'description';
|
|
11492
11522
|
this.searchDisabled = false;
|
|
@@ -11620,6 +11650,7 @@ class ListOfValuesComponent extends BaseInputComponent {
|
|
|
11620
11650
|
searchPlaceholder: this.searchPlaceholder,
|
|
11621
11651
|
displayField: this.displayField,
|
|
11622
11652
|
multiselect: this.multiselect,
|
|
11653
|
+
showToggleAll: this.showToggleAll,
|
|
11623
11654
|
model: this.model,
|
|
11624
11655
|
collection: this.collection,
|
|
11625
11656
|
optionIcon: this.optionIcon,
|
|
@@ -11777,6 +11808,7 @@ ListOfValuesComponent.propDecorators = {
|
|
|
11777
11808
|
model: [{ type: Input }],
|
|
11778
11809
|
parentForOverlay: [{ type: ViewChild, args: ['parentForOverlay', { read: ElementRef },] }],
|
|
11779
11810
|
multiselect: [{ type: HostBinding, args: ['class.custom-height',] }, { type: HostBinding, args: ['class.multi-select',] }, { type: Input }],
|
|
11811
|
+
showToggleAll: [{ type: Input }],
|
|
11780
11812
|
largeCollection: [{ type: Input }],
|
|
11781
11813
|
displayField: [{ type: Input }],
|
|
11782
11814
|
optionIcon: [{ type: Input }],
|
|
@@ -11913,7 +11945,8 @@ ListOfValuesModule.decorators = [
|
|
|
11913
11945
|
OverlayModule,
|
|
11914
11946
|
ClickoutsideModule,
|
|
11915
11947
|
IconModule,
|
|
11916
|
-
InputSearchModule
|
|
11948
|
+
InputSearchModule,
|
|
11949
|
+
CoreComponentsTranslationModule
|
|
11917
11950
|
],
|
|
11918
11951
|
declarations: [
|
|
11919
11952
|
ListOfValuesComponent,
|
|
@@ -11926,22 +11959,8 @@ ListOfValuesModule.decorators = [
|
|
|
11926
11959
|
},] }
|
|
11927
11960
|
];
|
|
11928
11961
|
|
|
11929
|
-
// Values are corresponding dictionary keys in text_nl.
|
|
11930
|
-
var BatchDeliveryCategory;
|
|
11931
|
-
(function (BatchDeliveryCategory) {
|
|
11932
|
-
BatchDeliveryCategory["Overview"] = "OVERVIEW";
|
|
11933
|
-
BatchDeliveryCategory["Purchase"] = "COST_OF_SALES";
|
|
11934
|
-
BatchDeliveryCategory["Allocate"] = "ALLOCATION";
|
|
11935
|
-
BatchDeliveryCategory["Logistics"] = "LOGISTICS";
|
|
11936
|
-
BatchDeliveryCategory["DeliveryOrder"] = "DELIVERY_ORDER";
|
|
11937
|
-
BatchDeliveryCategory["Invoice"] = "INVOICE";
|
|
11938
|
-
BatchDeliveryCategory["ToPick"] = "TO_PICK";
|
|
11939
|
-
BatchDeliveryCategory["Picked"] = "PICKED";
|
|
11940
|
-
})(BatchDeliveryCategory || (BatchDeliveryCategory = {}));
|
|
11941
|
-
|
|
11942
11962
|
class ListOfIconsComponent {
|
|
11943
|
-
constructor(
|
|
11944
|
-
this.iconCacheService = iconCacheService;
|
|
11963
|
+
constructor(icons) {
|
|
11945
11964
|
this.icons = icons;
|
|
11946
11965
|
this.iconSize = 25;
|
|
11947
11966
|
this.itemSelected = new EventEmitter();
|
|
@@ -11949,10 +11968,6 @@ class ListOfIconsComponent {
|
|
|
11949
11968
|
this.showMenu = false;
|
|
11950
11969
|
this.showSubCategories = false;
|
|
11951
11970
|
this._collection = [];
|
|
11952
|
-
this.subCategories = [
|
|
11953
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.BoxesPackingRegular), label: BatchDeliveryCategory.ToPick },
|
|
11954
|
-
{ icon: this.iconCacheService.getIcon(this.Icon.RegularBoxesPackingCircleCheck), label: BatchDeliveryCategory.Picked }
|
|
11955
|
-
];
|
|
11956
11971
|
}
|
|
11957
11972
|
set collection(value) {
|
|
11958
11973
|
this._collection = value || [];
|
|
@@ -11973,7 +11988,7 @@ class ListOfIconsComponent {
|
|
|
11973
11988
|
this.showMenu = !this.showMenu;
|
|
11974
11989
|
}
|
|
11975
11990
|
selectItem(item) {
|
|
11976
|
-
if (item.
|
|
11991
|
+
if (item.children) {
|
|
11977
11992
|
this.showSubCategories = !this.showSubCategories;
|
|
11978
11993
|
return;
|
|
11979
11994
|
}
|
|
@@ -11982,8 +11997,9 @@ class ListOfIconsComponent {
|
|
|
11982
11997
|
this.itemSelected.emit(this.activeItem);
|
|
11983
11998
|
}
|
|
11984
11999
|
handlePickingCategoryClicked(subCategory) {
|
|
11985
|
-
this.
|
|
12000
|
+
this.activeItem = subCategory;
|
|
11986
12001
|
this.showMenu = false;
|
|
12002
|
+
this.itemSelected.emit(subCategory);
|
|
11987
12003
|
this.showSubCategories = false;
|
|
11988
12004
|
}
|
|
11989
12005
|
onClickOutside() {
|
|
@@ -11995,35 +12011,37 @@ ListOfIconsComponent.decorators = [
|
|
|
11995
12011
|
{ type: Component, args: [{
|
|
11996
12012
|
selector: 'co-list-of-icons',
|
|
11997
12013
|
template: `
|
|
11998
|
-
|
|
11999
|
-
|
|
12000
|
-
|
|
12001
|
-
|
|
12002
|
-
</div>
|
|
12003
|
-
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
12004
|
-
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
|
|
12005
|
-
[class.active]="item === activeItem">
|
|
12006
|
-
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
12007
|
-
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
12014
|
+
<div class="icon-item active" [class.menu-opened]="showMenu" (click)="toggleMenu()">
|
|
12015
|
+
<co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
12016
|
+
<co-icon *ngIf="!showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretDownSolid)"></co-icon>
|
|
12017
|
+
<co-icon *ngIf="showMenu" class="drop-arrow" [iconData]="icons.getIcon(Icon.CaretUpSolid)"></co-icon>
|
|
12008
12018
|
</div>
|
|
12009
|
-
<div class="
|
|
12010
|
-
|
|
12011
|
-
|
|
12012
|
-
|
|
12013
|
-
|
|
12014
|
-
|
|
12015
|
-
|
|
12016
|
-
|
|
12017
|
-
|
|
12018
|
-
|
|
12019
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="onClickOutside()">
|
|
12020
|
+
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)"
|
|
12021
|
+
[class.active]="item === activeItem">
|
|
12022
|
+
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
12023
|
+
<div class="label" [textContent]="item.label | coreLocalize"></div>
|
|
12024
|
+
<div class="picking-type-wrapper" *ngIf="showSubCategories && item.children?.length > 0">
|
|
12025
|
+
<div
|
|
12026
|
+
class="button-wrapper"
|
|
12027
|
+
*ngFor="let subCategory of item.children"
|
|
12028
|
+
(click)="handlePickingCategoryClicked(subCategory)">
|
|
12029
|
+
<co-icon
|
|
12030
|
+
class="co-transaction-button-bar-icon"
|
|
12031
|
+
[iconData]="subCategory.icon"
|
|
12032
|
+
[style.width.px]="iconSize"
|
|
12033
|
+
[style.height.px]="iconSize">
|
|
12034
|
+
</co-icon>
|
|
12035
|
+
<span class="button-title" [textContent]="subCategory.label | coreLocalize"></span>
|
|
12036
|
+
</div>
|
|
12037
|
+
</div>
|
|
12038
|
+
</div>
|
|
12019
12039
|
</div>
|
|
12020
|
-
</div>
|
|
12021
12040
|
`,
|
|
12022
12041
|
encapsulation: ViewEncapsulation.None
|
|
12023
12042
|
},] }
|
|
12024
12043
|
];
|
|
12025
12044
|
ListOfIconsComponent.ctorParameters = () => [
|
|
12026
|
-
{ type: IconCacheService },
|
|
12027
12045
|
{ type: IconCacheService }
|
|
12028
12046
|
];
|
|
12029
12047
|
ListOfIconsComponent.propDecorators = {
|
|
@@ -14857,6 +14875,11 @@ class HourSchedulingExpandableComponent {
|
|
|
14857
14875
|
this.currentDraggingObject = obj;
|
|
14858
14876
|
}
|
|
14859
14877
|
handleDrop(dragEvent, hour) {
|
|
14878
|
+
dragEvent.preventDefault();
|
|
14879
|
+
dragEvent.stopPropagation();
|
|
14880
|
+
if (!this.schedule[this.objectsProp] || !this.schedule[this.objectsProp].find((object) => { var _a; return object[this.idProp] === this.currentDraggingObject && ((_a = this.currentDraggingObject) === null || _a === void 0 ? void 0 : _a.id); })) {
|
|
14881
|
+
this.currentDraggingObject = undefined;
|
|
14882
|
+
}
|
|
14860
14883
|
if (this.currentDraggingObject) {
|
|
14861
14884
|
//The order was scheduled and needs to be moved
|
|
14862
14885
|
let start = this.currentDraggingObject.start;
|
|
@@ -14874,17 +14897,17 @@ class HourSchedulingExpandableComponent {
|
|
|
14874
14897
|
scheduledObject.top = this.timeDifference(this.schedule[this.childProp][this.startTimeProp], scheduledObject.start);
|
|
14875
14898
|
scheduledObject.height = this.timeDifference(scheduledObject.start, scheduledObject.end);
|
|
14876
14899
|
this.timeChangeEvent.emit(originalObject);
|
|
14877
|
-
this.currentDraggingObject = undefined;
|
|
14878
14900
|
}
|
|
14901
|
+
this.currentDraggingObject = undefined;
|
|
14879
14902
|
}
|
|
14880
14903
|
else {
|
|
14881
14904
|
let parsed = this.tryParseJSONObject(dragEvent.dataTransfer.getData("text"));
|
|
14882
14905
|
if (!parsed) {
|
|
14883
14906
|
this.newObjectPlanEvent.emit({ currentHour: hour, data: parsed.toString() });
|
|
14884
|
-
return;
|
|
14885
14907
|
}
|
|
14886
|
-
|
|
14887
|
-
|
|
14908
|
+
else {
|
|
14909
|
+
this.moveBetweenCalendarsEvent.emit({ hour: hour, data: parsed });
|
|
14910
|
+
}
|
|
14888
14911
|
}
|
|
14889
14912
|
}
|
|
14890
14913
|
allowDrop(event, hour) {
|
|
@@ -15104,8 +15127,10 @@ class HourSchedulingExpandableTemplateComponent {
|
|
|
15104
15127
|
return true;
|
|
15105
15128
|
}
|
|
15106
15129
|
onExpandableDragStart(event, obj, onDragStartCustom) {
|
|
15107
|
-
|
|
15108
|
-
|
|
15130
|
+
event.dataTransfer.setData('text', JSON.stringify({ obj }));
|
|
15131
|
+
if (onDragStartCustom) {
|
|
15132
|
+
onDragStartCustom === null || onDragStartCustom === void 0 ? void 0 : onDragStartCustom.call(obj);
|
|
15133
|
+
}
|
|
15109
15134
|
}
|
|
15110
15135
|
calculateLeftAndWidthOfObjects() {
|
|
15111
15136
|
const layoutData = new Array(this._objects.length);
|
|
@@ -15117,8 +15142,9 @@ class HourSchedulingExpandableTemplateComponent {
|
|
|
15117
15142
|
const overlapGroups = [];
|
|
15118
15143
|
const processed = new Set();
|
|
15119
15144
|
for (let i = 0; i < this._objects.length; i++) {
|
|
15120
|
-
if (processed.has(i))
|
|
15145
|
+
if (processed.has(i)) {
|
|
15121
15146
|
continue;
|
|
15147
|
+
}
|
|
15122
15148
|
const group = [i];
|
|
15123
15149
|
const objA = this._objects[i];
|
|
15124
15150
|
const startA = new Date(objA.start);
|
|
@@ -15151,37 +15177,37 @@ class HourSchedulingExpandableTemplateComponent {
|
|
|
15151
15177
|
}
|
|
15152
15178
|
HourSchedulingExpandableTemplateComponent.decorators = [
|
|
15153
15179
|
{ type: Component, args: [{
|
|
15154
|
-
selector:
|
|
15180
|
+
selector: 'co-hour-scheduling-expandable-template',
|
|
15155
15181
|
template: `
|
|
15156
|
-
|
|
15157
|
-
<div
|
|
15158
|
-
*ngFor="let obj of objects"
|
|
15159
|
-
[class]="'custom-scheduled-object'"
|
|
15160
|
-
[class.selected]="obj.selected"
|
|
15161
|
-
[draggable]="!obj.selected"
|
|
15162
|
-
[style.--height]="obj.height + 'px'"
|
|
15163
|
-
[style.--top]="obj.top + 'px'"
|
|
15164
|
-
[style.--left]="layouts[objects.indexOf(obj)].leftPercent + '%'"
|
|
15165
|
-
[style.--width]="layouts[objects.indexOf(obj)].widthPercent + '%'"
|
|
15166
|
-
(click)="onSelectBlock(obj)"
|
|
15167
|
-
(dragstart)="onExpandableDragStart($event, obj, onDragStartCustom(obj) )">
|
|
15168
15182
|
|
|
15169
|
-
|
|
15170
|
-
|
|
15171
|
-
|
|
15172
|
-
|
|
15173
|
-
|
|
15174
|
-
|
|
15175
|
-
|
|
15183
|
+
<div
|
|
15184
|
+
*ngFor="let obj of objects"
|
|
15185
|
+
[class]="'custom-scheduled-object'"
|
|
15186
|
+
[class.selected]="obj.selected"
|
|
15187
|
+
[draggable]="!obj.selected"
|
|
15188
|
+
[style.--height]="obj.height + 'px'"
|
|
15189
|
+
[style.--top]="obj.top + 'px'"
|
|
15190
|
+
[style.--left]="layouts[objects.indexOf(obj)].leftPercent + '%'"
|
|
15191
|
+
[style.--width]="layouts[objects.indexOf(obj)].widthPercent + '%'"
|
|
15192
|
+
(click)="onSelectBlock(obj)"
|
|
15193
|
+
(dragstart)="onExpandableDragStart($event, obj, onDragStartCustom(obj) )">
|
|
15194
|
+
|
|
15195
|
+
<div
|
|
15196
|
+
*ngIf="obj.selected"
|
|
15197
|
+
class="top-resizer"
|
|
15198
|
+
(mousedown)="onResizeStart($event, obj, 'top')"></div>
|
|
15199
|
+
<ng-template
|
|
15200
|
+
[ngTemplateOutlet]="objectTemplate"
|
|
15201
|
+
[ngTemplateOutletContext]="{
|
|
15176
15202
|
object: obj
|
|
15177
15203
|
}"
|
|
15178
|
-
|
|
15179
|
-
|
|
15180
|
-
|
|
15181
|
-
|
|
15182
|
-
|
|
15183
|
-
|
|
15184
|
-
|
|
15204
|
+
>
|
|
15205
|
+
</ng-template>
|
|
15206
|
+
<div *ngIf="obj.selected"
|
|
15207
|
+
class="bottom-resizer"
|
|
15208
|
+
(mousedown)="onResizeStart($event, obj, 'bottom')"></div>
|
|
15209
|
+
</div>
|
|
15210
|
+
`,
|
|
15185
15211
|
encapsulation: ViewEncapsulation.None
|
|
15186
15212
|
},] }
|
|
15187
15213
|
];
|
|
@@ -15193,9 +15219,26 @@ HourSchedulingExpandableTemplateComponent.propDecorators = {
|
|
|
15193
15219
|
onSelectBlock: [{ type: Input }],
|
|
15194
15220
|
startTimeProp: [{ type: Input }],
|
|
15195
15221
|
endTimeProp: [{ type: Input }],
|
|
15196
|
-
showClass: [{ type: HostBinding, args: [
|
|
15222
|
+
showClass: [{ type: HostBinding, args: ['class.co-hour-scheduling-expandable-template',] }]
|
|
15197
15223
|
};
|
|
15198
15224
|
|
|
15225
|
+
class HourSchedulingExpandableTemplateModule {
|
|
15226
|
+
}
|
|
15227
|
+
HourSchedulingExpandableTemplateModule.decorators = [
|
|
15228
|
+
{ type: NgModule, args: [{
|
|
15229
|
+
imports: [
|
|
15230
|
+
CommonModule,
|
|
15231
|
+
],
|
|
15232
|
+
declarations: [
|
|
15233
|
+
HourSchedulingExpandableTemplateComponent
|
|
15234
|
+
],
|
|
15235
|
+
exports: [
|
|
15236
|
+
HourSchedulingExpandableTemplateComponent
|
|
15237
|
+
],
|
|
15238
|
+
providers: [DatePipe]
|
|
15239
|
+
},] }
|
|
15240
|
+
];
|
|
15241
|
+
|
|
15199
15242
|
class HourSchedulingTestObjectComponent {
|
|
15200
15243
|
showClass() {
|
|
15201
15244
|
return true;
|
|
@@ -15243,14 +15286,13 @@ HourSchedulingExpandableComponentModule.decorators = [
|
|
|
15243
15286
|
imports: [
|
|
15244
15287
|
CommonModule,
|
|
15245
15288
|
HourSchedulingComponentModule,
|
|
15289
|
+
HourSchedulingExpandableTemplateModule
|
|
15246
15290
|
],
|
|
15247
15291
|
declarations: [
|
|
15248
15292
|
HourSchedulingExpandableComponent,
|
|
15249
|
-
HourSchedulingExpandableTemplateComponent
|
|
15250
15293
|
],
|
|
15251
15294
|
exports: [
|
|
15252
15295
|
HourSchedulingExpandableComponent,
|
|
15253
|
-
HourSchedulingExpandableTemplateComponent
|
|
15254
15296
|
],
|
|
15255
15297
|
providers: [DatePipe]
|
|
15256
15298
|
},] }
|
|
@@ -15264,5 +15306,5 @@ HourSchedulingExpandableComponentModule.decorators = [
|
|
|
15264
15306
|
* Generated bundle index. Do not edit.
|
|
15265
15307
|
*/
|
|
15266
15308
|
|
|
15267
|
-
export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, HourSchedulingComponent, HourSchedulingComponentModule, HourSchedulingExpandableComponent, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateComponent, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTimeComponent, InputTimeModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfIconsComponent, ListOfIconsModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TemplateWrapperDirective, TemplateWrapperModule, TextInputPopupComponent, TileComponent, TileModule, TileSelectComponent, TileSelectModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, ObserveVisibilityDirective as ɵba, PaginationService as ɵbb, PaginatePipe as ɵbc, SimpleGridCellComponent as ɵbd, ListOfValuesMultiselectPopupComponent as ɵbe, ConfirmationDialogComponent as ɵbf, DialogBaseComponent as ɵbg, CoreDynamicComponentService as ɵbh, PrependPipeModule as ɵbi, PrependPipe as ɵbj, CheckmarkOverlayComponent as ɵbk, ScannerService as ɵbl, TooltipModule as ɵbm, TooltipComponent as ɵbn, TooltipDirective as ɵbo, HourSchedulingTestObjectComponent as ɵbp, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, CoreLocalizePipe as ɵp, CoreDictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, BaseInputTimeDirective as ɵx, PopupShowerService as ɵy, BaseSimpleGridComponent as ɵz };
|
|
15309
|
+
export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, HourSchedulingComponent, HourSchedulingComponentModule, HourSchedulingExpandableComponent, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateComponent, HourSchedulingExpandableTemplateModule, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTimeComponent, InputTimeModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfIconsComponent, ListOfIconsModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TemplateWrapperDirective, TemplateWrapperModule, TextInputPopupComponent, TileComponent, TileModule, TileSelectComponent, TileSelectModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, ObserveVisibilityDirective as ɵba, PaginationService as ɵbb, PaginatePipe as ɵbc, SimpleGridCellComponent as ɵbd, ListOfValuesMultiselectPopupComponent as ɵbe, ConfirmationDialogComponent as ɵbf, DialogBaseComponent as ɵbg, CoreDynamicComponentService as ɵbh, PrependPipeModule as ɵbi, PrependPipe as ɵbj, CheckmarkOverlayComponent as ɵbk, ScannerService as ɵbl, TooltipModule as ɵbm, TooltipComponent as ɵbn, TooltipDirective as ɵbo, HourSchedulingTestObjectComponent as ɵbp, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, CoreLocalizePipe as ɵp, CoreDictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, BaseInputTimeDirective as ɵx, PopupShowerService as ɵy, BaseSimpleGridComponent as ɵz };
|
|
15268
15310
|
//# sourceMappingURL=colijnit-corecomponents_v12.js.map
|