@colijnit/corecomponents_v12 255.1.2 → 255.1.4

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -14090,6 +14090,131 @@
                 },] }
     ];
 
+    var HourSchedulingComponent = /** @class */ (function () {
+        function HourSchedulingComponent(cdRef) {
+            this.cdRef = cdRef;
+            this.showClass = true;
+            this.customTemplateUsed = false;
+            this.hours = [];
+            this.scheduledObjects = {};
+            this.draggedObject = null;
+        }
+        HourSchedulingComponent.prototype.ngOnInit = function () {
+            this.generateTimeBlocks();
+        };
+        HourSchedulingComponent.prototype.generateTimeBlocks = function () {
+            var startTime = this.schedule[this.startTimeProp];
+            var endTime = this.schedule[this.endTimeProp];
+            var objectsList = this.schedule[this.objectsProp];
+            for (var hour = startTime; hour <= endTime; hour++) {
+                this.hours.push(this.formatHour(hour));
+                this.scheduledObjects[this.formatHour(hour)] = this.getObjectsForHour(hour, objectsList);
+            }
+        };
+        HourSchedulingComponent.prototype.getObjectsForHour = function (hour, objectsList) {
+            var objectsForHour = [];
+            objectsList.forEach(function (obj) {
+                if (obj.start === hour) {
+                    objectsForHour.push(Object.assign({}, obj));
+                }
+            });
+            return objectsForHour;
+        };
+        HourSchedulingComponent.prototype.formatHour = function (hour) {
+            return hour + ":00";
+        };
+        HourSchedulingComponent.prototype.onDragStart = function (event, obj) {
+            var currentTarget = event.currentTarget;
+            var currentHourSpan = currentTarget.parentElement.parentElement.querySelector('.hour-label span');
+            var currentHour = currentHourSpan.textContent;
+            this.draggedObject = obj;
+            event.dataTransfer.setData('text', JSON.stringify({ obj: obj, currentHour: currentHour }));
+        };
+        HourSchedulingComponent.prototype.onDragOver = function (event) {
+            event.preventDefault();
+        };
+        HourSchedulingComponent.prototype.onDrop = function (event, hour) {
+            var _this = this;
+            event.preventDefault();
+            var data = JSON.parse(event.dataTransfer.getData('text'));
+            var newStartHour = parseInt(hour.split(':')[0], 10);
+            var newEndHour = newStartHour + 1;
+            data.obj.start = newStartHour;
+            data.obj.end = newEndHour;
+            var currentHourBlock = data.currentHour;
+            this.scheduledObjects[currentHourBlock] = this.scheduledObjects[currentHourBlock].filter(function (o) { return o !== _this.draggedObject; });
+            var newHourBlock = this.formatHour(newStartHour);
+            if (!this.scheduledObjects[newHourBlock]) {
+                this.scheduledObjects[newHourBlock] = [];
+            }
+            this.scheduledObjects[newHourBlock].push(data.obj);
+            this.draggedObject = null;
+            this.cdRef.detectChanges();
+        };
+        return HourSchedulingComponent;
+    }());
+    HourSchedulingComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-hour-scheduling',
+                    template: "\n    <div class=\"time-block\" *ngFor=\"let hour of hours\">\n      <div class=\"hour-label\"><span [textContent]=\"hour\"></span></div>\n      <div class=\"object-display\"\n           (dragover)=\"onDragOver($event)\"\n           (drop)=\"onDrop($event, hour)\">\n        <ng-container *ngIf=\"!customTemplateUsed\">\n          <ng-container *ngIf=\"scheduledObjects[hour]\">\n            <div *ngFor=\"let obj of scheduledObjects[hour]\" class=\"scheduled-object\"\n                 [draggable]=\"true\"\n                 (dragstart)=\"onDragStart($event, obj)\">\n              <span class=\"title\" [textContent]=\"obj.title\"></span>\n              <span class=\"sub-title\" [textContent]=\"obj.subTitle\"></span>\n            </div>\n          </ng-container>\n        </ng-container>\n        <ng-template #customContent *ngIf=\"customTemplateUsed\">\n          <ng-container *ngTemplateOutlet=\"customTemplate; context: { objects: scheduledObjects[hour] }\">\n          </ng-container>\n        </ng-template>\n      </div>\n    </div>\n  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    HourSchedulingComponent.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef }
+    ]; };
+    HourSchedulingComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ['class.co-hour-scheduling',] }],
+        schedule: [{ type: i0.Input }],
+        startTimeProp: [{ type: i0.Input }],
+        endTimeProp: [{ type: i0.Input }],
+        objectsProp: [{ type: i0.Input }],
+        customTemplate: [{ type: i0.Input }],
+        customTemplateUsed: [{ type: i0.Input }]
+    };
+
+    var HourSchedulingTestObjectComponent = /** @class */ (function () {
+        function HourSchedulingTestObjectComponent() {
+        }
+        HourSchedulingTestObjectComponent.prototype.showClass = function () {
+            return true;
+        };
+        return HourSchedulingTestObjectComponent;
+    }());
+    HourSchedulingTestObjectComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: "co-hour-scheduling-test-object",
+                    template: "\n      <span [textContent]=\"title\"></span>\n      <span [textContent]=\"subTitle\"></span>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    HourSchedulingTestObjectComponent.propDecorators = {
+        showClass: [{ type: i0.HostBinding, args: ["class.co-test-object",] }],
+        title: [{ type: i0.Input }],
+        subTitle: [{ type: i0.Input }]
+    };
+
+    var HourSchedulingComponentModule = /** @class */ (function () {
+        function HourSchedulingComponentModule() {
+        }
+        return HourSchedulingComponentModule;
+    }());
+    HourSchedulingComponentModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule
+                    ],
+                    declarations: [
+                        HourSchedulingComponent,
+                        HourSchedulingTestObjectComponent,
+                    ],
+                    exports: [
+                        HourSchedulingComponent,
+                        HourSchedulingTestObjectComponent
+                    ]
+                },] }
+    ];
+
     /*
      * Public API Surface of corecomponents
      */
@@ -14146,6 +14271,8 @@
     exports.GridToolbarButtonModule = GridToolbarButtonModule;
     exports.GridToolbarComponent = GridToolbarComponent;
     exports.GridToolbarModule = GridToolbarModule;
+    exports.HourSchedulingComponent = HourSchedulingComponent;
+    exports.HourSchedulingComponentModule = HourSchedulingComponentModule;
     exports.IconCacheService = IconCacheService;
     exports.IconCollapseHandleComponent = IconCollapseHandleComponent;
     exports.IconCollapseHandleModule = IconCollapseHandleModule;
@@ -14238,6 +14365,7 @@
     exports["ɵbl"] = TooltipModule;
     exports["ɵbm"] = TooltipComponent;
     exports["ɵbn"] = TooltipDirective;
+    exports["ɵbo"] = HourSchedulingTestObjectComponent;
     exports["ɵc"] = MD_RIPPLE_GLOBAL_OPTIONS;
     exports["ɵd"] = CoRippleDirective;
     exports["ɵe"] = CoViewportRulerService;