Contents

function confirmDatePlugin(pluginConfig) {
	var defaultConfig = {
		confirmIcon: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17' height='17' viewBox='0 0 17 17'> <g> </g> <path d='M15.418 1.774l-8.833 13.485-4.918-4.386 0.666-0.746 4.051 3.614 8.198-12.515 0.836 0.548z' fill='#000000' /> </svg>",
		confirmText: "OK ",
		showAlways: false,
		theme: "light"
	};

	var config = {};
	for (var key in defaultConfig) {
		config[key] = pluginConfig && pluginConfig[key] !== undefined ? pluginConfig[key] : defaultConfig[key];
	}

	return function (fp) {
		var hooks = {
			onKeyDown: function onKeyDown(_, __, ___, e) {
				if (fp.config.enableTime && e.key === "Tab" && e.target === fp.amPM) {
					e.preventDefault();
					fp.confirmContainer.focus();
				} else if (e.key === "Enter" && e.target === fp.confirmContainer) fp.close();
			},
			onReady: function onReady() {
				if (fp.calendarContainer === undefined) return;

				fp.confirmContainer = fp._createElement("div", "flatpickr-confirm " + (config.showAlways ? "visible" : "") + " " + config.theme + "Theme", config.confirmText);

				fp.confirmContainer.tabIndex = -1;
				fp.confirmContainer.innerHTML += config.confirmIcon;

				fp.confirmContainer.addEventListener("click", fp.close);
				fp.calendarContainer.appendChild(fp.confirmContainer);
			}
		};

		if (!config.showAlways) {
			hooks.onChange = function (dateObj, dateStr) {
				var showCondition = fp.config.enableTime || fp.config.mode === "multiple";
				if (dateStr && !fp.config.inline && showCondition) return fp.confirmContainer.classList.add("visible");
				fp.confirmContainer.classList.remove("visible");
			};
		}

		return hooks;
	};
}

if (typeof module !== "undefined") module.exports = confirmDatePlugin;

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
trestle-0.8.0	vendor/assets/bower_components/trestle/flatpickr/dist/plugins/confirmDate/confirmDate.js