example pages link to each other

gordonwoodhull · gordonwoodhull · commit 64716dfcce89 · 2020-04-27T21:25:19.000-04:00
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -290,6 +290,7 @@ module.exports = function (grunt) {
                     title: 'Index of dc.js examples',
                     heading: 'Examples of using dc.js',
                     description: 'An attempt to present a simple example of each chart type.',
+                    also: ['transitions', 'resizing', 'zoom'],
                     sourceLink: 'https://github.com/dc-js/dc.js/tree/develop/<%= conf.websrc %>/examples'
                 },
                 files: [
@@ -304,6 +305,7 @@ module.exports = function (grunt) {
                     heading: 'Eyeball tests for dc.js transitions',
                     description: 'Transitions can only be tested by eye. ' +
                         'These pages automate the transitions so they can be visually verified.',
+                    also: ['examples', 'resizing', 'zoom'],
                     sourceLink: 'https://github.com/dc-js/dc.js/tree/develop/<%= conf.websrc %>/transitions'
                 },
                 files: [
@@ -321,6 +323,7 @@ module.exports = function (grunt) {
                         'For the examples with a single chart taking up the entire window, you can add <code>?resize=viewbox</code> ' +
                         'to the URL to test resizing the chart using the ' +
           '<a href="http://dc-js.github.io/dc.js/docs/html/dc.baseMixin.html#useViewBoxResizing__anchor">useViewBoxResizing</a> strategy.',
+                    also: ['examples', 'transitions', 'zoom'],
                     sourceLink: 'https://github.com/dc-js/dc.js/tree/develop/<%= conf.websrc %>/resizing'
                 },
                 files: [
@@ -335,6 +338,7 @@ module.exports = function (grunt) {
                     heading: 'Interactive test for dc.js chart zoom',
                     description: 'It\'s hard to conceive of a way to test zoom except by trying it. ' +
                         'So this is a substitute for automated tests in this area',
+                    also: ['examples', 'transitions', 'resizing'],
                     sourceLink: 'https://github.com/dc-js/dc.js/tree/develop/<%= conf.websrc %>/zoom'
                 },
                 files: [
diff --git a/grunt/format-file-list.js b/grunt/format-file-list.js
@@ -17,13 +17,15 @@ module.exports = function (grunt) {
             }
             rows.push(`  <tr>\n${cols.join('\n')}\n  </tr>`);
         }
+        const alsoSee = opts.also ? `<p>Also see ${opts.also.map(cat => `<a href="../${cat}/">${cat}</a>`).join(' &ndash; ')}.</p>`: '';
         const body = `<table class="table">\n${rows.join('\n')}\n</table>`;
         return [
             `<html><head><title>${opts.title}</title>`,
             '<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"></head>',
             '<body><div class="container">',
             `<h2>${opts.heading}</h2>`,
             `<p>${opts.description}</p>`,
+            alsoSee,
             '<p>Contributions <a href="https://github.com/dc-js/dc.js/blob/master/CONTRIBUTING.md">welcome</a>.',
             `Source <a href="${opts.sourceLink}">`,
             'here</a>.</p>',
