@worktile/gantt 11.0.2 → 12.0.1

package/packages/gantt/src/test/mocks/data.ts

@@ -0,0 +1,303 @@
+import { GanttDate } from './../../utils/date';
+
+export function getMockItems() {
+    return [
+        {
+            id: 'item-0101',
+            title: 'VERSION 0101',
+            start: new GanttDate('2020-05-21 12:34:35').getUnixTime(),
+            color: '#FF0000',
+            children: [
+                {
+                    id: 'item-child-0101',
+                    title: 'VERSION Children 0101',
+                    start: new GanttDate('2020-05-21 12:34:35').getUnixTime(),
+                    color: '#FF0000',
+                    linkable: false
+                }
+            ]
+        },
+        {
+            id: 'item-0102',
+            title: 'VERSION 0102',
+            start: new GanttDate('2020-05-31 22:34:35').getUnixTime(),
+            end: new GanttDate('2020-06-05 08:53:20').getUnixTime(),
+            color: '#9ACD32',
+            expandable: true
+        },
+        {
+            id: 'item-0103',
+            title: 'VERSION 0103',
+            end: new GanttDate('2020-06-13 11:20:00').getUnixTime()
+        },
+        {
+            id: 'item-0104',
+            title: 'VERSION 0104',
+
+            links: ['item-0301']
+        },
+        {
+            id: 'item-0201',
+            title: 'VERSION 0201'
+        },
+        {
+            id: 'item-0202',
+            title: 'VERSION 0202',
+            start: new GanttDate('2020-06-02 02:21:15').getUnixTime(),
+            end: new GanttDate('2020-06-25 01:06:40').getUnixTime(),
+            links: ['item-0203'],
+            color: 'rgb(52, 143, 228, 0.5)',
+            barStyle: {
+                border: '1px solid rgb(52, 143, 228)'
+            }
+        },
+        {
+            id: 'item-0203',
+            title: 'VERSION 0203',
+            start: new GanttDate('2020-05-23 20:07:55').getUnixTime(),
+            end: new GanttDate('2020-06-10 00:00:00').getUnixTime(),
+            links: ['item-0204']
+        },
+        {
+            id: 'item-0204',
+            title: 'VERSION 0204',
+            start: new GanttDate('2020-06-02 02:21:15').getUnixTime(),
+            end: new GanttDate('2020-06-18 02:26:40').getUnixTime(),
+            links: ['item-0301', 'item-0402']
+        },
+
+        {
+            id: 'item-0301',
+            title: 'VERSION 0301',
+            start: new GanttDate('2020-07-29 23:14:35').getUnixTime(),
+            end: new GanttDate('2020-09-02 11:46:40').getUnixTime()
+        },
+        {
+            id: 'item-0302',
+            title: 'VERSION 0302',
+            start: new GanttDate('2020-06-13 16:07:55').getUnixTime(),
+            end: new GanttDate('2020-08-21 22:00:00').getUnixTime()
+        },
+        {
+            id: 'item-0303',
+            title: 'VERSION 0303',
+            start: new GanttDate('2020-05-22 16:21:15').getUnixTime(),
+            end: new GanttDate('2020-07-06 14:53:20').getUnixTime()
+        },
+        {
+            id: 'item-0401',
+            title: 'VERSION 0401',
+            start: new GanttDate('2020-05-09 22:47:55').getUnixTime(),
+            end: new GanttDate('2020-07-06 14:53:20').getUnixTime()
+        },
+        {
+            id: 'item-0402',
+            title: 'VERSION 0402',
+            start: new GanttDate('2020-07-29 23:14:35').getUnixTime(),
+            end: new GanttDate('2020-09-12 21:46:40').getUnixTime()
+        },
+        {
+            id: 'item-0403',
+            title: 'VERSION 0403',
+            start: new GanttDate('2020-06-25 05:54:35').getUnixTime(),
+            end: new GanttDate('2020-09-02 11:46:40').getUnixTime()
+        },
+        {
+            id: 'item-0404',
+            title: 'VERSION 0404',
+            start: new GanttDate('2020-06-02 02:21:15').getUnixTime(),
+            end: new GanttDate('2020-06-23 21:20:00').getUnixTime()
+        },
+        {
+            id: 'item-0501',
+            title: 'VERSION 0501',
+            start: new GanttDate('2020-09-13 02:34:35').getUnixTime(),
+            end: new GanttDate('2020-10-07 05:06:40').getUnixTime()
+        },
+        {
+            id: 'item-0502',
+            title: 'VERSION 0502',
+            start: new GanttDate('2020-06-02 02:21:15').getUnixTime(),
+            end: new GanttDate('2020-07-06 14:53:20').getUnixTime()
+        },
+        {
+            id: 'item-0503',
+            title: 'VERSION 0503',
+            start: new GanttDate('2020-07-18 09:27:55').getUnixTime(),
+            end: new GanttDate('2020-09-02 11:46:40').getUnixTime()
+        }
+    ];
+}
+
+export function getMockGroupItems() {
+    return [
+        {
+            id: 'item-0101',
+            title: 'VERSION 0101',
+            start: new GanttDate('2020-05-21 12:34:35').getUnixTime(),
+            group_id: '00001',
+            color: '#FF0000',
+            children: [
+                {
+                    id: 'item-child-0101',
+                    title: 'VERSION Children 0101',
+                    start: new GanttDate('2020-05-21 12:34:35').getUnixTime(),
+                    group_id: '00001',
+                    color: '#FF0000',
+                    linkable: false
+                }
+            ]
+        },
+        {
+            id: 'item-0102',
+            title: 'VERSION 0102',
+            start: new GanttDate('2020-05-31 22:34:35').getUnixTime(),
+            end: new GanttDate('2020-06-05 08:53:20').getUnixTime(),
+            color: '#9ACD32',
+            group_id: '00001',
+            expandable: true
+        },
+        {
+            id: 'item-0103',
+            title: 'VERSION 0103',
+            end: new GanttDate('2020-06-13 11:20:00').getUnixTime(),
+            group_id: '00001'
+        },
+        {
+            id: 'item-0104',
+            title: 'VERSION 0104',
+            group_id: '00001',
+            links: ['item-0301']
+        },
+        {
+            id: 'item-0201',
+            title: 'VERSION 0201',
+            group_id: '00002'
+        },
+        {
+            id: 'item-0202',
+            title: 'VERSION 0202',
+            start: new GanttDate('2020-06-02 02:21:15').getUnixTime(),
+            end: new GanttDate('2020-06-25 01:06:40').getUnixTime(),
+            group_id: '00002',
+            links: ['item-0203'],
+            color: 'rgb(52, 143, 228, 0.5)',
+            barStyle: {
+                border: '1px solid rgb(52, 143, 228)'
+            }
+        },
+        {
+            id: 'item-0203',
+            title: 'VERSION 0203',
+            start: new GanttDate('2020-05-23 20:07:55').getUnixTime(),
+            end: new GanttDate('2020-06-10 00:00:00').getUnixTime(),
+            group_id: '00002',
+            links: ['item-0204']
+        },
+        {
+            id: 'item-0204',
+            title: 'VERSION 0204',
+            start: new GanttDate('2020-06-02 02:21:15').getUnixTime(),
+            end: new GanttDate('2020-06-18 02:26:40').getUnixTime(),
+            group_id: '00002',
+            links: ['item-0301', 'item-0402']
+        },
+
+        {
+            id: 'item-0301',
+            title: 'VERSION 0301',
+            start: new GanttDate('2020-07-29 23:14:35').getUnixTime(),
+            end: new GanttDate('2020-09-02 11:46:40').getUnixTime(),
+            group_id: '00003'
+        },
+        {
+            id: 'item-0302',
+            title: 'VERSION 0302',
+            start: new GanttDate('2020-06-13 16:07:55').getUnixTime(),
+            end: new GanttDate('2020-08-21 22:00:00').getUnixTime(),
+            group_id: '00003'
+        },
+        {
+            id: 'item-0303',
+            title: 'VERSION 0303',
+            start: new GanttDate('2020-05-22 16:21:15').getUnixTime(),
+            end: new GanttDate('2020-07-06 14:53:20').getUnixTime(),
+            group_id: '00003'
+        },
+        {
+            id: 'item-0401',
+            title: 'VERSION 0401',
+            start: new GanttDate('2020-05-09 22:47:55').getUnixTime(),
+            end: new GanttDate('2020-07-06 14:53:20').getUnixTime(),
+            group_id: '00004'
+        },
+        {
+            id: 'item-0402',
+            title: 'VERSION 0402',
+            start: new GanttDate('2020-07-29 23:14:35').getUnixTime(),
+            end: new GanttDate('2020-09-12 21:46:40').getUnixTime(),
+            group_id: '00004'
+        },
+        {
+            id: 'item-0403',
+            title: 'VERSION 0403',
+            start: new GanttDate('2020-06-25 05:54:35').getUnixTime(),
+            end: new GanttDate('2020-09-02 11:46:40').getUnixTime(),
+            group_id: '00004'
+        },
+        {
+            id: 'item-0404',
+            title: 'VERSION 0404',
+            start: new GanttDate('2020-06-02 02:21:15').getUnixTime(),
+            end: new GanttDate('2020-06-23 21:20:00').getUnixTime(),
+            group_id: '00004'
+        },
+        {
+            id: 'item-0501',
+            title: 'VERSION 0501',
+            start: new GanttDate('2020-09-13 02:34:35').getUnixTime(),
+            end: new GanttDate('2020-10-07 05:06:40').getUnixTime(),
+            group_id: '00005'
+        },
+        {
+            id: 'item-0502',
+            title: 'VERSION 0502',
+            start: new GanttDate('2020-06-02 02:21:15').getUnixTime(),
+            end: new GanttDate('2020-07-06 14:53:20').getUnixTime(),
+            group_id: '00005'
+        },
+        {
+            id: 'item-0503',
+            title: 'VERSION 0503',
+            start: new GanttDate('2020-07-18 09:27:55').getUnixTime(),
+            end: new GanttDate('2020-09-02 11:46:40').getUnixTime(),
+            group_id: '00005'
+        }
+    ];
+}
+
+export function getMockGroups() {
+    return [
+        {
+            id: '00001',
+            title: 'Project 1',
+            class: 'test'
+        },
+        {
+            id: '00002',
+            title: 'Project 2'
+        },
+        {
+            id: '00003',
+            title: 'Project 3'
+        },
+        {
+            id: '00004',
+            title: 'Project 4'
+        },
+        {
+            id: '00005',
+            title: 'Project 5'
+        }
+    ];
+}

