uldu - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

package.json

		{
		"name": "uldu",
		"version": "1.0.2",
		"version": "1.0.3",
		"description": "Ultra lightweight utility to create DOM nodes.",
		@@ -5,0 +5,0 @@ "repository": "https://github.com/chriskr/uldu",

107

README.md

		@@ -73,2 +73,109 @@ # uldu
		<body>This is really <b>awesome</b></body>
		```

		## Calendar templates as an example how to use it
		[Live example](https://chriskr.github.io/calendar/build/)

		[Github repo](https://github.com/chriskr/calendar)

		```js
		Calendar.Templates = class {
		static calendar(year, today, holidays) {
		return [
		'div',
		{'class': 'calendar'},
		this.today(today),
		this.year(year, today, holidays),
		];
		}

		static today(today) {
		return [
		'header',
		['span', {'data-handler': 'previous-year'},
		['i', {class: 'material-icons'}, 'chevron_left'],
		],
		[
		'h1',
		`${WEEK_DAYS_LONG[today.day]}` +
		` ${MONTH_NAMES[today.month]} ${today.date}`
		],
		['span', {'data-handler': 'next-year'},
		['i', {class: 'material-icons'}, 'chevron_right'],
		],
		];
		}

		static year(year, today, holidays) {
		return [
		'section',
		...Array.from(range(12))
		.map(month => this.month(year, month, today, holidays))
		];
		}

		static month(year, month, today, holidays, withWeekNubers = true) {
		const weeksOfMonth = getWeeksOfMonth(year, month);
		const table = ['table'];

		table.push([
		'caption',
		['span', {'class': 'month-name'}, MONTH_NAMES[month]],
		['span', {'class': 'year-number'}, String(year)],
		]);

		const headRow = [];
		if (withWeekNubers) {
		headRow.push(['th', 'Week']);
		}
		const weekDays = rotate(WEEK_DAYS_SHORT, 1);
		headRow.push(...weekDays.map(wday => ['th', wday]));
		table.push(['thead', ['tr', ...headRow]]);

		table.push([
		'tbody',
		...weeksOfMonth.map(week => this.week(year, month, week, today, holidays))
		]);

		table.push(this.holidays(year, month, holidays));

		return table;
		}

		static week(year, month, week, today, holidays, withWeekNubers = true) {
		const [weekNumber, weekDays] = week;
		const tr = ['tr'];
		if (withWeekNubers) {
		tr.push(['td', ['span', {'class': 'week-number'}, String(weekNumber)]]);
		}
		tr.push(...weekDays.map((day, index) => {
		const isToday =
		today.year === year && today.month === month && today.date === day;
		const isHoliday = isSunday(index) \|\| holidays.isHoliday(year, month, day);
		const className = classes(isToday && 'today', isHoliday && 'holiday');
		return ['td', {'class': className}, day > 0 ? String(day) : ''];
		}));
		return tr;
		}

		static holidays(year, month, holidays, withWeekNubers = true) {
		const holidaysOfMonth = holidays.getHolidays(year, month);
		if (holidaysOfMonth.length === 0) {
		return [];
		}
		return [
		'tfoot',
		[
		'tr',
		[
		'td', {'colspan': withWeekNubers ? '8' : '7'},
		[
		'ul', {'class': 'holidays'},
		...holidaysOfMonth.map(([day, name]) => ['li', `${day}. ${name}`])
		]
		]
		]
		];
		}
		};
		```

uldu - npm Package Compare versions

Improved metrics