New Directory Setup (#2065)

* chore: moved app & space from apps to root * chore: modified workspace configuration * chore: modified dockerfiles for space and web * chore: modified icons for space * feat: updated files for new svg icons supported by next-images * chore: added /spaces base path for next * chore: added compose config for space * chore: updated husky configuration * chore: updated workflows for new configuration * chore: changed app name to web * fix: resolved build errors with web * chore: reset file tracing root for both projects * chore: added nginx config for deploy * fix: eslint and tsconfig settings for space app * husky setup fixes based on new dir * eslint fixes * prettier formatting --------- Co-authored-by: Henit Chobisa <chobisa.henit@gmail.com>
2023-09-03 18:50:30 +05:30 · 2023-09-03 18:50:30 +05:30 · 1e152c666c
commit 1e152c666c
parent 20e36194b4
1022 changed files with 1475 additions and 1240 deletions
--- a/web/components/gantt-chart/views/bi-week-view.ts
+++ b/web/components/gantt-chart/views/bi-week-view.ts
@ -0,0 +1,163 @@
+// types
+import { ChartDataType } from "../types";
+// data
+import { weeks, months } from "../data";
+// helpers
+import {
+  generateDate,
+  getWeekNumberByDate,
+  getNumberOfDaysInMonth,
+  getDatesBetweenTwoDates,
+} from "./helpers";
+
+type GetAllDaysInMonthInMonthViewType = {
+  date: any;
+  day: any;
+  dayData: any;
+  weekNumber: number;
+  title: string;
+  active: boolean;
+  today: boolean;
+};
+const getAllDaysInMonthInMonthView = (month: number, year: number) => {
+  const day: GetAllDaysInMonthInMonthViewType[] = [];
+  const numberOfDaysInMonth = getNumberOfDaysInMonth(month, year);
+  const currentDate = new Date();
+
+  Array.from(Array(numberOfDaysInMonth).keys()).map((_day: number) => {
+    const date: Date = generateDate(_day + 1, month, year);
+    day.push({
+      date: date,
+      day: _day + 1,
+      dayData: weeks[date.getDay()],
+      weekNumber: getWeekNumberByDate(date),
+      title: `${weeks[date.getDay()].shortTitle} ${_day + 1}`,
+      active: false,
+      today:
+        currentDate.getFullYear() === year &&
+        currentDate.getMonth() === month &&
+        currentDate.getDate() === _day + 1
+          ? true
+          : false,
+    });
+  });
+
+  return day;
+};
+
+const generateMonthDataByMonthAndYearInMonthView = (month: number, year: number) => {
+  const currentMonth: number = month;
+  const currentYear: number = year;
+
+  const monthPayload = {
+    year: currentYear,
+    month: currentMonth,
+    monthData: months[currentMonth],
+    children: getAllDaysInMonthInMonthView(currentMonth, currentYear),
+    title: `${months[currentMonth].title} ${currentYear}`,
+  };
+
+  return monthPayload;
+};
+
+export const generateBiWeekChart = (monthPayload: ChartDataType, side: null | "left" | "right") => {
+  let renderState = monthPayload;
+  const renderPayload: any = [];
+
+  const range: number = renderState.data.approxFilterRange || 6;
+  let filteredDates: Date[] = [];
+  let minusDate: Date = new Date();
+  let plusDate: Date = new Date();
+
+  if (side === null) {
+    const currentDate = renderState.data.currentDate;
+
+    minusDate = new Date(
+      currentDate.getFullYear(),
+      currentDate.getMonth() - range,
+      currentDate.getDate()
+    );
+    plusDate = new Date(
+      currentDate.getFullYear(),
+      currentDate.getMonth() + range,
+      currentDate.getDate()
+    );
+
+    if (minusDate && plusDate) filteredDates = getDatesBetweenTwoDates(minusDate, plusDate);
+
+    renderState = {
+      ...renderState,
+      data: {
+        ...renderState.data,
+        startDate: filteredDates[0],
+        endDate: filteredDates[filteredDates.length - 1],
+      },
+    };
+  } else if (side === "left") {
+    const currentDate = renderState.data.startDate;
+
+    minusDate = new Date(
+      currentDate.getFullYear(),
+      currentDate.getMonth() - range,
+      currentDate.getDate()
+    );
+    plusDate = new Date(
+      currentDate.getFullYear(),
+      currentDate.getMonth() - 1,
+      currentDate.getDate()
+    );
+
+    if (minusDate && plusDate) filteredDates = getDatesBetweenTwoDates(minusDate, plusDate);
+
+    renderState = {
+      ...renderState,
+      data: { ...renderState.data, startDate: filteredDates[0] },
+    };
+  } else if (side === "right") {
+    const currentDate = renderState.data.endDate;
+
+    minusDate = new Date(
+      currentDate.getFullYear(),
+      currentDate.getMonth() + 1,
+      currentDate.getDate()
+    );
+    plusDate = new Date(
+      currentDate.getFullYear(),
+      currentDate.getMonth() + range,
+      currentDate.getDate()
+    );
+
+    if (minusDate && plusDate) filteredDates = getDatesBetweenTwoDates(minusDate, plusDate);
+
+    renderState = {
+      ...renderState,
+      data: { ...renderState.data, endDate: filteredDates[filteredDates.length - 1] },
+    };
+  }
+
+  if (filteredDates && filteredDates.length > 0)
+    for (const currentDate in filteredDates) {
+      const date = filteredDates[parseInt(currentDate)];
+      const currentYear = date.getFullYear();
+      const currentMonth = date.getMonth();
+      renderPayload.push(generateMonthDataByMonthAndYearInMonthView(currentMonth, currentYear));
+    }
+
+  const scrollWidth =
+    renderPayload
+      .map((monthData: any) => monthData.children.length)
+      .reduce((partialSum: number, a: number) => partialSum + a, 0) * monthPayload.data.width;
+
+  return { state: renderState, payload: renderPayload, scrollWidth: scrollWidth };
+};
+
+export const getNumberOfDaysBetweenTwoDatesInBiWeek = (startDate: Date, endDate: Date) => {
+  let daysDifference: number = 0;
+  startDate.setHours(0, 0, 0, 0);
+  endDate.setHours(0, 0, 0, 0);
+
+  const timeDifference: number = startDate.getTime() - endDate.getTime();
+  daysDifference = Math.abs(Math.floor(timeDifference / (1000 * 60 * 60 * 24)));
+
+  return daysDifference;
+};