jingrow/gantt
1
0
Fork 0
Code Pull Requests Activity

chore: format

Browse Source
This commit is contained in:
safwansamsudeen 2024-11-28 17:23:48 +05:30
parent dd01835864
commit d3b4a2fa06
2 changed files with 195 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
dist/frappe-gantt.es.js vendored
View File

@ -716,9 +716,13 @@ class F {
} }
setup_options(t) { setup_options(t) {
this.options = { ...B, ...t }; this.options = { ...B, ...t };
const e = this.options.custom_view_modes ? this.options.custom_view_modes.find((s) => s.name === this.options.view_mode) : null; const e = this.options.custom_view_modes ? this.options.custom_view_modes.find(
(s) => s.name === this.options.view_mode
) : null;
e && (this.options = { ...this.options, custom_mode: e }), this.options.view_mode_padding || (this.options.view_mode_padding = {}); e && (this.options = { ...this.options, custom_mode: e }), this.options.view_mode_padding || (this.options.view_mode_padding = {});
for (let [s, i] of Object.entries(this.options.view_mode_padding)) for (let [s, i] of Object.entries(
this.options.view_mode_padding
))
typeof i == "string" && (this.options.view_mode_padding[s] = [i, i]); typeof i == "string" && (this.options.view_mode_padding[s] = [i, i]);
this.options.view_mode_padding = { this.options.view_mode_padding = {
...R, ...R,
@ -772,9 +776,15 @@ class F {
let t, e; let t, e;
this.gantt_start ? t = h.start_of(this.gantt_start, "day") : t = /* @__PURE__ */ new Date(), this.gantt_end ? e = h.start_of(this.gantt_end, "day") : e = /* @__PURE__ */ new Date(); this.gantt_start ? t = h.start_of(this.gantt_start, "day") : t = /* @__PURE__ */ new Date(), this.gantt_end ? e = h.start_of(this.gantt_end, "day") : e = /* @__PURE__ */ new Date();
const s = this.options.custom_mode; const s = this.options.custom_mode;
let [i, o] = [{ duration: 1, scale: "day" }, { duration: 1, scale: "day" }]; let [i, o] = [
{ duration: 1, scale: "day" },
{ duration: 1, scale: "day" }
];
if (s) if (s)
[i, o] = [s.padding, s.padding].map(h.parse_duration); [i, o] = [
s.padding,
s.padding
].map(h.parse_duration);
else { else {
let a; let a;
for (let [p, d] of Object.entries(_)) for (let [p, d] of Object.entries(_))
@ -1033,10 +1043,30 @@ class F {
if (o) { if (o) {
let d, l; let d, l;
const g = o ? o.unit.toLowerCase() : "day"; const g = o ? o.unit.toLowerCase() : "day";
g === "hour" ? (d = h.format(t, "HH", this.options.language), l = t.getDate() !== s.getDate() ? h.format(t, "D MMMM", this.options.language) : "") : g === "day" ? (d = t.getDate() !== s.getDate() ? h.format(t, "D", this.options.language) : "", l = t.getMonth() !== s.getMonth() || !e ? h.format(t, "MMMM", this.options.language) : "") : g === "month" ? (d = h.format(t, "MMMM", this.options.language), l = t.getFullYear() !== s.getFullYear() ? h.format(t, "YYYY", this.options.language) : "") : (d = h.format(t, "YYYY", this.options.language), l = ""), i[`${o.name}_upper`] = l, i[`${o.name}_lower`] = d; g === "hour" ? (d = h.format(
t,
"HH",
this.options.language
), l = t.getDate() !== s.getDate() ? h.format(
t,
"D MMMM",
this.options.language
) : "") : g === "day" ? (d = t.getDate() !== s.getDate() ? h.format(t, "D", this.options.language) : "", l = t.getMonth() !== s.getMonth() || !e ? h.format(t, "MMMM", this.options.language) : "") : g === "month" ? (d = h.format(
t,
"MMMM",
this.options.language
), l = t.getFullYear() !== s.getFullYear() ? h.format(t, "YYYY", this.options.language) : "") : (d = h.format(
t,
"YYYY",
this.options.language
), l = ""), i[`${o.name}_upper`] = l, i[`${o.name}_lower`] = d;
} else } else
i = { i = {
Hour_lower: h.format(t, "HH", this.options.language), Hour_lower: h.format(
t,
"HH",
this.options.language
),
"Quarter Day_lower": h.format( "Quarter Day_lower": h.format(
t, t,
"HH", "HH",
@ -1048,16 +1078,40 @@ class F {
this.options.language this.options.language
), ),
Day_lower: t.getDate() !== s.getDate() ? h.format(t, "D", this.options.language) : "", Day_lower: t.getDate() !== s.getDate() ? h.format(t, "D", this.options.language) : "",
Week_lower: t.getMonth() !== s.getMonth() ? h.format(t, "D MMM", this.options.language) : h.format(t, "D", this.options.language), Week_lower: t.getMonth() !== s.getMonth() ? h.format(
Month_lower: h.format(t, "MMMM", this.options.language), t,
Year_lower: h.format(t, "YYYY", this.options.language), "D MMM",
Hour_upper: t.getDate() !== s.getDate() ? h.format(t, "D MMMM", this.options.language) : "", this.options.language
"Quarter Day_upper": t.getDate() !== s.getDate() ? h.format(t, "D MMM", this.options.language) : "", ) : h.format(t, "D", this.options.language),
Month_lower: h.format(
t,
"MMMM",
this.options.language
),
Year_lower: h.format(
t,
"YYYY",
this.options.language
),
Hour_upper: t.getDate() !== s.getDate() ? h.format(
t,
"D MMMM",
this.options.language
) : "",
"Quarter Day_upper": t.getDate() !== s.getDate() ? h.format(
t,
"D MMM",
this.options.language
) : "",
"Half Day_upper": t.getDate() !== s.getDate() ? t.getMonth() !== s.getMonth() ? h.format( "Half Day_upper": t.getDate() !== s.getDate() ? t.getMonth() !== s.getMonth() ? h.format(
t, t,
"D MMM", "D MMM",
this.options.language this.options.language
) : h.format(t, "D", this.options.language) : "", ) : h.format(
t,
"D",
this.options.language
) : "",
Day_upper: t.getMonth() !== s.getMonth() || !e ? h.format(t, "MMMM", this.options.language) : "", Day_upper: t.getMonth() !== s.getMonth() || !e ? h.format(t, "MMMM", this.options.language) : "",
Week_upper: t.getMonth() !== s.getMonth() ? h.format(t, "MMMM", this.options.language) : "", Week_upper: t.getMonth() !== s.getMonth() ? h.format(t, "MMMM", this.options.language) : "",
Month_upper: t.getFullYear() !== s.getFullYear() ? h.format(t, "YYYY", this.options.language) : "", Month_upper: t.getFullYear() !== s.getFullYear() ? h.format(t, "YYYY", this.options.language) : "",

178
src/index.js
View File

@ -111,10 +111,17 @@ export default class Gantt {
setup_options(options) { setup_options(options) {
this.options = { ...DEFAULT_OPTIONS, ...options }; this.options = { ...DEFAULT_OPTIONS, ...options };
const custom_mode = this.options.custom_view_modes ? this.options.custom_view_modes.find(m => m.name === this.options.view_mode) : null; const custom_mode = this.options.custom_view_modes
if (custom_mode) this.options = {...this.options, custom_mode} ? this.options.custom_view_modes.find(
if (!this.options.view_mode_padding) this.options.view_mode_padding = {}; (m) => m.name === this.options.view_mode,
for (let [key, value] of Object.entries(this.options.view_mode_padding)) { )
: null;
if (custom_mode) this.options = { ...this.options, custom_mode };
if (!this.options.view_mode_padding)
this.options.view_mode_padding = {};
for (let [key, value] of Object.entries(
this.options.view_mode_padding,
)) {
if (typeof value === 'string') { if (typeof value === 'string') {
// Configure for single value given // Configure for single value given
this.options.view_mode_padding[key] = [value, value]; this.options.view_mode_padding[key] = [value, value];
@ -125,7 +132,6 @@ export default class Gantt {
...VIEW_MODE_PADDING, ...VIEW_MODE_PADDING,
...options.view_mode_padding, ...options.view_mode_padding,
}; };
} }
setup_tasks(tasks) { setup_tasks(tasks) {
@ -237,19 +243,19 @@ export default class Gantt {
update_view_scale(view_mode) { update_view_scale(view_mode) {
this.options.view_mode = view_mode; this.options.view_mode = view_mode;
const custom_mode = this.options.custom_mode const custom_mode = this.options.custom_mode;
if (custom_mode) {//configure step and column width for custom view case if (custom_mode) {
if (custom_mode.unit === "hour") { //configure step and column width for custom view case
if (custom_mode.unit === 'hour') {
this.options.step = custom_mode.step; this.options.step = custom_mode.step;
this.options.column_width = 38; this.options.column_width = 38;
} else if (custom_mode.unit === "day") { } else if (custom_mode.unit === 'day') {
this.options.step = custom_mode.step * 24; this.options.step = custom_mode.step * 24;
this.options.column_width = 38; this.options.column_width = 38;
} else if (custom_mode.unit === "month") { } else if (custom_mode.unit === 'month') {
this.options.step = custom_mode.step * 24 * 30; this.options.step = custom_mode.step * 24 * 30;
this.options.column_width = 120; this.options.column_width = 120;
} } else {
else {
this.options.step = 24; this.options.step = 24;
this.options.column_width = 38; this.options.column_width = 38;
} }
@ -301,12 +307,17 @@ export default class Gantt {
if (!this.gantt_end) gantt_end = new Date(); if (!this.gantt_end) gantt_end = new Date();
else gantt_end = date_utils.start_of(this.gantt_end, 'day'); else gantt_end = date_utils.start_of(this.gantt_end, 'day');
const custom_mode = this.options.custom_mode const custom_mode = this.options.custom_mode;
let [padding_start, padding_end] = [{duration: 1, scale: 'day'},{duration: 1, scale: 'day'}] let [padding_start, padding_end] = [
{ duration: 1, scale: 'day' },
{ duration: 1, scale: 'day' },
];
if (custom_mode) { if (custom_mode) {
[padding_start, padding_end] = [custom_mode.padding, custom_mode.padding].map(date_utils.parse_duration) [padding_start, padding_end] = [
} custom_mode.padding,
else { custom_mode.padding,
].map(date_utils.parse_duration);
} else {
let viewKey; let viewKey;
for (let [key, value] of Object.entries(VIEW_MODE)) { for (let [key, value] of Object.entries(VIEW_MODE)) {
if (value === this.options.view_mode) { if (value === this.options.view_mode) {
@ -358,8 +369,7 @@ export default class Gantt {
} else { } else {
cur_date = date_utils.add(cur_date, step, unit); cur_date = date_utils.add(cur_date, step, unit);
} }
} } else {
else {
if (!cur_date) { if (!cur_date) {
cur_date = date_utils.clone(this.gantt_start); cur_date = date_utils.clone(this.gantt_start);
} else { } else {
@ -812,42 +822,64 @@ export default class Gantt {
} }
get_date_info(date, last_date_info) { get_date_info(date, last_date_info) {
let last_date = last_date_info let last_date = last_date_info
? last_date_info.date ? last_date_info.date
: date_utils.add(date, 1, 'day'); : date_utils.add(date, 1, 'day');
let date_text = {} let date_text = {};
const custom_mode = this.options.custom_mode const custom_mode = this.options.custom_mode;
if (custom_mode) { if (custom_mode) {
let lower_text,upper_text let lower_text, upper_text;
const unit = custom_mode ? custom_mode.unit.toLowerCase() : 'day'; const unit = custom_mode ? custom_mode.unit.toLowerCase() : 'day';
if (unit === 'hour') { if (unit === 'hour') {
lower_text = date_utils.format(date, 'HH', this.options.language); lower_text = date_utils.format(
upper_text = date.getDate() !== last_date.getDate() date,
? date_utils.format(date, 'D MMMM', this.options.language) 'HH',
: ''; this.options.language,
);
upper_text =
date.getDate() !== last_date.getDate()
? date_utils.format(
date,
'D MMMM',
this.options.language,
)
: '';
} else if (unit === 'day') { } else if (unit === 'day') {
lower_text = date.getDate() !== last_date.getDate() lower_text =
? date_utils.format(date, 'D', this.options.language) date.getDate() !== last_date.getDate()
: ''; ? date_utils.format(date, 'D', this.options.language)
upper_text = date.getMonth() !== last_date.getMonth() || !last_date_info : '';
? date_utils.format(date, 'MMMM', this.options.language) upper_text =
: ''; date.getMonth() !== last_date.getMonth() || !last_date_info
? date_utils.format(date, 'MMMM', this.options.language)
: '';
} else if (unit === 'month') { } else if (unit === 'month') {
lower_text = date_utils.format(date, 'MMMM', this.options.language); lower_text = date_utils.format(
upper_text = date.getFullYear() !== last_date.getFullYear() date,
? date_utils.format(date, 'YYYY', this.options.language) 'MMMM',
: ''; this.options.language,
);
upper_text =
date.getFullYear() !== last_date.getFullYear()
? date_utils.format(date, 'YYYY', this.options.language)
: '';
} else { } else {
lower_text = date_utils.format(date, 'YYYY', this.options.language); lower_text = date_utils.format(
date,
'YYYY',
this.options.language,
);
upper_text = ''; // Default to no upper text for very large units upper_text = ''; // Default to no upper text for very large units
} }
date_text[`${custom_mode.name}_upper`] = upper_text date_text[`${custom_mode.name}_upper`] = upper_text;
date_text[`${custom_mode.name}_lower`] = lower_text date_text[`${custom_mode.name}_lower`] = lower_text;
} } else {
else {
date_text = { date_text = {
Hour_lower: date_utils.format(date, 'HH', this.options.language), Hour_lower: date_utils.format(
date,
'HH',
this.options.language,
),
'Quarter Day_lower': date_utils.format( 'Quarter Day_lower': date_utils.format(
date, date,
'HH', 'HH',
@ -864,17 +896,37 @@ export default class Gantt {
: '', : '',
Week_lower: Week_lower:
date.getMonth() !== last_date.getMonth() date.getMonth() !== last_date.getMonth()
? date_utils.format(date, 'D MMM', this.options.language) ? date_utils.format(
date,
'D MMM',
this.options.language,
)
: date_utils.format(date, 'D', this.options.language), : date_utils.format(date, 'D', this.options.language),
Month_lower: date_utils.format(date, 'MMMM', this.options.language), Month_lower: date_utils.format(
Year_lower: date_utils.format(date, 'YYYY', this.options.language), date,
'MMMM',
this.options.language,
),
Year_lower: date_utils.format(
date,
'YYYY',
this.options.language,
),
Hour_upper: Hour_upper:
date.getDate() !== last_date.getDate() date.getDate() !== last_date.getDate()
? date_utils.format(date, 'D MMMM', this.options.language) ? date_utils.format(
date,
'D MMMM',
this.options.language,
)
: '', : '',
'Quarter Day_upper': 'Quarter Day_upper':
date.getDate() !== last_date.getDate() date.getDate() !== last_date.getDate()
? date_utils.format(date, 'D MMM', this.options.language) ? date_utils.format(
date,
'D MMM',
this.options.language,
)
: '', : '',
'Half Day_upper': 'Half Day_upper':
date.getDate() !== last_date.getDate() date.getDate() !== last_date.getDate()
@ -884,7 +936,11 @@ export default class Gantt {
'D MMM', 'D MMM',
this.options.language, this.options.language,
) )
: date_utils.format(date, 'D', this.options.language) : date_utils.format(
date,
'D',
this.options.language,
)
: '', : '',
Day_upper: Day_upper:
date.getMonth() !== last_date.getMonth() || !last_date_info date.getMonth() !== last_date.getMonth() || !last_date_info
@ -905,10 +961,16 @@ export default class Gantt {
}; };
} }
let column_width = custom_mode && custom_mode.lower_text && custom_mode.lower_text.column_width ? custom_mode.lower_text.column_width * (custom_mode.step ?? 1) : this.view_is(VIEW_MODE.MONTH) let column_width =
? (date_utils.get_days_in_month(date) * this.options.column_width) / custom_mode &&
30 custom_mode.lower_text &&
: this.options.column_width; custom_mode.lower_text.column_width
? custom_mode.lower_text.column_width * (custom_mode.step ?? 1)
: this.view_is(VIEW_MODE.MONTH)
? (date_utils.get_days_in_month(date) *
this.options.column_width) /
30
: this.options.column_width;
const base_pos = { const base_pos = {
x: last_date_info x: last_date_info
@ -933,9 +995,11 @@ export default class Gantt {
Year_lower: column_width / 2, Year_lower: column_width / 2,
Year_upper: (column_width * 30) / 2, Year_upper: (column_width * 30) / 2,
}; };
if (custom_mode){ if (custom_mode) {
x_pos[`${custom_mode.name}_upper`] = column_width / 2 x_pos[`${custom_mode.name}_upper`] = column_width / 2;
x_pos[`${custom_mode.name}_lower`] = column_width / (custom_mode.unit.toLowerCase() === 'day' ? 1 : 2) x_pos[`${custom_mode.name}_lower`] =
column_width /
(custom_mode.unit.toLowerCase() === 'day' ? 1 : 2);
} }
return { return {
date, date,