@colijnit/corecomponents_v12 258.1.1 → 258.1.2
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 +17 -1
- 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 +43 -23
- package/fesm2015/colijnit-corecomponents_v12.js +42 -22
- 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 +2 -0
- package/lib/components/hour-scheduling-expandable/components/hour-scheduling-expandable-template/style/_layout.scss +4 -0
- package/lib/components/hour-scheduling-expandable/style/_layout.scss +6 -2
- package/package.json +1 -1
|
@@ -10,36 +10,56 @@ export class HourSchedulingExpandableTemplateComponent {
|
|
|
10
10
|
onDragStartCustom === null || onDragStartCustom === void 0 ? void 0 : onDragStartCustom.call(obj);
|
|
11
11
|
event.dataTransfer.setData("text", JSON.stringify({ obj }));
|
|
12
12
|
}
|
|
13
|
+
leftForObject(index, objects) {
|
|
14
|
+
if (index === 0) {
|
|
15
|
+
return 0;
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
return index * this.widthForObject(index, objects);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
widthForObject(index, objects) {
|
|
22
|
+
if (objects.length > 1) {
|
|
23
|
+
return 100 / objects.length;
|
|
24
|
+
}
|
|
25
|
+
if (objects.length === 1) {
|
|
26
|
+
return 100;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
13
29
|
}
|
|
14
30
|
HourSchedulingExpandableTemplateComponent.decorators = [
|
|
15
31
|
{ type: Component, args: [{
|
|
16
32
|
selector: "co-hour-scheduling-expandable-template",
|
|
17
33
|
template: `
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
34
|
+
<div class="row">
|
|
35
|
+
<div
|
|
36
|
+
*ngFor="let obj of objects"
|
|
37
|
+
[class]="'custom-scheduled-object'"
|
|
38
|
+
[class.selected]="obj['selected']"
|
|
39
|
+
[draggable]="!obj['selected']"
|
|
40
|
+
[style.--height]="obj['height'] + 'px'"
|
|
41
|
+
[style.--top]="obj['top'] + 'px'"
|
|
42
|
+
[style.--left]="leftForObject(objects.indexOf(obj), objects) + '%'"
|
|
43
|
+
[style.--width]="widthForObject(objects.indexOf(obj), objects) + '%'"
|
|
44
|
+
(click)="onSelectBlock(obj)"
|
|
45
|
+
(dragstart)="onExpandableDragStart($event, obj, onDragStartCustom(obj) )">
|
|
27
46
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
47
|
+
<div
|
|
48
|
+
*ngIf="obj['selected']"
|
|
49
|
+
class="top-resizer"
|
|
50
|
+
(mousedown)="onResizeStart($event, obj, 'top')"></div>
|
|
51
|
+
<ng-template
|
|
52
|
+
[ngTemplateOutlet]="objectTemplate"
|
|
53
|
+
[ngTemplateOutletContext]="{
|
|
35
54
|
object: obj
|
|
36
55
|
}"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
56
|
+
>
|
|
57
|
+
</ng-template>
|
|
58
|
+
<div *ngIf="obj['selected']"
|
|
59
|
+
class="bottom-resizer"
|
|
60
|
+
(mousedown)="onResizeStart($event, obj, 'bottom')"></div>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
43
63
|
`,
|
|
44
64
|
encapsulation: ViewEncapsulation.None
|
|
45
65
|
},] }
|
|
@@ -52,4 +72,4 @@ HourSchedulingExpandableTemplateComponent.propDecorators = {
|
|
|
52
72
|
onSelectBlock: [{ type: Input }],
|
|
53
73
|
showClass: [{ type: HostBinding, args: ["class.co-hour-scheduling-expandable-template",] }]
|
|
54
74
|
};
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG91ci1zY2hlZHVsaW5nLWV4cGFuZGFibGUtdGVtcGxhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2hvdXItc2NoZWR1bGluZy1leHBhbmRhYmxlL2NvbXBvbmVudHMvaG91ci1zY2hlZHVsaW5nLWV4cGFuZGFibGUtdGVtcGxhdGUvaG91ci1zY2hlZHVsaW5nLWV4cGFuZGFibGUtdGVtcGxhdGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBZSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQXFDNUYsTUFBTSxPQUFPLHlDQUF5QztJQW5DdEQ7UUF5Q1MsWUFBTyxHQUFhLEVBQUUsQ0FBQztJQThDaEMsQ0FBQztJQTVCUSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRU0scUJBQXFCLENBQUMsS0FBZ0IsRUFBRSxHQUFXLEVBQUUsaUJBQTJCO1FBQ3JGLGlCQUFpQixhQUFqQixpQkFBaUIsdUJBQWpCLGlCQUFpQixDQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM3QixLQUFLLENBQUMsWUFBYSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRU0sYUFBYSxDQUFDLEtBQWEsRUFBRSxPQUFpQjtRQUNuRCxJQUFHLEtBQUssS0FBSyxDQUFDLEVBQUU7WUFDZCxPQUFPLENBQUMsQ0FBQztTQUNWO2FBQU07WUFDTCxPQUFPLEtBQUssR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQztTQUNwRDtJQUVILENBQUM7SUFFTSxjQUFjLENBQUMsS0FBYSxFQUFFLE9BQWlCO1FBQ3BELElBQUcsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDckIsT0FBTyxHQUFHLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQztTQUM3QjtRQUNELElBQUcsT0FBTyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDdkIsT0FBTyxHQUFHLENBQUM7U0FDWjtJQUNILENBQUM7OztZQXBGRixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHdDQUF3QztnQkFDbEQsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E4QlQ7Z0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7YUFDeEM7Ozs2QkFHRSxLQUFLO3NCQUdMLEtBQUs7Z0NBR0wsS0FBSzs0QkFJTCxLQUFLOzRCQUlMLEtBQUs7d0JBT0wsV0FBVyxTQUFDLDhDQUE4QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6IFwiY28taG91ci1zY2hlZHVsaW5nLWV4cGFuZGFibGUtdGVtcGxhdGVcIixcclxuICAgIHRlbXBsYXRlOiBgXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IG9iaiBvZiBvYmplY3RzXCJcclxuICAgICAgICAgICAgICAgICAgICBbY2xhc3NdPVwiJ2N1c3RvbS1zY2hlZHVsZWQtb2JqZWN0J1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnNlbGVjdGVkXT1cIm9ialsnc2VsZWN0ZWQnXVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW2RyYWdnYWJsZV09XCIhb2JqWydzZWxlY3RlZCddXCJcclxuICAgICAgICAgICAgICAgICAgICBbc3R5bGUuLS1oZWlnaHRdPVwib2JqWydoZWlnaHQnXSArICdweCdcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtzdHlsZS4tLXRvcF09XCJvYmpbJ3RvcCddICsgJ3B4J1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLi0tbGVmdF09XCJsZWZ0Rm9yT2JqZWN0KG9iamVjdHMuaW5kZXhPZihvYmopLCBvYmplY3RzKSArICclJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLi0td2lkdGhdPVwid2lkdGhGb3JPYmplY3Qob2JqZWN0cy5pbmRleE9mKG9iaiksIG9iamVjdHMpICsgJyUnXCJcclxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25TZWxlY3RCbG9jayhvYmopXCJcclxuICAgICAgICAgICAgICAgICAgICAoZHJhZ3N0YXJ0KT1cIm9uRXhwYW5kYWJsZURyYWdTdGFydCgkZXZlbnQsIG9iaiwgb25EcmFnU3RhcnRDdXN0b20ob2JqKSApXCI+XHJcblxyXG4gICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIm9ialsnc2VsZWN0ZWQnXVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidG9wLXJlc2l6ZXJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAobW91c2Vkb3duKT1cIm9uUmVzaXplU3RhcnQoJGV2ZW50LCBvYmosICd0b3AnKVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm9iamVjdFRlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntcclxuICAgICAgICAgICAgICBvYmplY3Q6IG9ialxyXG4gICAgICAgICAgICB9XCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwib2JqWydzZWxlY3RlZCddXCJcclxuICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJib3R0b20tcmVzaXplclwiXHJcbiAgICAgICAgICAgICAgICAgICAgIChtb3VzZWRvd24pPVwib25SZXNpemVTdGFydCgkZXZlbnQsIG9iaiwgJ2JvdHRvbScpXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgYCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEhvdXJTY2hlZHVsaW5nRXhwYW5kYWJsZVRlbXBsYXRlQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgb2JqZWN0VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG9iamVjdHM6IE9iamVjdFtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG9uRHJhZ1N0YXJ0Q3VzdG9tOiBGdW5jdGlvbjtcclxuXHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG9uUmVzaXplU3RhcnQ6IEZ1bmN0aW9uO1xyXG5cclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgb25TZWxlY3RCbG9jazogRnVuY3Rpb247XHJcblxyXG5cclxuXHJcblxyXG5cclxuICBASG9zdEJpbmRpbmcoXCJjbGFzcy5jby1ob3VyLXNjaGVkdWxpbmctZXhwYW5kYWJsZS10ZW1wbGF0ZVwiKVxyXG4gIHB1YmxpYyBzaG93Q2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkV4cGFuZGFibGVEcmFnU3RhcnQoZXZlbnQ6IERyYWdFdmVudCwgb2JqOiBPYmplY3QsIG9uRHJhZ1N0YXJ0Q3VzdG9tOiBGdW5jdGlvbikge1xyXG4gICAgb25EcmFnU3RhcnRDdXN0b20/LmNhbGwob2JqKTtcclxuICAgIGV2ZW50LmRhdGFUcmFuc2ZlciEuc2V0RGF0YShcInRleHRcIiwgSlNPTi5zdHJpbmdpZnkoeyBvYmogfSkpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGxlZnRGb3JPYmplY3QoaW5kZXg6IG51bWJlciwgb2JqZWN0czogT2JqZWN0W10pIHtcclxuICAgIGlmKGluZGV4ID09PSAwKSB7XHJcbiAgICAgIHJldHVybiAwO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgcmV0dXJuIGluZGV4ICogdGhpcy53aWR0aEZvck9iamVjdChpbmRleCwgb2JqZWN0cyk7XHJcbiAgICB9XHJcblxyXG4gIH1cclxuXHJcbiAgcHVibGljIHdpZHRoRm9yT2JqZWN0KGluZGV4OiBudW1iZXIsIG9iamVjdHM6IE9iamVjdFtdKSB7XHJcbiAgICBpZihvYmplY3RzLmxlbmd0aCA+IDEpIHtcclxuICAgICAgcmV0dXJuIDEwMCAvIG9iamVjdHMubGVuZ3RoO1xyXG4gICAgfVxyXG4gICAgaWYob2JqZWN0cy5sZW5ndGggPT09IDEpIHtcclxuICAgICAgcmV0dXJuIDEwMDtcclxuICAgIH1cclxuICB9XHJcblxyXG5cclxufVxyXG4iXX0=
|
|
@@ -14686,36 +14686,56 @@ class HourSchedulingExpandableTemplateComponent {
|
|
|
14686
14686
|
onDragStartCustom === null || onDragStartCustom === void 0 ? void 0 : onDragStartCustom.call(obj);
|
|
14687
14687
|
event.dataTransfer.setData("text", JSON.stringify({ obj }));
|
|
14688
14688
|
}
|
|
14689
|
+
leftForObject(index, objects) {
|
|
14690
|
+
if (index === 0) {
|
|
14691
|
+
return 0;
|
|
14692
|
+
}
|
|
14693
|
+
else {
|
|
14694
|
+
return index * this.widthForObject(index, objects);
|
|
14695
|
+
}
|
|
14696
|
+
}
|
|
14697
|
+
widthForObject(index, objects) {
|
|
14698
|
+
if (objects.length > 1) {
|
|
14699
|
+
return 100 / objects.length;
|
|
14700
|
+
}
|
|
14701
|
+
if (objects.length === 1) {
|
|
14702
|
+
return 100;
|
|
14703
|
+
}
|
|
14704
|
+
}
|
|
14689
14705
|
}
|
|
14690
14706
|
HourSchedulingExpandableTemplateComponent.decorators = [
|
|
14691
14707
|
{ type: Component, args: [{
|
|
14692
14708
|
selector: "co-hour-scheduling-expandable-template",
|
|
14693
14709
|
template: `
|
|
14694
|
-
|
|
14695
|
-
|
|
14696
|
-
|
|
14697
|
-
|
|
14698
|
-
|
|
14699
|
-
|
|
14700
|
-
|
|
14701
|
-
|
|
14702
|
-
|
|
14710
|
+
<div class="row">
|
|
14711
|
+
<div
|
|
14712
|
+
*ngFor="let obj of objects"
|
|
14713
|
+
[class]="'custom-scheduled-object'"
|
|
14714
|
+
[class.selected]="obj['selected']"
|
|
14715
|
+
[draggable]="!obj['selected']"
|
|
14716
|
+
[style.--height]="obj['height'] + 'px'"
|
|
14717
|
+
[style.--top]="obj['top'] + 'px'"
|
|
14718
|
+
[style.--left]="leftForObject(objects.indexOf(obj), objects) + '%'"
|
|
14719
|
+
[style.--width]="widthForObject(objects.indexOf(obj), objects) + '%'"
|
|
14720
|
+
(click)="onSelectBlock(obj)"
|
|
14721
|
+
(dragstart)="onExpandableDragStart($event, obj, onDragStartCustom(obj) )">
|
|
14703
14722
|
|
|
14704
|
-
|
|
14705
|
-
|
|
14706
|
-
|
|
14707
|
-
|
|
14708
|
-
|
|
14709
|
-
|
|
14710
|
-
|
|
14723
|
+
<div
|
|
14724
|
+
*ngIf="obj['selected']"
|
|
14725
|
+
class="top-resizer"
|
|
14726
|
+
(mousedown)="onResizeStart($event, obj, 'top')"></div>
|
|
14727
|
+
<ng-template
|
|
14728
|
+
[ngTemplateOutlet]="objectTemplate"
|
|
14729
|
+
[ngTemplateOutletContext]="{
|
|
14711
14730
|
object: obj
|
|
14712
14731
|
}"
|
|
14713
|
-
|
|
14714
|
-
|
|
14715
|
-
|
|
14716
|
-
|
|
14717
|
-
|
|
14718
|
-
|
|
14732
|
+
>
|
|
14733
|
+
</ng-template>
|
|
14734
|
+
<div *ngIf="obj['selected']"
|
|
14735
|
+
class="bottom-resizer"
|
|
14736
|
+
(mousedown)="onResizeStart($event, obj, 'bottom')"></div>
|
|
14737
|
+
</div>
|
|
14738
|
+
</div>
|
|
14719
14739
|
`,
|
|
14720
14740
|
encapsulation: ViewEncapsulation.None
|
|
14721
14741
|
},] }
|