package/packages/gantt/src/test.ts

@@ -0,0 +1,21 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js';
+import 'zone.js/testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/packages/gantt/src/utils/date.ts

@@ -0,0 +1,276 @@
+import {
+    addYears,
+    addMonths,
+    addDays,
+    addWeeks,
+    addQuarters,
+    getUnixTime,
+    startOfDay,
+    startOfWeek,
+    startOfMonth,
+    startOfQuarter,
+    startOfYear,
+    endOfDay,
+    endOfWeek,
+    endOfMonth,
+    endOfQuarter,
+    endOfYear,
+    format,
+    fromUnixTime,
+    getDaysInMonth,
+    addSeconds,
+    setDate,
+    addMinutes,
+    addHours,
+    differenceInCalendarDays,
+    isWeekend,
+    getWeek,
+    isToday,
+    differenceInDays,
+    differenceInCalendarQuarters,
+    eachMonthOfInterval,
+    eachWeekOfInterval,
+    eachDayOfInterval
+} from 'date-fns';
+
+export {
+    addYears,
+    addMonths,
+    addDays,
+    addWeeks,
+    addQuarters,
+    getUnixTime,
+    startOfDay,
+    startOfWeek,
+    startOfMonth,
+    startOfQuarter,
+    startOfYear,
+    endOfDay,
+    endOfWeek,
+    endOfMonth,
+    endOfQuarter,
+    endOfYear,
+    format,
+    fromUnixTime,
+    getDaysInMonth,
+    addSeconds,
+    setDate,
+    addMinutes,
+    addHours,
+    differenceInCalendarDays,
+    isWeekend,
+    getWeek,
+    isToday,
+    differenceInDays,
+    differenceInCalendarQuarters,
+    eachMonthOfInterval,
+    eachWeekOfInterval,
+    eachDayOfInterval
+} from 'date-fns';
+
+export type GanttDateUtil = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'quarter' | 'year';
+
+export class GanttDate {
+    value: Date;
+
+    constructor(date?: Date | string | number) {
+        if (date) {
+            if (date instanceof Date) {
+                this.value = date;
+            } else if (typeof date === 'string' || typeof date === 'number') {
+                if (date.toString().length < 13) {
+                    this.value = fromUnixTime(+date);
+                } else {
+                    this.value = new Date(date);
+                }
+            } else {
+                throw new Error(
+                    `The input date type is not supported expect Date | string
+                     | number | { date: number; with_time: 0 | 1}, actual ${JSON.stringify(date)}`
+                );
+            }
+        } else {
+            this.value = new Date();
+        }
+    }
+
+    getYear(): number {
+        return this.value.getFullYear();
+    }
+
+    getMonth(): number {
+        return this.value.getMonth();
+    }
+
+    getDay(): number {
+        return this.value.getDay();
+    }
+
+    getTime(): number {
+        return this.value.getTime();
+    }
+
+    getDate(): number {
+        return this.value.getDate();
+    }
+
+    getHours(): number {
+        return this.value.getHours();
+    }
+
+    getMinutes(): number {
+        return this.value.getMinutes();
+    }
+
+    getSeconds(): number {
+        return this.value.getSeconds();
+    }
+
+    getMilliseconds(): number {
+        return this.value.getMilliseconds();
+    }
+
+    getWeek(options: { locale?: Locale; weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 } = { weekStartsOn: 1 }): number {
+        return getWeek(this.value, options);
+    }
+
+    getDaysInMonth() {
+        return getDaysInMonth(this.value);
+    }
+
+    getDaysInQuarter() {
+        return differenceInCalendarDays(this.endOfQuarter().addSeconds(1).value, this.startOfQuarter().value);
+    }
+
+    getDaysInYear() {
+        return differenceInCalendarDays(this.endOfYear().addSeconds(1).value, this.startOfYear().value);
+    }
+
+    setDate(dayOfMonth: number): GanttDate {
+        return new GanttDate(setDate(this.value, dayOfMonth));
+    }
+
+    clone(): GanttDate {
+        return new GanttDate(new Date(this.value));
+    }
+
+    add(amount: number, unit?: GanttDateUtil) {
+        switch (unit) {
+            case 'second':
+                return new GanttDate(this.value).addSeconds(amount);
+            case 'minute':
+                return new GanttDate(this.value).addMinutes(amount);
+            case 'hour':
+                return new GanttDate(this.value).addHours(amount);
+            case 'day':
+                return new GanttDate(this.value).addDays(amount);
+            case 'week':
+                return new GanttDate(this.value).addWeeks(amount);
+            case 'month':
+                return new GanttDate(this.value).addMonths(amount);
+            case 'quarter':
+                return new GanttDate(this.value).addQuarters(amount);
+            case 'year':
+                return new GanttDate(this.value).addYears(amount);
+            default:
+                return new GanttDate(this.value).addSeconds(amount);
+        }
+    }
+
+    addSeconds(amount: number): GanttDate {
+        return new GanttDate(addSeconds(this.value, amount));
+    }
+
+    addMinutes(amount: number): GanttDate {
+        return new GanttDate(addMinutes(this.value, amount));
+    }
+
+    addHours(amount: number): GanttDate {
+        return new GanttDate(addHours(this.value, amount));
+    }
+
+    addDays(amount: number): GanttDate {
+        return new GanttDate(addDays(this.value, amount));
+    }
+
+    addWeeks(amount: number) {
+        return new GanttDate(addWeeks(this.value, amount));
+    }
+
+    addMonths(amount: number): GanttDate {
+        return new GanttDate(addMonths(this.value, amount));
+    }
+
+    addQuarters(amount: number): GanttDate {
+        return new GanttDate(addQuarters(this.value, amount));
+    }
+
+    addYears(amount: number): GanttDate {
+        return new GanttDate(addYears(this.value, amount));
+    }
+
+    startOfDay(): GanttDate {
+        return new GanttDate(startOfDay(this.value));
+    }
+
+    startOfWeek(options?: { locale?: Locale; weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 }): GanttDate {
+        return new GanttDate(startOfWeek(this.value, options));
+    }
+
+    startOfMonth(): GanttDate {
+        return new GanttDate(startOfMonth(this.value));
+    }
+
+    startOfQuarter(): GanttDate {
+        return new GanttDate(startOfQuarter(this.value));
+    }
+
+    startOfYear(): GanttDate {
+        return new GanttDate(startOfYear(this.value));
+    }
+
+    endOfDay(): GanttDate {
+        return new GanttDate(endOfDay(this.value));
+    }
+
+    endOfWeek(options?: { locale?: Locale; weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 }): GanttDate {
+        return new GanttDate(endOfWeek(this.value, options));
+    }
+
+    endOfMonth(): GanttDate {
+        return new GanttDate(endOfMonth(this.value));
+    }
+
+    endOfQuarter(): GanttDate {
+        return new GanttDate(endOfQuarter(this.value));
+    }
+
+    endOfYear(): GanttDate {
+        return new GanttDate(endOfYear(this.value));
+    }
+
+    getUnixTime(): number {
+        return getUnixTime(this.value);
+    }
+
+    format(
+        mat: string,
+        options?: {
+            locale?: Locale;
+            weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+            firstWeekContainsDate?: number;
+            useAdditionalWeekYearTokens?: boolean;
+            useAdditionalDayOfYearTokens?: boolean;
+        }
+    ) {
+        return format(this.value, mat, options);
+    }
+
+    isWeekend() {
+        return isWeekend(this.value);
+    }
+
+    isToday() {
+        return isToday(this.value);
+    }
+}

