X-Git-Url: http://git.squeep.com/?a=blobdiff_plain;f=lib%2Ftemplate-helper.js;h=7e51bcfbb9058a25287bf934978d9234b368bf80;hb=c7fb39b664bc0a7eaf310c2ae7666e3cf26824bf;hp=16a14cc4c3d0bdfd42406a03ef29d31f698eddaa;hpb=6f6bea9c4444979f564f7e2242dbd3504895a22e;p=squeep-html-template-helper

diff --git a/lib/template-helper.js b/lib/template-helper.js
index 16a14cc..7e51bcf 100644
--- a/lib/template-helper.js
+++ b/lib/template-helper.js
@@ -6,6 +6,17 @@
 
 const { lazy } = require('@squeep/lazy-property');
 
+
+/**
+ * Set up expected fields for how we handle error reporting
+ * and whatnot.
+ * @param {Object} ctx
+ */
+const initContext = (ctx) => {
+  ctx.errors = [];
+  ctx.notifications = [];
+};
+
 /**
  * Some fields may have values outside normal dates, handle them here.
  * @param {Date} date
@@ -65,6 +76,33 @@ lazy(dateFormat, '_dtf', () => {
 });
 
 
+/**
+ * Wrap a Date in a <time> block.
+ * @param {Date} date
+ * @param {Object} options
+ * @param {String=} options.title
+ */
+const timeElement = (date, options = {}) => {
+  const {
+    title,
+    pInf,
+    nInf,
+    otherwise,
+  } = options;
+  const attributes = {
+    ...(title && { title }),
+    ...(date instanceof Date && { datetime: date.toISOString() }),
+  };
+  return [
+    '<time',
+    elementAttributes(attributes),
+    '>',
+    dateFormat(date, pInf, nInf, otherwise),
+    '</time>',
+  ].join('');
+};
+
+
 /**
  * Render a duration.
  * @param {Number} seconds
@@ -80,7 +118,7 @@ const secondsToPeriod = (seconds) => {
       result.push(`${r} ${label}${r != 1 ? 's' : ''}`);
     }
     value = factor ? Math.floor(value / factor) : value;
-  }
+  };
 
   nextResult(60, 'second');
   nextResult(60, 'minute');
@@ -122,8 +160,8 @@ function htmlHead(pagePathLevel, ctx, options) {
   return `\t<head>
 \t\t<meta charset="utf-8">
 \t\t<meta name="viewport" content="width=device-width,initial-scale=1">
-\t\t<link rel="stylesheet" href="${rootPathPfx}static/theme.css" title="Default">
-\t\t<link rel="stylesheet" href="${rootPathPfx}static/custom.css" title="Site Specific">
+\t\t<link rel="stylesheet" href="${rootPathPfx}static/theme.css">
+\t\t<link rel="stylesheet" href="${rootPathPfx}static/custom.css">
 ${headElements.map((e) => '\t\t' + e).join('\n')}
 \t\t<title>${pageTitle}</title>
 \t</head>`;
@@ -365,8 +403,10 @@ function htmlPage(pagePathLevel, ctx, options, main = []) {
 
 
 module.exports = {
+  initContext,
   dateOrNot,
   dateFormat,
+  timeElement,
   secondsToPeriod,
   htmlHead,
   htmlBody,
