264 lines
7.9 KiB
JavaScript
264 lines
7.9 KiB
JavaScript
import {hasProperty, pushUnique} from '../lib/utils.js';
|
|
import {dateValue} from '../lib/date.js';
|
|
import {reFormatTokens, parseDate} from '../lib/date-format.js';
|
|
import {parseHTML} from '../lib/dom.js';
|
|
import defaultOptions from './defaultOptions.js';
|
|
|
|
const {
|
|
language: defaultLang,
|
|
format: defaultFormat,
|
|
weekStart: defaultWeekStart,
|
|
} = defaultOptions;
|
|
|
|
// Reducer function to filter out invalid day-of-week from the input
|
|
function sanitizeDOW(dow, day) {
|
|
return dow.length < 6 && day >= 0 && day < 7
|
|
? pushUnique(dow, day)
|
|
: dow;
|
|
}
|
|
|
|
function calcEndOfWeek(startOfWeek) {
|
|
return (startOfWeek + 6) % 7;
|
|
}
|
|
|
|
// validate input date. if invalid, fallback to the original value
|
|
function validateDate(value, format, locale, origValue) {
|
|
const date = parseDate(value, format, locale);
|
|
return date !== undefined ? date : origValue;
|
|
}
|
|
|
|
// Validate viewId. if invalid, fallback to the original value
|
|
function validateViewId(value, origValue, max = 3) {
|
|
const viewId = parseInt(value, 10);
|
|
return viewId >= 0 && viewId <= max ? viewId : origValue;
|
|
}
|
|
|
|
// Create Datepicker configuration to set
|
|
export default function processOptions(options, datepicker) {
|
|
const inOpts = Object.assign({}, options);
|
|
const config = {};
|
|
const locales = datepicker.constructor.locales;
|
|
let {
|
|
format,
|
|
language,
|
|
locale,
|
|
maxDate,
|
|
maxView,
|
|
minDate,
|
|
pickLevel,
|
|
startView,
|
|
weekStart,
|
|
} = datepicker.config || {};
|
|
|
|
if (inOpts.language) {
|
|
let lang;
|
|
if (inOpts.language !== language) {
|
|
if (locales[inOpts.language]) {
|
|
lang = inOpts.language;
|
|
} else {
|
|
// Check if langauge + region tag can fallback to the one without
|
|
// region (e.g. fr-CA → fr)
|
|
lang = inOpts.language.split('-')[0];
|
|
if (locales[lang] === undefined) {
|
|
lang = false;
|
|
}
|
|
}
|
|
}
|
|
delete inOpts.language;
|
|
if (lang) {
|
|
language = config.language = lang;
|
|
|
|
// update locale as well when updating language
|
|
const origLocale = locale || locales[defaultLang];
|
|
// use default language's properties for the fallback
|
|
locale = Object.assign({
|
|
format: defaultFormat,
|
|
weekStart: defaultWeekStart
|
|
}, locales[defaultLang]);
|
|
if (language !== defaultLang) {
|
|
Object.assign(locale, locales[language]);
|
|
}
|
|
config.locale = locale;
|
|
// if format and/or weekStart are the same as old locale's defaults,
|
|
// update them to new locale's defaults
|
|
if (format === origLocale.format) {
|
|
format = config.format = locale.format;
|
|
}
|
|
if (weekStart === origLocale.weekStart) {
|
|
weekStart = config.weekStart = locale.weekStart;
|
|
config.weekEnd = calcEndOfWeek(locale.weekStart);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (inOpts.format) {
|
|
const hasToDisplay = typeof inOpts.format.toDisplay === 'function';
|
|
const hasToValue = typeof inOpts.format.toValue === 'function';
|
|
const validFormatString = reFormatTokens.test(inOpts.format);
|
|
if ((hasToDisplay && hasToValue) || validFormatString) {
|
|
format = config.format = inOpts.format;
|
|
}
|
|
delete inOpts.format;
|
|
}
|
|
|
|
//*** dates ***//
|
|
// while min and maxDate for "no limit" in the options are better to be null
|
|
// (especially when updating), the ones in the config have to be undefined
|
|
// because null is treated as 0 (= unix epoch) when comparing with time value
|
|
let minDt = minDate;
|
|
let maxDt = maxDate;
|
|
if (inOpts.minDate !== undefined) {
|
|
minDt = inOpts.minDate === null
|
|
? dateValue(0, 0, 1) // set 0000-01-01 to prevent negative values for year
|
|
: validateDate(inOpts.minDate, format, locale, minDt);
|
|
delete inOpts.minDate;
|
|
}
|
|
if (inOpts.maxDate !== undefined) {
|
|
maxDt = inOpts.maxDate === null
|
|
? undefined
|
|
: validateDate(inOpts.maxDate, format, locale, maxDt);
|
|
delete inOpts.maxDate;
|
|
}
|
|
if (maxDt < minDt) {
|
|
minDate = config.minDate = maxDt;
|
|
maxDate = config.maxDate = minDt;
|
|
} else {
|
|
if (minDate !== minDt) {
|
|
minDate = config.minDate = minDt;
|
|
}
|
|
if (maxDate !== maxDt) {
|
|
maxDate = config.maxDate = maxDt;
|
|
}
|
|
}
|
|
|
|
if (inOpts.datesDisabled) {
|
|
config.datesDisabled = inOpts.datesDisabled.reduce((dates, dt) => {
|
|
const date = parseDate(dt, format, locale);
|
|
return date !== undefined ? pushUnique(dates, date) : dates;
|
|
}, []);
|
|
delete inOpts.datesDisabled;
|
|
}
|
|
if (inOpts.defaultViewDate !== undefined) {
|
|
const viewDate = parseDate(inOpts.defaultViewDate, format, locale);
|
|
if (viewDate !== undefined) {
|
|
config.defaultViewDate = viewDate;
|
|
}
|
|
delete inOpts.defaultViewDate;
|
|
}
|
|
|
|
//*** days of week ***//
|
|
if (inOpts.weekStart !== undefined) {
|
|
const wkStart = Number(inOpts.weekStart) % 7;
|
|
if (!isNaN(wkStart)) {
|
|
weekStart = config.weekStart = wkStart;
|
|
config.weekEnd = calcEndOfWeek(wkStart);
|
|
}
|
|
delete inOpts.weekStart;
|
|
}
|
|
if (inOpts.daysOfWeekDisabled) {
|
|
config.daysOfWeekDisabled = inOpts.daysOfWeekDisabled.reduce(sanitizeDOW, []);
|
|
delete inOpts.daysOfWeekDisabled;
|
|
}
|
|
if (inOpts.daysOfWeekHighlighted) {
|
|
config.daysOfWeekHighlighted = inOpts.daysOfWeekHighlighted.reduce(sanitizeDOW, []);
|
|
delete inOpts.daysOfWeekHighlighted;
|
|
}
|
|
|
|
//*** multi date ***//
|
|
if (inOpts.maxNumberOfDates !== undefined) {
|
|
const maxNumberOfDates = parseInt(inOpts.maxNumberOfDates, 10);
|
|
if (maxNumberOfDates >= 0) {
|
|
config.maxNumberOfDates = maxNumberOfDates;
|
|
config.multidate = maxNumberOfDates !== 1;
|
|
}
|
|
delete inOpts.maxNumberOfDates;
|
|
}
|
|
if (inOpts.dateDelimiter) {
|
|
config.dateDelimiter = String(inOpts.dateDelimiter);
|
|
delete inOpts.dateDelimiter;
|
|
}
|
|
|
|
//*** pick level & view ***//
|
|
let newPickLevel = pickLevel;
|
|
if (inOpts.pickLevel !== undefined) {
|
|
newPickLevel = validateViewId(inOpts.pickLevel, 2);
|
|
delete inOpts.pickLevel;
|
|
}
|
|
if (newPickLevel !== pickLevel) {
|
|
pickLevel = config.pickLevel = newPickLevel;
|
|
}
|
|
|
|
let newMaxView = maxView;
|
|
if (inOpts.maxView !== undefined) {
|
|
newMaxView = validateViewId(inOpts.maxView, maxView);
|
|
delete inOpts.maxView;
|
|
}
|
|
// ensure max view >= pick level
|
|
newMaxView = pickLevel > newMaxView ? pickLevel : newMaxView;
|
|
if (newMaxView !== maxView) {
|
|
maxView = config.maxView = newMaxView;
|
|
}
|
|
|
|
let newStartView = startView;
|
|
if (inOpts.startView !== undefined) {
|
|
newStartView = validateViewId(inOpts.startView, newStartView);
|
|
delete inOpts.startView;
|
|
}
|
|
// ensure pick level <= start view <= max view
|
|
if (newStartView < pickLevel) {
|
|
newStartView = pickLevel;
|
|
} else if (newStartView > maxView) {
|
|
newStartView = maxView;
|
|
}
|
|
if (newStartView !== startView) {
|
|
config.startView = newStartView;
|
|
}
|
|
|
|
//*** template ***//
|
|
if (inOpts.prevArrow) {
|
|
const prevArrow = parseHTML(inOpts.prevArrow);
|
|
if (prevArrow.childNodes.length > 0) {
|
|
config.prevArrow = prevArrow.childNodes;
|
|
}
|
|
delete inOpts.prevArrow;
|
|
}
|
|
if (inOpts.nextArrow) {
|
|
const nextArrow = parseHTML(inOpts.nextArrow);
|
|
if (nextArrow.childNodes.length > 0) {
|
|
config.nextArrow = nextArrow.childNodes;
|
|
}
|
|
delete inOpts.nextArrow;
|
|
}
|
|
|
|
//*** misc ***//
|
|
if (inOpts.disableTouchKeyboard !== undefined) {
|
|
config.disableTouchKeyboard = 'ontouchstart' in document && !!inOpts.disableTouchKeyboard;
|
|
delete inOpts.disableTouchKeyboard;
|
|
}
|
|
if (inOpts.orientation) {
|
|
const orientation = inOpts.orientation.toLowerCase().split(/\s+/g);
|
|
config.orientation = {
|
|
x: orientation.find(x => (x === 'left' || x === 'right')) || 'auto',
|
|
y: orientation.find(y => (y === 'top' || y === 'bottom')) || 'auto',
|
|
};
|
|
delete inOpts.orientation;
|
|
}
|
|
if (inOpts.todayBtnMode !== undefined) {
|
|
switch(inOpts.todayBtnMode) {
|
|
case 0:
|
|
case 1:
|
|
config.todayBtnMode = inOpts.todayBtnMode;
|
|
}
|
|
delete inOpts.todayBtnMode;
|
|
}
|
|
|
|
//*** copy the rest ***//
|
|
Object.keys(inOpts).forEach((key) => {
|
|
if (inOpts[key] !== undefined && hasProperty(defaultOptions, key)) {
|
|
config[key] = inOpts[key];
|
|
}
|
|
});
|
|
|
|
return config;
|
|
}
|