@colijnit/corecomponents_v12 255.1.2 → 255.1.4

package/lib/components/hour-scheduling/components/hour-scheduling-test-object/hour-scheduling-test-object.component.d.ts

@@ -0,0 +1,5 @@
+export declare class HourSchedulingTestObjectComponent {
+    showClass(): boolean;
+    title: string;
+    subTitle: string;
+}

package/lib/components/hour-scheduling/components/hour-scheduling-test-object/style/_layout.scss

@@ -0,0 +1,13 @@
+@include export-module('cc-hour-scheduling-test-object-layout') {
+  .co-hour-scheduling-test-object {
+    .object-content {
+      display: flex;
+      flex-direction: column;
+      gap: 4px; /* Small gap between title and subTitle */
+    }
+
+    .title {
+      font-weight: bold; /* Make the title bold */
+    }
+  }
+}

package/lib/components/hour-scheduling/components/hour-scheduling-test-object/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-test-object-theme') {
+  .co-test-object {
+  }
+}

package/lib/components/hour-scheduling/components/hour-scheduling-test-object/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/components/hour-scheduling/hour-scheduling.component.d.ts

@@ -0,0 +1,31 @@
+import { OnInit, ChangeDetectorRef, TemplateRef } from '@angular/core';
+interface SchedulingObject {
+    start: number;
+    end: number;
+    title?: string;
+    subTitle?: string;
+}
+export declare class HourSchedulingComponent implements OnInit {
+    private cdRef;
+    showClass: boolean;
+    schedule: any;
+    startTimeProp: string;
+    endTimeProp: string;
+    objectsProp: string;
+    customTemplate: TemplateRef<any>;
+    customTemplateUsed: boolean;
+    hours: string[];
+    scheduledObjects: {
+        [hour: string]: SchedulingObject[];
+    };
+    private draggedObject;
+    constructor(cdRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    private generateTimeBlocks;
+    private getObjectsForHour;
+    formatHour(hour: number): string;
+    onDragStart(event: DragEvent, obj: SchedulingObject): void;
+    onDragOver(event: DragEvent): void;
+    onDrop(event: DragEvent, hour: string): void;
+}
+export {};

package/lib/components/hour-scheduling/hour-scheduling.module.d.ts

@@ -0,0 +1,2 @@
+export declare class HourSchedulingComponentModule {
+}

package/lib/components/hour-scheduling/style/_layout.scss

@@ -0,0 +1,49 @@
+@import "../components/hour-scheduling-test-object/style/material.scss";
+
+@include export-module('cc-hour-scheduling-layout') {
+  .co-hour-scheduling {
+    display: flex;
+    flex-direction: column;
+
+    .time-block {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 10px;
+      border: 1px solid #ccc;
+      margin-bottom: 10px;
+      background-color: #f0f0f0;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    }
+
+    .hour-label {
+      font-weight: bold;
+      margin-right: 10px;
+    }
+
+    .object-display {
+      flex-grow: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      min-height: 100px;
+      border: 1px dashed #999;
+      padding: 10px;
+    }
+
+    .scheduled-object {
+      padding: 5px 10px;
+      background-color: #4CAF50;
+      color: white;
+      border-radius: 3px;
+      cursor: pointer;
+      display: flex;
+      flex-direction: column;
+      gap: 0.5em;
+
+      .title {
+        font-weight: bold;
+      }
+    }
+  }
+}

package/lib/components/hour-scheduling/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-hour-scheduling-theme') {
+  .co-hour-scheduling {
+  }
+}

package/lib/components/hour-scheduling/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/corecomponents_v12",
-  "version": "255.1.2",
+  "version": "255.1.4",
   "description": "Colijn IT core components for Angular 12",
   "private": false,
   "peerDependencies": {

package/public-api.d.ts

@@ -126,3 +126,5 @@ export * from './lib/service/base-module-screen-config.service';
 export * from './lib/service/base-module.service';
 export * from './lib/translation/core-components-translation.module';
 export * from './lib/translation/core-components-translation.service';
+export * from './lib/components/hour-scheduling/hour-scheduling.component';
+export * from './lib/components/hour-scheduling/hour-scheduling.module';