package/packages/gantt/src/utils/helpers.ts

@@ -0,0 +1,66 @@
+import { GanttItem, GanttItemInternal } from '../class/item';
+
+export interface Dictionary<T = unknown> {
+    [key: string]: T;
+}
+
+export function isNumber(value: any) {
+    return typeof value === 'number';
+}
+
+export function isString(value: any) {
+    return typeof value === 'string';
+}
+
+export function isUndefined(value: any) {
+    return value === undefined;
+}
+
+export function hexToRgb(color: string, opacity = 1) {
+    if (/^#/g.test(color)) {
+        return `rgba(${parseInt(color.slice(1, 3), 16)},${parseInt(color.slice(3, 5), 16)},${parseInt(color.slice(5, 7), 16)},${opacity})`;
+    } else {
+        return color;
+    }
+}
+
+export function uniqBy<T = unknown>(array: T[], key: keyof T) {
+    const valuesMap: Dictionary<T> = {};
+    const result = [];
+    (array || []).forEach((value) => {
+        const _key = value[key as string];
+        if (!valuesMap[_key]) {
+            valuesMap[_key] = value;
+            result.push(value);
+        }
+    });
+    return result;
+}
+
+export function flatten<T = unknown>(array: T[]) {
+    return array.reduce((pre, cur) => {
+        return pre.concat(Array.isArray(cur) ? flatten(cur) : cur);
+    }, []);
+}
+
+export function recursiveItems(items: GanttItemInternal[]) {
+    const result = [];
+    (items || []).forEach((item) => {
+        result.push(item);
+        if (item.expanded && item.children) {
+            result.push(...recursiveItems(item.children));
+        }
+    });
+    return result;
+}
+
+export function getFlatItems(items: GanttItem[]) {
+    const result = [];
+    (items || []).forEach((item) => {
+        result.push(item);
+        if (item.children) {
+            result.push(...getFlatItems(item.children));
+        }
+    });
+    return result;
+}