Version 2.2.0

I broke this with my incorrect advice :D

.jscsrc

@@ -0,0 +1,94 @@
+{
+	"disallowEmptyBlocks": true,
+	"disallowImplicitTypeConversion": [
+		"binary",
+		"boolean",
+		"numeric",
+		"string"
+	],
+	"disallowKeywordsOnNewLine": [
+		"catch",
+		"else"
+	],
+	"disallowMixedSpacesAndTabs": true,
+	"disallowMultipleSpaces": true,
+	"disallowMultipleVarDecl": true,
+	"disallowNewlineBeforeBlockStatements": true,
+	"disallowParenthesesAroundArrowParam": true,
+	"disallowQuotedKeysInObjects": true,
+	"disallowSpaceAfterObjectKeys": {
+		"allExcept": [
+			"method"
+		]
+	},
+	"disallowSpaceAfterPrefixUnaryOperators": true,
+	"disallowSpaceBeforeComma": true,
+	"disallowSpaceBeforeSemicolon": true,
+	"disallowSpacesInCallExpression": true,
+	"disallowSpacesInFunction": {
+		"beforeOpeningRoundBrace": true
+	},
+	"disallowSpacesInsideArrayBrackets": true,
+	"disallowSpacesInsideBrackets": true,
+	"disallowSpacesInsideObjectBrackets": true,
+	"disallowSpacesInsideParentheses": true,
+	"disallowSpacesInsideTemplateStringPlaceholders": true,
+	"disallowTrailingComma": true,
+	"disallowTrailingWhitespace": true,
+	"disallowVar": true,
+	"disallowYodaConditions": true,
+
+	"maximumLineLength": 100,
+
+	"requireArrowFunctions": true,
+	"requireBlocksOnNewline": true,
+	"requireCamelCaseOrUpperCaseIdentifiers": true,
+	"requireCapitalizedConstructors": true,
+	"requireCommaBeforeLineBreak": true,
+	"requireCurlyBraces": true,
+	"requireDotNotation": true,
+	"requireFunctionDeclarations": true,
+	"requireLineBreakAfterVariableAssignment": true,
+	"requireLineFeedAtFileEnd": true,
+	"requireObjectKeysOnNewLine": true,
+	"requireParenthesesAroundIIFE": true,
+	"requireSemicolons": true,
+	"requireSpaceAfterBinaryOperators": true,
+	"requireSpaceAfterKeywords": [
+		"if",
+		"else",
+		"for",
+		"while",
+		"do",
+		"switch",
+		"try",
+		"catch"
+	],
+	"requireSpaceAfterLineComment": {
+		"allExcept": [
+			"="
+		]
+	},
+	"requireSpaceBeforeBinaryOperators": true,
+	"requireSpaceBeforeBlockStatements": true,
+	"requireSpaceBeforeObjectValues": true,
+	"requireSpaceBetweenArguments": true,
+	"requireSpacesInConditionalExpression": true,
+	"requireSpacesInForStatement": true,
+	"requireSpacesInFunction": {
+		"beforeOpeningCurlyBrace": true
+	},
+	"requireTemplateStrings": true,
+
+	"validateIndentation": "\t",
+	"validateLineBreaks": "LF",
+	"validateNewlineAfterArrayElements": true,
+	"validateParameterSeparator": ", ",
+	"validateQuoteMarks": "'",
+
+	"excludeFiles": [
+		"coverage",
+		"node_modules",
+		"public/js"
+	]
+}

.jshintignore

@@ -0,0 +1,3 @@
+coverage
+node_modules
+public/js

.jshintrc

@@ -0,0 +1,26 @@
+{
+	"curly": true,
+	"eqeqeq": true,
+	"esversion": 6,
+	"forin": true,
+	"globals": {
+		"after": true,
+		"afterEach": true,
+		"before": true,
+		"beforeEach": true,
+		"describe": true,
+		"it": true
+	},
+	"latedef": "nofunc",
+	"maxcomplexity": 6,
+	"maxdepth": 2,
+	"maxparams": 4,
+	"noarg": true,
+	"node": true,
+	"nonew": true,
+	"nonstandard": true,
+	"shadow": false,
+	"strict": true,
+	"undef": true,
+	"unused": true
+}

.travis.yml

@@ -1,8 +1,16 @@
 
 # Language/versions
 language: node_js
-node_js:
-  - "0.10"
+matrix:
+  include:
+    - node_js: '4'
+    - node_js: '5'
+    - node_js: '6'
+
+# Build only master (and pull-requests)
+branches:
+  only:
+    - master
 
 # Services setup
 services:
@@ -10,15 +18,7 @@ services:
 
 # Build script
 before_script:
-  - npm install -g grunt-cli
   - cp config/test.sample.json config/test.json
-  - grunt start-test &
+  - NODE_ENV=test node index.js &
   - sleep 5 # give server time to start
-script: 'grunt ci'
-
-# Notifications
-notifications:
- email:
-   - j.robinson@nature.com
-   - perry.harlock@nature.com
-   - rowan.manning@nature.com
+script: 'make ci'

CHANGELOG.md

@@ -0,0 +1,237 @@
+
+# Changelog
+
+## 2.2.0 (2017-01-27)
+
+  * Add support for Pa11y actions
+  * Update dependencies
+    * pa11y-webservice: ~2.1.2 to ^2.3.0
+
+## 2.1.2 (2016-12-12)
+
+  * Hide the "add" button in readonly mode
+  * Add a contributing guide
+
+## 2.1.1 (2016-11-20)
+
+  * Use arrows instead of plus and minus for collapsibles/expanders
+  * Supply more detailed 500 messages
+
+## 2.1.0 (2016-11-07)
+
+  * Allow for configuration files to be JavaScript rather than JSON
+  * Allow setting of HTTP headers for task runs
+  * Allow hiding/ignoring elements for task runs
+  * Update dependencies and devDependencies
+    * pa11y-webservice: ~2.0.1 to ^2.1.2
+    * mocha: ^3 to ^2 (temporary – tests weren't running)
+
+## 2.0.1 (2016-09-12)
+
+  * Update dependencies and devDependencies
+    * express: ~4.13 to ~4.14
+    * pa11y-webservice: ~2.0 to ^2.0.1
+    * request: ^2 to ^2.74
+    * mocha: ^2 to ^3
+    * pa11y-webservice-client-node: ~1.2 to ^1.2.1
+    This fixes the following vulnerabilities:
+    * https://nodesecurity.io/advisories/45
+    * https://nodesecurity.io/advisories/63
+    * https://nodesecurity.io/advisories/65
+    * https://nodesecurity.io/advisories/106
+    * https://nodesecurity.io/advisories/121
+    * https://nodesecurity.io/advisories/130
+
+## 2.0.0 (2016-06-05)
+
+  * Drop Node.js 0.10–0.12 support
+  * Update dependencies
+    * pa11y-webservice: ~1.11 to ~2.0
+  * See the [migration guide](https://github.com/pa11y/dashboard/blob/master/MIGRATION.md#migrating-from-10-to-20) for details
+
+## 1.12.1 (2016-06-05)
+
+  * Update references/links after a repo rename
+
+## 1.12.0 (2016-05-26)
+
+  * Update Node.js version support to 0.10–6.0
+  * Update dependencies
+    * body-parser: added at ~1.15
+    * chalk: ~0.2 to ~1.1
+    * compression: added at ~1.6
+    * express: ~3.4 to ~4.13
+    * express-hbs: ~0.2 to ~1.0
+    * moment: ~2.2 to ~2.13
+    * pa11y-webservice: ~1.10 to ~1.11
+    * pa11y-webservice-client-node: ~1.1 to ~1.2
+    * bower: ~1.2 to ~1.7
+    * cheerio: added at ~0.20
+    * jsdom: removed
+    * request: ~2.27 to ^2
+    * uglify-js: ~2.4 to ~2.6
+
+## 1.11.0 (2016-05-23)
+
+  * Add the ability to configure task wait times
+  * Allow configuration by environment variables
+  * Update repository references to the new Pa11y organisation
+  * Add a changelog
+
+## 1.10.0 (2016-05-18)
+
+  * Automatically focus on the filter input box when you select the filter
+  * Make a task URL clickable
+  * Tweak the documentation to make it more usable
+  * Add a resources section to the README
+
+## 1.9.0 (2016-04-25)
+
+  * Show errors' context and selector on the results page
+  * Add context and selector to CSV output
+  * Fix lint errors
+  * Switch from Grunt to Make
+  * Add a `SIGINT` handler
+  * Update dependencies
+    * pa11y-webservice: ~1.6 to ~1.8
+
+## 1.8.2 (2016-02-10)
+
+  * Update the license in the footer
+
+## 1.8.1 (2016-02-10)
+
+  * Update repository references to springernature
+
+## 1.8.0 (2016-02-04)
+
+  * Make the graph more accessible to color-blind users
+  * Fix lint errors
+
+## 1.7.0 (2016-01-29)
+
+  * Hide the date list from individual result pages
+  * Make the date selector properly keyboard accessible
+  * Change the options button into a more accessible list
+  * Make the errors/warnings/notices lists keyboard accessible
+
+## 1.6.1 (2016-01-26)
+
+  * Add keyboard access for filters
+  * Fix lint errors
+
+## 1.6.0 (2015-08-20)
+
+  * Hide all graph data except for errors by default
+
+## 1.5.0 (2015-07-06)
+
+  * Add the ability to use HTTP basic auth with task URLs
+  * Update dependencies
+    * pa11y-webservice: ~1.5 to ~1.6
+
+## 1.4.0 (2015-07-02)
+
+  * Add the ability to set a per-task timeout
+
+## 1.3.2 (2015-01-17)
+
+  * Update dependencies
+    * pa11y-webservice: ~1.3 to ~1.4
+
+## 1.3.1 (2014-03-05)
+
+  * Fix the URL filter position when in demo mode
+
+## 1.3.0 (2014-03-04)
+
+  * Add filtering of tasks on the home page
+  * Add the ability to ignore certain rules
+  * Add the ability to ignore a rule from the result page
+  * Tweak the display of task cards
+
+## 1.2.3 (2014-01-13)
+
+  * Fix CSV export for the OS X version of Excel
+
+## 1.2.2 (2014-01-09)
+
+  * Fix spacing issues when the graph is not visible
+  * Add notes on publishing a release
+
+## 1.2.1 (2014-01-08)
+
+  * Fix dropdown positioning in Internet Explorer 7 and 8
+
+## 1.2.0 (2013-12-12)
+
+  * Add HTML Codesniffer links on the results page
+  * Display the ignore rules for results on the results page
+  * Link the breadcrumbs on task sub-pages
+  * Fix an issue with saving empty ignore rules
+  * Cache-bust the CSS and JavaScript
+  * Add the ability to edit tasks
+  * Fix lint errors
+  * Tweaks to the display of the graphs
+  * Update dependencies
+    * pa11y-webservice: ~1.1 to ~1.2
+    * pa11y-webservice-client-node: ~1.0 to ~1.1
+
+## 1.1.0 (2013-11-22)
+
+  * Add a functional test suite
+  * Allow the webservice to run automatically
+  * Documentation improvements
+  * Add a Travis config
+  * Fix lint errors
+
+## 1.0.0 (2013-11-19)
+
+  * Initial stable release
+  * Add the ability to set a site-wide message
+  * Add a demo mode for demo/public-facing sites
+  * Disable search engine indexing by default
+  * Tweak the task header at smaller screen sizes
+  * Make checkboxes on the graph WCAG2AA compliant
+  * Make checkbox inputs and labels WCAG2AA compliant on new URL page
+  * Colour changes to ensure there are no contrast issues
+  * Make the copy more consistent
+  * Update screenshots
+  * Update dependencies
+    * pa11y-webservice-client-node: 1.0.0-beta.7 to ~1.0
+
+## 1.0.0-beta.3 pre-release (2013-11-12)
+
+  * Fix lint errors
+  * Add descriptive labels to tasks
+  * Add a name field to "New URL" form
+  * Add a WCAG 2.0 link to the footer
+  * Tweak the layout at smaller screen sizes
+  * Notify users when there are no ignored rules
+  * Fix the expires headers for front end assets
+  * Move from Make to Grunt
+  * Compress static files
+  * Minify the site JavaScript
+  * Compile LESS files with grunt
+  * Add a watch task to recompile assets on change
+  * Commit compiled front-end code to the repo
+  * Add development instructions
+  * Update screenshots
+  * Update dependencies
+    * pa11y-webservice-client-node: 1.0.0-beta.4 to 1.0.0-beta.7
+
+## 1.0.0-beta.2 pre-release (2013-10-04)
+
+  * Add screenshots to the README
+  * Fix margins
+  * Add bower package management
+  * Stop the graph from appearing if there's only one result
+  * Add the ability to run tasks ad-hoc
+  * Add more useful information to the footer
+  * General copy edits
+  * Update dependencies
+    * pa11y-webservice-client-node: 1.0.0-beta.3 to 1.0.0-beta.4
+
+## 1.0.0-beta.1 pre-release (2013-09-27)
+
+  * Initial release

CONTRIBUTING.md

@@ -1,38 +1,21 @@
 
-How To Contribute
-=================
+Contributing Guide
+==================
 
-pa11y-dashboard accepts contributions from anyone, as long as you follow the guidelines below. If you'd like to contribute but aren't sure what there is for you to do, check the issue tracker for [things ready to be worked on][ready] and [known bugs][bugs].
+Thanks for getting involved :tada:
 
-It might be an idea to focus efforts on the goal of the [next milestone][milestones] before jumping onto anything too far ahead on the roadmap.
+The Pa11y team loves to see new contributors, and we strive to provide a welcoming and inclusive environment. We ask that all contributors read and follow [our code of conduct][code-of-conduct] before joining. If you represent an organisation, then you might find our [guide for companies][companies] helpful.
 
+Our website outlines the many ways that you can contribute to Pa11y:
 
-Features
---------
-
-We won't accept features without prior discussion in the [issue tracker][issues]. Two heads are always better than one – this blanket rule stops you from spending your valuable time on features which may not make it back into pa11y-dashboard.
-
-If you want to fork the project and build on it by yourself, of course that's absolutely fine! Just don't expect your code to me merged back upstream :)
-
-
-Refactoring/Rewriting
----------------------
-
-We will accept refactors where it makes an improvement to the maintainability of the code-base or makes code more readable/understandable. If there's an argument about what's readable or not, chat about it in a pull-request.
-
-
-Coding Guidelines
------------------
-
-* No trailing whitespace please (except in Markdown)
-* Generally follow the style that is currently present in the code – consistency is important
-* Keep indentation consistent (tabs)
-* Don't commit code with lint errors (run `grunt lint` to run JSHint with the correct configurations)
-* Don't commit code without passing tests (run `grunt test`).
+  - [Help us to talk to our users][communications]
+  - [Help us out with design][designers]
+  - [Help us with our code][developers]
 
 
 
-[bugs]: https://github.com/nature/pa11y-dashboard/issues?labels=bug&state=open
-[ready]: https://github.com/nature/pa11y-dashboard/issues?labels=ready&state=open
-[issues]: https://github.com/nature/pa11y-dashboard/issues
-[milestones]: https://github.com/nature/pa11y-dashboard/issues/milestones
+[code-of-conduct]: http://pa11y.org/contributing/code-of-conduct/
+[communications]: http://pa11y.org/contributing/communications/
+[companies]: http://pa11y.org/contributing/companies/
+[designers]: http://pa11y.org/contributing/designers/
+[developers]: http://pa11y.org/contributing/developers/

Gruntfile.js

@@ -1,116 +0,0 @@
-module.exports = function (grunt) {
-
-	grunt.initConfig({
-
-		jshint: {
-			all: [
-				'**/*.js',
-				'!node_modules/**/*.js',
-				'!public/js/vendor/**/*.js',
-				'!public/js/site.min.js'
-			],
-			options: {
-				es3: false,
-				indent: 4,
-				latedef: false,
-				maxcomplexity: 4,
-				maxdepth: 2,
-				maxlen: 100,
-				maxparams: 4,
-				maxstatements: false,
-				node: true,
-				quotmark: 'single'
-			}
-		},
-
-		less: {
-			all: {
-				options: {
-					cleancss: true
-				},
-				files: {
-					'public/css/site.min.css': 'public/less/main.less'
-				}
-			}
-		},
-
-		mochaTest: {
-			functional: {
-				src: ['test/functional/**/*.js'],
-				options: {
-					reporter: 'spec'
-				}
-			}
-		},
-
-		nodemon: {
-			development: {
-				options: {
-					cwd: __dirname,
-					file: 'index.js',
-					env: {
-						NODE_ENV: 'development'
-					}
-				}
-			},
-			test: {
-				options: {
-					cwd: __dirname,
-					file: 'index.js',
-					env: {
-						NODE_ENV: 'test'
-					}
-				}
-			}
-		},
-
-		uglify: {
-			options: {
-				mangle: false
-			},
-			all: {
-				files: {
-					'public/js/site.min.js': [
-						'public/js/vendor/jquery/jquery.min.js',
-						'public/js/vendor/bootstrap/js/alert.js',
-						'public/js/vendor/bootstrap/js/dropdown.js',
-						'public/js/vendor/bootstrap/js/tooltip.js',
-						'public/js/vendor/flot/jquery.flot.js',
-						'public/js/vendor/flot/jquery.flot.time.js',
-						'public/js/vendor/flot/jquery.flot.selection.js',
-						'public/js/vendor/flot/jquery.flot.resize.js',
-						'public/js/site.js'
-					]
-				}
-			}
-		},
-
-		watch: {
-			less: {
-				files: ['public/less/**/*.less'],
-				tasks: ['less']
-			},
-			js: {
-				files: ['public/js/**/*.js', '!public/js/site.min.js'],
-				tasks: ['uglify']
-			}
-		}
-
-	});
-
-	grunt.loadNpmTasks('grunt-contrib-jshint');
-	grunt.loadNpmTasks('grunt-contrib-less');
-	grunt.loadNpmTasks('grunt-contrib-uglify');
-	grunt.loadNpmTasks('grunt-contrib-watch');
-	grunt.loadNpmTasks('grunt-mocha-test');
-	grunt.loadNpmTasks('grunt-nodemon');
-
-	grunt.registerTask('lint', ['jshint']);
-	grunt.registerTask('test', ['mochaTest']);
-	grunt.registerTask('compile', ['less', 'uglify']);
-	grunt.registerTask('start', ['nodemon:development']);
-	grunt.registerTask('start-test', ['nodemon:test']);
-	grunt.registerTask('default', ['compile', 'lint', 'test']);
-	grunt.registerTask('ci', ['lint', 'test']);
-
-};

MIGRATION.md

@@ -0,0 +1,19 @@
+
+Migration Guide
+===============
+
+Pa11y Dashboard's API changes between major versions. This is a guide to help you make the switch when this happens.
+
+
+Table Of Contents
+-----------------
+
+- [Migrating from 1.0 to 2.0](#migrating-from-10-to-20)
+
+
+Migrating from 1.0 to 2.0
+-------------------------
+
+### Node.js Support
+
+The only breaking change in Pa11y Dashboard 2.0 is that Node.js 0.10 and 0.12 are no longer supported. We'll be using newer ES6 features in upcoming releases which will not work in these older Node.js versions.

Makefile

@@ -0,0 +1,59 @@
+
+# Color helpers
+C_CYAN=\x1b[34;01m
+C_RESET=\x1b[0m
+
+# Group targets
+all: deps lint test
+ci: lint test
+
+# Install dependencies
+deps:
+	@echo "$(C_CYAN)> installing dependencies$(C_RESET)"
+	@npm install
+
+# Lint JavaScript
+lint: jshint jscs
+
+# Run JSHint
+jshint:
+	@echo "$(C_CYAN)> linting javascript$(C_RESET)"
+	@./node_modules/.bin/jshint .
+
+# Run JavaScript Code Style
+jscs:
+	@echo "$(C_CYAN)> checking javascript code style$(C_RESET)"
+	@./node_modules/.bin/jscs .
+
+# Run all tests
+test: test-integration
+
+# Run integration tests
+test-integration:
+	@echo "$(C_CYAN)> running integration tests$(C_RESET)"
+	@./node_modules/.bin/mocha ./test/integration --reporter spec --recursive --timeout 5000 --slow 50
+
+# Compile LESS
+less:
+	@echo "$(C_CYAN)> compiling less$(C_RESET)"
+	@./node_modules/.bin/lessc -x ./public/less/main.less ./public/css/site.min.css
+
+# Compile client-side JavaScript
+uglify:
+	@echo "$(C_CYAN)> compiling client-side JavaScript$(C_RESET)"
+	@./node_modules/.bin/uglifyjs \
+		public/js/vendor/jquery/jquery.min.js \
+		public/js/vendor/bootstrap/js/alert.js \
+		public/js/vendor/bootstrap/js/dropdown.js \
+		public/js/vendor/bootstrap/js/tooltip.js \
+		public/js/vendor/bootstrap/js/transition.js \
+		public/js/vendor/bootstrap/js/collapse.js \
+		public/js/vendor/flot/jquery.flot.js \
+		public/js/vendor/flot/jquery.flot.dashes.js \
+		public/js/vendor/flot/jquery.flot.time.js \
+		public/js/vendor/flot/jquery.flot.selection.js \
+		public/js/vendor/flot/jquery.flot.resize.js \
+		public/js/site.js \
+		-o ./public/js/site.min.js
+
+.PHONY: test

README.md

@@ -1,11 +1,18 @@
-pa11y-dashboard
+Pa11y Dashboard
 ===============
 
-pa11y-dashboard is a web interface to the [pa11y][pa11y] accessibility reporter; allowing you to focus on *fixing* issues rather than hunting them down.
+Pa11y Dashboard is a web interface to the [Pa11y][pa11y] accessibility reporter; allowing you to focus on *fixing* issues rather than hunting them down.
 
-**Current Version:** *1.2.1*  
-**Build Status:** [![Build Status][travis-img]][travis]  
-**Node Version Support:** *0.10*
+![Version][shield-version]
+[![Node.js version support][shield-node]][info-node]
+[![Build status][shield-build]][info-build]
+[![GPL-3.0 licensed][shield-license]][info-license]
+
+---
+
+✨ 🔜 ✨ The Pa11y team is very excited to announce plans for the successor to Pa11y Dashboard and Pa11y Webservice, codename "Sidekick". Help us define the features that you want to see by visiting the [proposal][sidekick-proposal]. ✨  
+
+---
 
 
 ![dashboard](https://f.cloud.github.com/assets/1225142/1549567/f0361e72-4de8-11e3-8d14-3fe6900cc15d.jpg)
@@ -15,95 +22,142 @@ pa11y-dashboard is a web interface to the [pa11y][pa11y] accessibility reporter;
 Setup
 -----
 
-pa11y-dashboard requires [Node.js][node] 0.10+, [PhantomJS][phantom], and [MongoDB][mongo] to be installed. See the [pa11y][pa11y] and [pa11y-webservice][pa11y-webservice] documentation for more information on these dependencies.
+Pa11y Dashboard requires [Node.js][node] 4+. See the [Pa11y][pa11y] documentation for detailed instructions on how to install this on your operating system.
 
-You'll then need to clone this repo locally and install dependencies with `npm install`.
+You'll also need to have [MongoDB][mongo] installed and running. See the [MongoDB install guide][mongo-install] for more information on this.
 
-Once you have a local clone, you'll need to copy some sample configuration files in order to run the application. From within the repo, run the following commands:
+You'll then need to clone this repo locally and install dependencies with `npm install`. Now you need to add some configuration before you can run the application. We can do this in two ways:
+
+### Option 1: Using Environment Variables
+
+Each configuration can be set with an environment variable rather than a config file. For example to run the application on port `8080` you can use the following:
 
 ```sh
-$ cp config/development.sample.json config/development.json
-$ cp config/production.sample.json config/production.json
-$ cp config/test.sample.json config/test.json
+PORT=8080 node index.js
 ```
 
-Each of these files defines configurations for a different environment. If you're just running the application locally, then you should be OK with just development configurations. The [available configurations are documented here](#configurations).
+The [available configurations are documented here](#configurations).
 
-Now that you've got your application configured, you can run in each mode with the following commands:
+### Option 2: Using Config Files
+
+You'll need to copy and modify different config files depending on your environment (set with `NODE_ENV`):
 
 ```sh
-$ NODE_ENV=production node .   # Run in production
-$ NODE_ENV=development node .  # Run in development
-$ NODE_ENV=test node .         # Run in test
+cp config/development.sample.json config/development.json
+cp config/production.sample.json config/production.json
+cp config/test.sample.json config/test.json
 ```
 
-Check the [development instructions](#development) for more information about running locally (and restarting automatically when files change).
+Each of these files defines configurations for a different environment. If you're just running the application locally, then you should be OK with just development and test configurations. The [available configurations are documented here](#configurations).
+
+Now that you've got your application configured, make sure you have a MongoDB server running with the `mongod` command in another terminal window. You can run in each mode by changing the `NODE_ENV` environment variable:
+
+```sh
+NODE_ENV=development node index.js
+```
+
+See [development instructions](#development) for more information about running locally (and restarting automatically when files change).
+
+If you run into problems, check the [troubleshooting guide][troubleshooting].
 
 
 Configurations
 --------------
 
-The boot configurations for pa11y-dashboard are as follows. Look at the sample JSON files in the repo for example usage.
+The boot configurations for Pa11y Dashboard are as follows. Look at the sample JSON files in the repo for example usage.
 
 ### port
-*(number)* The port to run the application on.
+*(number)* The port to run the application on. Set via a config file or the `PORT` environment variable.
 
 ### noindex
-*(boolean)* If set to `true` (default), the dashboard will not be indexed by search engines. Set to `false` to allow indexing.
+*(boolean)* If set to `true` (default), the dashboard will not be indexed by search engines. Set to `false` to allow indexing. Set via a config file or the `NOINDEX` environment variable.
 
 ### readonly
-*(boolean)* If set to `true`, users will not be able to add, delete or run URLs (defaults to `false`).
+*(boolean)* If set to `true`, users will not be able to add, delete or run URLs (defaults to `false`). Set via a config file or the `READONLY` environment variable.
 
 ### siteMessage
 *(string)* A message to display prominently on the site home page. Defaults to `null`.
 
 ### webservice
-This can either be an object containing [pa11y-webservice configurations][pa11y-webservice-config], or a string which is the base URL of a [pa11y-webservice][pa11y-webservice] instance you are running separately.
+This can either be an object containing [Pa11y Webservice configurations][pa11y-webservice-config], or a string which is the base URL of a [Pa11y Webservice][pa11y-webservice] instance you are running separately. If using environment variables, prefix the webservice vars with `WEBSERVICE_`.
 
 
-Development
------------
+Contributing
+------------
 
-To develop pa11y-dashboard, you'll need to clone the repo and get set up as outlined in the [setup guide](#setup). You'll also need [Grunt][grunt] to be installed globally in order to run tests, you can do this with `npm install -g grunt-cli`.
+There are many ways to contribute to Pa11y Dashboard, we cover these in the [contributing guide](CONTRIBUTING.md) for this repo.
 
-Once you've done this, you'll need to start the application in test mode with:
+If you're ready to contribute some code, you'll need to clone the repo and get set up as outlined in the [setup guide](#setup).
+
+You'll need to start the application in test mode with:
 
 ```sh
-$ grunt start-test
+NODE_ENV=test node index.js
 ```
 
 Now you'll be able to run the following commands:
 
 ```sh
-$ grunt             # Run the lint and test tasks together
-$ grunt lint        # Run JSHint with the correct config
-$ grunt compile     # Compile front-end assets
-$ grunt start       # Run app in development mode, restarting if files change
-$ grunt start-test  # Run app in test mode, restarting if files change
-$ grunt test        # Run functional tests
-$ grunt watch       # Watch for file changes and compile assets
+make       # Run the lint and test tasks together
+make lint  # Run linters with the correct config
+make test  # Run integration tests
 ```
 
 Code with lint errors or failing tests will not be accepted, please use the build tools outlined above.
 
-For users with push-access, don't commit to the master branch. Code should be in `develop` until it's ready to be released.
+To compile the client-side JavaScript and CSS, you'll need the following commands. Compiled code is committed to the repository.
+
+```sh
+make less    # Compile the site CSS from LESS files
+make uglify  # Compile and uglify the client-side JavaScript
+```
+
+
+Useful Resources
+-------
+* [Setting up An Accessibility Dashboard from Scratch with Pa11y on DigitalOcean][resource-una-k]
+
+
+Support and Migration
+---------------------
+
+Pa11y Dashboard major versions are normally supported for 6 months after their last minor release. This means that patch-level changes will be added and bugs will be fixed. The table below outlines the end-of-support dates for major versions, and the last minor release for that version.
+
+We also maintain a [migration guide](MIGRATION.md) to help you migrate.
+
+| :grey_question: | Major Version | Last Minor Release | Node.js Versions | Support End Date |
+| :-------------- | :------------ | :----------------- | :--------------- | :--------------- |
+| :heart:         | 2             | N/A                | 4+               | N/A              |
+| :skull:         | 1             | 1.12               | 0.10–6           | 2016-12-05       |
+
+If you're opening issues related to these, please mention the version that the issue relates to.
 
 
 License
 -------
 
-[Copyright 2013 Nature Publishing Group](LICENSE.txt).  
-pa11y-dashboard is licensed under the [GNU General Public License 3.0][gpl].
+Pa11y Dashboard is licensed under the [GNU General Public License 3.0][info-license].<br/>
+Copyright &copy; 2013–2017, Team Pa11y
 
 
 
 [gpl]: http://www.gnu.org/licenses/gpl-3.0.html
-[grunt]: http://gruntjs.com/
 [mongo]: http://www.mongodb.org/
+[mongo-install]: https://docs.mongodb.org/manual/installation/
 [node]: http://nodejs.org/
-[pa11y]: https://github.com/nature/pa11y
-[pa11y-webservice]: https://github.com/nature/pa11y-webservice
-[pa11y-webservice-config]: https://github.com/nature/pa11y-webservice#configurations
+[pa11y]: https://github.com/pa11y/pa11y
+[pa11y-webservice-config]: https://github.com/pa11y/webservice#configurations
 [phantom]: http://phantomjs.org/
-[travis]: https://travis-ci.org/nature/pa11y-dashboard
-[travis-img]: https://travis-ci.org/nature/pa11y-dashboard.png?branch=master
+[resource-una-k]: https://una.im/pa11y-dash/
+[sidekick-proposal]: https://github.com/pa11y/sidekick/blob/master/PROPOSAL.md
+[travis]: https://travis-ci.org/pa11y/dashboard
+[travis-img]: https://travis-ci.org/pa11y/dashboard.png?branch=master
+[troubleshooting]: https://github.com/pa11y/dashboard/blob/master/TROUBLESHOOTING.md
+
+[info-license]: LICENSE
+[info-node]: package.json
+[info-build]: https://travis-ci.org/pa11y/dashboard
+[shield-license]: https://img.shields.io/badge/license-GPL%203.0-blue.svg
+[shield-node]: https://img.shields.io/badge/node.js%20support-4–6-brightgreen.svg
+[shield-version]: https://img.shields.io/badge/version-2.2.0-blue.svg
+[shield-build]: https://img.shields.io/travis/pa11y/dashboard/master.svg

TROUBLESHOOTING.md

@@ -0,0 +1,27 @@
+Troubleshooting
+===============
+
+
+Common issues
+-----
+
+* `500` errors or `Could not connect to pa11y-webservice` messages are often related to MongoDB. Ensure that you have the [latest version of MongoDB][mongo-install] installed, and that it's running - it doesn't always start automatically. 
+* Error messages saying that pa11y-webservice isn't running may be due to dependency installation problems. Try deleting your `pa11y-dashboard/node_modules` directory and running `npm install` again. 
+
+
+Check to see if the issue has been reported
+-----
+
+* Check the [issue tracker][issues] for similar issues.
+
+
+Create an issue
+-----
+
+If all else fails, [create an issue][create-issue] and we'll help you. Please include your node.js, Phantom, and MongoDB version numbers, and your operating system. 
+
+
+[issues]: https://github.com/pa11y/dashboard/issues?utf8=%E2%9C%93&q=is%3Aissue
+[mongo-install]: https://docs.mongodb.org/manual/installation/
+[create-issue]: https://github.com/pa11y/dashboard/issues/new
+

app.js

@@ -1,58 +1,78 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var createClient = require('pa11y-webservice-client-node');
-var EventEmitter = require('events').EventEmitter;
-var express = require('express');
-var hbs = require('express-hbs');
-var http = require('http');
-var pkg = require('./package.json');
+const bodyParser = require('body-parser');
+const compression = require('compression');
+const createClient = require('pa11y-webservice-client-node');
+const EventEmitter = require('events').EventEmitter;
+const express = require('express');
+const hbs = require('express-hbs');
+const http = require('http');
+const pkg = require('./package.json');
 
 module.exports = initApp;
 
 // Initialise the application
-function initApp (config, callback) {
+function initApp(config, callback) {
 	config = defaultConfig(config);
 
-	var webserviceUrl = config.webservice;
-	if (typeof webserviceUrl == 'object') {
-		webserviceUrl = 'http://' + webserviceUrl.host + ':' + webserviceUrl.port + '/';
+	let webserviceUrl = config.webservice;
+	if (typeof webserviceUrl === 'object') {
+		webserviceUrl = `http://${webserviceUrl.host}:${webserviceUrl.port}/`;
 	}
 
-	var app = new EventEmitter();
+	const app = new EventEmitter();
 	app.address = null;
 	app.express = express();
 	app.server = http.createServer(app.express);
 	app.webservice = createClient(webserviceUrl);
 
 	// Compression
-	app.express.use(express.compress());
+	app.express.use(compression());
 
 	// Public files
-	app.express.use(express.static(__dirname + '/public', {
+	app.express.use(express.static(`${__dirname}/public`, {
 		maxAge: (process.env.NODE_ENV === 'production' ? 604800000 : 0)
 	}));
 
 	// General express config
 	app.express.disable('x-powered-by');
-	app.express.use(express.bodyParser());
+	app.express.use(bodyParser.urlencoded({
+		extended: true
+	}));
 
 	// View engine
-	app.express.set('views', __dirname + '/view');
-	app.express.engine('html', hbs.express3({
+	app.express.engine('html', hbs.express4({
 		extname: '.html',
 		contentHelperName: 'content',
-		layoutsDir: __dirname + '/view/layout',
-		partialsDir: __dirname + '/view/partial',
-		defaultLayout: __dirname + '/view/layout/default',
+		layoutsDir: `${__dirname}/view/layout`,
+		partialsDir: `${__dirname}/view/partial`,
+		defaultLayout: `${__dirname}/view/layout/default`
 	}));
+	app.express.set('views', `${__dirname}/view`);
 	app.express.set('view engine', 'html');
 
 	// View helpers
-	require('./view/helper/date')(hbs.registerHelper);
-	require('./view/helper/url')(hbs.registerHelper);
+	require('./view/helper/date')(hbs);
+	require('./view/helper/string')(hbs);
+	require('./view/helper/url')(hbs);
 
 	// Populate view locals
-	app.express.locals({
+	app.express.locals = {
 		lang: 'en',
 		year: (new Date()).getFullYear(),
 		version: pkg.version,
@@ -60,12 +80,13 @@ function initApp (config, callback) {
 		bugtracker: pkg.bugs,
 		noindex: config.noindex,
 		readonly: config.readonly,
-		siteMessage: config.siteMessage
-	});
+		siteMessage: config.siteMessage,
+		settings: {}
+	};
 
-	app.express.use(function (req, res, next) {
+	app.express.use((req, res, next) => {
 		res.locals.isHomePage = (req.path === '/');
-		res.locals.host = req.host;
+		res.locals.host = req.hostname;
 		next();
 	});
 
@@ -79,17 +100,19 @@ function initApp (config, callback) {
 		require('./route/task/delete')(app);
 		require('./route/task/run')(app);
 		require('./route/task/edit')(app);
+		require('./route/task/ignore')(app);
+		require('./route/task/unignore')(app);
 	}
 
 	// Error handling
-	app.express.get('*', function (req, res) {
+	app.express.get('*', (req, res) => {
 		res.status(404);
 		res.render('404');
 	});
-	app.express.use(function (err, req, res, next) {
+	app.express.use((err, req, res, next) => {
 		/* jshint unused: false */
 		if (err.code === 'ECONNREFUSED') {
-			err = new Error('Could not connect to pa11y-webservice');
+			err = new Error('Could not connect to Pa11y Webservice');
 		}
 		app.emit('route-error', err);
 		if (process.env.NODE_ENV !== 'production') {
@@ -99,16 +122,16 @@ function initApp (config, callback) {
 		res.render('500');
 	});
 
-	app.server.listen(config.port, function (err) {
-		var address = app.server.address();
-		app.address = 'http://' + address.address + ':' + address.port;
+	app.server.listen(config.port, err => {
+		const address = app.server.address();
+		app.address = `http://${address.address}:${address.port}`;
 		callback(err, app);
 	});
 
 }
 
 // Get default configurations
-function defaultConfig (config) {
+function defaultConfig(config) {
 	if (typeof config.noindex !== 'boolean') {
 		config.noindex = true;
 	}

config.js

@@ -0,0 +1,45 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+'use strict';
+
+const fs = require('fs');
+const environment = (process.env.NODE_ENV || 'development');
+const jsonPath = `./config/${environment}.json`;
+const jsPath = `./config/${environment}.js`;
+
+if (fs.existsSync(jsonPath)) {
+	module.exports = require(jsonPath);
+} else if (fs.existsSync(jsPath)) {
+	module.exports = require(jsPath);
+} else {
+	module.exports = {
+		port: Number(env('PORT', '4000')),
+		noindex: env('NOINDEX', 'true') === 'true',
+		readonly: env('READONLY', 'false') === 'true',
+
+		webservice: env('WEBSERVICE_URL', {
+			database: env('WEBSERVICE_DATABASE', 'mongodb://localhost/pa11y-webservice'),
+			host: env('WEBSERVICE_HOST', '0.0.0.0'),
+			port: Number(env('WEBSERVICE_PORT', '3000')),
+			cron: env('WEBSERVICE_CRON', false)
+		})
+	};
+}
+
+function env(name, defaultValue) {
+	const value = process.env[name];
+	return typeof value === 'string' ? value : defaultValue;
+}

data/standards.js

@@ -1,9 +1,24 @@
-/* jshint maxlen: false */
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength
 'use strict';
 
 module.exports = getStandards;
 
-function getStandards () {
+function getStandards() {
 	return [
 		{
 			title: 'Section508',
@@ -641,10 +656,12 @@ function getStandards () {
 				{
 					name: 'WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2',
 					description: 'Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.'
-				},          {
+				},
+				{
 					name: 'WCAG2AA.Principle1.Guideline1_1.1_1_1.H37',
 					description: 'Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.'
-				},          {
+				},
+				{
 					name: 'WCAG2AA.Principle1.Guideline1_1.1_1_1.H67.1',
 					description: 'Img element with empty alt text must have absent or empty title attribute.'
 				},

index.js

@@ -1,18 +1,38 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var chalk = require('chalk');
-var config = require('./config/' + (process.env.NODE_ENV || 'development') + '.json');
+const chalk = require('chalk');
+const config = require('./config');
 
-require('./app')(config, function (err, app) {
+process.on('SIGINT', () => {
+	console.log('\nGracefully shutting down from SIGINT (Ctrl-C)');
+	process.exit();
+});
+
+require('./app')(config, (err, app) => {
 
 	console.log('');
-	console.log(chalk.underline.magenta('pa11y-dashboard started'));
+	console.log(chalk.underline.magenta('Pa11y Dashboard started'));
 	console.log(chalk.grey('mode: %s'), process.env.NODE_ENV);
 	console.log(chalk.grey('uri:  %s'), app.address);
 
-	app.on('route-error', function (err) {
-		var stack = (err.stack ? err.stack.split('\n') : [err.message]);
-		var msg = chalk.red(stack.shift());
+	app.on('route-error', err => {
+		const stack = (err.stack ? err.stack.split('\n') : [err.message]);
+		const msg = chalk.red(stack.shift());
 		console.error('');
 		console.error(msg);
 		console.error(chalk.grey(stack.join('\n')));
@@ -20,9 +40,9 @@ require('./app')(config, function (err, app) {
 
 	// Start the webservice if required
 	if (typeof config.webservice === 'object') {
-		require('pa11y-webservice')(config.webservice, function (err, webservice) {
+		require('pa11y-webservice')(config.webservice, (err, webservice) => {
 			console.log('');
-			console.log(chalk.underline.cyan('pa11y-webservice started'));
+			console.log(chalk.underline.cyan('Pa11y Webservice started'));
 			console.log(chalk.grey('mode: %s'), process.env.NODE_ENV);
 			console.log(chalk.grey('uri:  %s'), webservice.server.info.uri);
 		});

package.json

@@ -1,49 +1,53 @@
 {
-	"name": "pa11y-dashboard",
-	"version": "1.2.1",
-	"private": true,
-
-	"description": "pa11y-dashboard is a visual web interface to the pa11y accessibility reporter",
-	"keywords": [ "accessibility", "analysis", "report" ],
-	"contributors": [
-		"Perry Harlock (http://www.phwebs.co.uk/)",
-		"Rowan Manning (http://rowanmanning.com/)"
-	],
-
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/nature/pa11y-dashboard.git"
-	},
-	"homepage": "https://github.com/nature/pa11y-dashboard",
-	"bugs": "https://github.com/nature/pa11y-dashboard/issues",
-
-	"engines": {
-		"node": ">=0.10"
-	},
-	"dependencies": {
-		"chalk": "~0.2",
-		"express": "~3.4",
-		"express-hbs": "~0.2",
-		"moment": "~2.2",
-		"pa11y-webservice": "~1.3",
-		"pa11y-webservice-client-node": "~1.1",
-		"underscore": "~1.5"
-	},
-	"devDependencies": {
-		"bower": "~1.2",
-		"grunt": "~0.4",
-		"grunt-contrib-jshint": "~0.7",
-		"grunt-contrib-less": "~0.8",
-		"grunt-contrib-uglify": "~0.2",
-		"grunt-contrib-watch": "~0.5",
-		"grunt-mocha-test": "~0.7",
-		"grunt-nodemon": "~0.1",
-		"jsdom": "~0.8",
-		"proclaim": "~2.0",
-		"request": "~2.27"
-	},
-
-	"scripts": {
-		"start": "node ."
-	}
+  "name": "pa11y-dashboard",
+  "version": "2.2.0",
+  "private": true,
+  "description": "Pa11y Dashboard is a visual web interface to the Pa11y accessibility reporter",
+  "keywords": [
+    "accessibility",
+    "analysis",
+    "report"
+  ],
+  "author": "Team Pa11y",
+  "contributors": [
+    "Perry Harlock (http://www.phwebs.co.uk/)",
+    "Rowan Manning (http://rowanmanning.com/)"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pa11y/dashboard.git"
+  },
+  "homepage": "https://github.com/pa11y/dashboard",
+  "bugs": "https://github.com/pa11y/dashboard/issues",
+  "license": "GPL-3.0",
+  "engines": {
+    "node": ">=4"
+  },
+  "dependencies": {
+    "body-parser": "~1.15",
+    "chalk": "~1.1",
+    "compression": "~1.6",
+    "express": "~4.14",
+    "express-hbs": "~1.0",
+    "http-headers": "^3.0.1",
+    "moment": "~2.13",
+    "pa11y-webservice": "^2.3.0",
+    "pa11y-webservice-client-node": "^1.2.1",
+    "underscore": "~1.8"
+  },
+  "devDependencies": {
+    "bower": "~1.7",
+    "cheerio": "~0.20",
+    "jscs": "^2",
+    "jshint": "^2",
+    "less": "~2.7",
+    "mocha": "^2",
+    "proclaim": "^3",
+    "request": "^2.74",
+    "uglify-js": "~2.6"
+  },
+  "scripts": {
+    "start": "node index.js",
+    "test": "make ci"
+  }
 }

public/js/site.js

@@ -1,3 +1,18 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 $(document).ready(function(){
 
     var data = {};
@@ -9,9 +24,11 @@ $(document).ready(function(){
     var zoomResetButton = $('[data-role="zoom-reset"]');
     var graphContainer = $('[data-role="graph"]');
     var dateSelectDropdownMenu = $('[data-role="date-select-dropdown-menu"]');
+    var legend = graphContainer.parent('.graph-container').find('.dashedLegend');
 
     var graphOptions = {
         series: {
+            dashes: { show: false, lineWidth: 3 },
             lines: { show: true },
             points: { show: true },
             hoverable: true
@@ -28,6 +45,12 @@ $(document).ready(function(){
         lines: {
             lineWidth: 3
         },
+        points: {
+            fill: true,
+            radius:4,
+            lineWidth:3
+        },
+        shadowSize: 0,
         grid: {
             backgroundColor: '#fff',
             borderColor: '#808080',
@@ -45,17 +68,38 @@ $(document).ready(function(){
         }
     };
 
+    // have we declared a custom legend
+    if (legend.length === 1) {
+        $('body').addClass('custom-legend');
+    }
+
     // Toggle appearance of lists of error/warnings/notices
-	expandLink.click( function(){
-		$(this).parent().next().slideToggle('slow', function(){});
-        if ($(this).parent().hasClass('showing')) {
-            $(this).html('+');
+    expandLink.click( function(){
+		$(this).next().slideToggle('slow', function(){});
+        if ($(this).hasClass('showing')) {
+            $(this).find('span.expander').html('↓');
+            $(this).attr('aria-expanded', false);
         }
         else {
-            $(this).html('-');
+            $(this).find('span.expander').html('↑');
+            $(this).attr('aria-expanded', true);
         }
-        $(this).parent().toggleClass('showing');
+        $(this).toggleClass('showing');
 	});
+    $(document).on('keydown.lists', '[data-role="expander"]', function (e) {
+        var $this = $(this);
+        var k = e.which || e.keyCode;
+
+        if (!/(13|32)/.test(k)) {
+            return;
+        }
+        if (k === 13 || k === 32) {
+            $this.click();
+        }
+
+        e.preventDefault();
+        e.stopPropagation();
+    });
 
      // Back to top links
     toTopLinks.click( function(e){
@@ -79,7 +123,7 @@ $(document).ready(function(){
         target = $(this).attr('href');
         animateSection($(target), -25);
         if (!$(target).hasClass('showing')) {
-            $(target).children('[data-role="expander"]').click();
+            $(target).click();
         }
     });
 
@@ -137,9 +181,25 @@ $(document).ready(function(){
 
     function getData() {
         return [
-            { color: 'rgb(216, 61, 45)', label: 'Errors', data:  data.error },
-            { color: 'rgb(168, 103, 0)', label: 'Warnings', data:  data.warning  },
-            { color: 'rgb(23, 123, 190)', label: 'Notices', data:  data.notice }
+            {
+                color: 'rgb(216, 61, 45)',
+                label: 'Errors',
+                data: data.error
+            },
+            {
+                color: 'rgb(168, 103, 0)',
+                label: 'Warnings',
+                data: data.warning,
+                lines: { show: false },
+                dashes: { show: true, dashLength: [10, 5] }
+            },
+            {
+                color: 'rgb(23, 123, 190)',
+                label: 'Notices',
+                data: data.notice,
+                lines: { show: false },
+                dashes: { show: true, dashLength: 5 }
+            }
         ];
     }
 
@@ -177,8 +237,8 @@ $(document).ready(function(){
                 '<div class="series-checkbox-container">' +
                     '<input type="checkbox"' +
                         'name="' + key + '" ' +
-                        'checked="checked" ' +
-                        'id="id' + key + '"' +
+                        'id="id' + key + '" ' +
+                        'data-stat-type="' + val.label.toLowerCase() + '"' +
                         '/>' +
                     '<label for="id' + key + '">' +
                         '<span class="stat-type">' + val.label + '</span>' +
@@ -186,19 +246,33 @@ $(document).ready(function(){
                 '</div>' +
             '</li>'
         );
+
     });
 
     choiceContainer.find('input').click(plotAccordingToChoices);
+    choiceContainer.find('[data-stat-type=errors]').click();
 
     function plotAccordingToChoices() {
         var data = [];
+        var labels = [];
         choiceContainer.find('input:checked').each(function () {
             var key = $(this).attr('name');
             if (key && datasets[key]) {
+                labels.push(datasets[key].label);
                 data.push(datasets[key]);
             }
         });
 
+        if (labels.length && legend.length === 1) {
+            legend.find('tr').hide();
+            $.each(labels, function (index, value) {
+                $('.legend' + value).parents('tr').show();
+            });
+            legend.show();
+        } else {
+            legend.hide();
+        }
+
         if (data.length > -1) {
             $.plot(graphContainer, data, graphOptions);
         }
@@ -230,4 +304,70 @@ $(document).ready(function(){
             previousPoint = null;
         }
     });
+
+
+	// Task filter
+
+	function initTaskFilter (container) {
+		var tasks = initTaskFilterTasks(container);
+		var input = initTaskFilterInput(container, tasks);
+	}
+
+	function initTaskFilterTasks (container) {
+		var tasks = container.find('[data-role=task]');
+		return tasks;
+	}
+
+	function initTaskFilterInput (container, tasks) {
+		var input = container.find('[data-role=input]');
+		input.on('keyup', function () {
+			filterTasks(tasks, input.val());
+		});
+		return input;
+	}
+
+	function filterTasks (tasks, query) {
+		query = $.trim(query.replace(/[^a-z0-9\s]+/gi, ''));
+		tasks.removeClass('hidden');
+		if (/^\s*$/.test(query)) {
+			return;
+		}
+		var queryRegExp = new RegExp('(' + query.replace(/\s+/gi, '|') + ')', 'i');
+		tasks.filter(function () {
+			return !queryRegExp.test($(this).data('keywords'));
+		}).addClass('hidden');
+	}
+
+	var taskLists = $('[data-control=task-list]');
+	if (taskLists.length > 0) {
+		$('[data-control=task-list]').each(function () {
+			initTaskFilter($(this));
+		});
+	}
+
+	// Extend public/js/vendor/bootstrap/js/collapse.js
+	// Add keyboard control for filters
+
+	$.fn.collapse.Constructor.prototype.keydown = function (e) {
+		var $this = $(this);
+		var k = e.which || e.keyCode;
+
+		if (!/(13|32)/.test(k)) {
+			return;
+		}
+		if (k === 13 || k === 32) {
+			$this.click();
+		}
+
+		e.preventDefault();
+		e.stopPropagation();
+	};
+
+	$('[data-toggle="collapse"]').attr('role', 'button').attr('tabindex', 0);
+	$(document).on(
+		'keydown.collapse.data-api',
+		'[data-toggle="collapse"]',
+		$.fn.collapse.Constructor.prototype.keydown
+	);
+
 });

public/js/vendor/flot/jquery.flot.dashes.js

@@ -0,0 +1,228 @@
+/*
+ * jQuery.flot.dashes
+ *
+ * options = {
+ *   series: {
+ *     dashes: {
+ *
+ *       // show
+ *       // default: false
+ *       // Whether to show dashes for the series.
+ *       show: <boolean>,
+ *
+ *       // lineWidth
+ *       // default: 2
+ *       // The width of the dashed line in pixels.
+ *       lineWidth: <number>,
+ *
+ *       // dashLength
+ *       // default: 10
+ *       // Controls the length of the individual dashes and the amount of
+ *       // space between them.
+ *       // If this is a number, the dashes and spaces will have that length.
+ *       // If this is an array, it is read as [ dashLength, spaceLength ]
+ *       dashLength: <number> or <array[2]>
+ *     }
+ *   }
+ * }
+ */
+(function($){
+
+  function init(plot) {
+    plot.hooks.drawSeries.push(function(plot, ctx, series) {
+      if (!series.dashes.show) return;
+
+      var plotOffset = plot.getPlotOffset(),
+          axisx = series.xaxis,
+          axisy = series.yaxis;
+
+      function plotDashes(xoffset, yoffset) {
+
+        var points = series.datapoints.points,
+            ps = series.datapoints.pointsize,
+            prevx = null,
+            prevy = null,
+            dashRemainder = 0,
+            dashOn = true,
+            dashOnLength,
+            dashOffLength;
+
+        if (series.dashes.dashLength[0]) {
+          dashOnLength = series.dashes.dashLength[0];
+          if (series.dashes.dashLength[1]) {
+            dashOffLength = series.dashes.dashLength[1];
+          } else {
+            dashOffLength = dashOnLength;
+          }
+        } else {
+          dashOffLength = dashOnLength = series.dashes.dashLength;
+        }
+
+        ctx.beginPath();
+
+        for (var i = ps; i < points.length; i += ps) {
+
+          var x1 = points[i - ps],
+              y1 = points[i - ps + 1],
+              x2 = points[i],
+              y2 = points[i + 1];
+
+          if (x1 == null || x2 == null) continue;
+
+          // clip with ymin
+          if (y1 <= y2 && y1 < axisy.min) {
+            if (y2 < axisy.min) continue;   // line segment is outside
+            // compute new intersection point
+            x1 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+            y1 = axisy.min;
+          } else if (y2 <= y1 && y2 < axisy.min) {
+            if (y1 < axisy.min) continue;
+            x2 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+            y2 = axisy.min;
+          }
+
+          // clip with ymax
+          if (y1 >= y2 && y1 > axisy.max) {
+            if (y2 > axisy.max) continue;
+            x1 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+            y1 = axisy.max;
+          } else if (y2 >= y1 && y2 > axisy.max) {
+            if (y1 > axisy.max) continue;
+            x2 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+            y2 = axisy.max;
+          }
+
+          // clip with xmin
+          if (x1 <= x2 && x1 < axisx.min) {
+            if (x2 < axisx.min) continue;
+            y1 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+            x1 = axisx.min;
+          } else if (x2 <= x1 && x2 < axisx.min) {
+            if (x1 < axisx.min) continue;
+            y2 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+            x2 = axisx.min;
+          }
+
+          // clip with xmax
+          if (x1 >= x2 && x1 > axisx.max) {
+            if (x2 > axisx.max) continue;
+            y1 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+            x1 = axisx.max;
+          } else if (x2 >= x1 && x2 > axisx.max) {
+            if (x1 > axisx.max) continue;
+            y2 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+            x2 = axisx.max;
+          }
+
+          if (x1 != prevx || y1 != prevy) {
+            ctx.moveTo(axisx.p2c(x1) + xoffset, axisy.p2c(y1) + yoffset);
+          }
+
+          var ax1 = axisx.p2c(x1) + xoffset,
+              ay1 = axisy.p2c(y1) + yoffset,
+              ax2 = axisx.p2c(x2) + xoffset,
+              ay2 = axisy.p2c(y2) + yoffset,
+              dashOffset;
+
+          function lineSegmentOffset(segmentLength) {
+
+            var c = Math.sqrt(Math.pow(ax2 - ax1, 2) + Math.pow(ay2 - ay1, 2));
+
+            if (c <= segmentLength) {
+              return {
+                deltaX: ax2 - ax1,
+                deltaY: ay2 - ay1,
+                distance: c,
+                remainder: segmentLength - c
+              }
+            } else {
+              var xsign = ax2 > ax1 ? 1 : -1,
+                  ysign = ay2 > ay1 ? 1 : -1;
+              return {
+                deltaX: xsign * Math.sqrt(Math.pow(segmentLength, 2) / (1 + Math.pow((ay2 - ay1)/(ax2 - ax1), 2))),
+                deltaY: ysign * Math.sqrt(Math.pow(segmentLength, 2) - Math.pow(segmentLength, 2) / (1 + Math.pow((ay2 - ay1)/(ax2 - ax1), 2))),
+                distance: segmentLength,
+                remainder: 0
+              };
+            }
+          }
+          //-end lineSegmentOffset
+
+          do {
+
+            dashOffset = lineSegmentOffset(
+                dashRemainder > 0 ? dashRemainder :
+                  dashOn ? dashOnLength : dashOffLength);
+
+            if (dashOffset.deltaX != 0 || dashOffset.deltaY != 0) {
+              if (dashOn) {
+                ctx.lineTo(ax1 + dashOffset.deltaX, ay1 + dashOffset.deltaY);
+              } else {
+                ctx.moveTo(ax1 + dashOffset.deltaX, ay1 + dashOffset.deltaY);
+              }
+            }
+
+            dashOn = !dashOn;
+            dashRemainder = dashOffset.remainder;
+            ax1 += dashOffset.deltaX;
+            ay1 += dashOffset.deltaY;
+
+          } while (dashOffset.distance > 0);
+
+          prevx = x2;
+          prevy = y2;
+        }
+
+        ctx.stroke();
+      }
+      //-end plotDashes
+
+      ctx.save();
+      ctx.translate(plotOffset.left, plotOffset.top);
+      ctx.lineJoin = 'round';
+
+      var lw = series.dashes.lineWidth,
+          sw = series.shadowSize;
+
+      // FIXME: consider another form of shadow when filling is turned on
+      if (lw > 0 && sw > 0) {
+        // draw shadow as a thick and thin line with transparency
+        ctx.lineWidth = sw;
+        ctx.strokeStyle = "rgba(0,0,0,0.1)";
+        // position shadow at angle from the mid of line
+        var angle = Math.PI/18;
+        plotDashes(Math.sin(angle) * (lw/2 + sw/2), Math.cos(angle) * (lw/2 + sw/2));
+        ctx.lineWidth = sw/2;
+        plotDashes(Math.sin(angle) * (lw/2 + sw/4), Math.cos(angle) * (lw/2 + sw/4));
+      }
+
+      ctx.lineWidth = lw;
+      ctx.strokeStyle = series.color;
+
+      if (lw > 0) {
+        plotDashes(0, 0);
+      }
+
+      ctx.restore();
+
+    });
+    //-end draw hook
+  }
+  //-end init
+
+  $.plot.plugins.push({
+    init: init,
+    options: {
+      series: {
+        dashes: {
+          show: false,
+          lineWidth: 2,
+          dashLength: 10
+        }
+      }
+    },
+    name: 'dashes',
+    version: '0.1'
+  });
+
+})(jQuery)

public/less/code.less

@@ -17,7 +17,6 @@ code {
   font-size: 90%;
   color: @code-color;
   background-color: @code-bg;
-  white-space: nowrap;
   border-radius: @border-radius-base;
 }
 

public/less/site-ie8and.less

@@ -1,3 +1,18 @@
+// This file is part of Pa11y Dashboard.
+// 
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+// 
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+// 
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 // Making up for the non support of IE8 and IE7 in Bootstrap 3
 .ie7, .ie8 {
 	.legend {
@@ -17,7 +32,7 @@
 		font-size:85%;
 	}
 	.task-card-link {
-		min-height:190px;
+		min-height:160px;
 	}
 	.series-checkboxes li {
 		margin-right:1%;
@@ -37,15 +52,26 @@
 	.date-selector .btn-full-width {
 		width:90%;
 	}
+	.filter-toggle {
+		&:before {
+			height:110%;
+			width:100%;
+			left:0;
+			top:0;
+		}
+		input {
+			width:92%;
+		}
+		.filter-trigger {
+			padding-bottom:0;
+		}
+	}
 }
 
 .ie7 {
 	.aside .task-stats li {
 		width:31.5%;
 	}
-	.date-selector {
-		zoom:1;
-	}
 	.zfix {
 		position:relative;
 		z-index:1001;
@@ -59,7 +85,7 @@
 		padding-bottom:90px;
 	}
 	.date-selector {
-		margin-top:-155px;
+		zoom:1;
 
 		.btn-full-width {
 			width:100%;
@@ -80,4 +106,23 @@
 	.run-details .pull-right.dropdown-menu {
 		right:82px;
 	}
+	.tasks-list li {
+		padding-right:105px;
+	}
+	.filter-toggle {
+		width:30%;
+		margin:0 35%;
+		margin-top:-10px;
+		background-color:lighten(@gray-lighter, 4%);
+		padding-bottom:10px;
+
+		.glyphicon {
+			display:none;
+		}
+
+		input {
+			width:80%;
+			margin-left:-25%;
+		}
+	}
 }

public/less/site-nojavascript.less

@@ -1,3 +1,18 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 /* No javascript */
 .no-javascript {
 	.graph-container, .expander {
@@ -26,4 +41,7 @@
 	.show-class {
 		display:block;
 	}
+	.no-js-hide {
+		display: none;
+	}
 }

public/less/site-responsive.less

@@ -1,9 +1,19 @@
+// This file is part of Pa11y Dashboard.
+// 
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+// 
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+// 
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 /* Media queries */
-@media (max-width:1199px) {
-	.task-card .task-card-link {
-		min-height:215px;
-	}
-}
 @media (max-width:991px) {
 	.h1, h1 {
 		font-size:floor(@font-size-base * 2.15); // ~32px;
@@ -11,9 +21,6 @@
 	.h2, h2 {
 		font-size:floor(@font-size-base * 1.9); // ~28px;
 	}
-	.task-card .task-card-link {
-		min-height:200px;
-	}
 	.task-header .h4 {
 		font-size:floor(@font-size-base * 1.15); // ~17px;
 	}
@@ -40,6 +47,9 @@
 	.btn-full-width {
 		margin-bottom:0;
 	}
+	.task-card .task-stats {
+		margin-bottom:10px;
+	}
 	.action-buttons {
 		margin-bottom:20px;
 	}
@@ -88,6 +98,9 @@
 			text-align:left;
 		}
 	}
+	.task-card .task-card-link {
+		min-height:0;
+	}
 }
 @media (max-width:640px) {
 	body {

public/less/site.less

@@ -1,3 +1,18 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 /* Site specific styling */
 
 /* Helper Classes */
@@ -70,7 +85,7 @@
 }
 .dropdown-toggle {
 	margin-top:0;
-	margin-bottom:10px;
+	margin-bottom:5px;
 }
 .list-group {
 	li .list-group-item {
@@ -179,7 +194,7 @@
 	}
 	.task-card-link {
 		color:@gray-dark;
-		min-height:200px;
+		min-height:190px;
 		display:block;
 		transition: background 0.5s;
 		-webkit-transition: background 0.5s;
@@ -216,8 +231,6 @@
 /* Badges */
 .badge {
 	border-radius:0.25em;
-}
-.badge {
 	display:inline-block;
 	padding:10px;
 	font-size:ceil(@font-size-base * 0.85); // ~13px;
@@ -238,6 +251,9 @@
 	h2 {
 		word-wrap:break-word;
 	}
+	.h4 {
+		margin-bottom:6px;
+	}
 }
 .date {
 	margin-top:5px;
@@ -253,10 +269,27 @@
 
 	li {
 		margin-bottom:20px;
+		padding-right:90px;
+		position:relative;
 
 		&:last-child {
 			margin-bottom:0;
 		}
+
+		form {
+			display:none;
+			position:absolute;
+			right:0;
+			top:0;
+
+			&:hover .btn {
+				color:@brand-primary;
+			}
+		}
+
+		&:hover form {
+			display:block;
+		}
 	}
 
 	.rule-name {
@@ -264,6 +297,7 @@
 		font-style:italic;
 		word-wrap:break-word;
 	}
+
 }
 .task-danger {
 	border-color:@brand-danger;
@@ -313,19 +347,35 @@ ul.date-links {
 	z-index:10;
 }
 .date-selector {
-	margin-top:-125px;
+	margin-bottom:5px;
 
-	.btn-group > .btn {
-		float:none;
+	.show-stats {
+		margin-top: 0;
 	}
 
-	&.single-result {
-		margin-top:-55px;
-
-		.show-stats {
-			display:none;
-		}
+	h2 {
+		margin-top: 0;
 	}
+
+	.dates-list {
+		margin: 0;
+		padding: 0;
+		list-style-type: none;
+	}
+
+	.dates-list > li {
+		list-style-type: none;
+		padding: 0;
+		margin: 0;
+	}
+
+	.dates-list a {
+		color: #fff;
+		text-decoration: underline;
+	}
+}
+.single-result .date-selector-row {
+	display: none;
 }
 
 /* Graph */
@@ -334,11 +384,11 @@ ul.date-links {
 	width:100%;
 }
 .graph-spacer {
-	margin-bottom:60px;
-	padding-bottom:60px;
+	margin-bottom:30px;
+	padding-bottom:30px;
 }
 .graph-table {
-	margin-bottom:50px;
+	margin-bottom:0;
 
 	td {
 		width:25%;
@@ -379,8 +429,7 @@ ul.date-links {
 	}
 }
 .btn-reset {
-	margin-top:-24px;
-	margin-right:35px
+	margin-top:12px;
 }
 .flot-x-axis {
 	.flot-tick-label {
@@ -390,6 +439,68 @@ ul.date-links {
 .tooltip-graph {
 	font-size:12px;
 }
+.custom-legend .legend {
+	display:none !important;
+}
+.dashedLegend {
+	position:absolute;
+	top:17px;
+	right:40px;
+	font-size:smaller;
+	color:#545454;
+	background-color: #fff;
+	background-color: rgba(255, 255, 255, 0.75);
+	display:none;
+}
+.dashedContainer {
+	background: #fff;
+	border: 1px solid #808080;
+	margin: 5px;
+	padding-top: 5px;
+}
+.dashedLegend tr {
+	display: none;
+}
+.dashedLegend .legendColorBox > div:first-child {
+	border: 1px solid rgb(204, 204, 204);
+	padding: 3px;
+}
+.dashedLegend .legendIcon div {
+	height: 0px;
+	border-width: 3px 0px 0px;
+	border-top-style: solid;
+	overflow: hidden;
+}
+.dashedLegend .legendErrors div {
+	width: 25px;
+	border-top-color: rgb(216, 61, 45);
+}
+.dashedLegend .legendWarnings div {
+	width: 10px;
+	border-top-color: rgb(168, 103, 0);
+	float: left;
+}
+.dashedLegend .legendWarnings div:first-child {
+	margin-right: 5px;
+}
+.dashedLegend .legendNotices div {
+	width: 5px;
+	border-top-color: rgb(23, 123, 190);
+	float: left;
+	margin-left: 5px;
+}
+.dashedLegend .legendNotices div:first-child {
+	margin-left: 0;
+}
+.dashedLegend td.legendColorBox {
+	padding-right: 5px;
+	padding-bottom: 5px;
+	padding-left: 10px;
+}
+.dashedLegend td.legendLabel {
+	padding-right: 10px;
+	padding-bottom: 5px;
+}
 
 /* New task page */
 .standards-lists {
@@ -413,3 +524,52 @@ ul.date-links {
 		}
 	}
 }
+
+.filter-toggle {
+	top:-20px;
+	margin-top:-10px;
+	font-size:18px;
+	font-weight:bold;
+
+	.filter-trigger {
+		padding-bottom:20px;
+		cursor: pointer;
+
+		.glyphicon {
+			display:block;
+			margin:0 auto;
+		}
+	}
+
+	&:before {
+		position:absolute;
+		content:"";
+		height:90px;
+		width:90px;
+		left:50%;
+		top:-45px;
+		background-color:lighten(@gray-lighter, 4%);
+		transform: translateX(-50%) rotate(45deg);
+		-ms-transform: translateX(-50%) rotate(45deg);
+		-webkit-transform: translateX(-50%) rotate(45deg);
+		z-index:-1;
+	}
+}
+
+/* inline link list */
+
+.inline-list {
+	display: inline-block;
+	margin: 0;
+	padding: 0;
+}
+.inline-list > li {
+	display: inline-block;
+	border-right: 1px solid @dropdown-fallback-border; // IE8 fallback
+    border-right: 1px solid @dropdown-border;
+	padding: 0 4px 0 0;
+	margin: 0 4px 0 0;
+}
+.inline-list + div.date {
+	display: inline-block;
+}

public/less/utilities.less

@@ -43,3 +43,11 @@
 .affix {
   position: fixed;
 }
+
+
+// Cursors
+// -------------------------
+
+.pointer {
+  cursor: pointer;
+}

public/less/variables.less

@@ -545,6 +545,7 @@
 // Wells
 // -------------------------
 @well-bg:                     #f5f5f5;
+@well-bg-drk:                 #2c3e50;
 
 
 // Badges

public/less/wells.less

@@ -27,3 +27,11 @@
   padding: 9px;
   border-radius: @border-radius-small;
 }
+
+// Dark well
+
+.dark-well {
+    background-color: @well-bg-drk;
+    border-color: darken(@well-bg-drk, 7%);
+    color: #fff;
+}

route/index.js

@@ -1,13 +1,28 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var presentTask = require('../view/presenter/task');
+const presentTask = require('../view/presenter/task');
 
 module.exports = route;
 
 // Route definition
-function route (app) {
-	app.express.get('/', function (req, res, next) {
-		app.webservice.tasks.get({lastres: true}, function (err, tasks) {
+function route(app) {
+	app.express.get('/', (req, res, next) => {
+		app.webservice.tasks.get({lastres: true}, (err, tasks) => {
 			if (err) {
 				return next(err);
 			}

route/new.js

@@ -1,14 +1,32 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+/*jshint maxcomplexity:10*/
+
 'use strict';
 
-var getStandards = require('../data/standards');
+const getStandards = require('../data/standards');
+const httpHeaders = require('http-headers');
 
 module.exports = route;
 
 // Route definition
-function route (app) {
+function route(app) {
 
-	app.express.get('/new', function (req, res) {
-		var standards = getStandards().map(function (standard) {
+	app.express.get('/new', (req, res) => {
+		const standards = getStandards().map(standard => {
 			if (standard.title === 'WCAG2AA') {
 				standard.selected = true;
 			}
@@ -20,20 +38,45 @@ function route (app) {
 		});
 	});
 
-	app.express.post('/new', function (req, res) {
-		var newTask = {
+	app.express.post('/new', (req, res) => {
+
+		let parsedActions;
+		if (req.body.actions) {
+			parsedActions = req.body.actions.split(/[\r\n]+/)
+				.map(action => {
+					return action.trim();
+				})
+				.filter(action => {
+					return Boolean(action);
+				});
+		}
+
+		let parsedHeaders;
+		if (req.body.headers) {
+			parsedHeaders = httpHeaders(req.body.headers, true);
+		}
+
+		const newTask = {
 			name: req.body.name,
 			url: req.body.url,
 			standard: req.body.standard,
-			ignore: req.body.ignore || []
+			ignore: req.body.ignore || [],
+			timeout: req.body.timeout || undefined,
+			wait: req.body.wait || undefined,
+			actions: parsedActions,
+			username: req.body.username || undefined,
+			password: req.body.password || undefined,
+			headers: parsedHeaders,
+			hideElements: req.body.hideElements || undefined
 		};
-		app.webservice.tasks.create(newTask, function (err, task) {
+
+		app.webservice.tasks.create(newTask, (err, task) => {
 			if (err) {
-				var standards = getStandards().map(function (standard) {
+				const standards = getStandards().map(standard => {
 					if (standard.title === newTask.standard) {
 						standard.selected = true;
 					}
-					standard.rules = standard.rules.map(function (rule) {
+					standard.rules = standard.rules.map(rule => {
 						if (newTask.ignore.indexOf(rule.name) !== -1) {
 							rule.ignored = true;
 						}
@@ -41,13 +84,15 @@ function route (app) {
 					});
 					return standard;
 				});
+				newTask.actions = req.body.actions;
+				newTask.headers = req.body.headers;
 				return res.render('new', {
 					error: err,
 					standards: standards,
 					task: newTask
 				});
 			}
-			res.redirect('/' + task.id + '?added');
+			res.redirect(`/${task.id}?added`);
 		});
 	});
 

route/result/download.js

@@ -1,71 +1,88 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var moment = require('moment');
+const moment = require('moment');
 
 module.exports = route;
 
 // Route definition
-function route (app) {
+function route(app) {
 
-    function getTaskAndResult (req, res, next) {
-        app.webservice.task(req.params.id).get({}, function (err, task) {
-            if (err) {
-                return next('route');
-            }
-            app.webservice
-                .task(req.params.id)
-                .result(req.params.rid)
-                .get({full: true}, function (err, result) {
-                    if (err) {
-                        return next('route');
-                    }
-                    res.locals.task = task;
-                    res.locals.result = result;
-                    next();
-                });
-        });
-    }
+	function getTaskAndResult(req, res, next) {
+		app.webservice.task(req.params.id).get({}, (err, task) => {
+			if (err) {
+				return next('route');
+			}
+			app.webservice
+				.task(req.params.id)
+				.result(req.params.rid)
+				.get({full: true}, (err, result) => {
+					if (err) {
+						return next('route');
+					}
+					res.locals.task = task;
+					res.locals.result = result;
+					next();
+				});
+		});
+	}
 
-    function getDownloadFileName (task, result, extension) {
-        return [
-            'pa11y',
-            '--',
-            task.url
-                .replace(/^https?:\/\//i, '')
-                .replace(/\/$/, '')
-                .replace(/[^a-z0-9\.\-\_]+/gi, '-'),
-            '--',
-            task.standard.toLowerCase(),
-            '--',
-            moment(result.date).format('YYYY-MM-DD'),
-            '.',
-            extension
-        ].join('');
-    }
+	function getDownloadFileName(task, result, extension) {
+		return [
+			'pa11y',
+			'--',
+			task.url
+				.replace(/^https?:\/\//i, '')
+				.replace(/\/$/, '')
+				.replace(/[^a-z0-9\.\-\_]+/gi, '-'),
+			'--',
+			task.standard.toLowerCase(),
+			'--',
+			moment(result.date).format('YYYY-MM-DD'),
+			'.',
+			extension
+		].join('');
+	}
 
-    app.express.get('/:id/:rid.csv', getTaskAndResult, function (req, res) {
-        var task = res.locals.task;
-        var result = res.locals.result;
-        var rows = ['"code", "message", "type"'];
-        result.results.forEach(function (msg) {
-            rows.push([
-                JSON.stringify(msg.code),
-                JSON.stringify(msg.message),
-                JSON.stringify(msg.type)
-            ].join(', '));
-        });
-        res.attachment(getDownloadFileName(task, result, 'csv'));
-        res.send(rows.join('\n'));
-    });
+	app.express.get('/:id/:rid.csv', getTaskAndResult, (req, res) => {
+		const task = res.locals.task;
+		const result = res.locals.result;
+		const rows = ['"code","message","type","context","selector"'];
+		result.results.forEach(msg => {
+			rows.push([
+				JSON.stringify(msg.code),
+				JSON.stringify(msg.message),
+				JSON.stringify(msg.type),
+				JSON.stringify(msg.context),
+				JSON.stringify(msg.selector)
+			].join(','));
+		});
+		res.attachment(getDownloadFileName(task, result, 'csv'));
+		res.send(rows.join('\n'));
+	});
 
-    app.express.get('/:id/:rid.json', getTaskAndResult, function (req, res) {
-        var task = res.locals.task;
-        var result = res.locals.result;
-        res.attachment(getDownloadFileName(task, result, 'json'));
-        delete task.id;
-        delete result.id;
-        result.task = task;
-        res.send(result);
-    });
+	app.express.get('/:id/:rid.json', getTaskAndResult, (req, res) => {
+		const task = res.locals.task;
+		const result = res.locals.result;
+		res.attachment(getDownloadFileName(task, result, 'json'));
+		delete task.id;
+		delete result.id;
+		result.task = task;
+		res.send(result);
+	});
 
 }

route/result/index.js

@@ -1,32 +1,47 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var presentTask = require('../../view/presenter/task');
-var presentResult = require('../../view/presenter/result');
+const presentTask = require('../../view/presenter/task');
+const presentResult = require('../../view/presenter/result');
 
 module.exports = route;
 
 // Route definition
-function route (app) {
+function route(app) {
 
-    app.express.get('/:id/:rid', function (req, res, next) {
-        app.webservice.task(req.params.id).get({}, function (err, task) {
-            if (err) {
-                return next();
-            }
-            app.webservice
-                .task(req.params.id)
-                .result(req.params.rid)
-                .get({full: true}, function (err, result) {
-                    if (err) {
-                        return next();
-                    }
-                    res.render('result', {
-                        task: presentTask(task),
-                        mainResult: presentResult(result),
-                        isResultPage: true
-                    });
-                });
-        });
-    });
+	app.express.get('/:id/:rid', (req, res, next) => {
+		app.webservice.task(req.params.id).get({}, (err, task) => {
+			if (err) {
+				return next();
+			}
+			app.webservice
+				.task(req.params.id)
+				.result(req.params.rid)
+				.get({full: true}, (err, result) => {
+					if (err) {
+						return next();
+					}
+					res.render('result', {
+						task: presentTask(task),
+						mainResult: presentResult(result),
+						isResultPage: true
+					});
+				});
+		});
+	});
 
 }

route/task/delete.js

@@ -1,15 +1,29 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var _ = require('underscore');
-var presentTask = require('../../view/presenter/task');
+const presentTask = require('../../view/presenter/task');
 
 module.exports = route;
 
 // Route definition
-function route (app) {
+function route(app) {
 
-	app.express.get('/:id/delete', function (req, res, next) {
-		app.webservice.task(req.params.id).get({}, function (err, task) {
+	app.express.get('/:id/delete', (req, res, next) => {
+		app.webservice.task(req.params.id).get({}, (err, task) => {
 			if (err) {
 				return next();
 			}
@@ -20,8 +34,8 @@ function route (app) {
 		});
 	});
 
-	app.express.post('/:id/delete', function (req, res, next) {
-		app.webservice.task(req.params.id).remove(function (err) {
+	app.express.post('/:id/delete', (req, res, next) => {
+		app.webservice.task(req.params.id).remove(err => {
 			if (err) {
 				return next();
 			}

route/task/edit.js

@@ -1,24 +1,41 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+/*jshint maxcomplexity:10*/
+
 'use strict';
 
-var _ = require('underscore');
-var presentTask = require('../../view/presenter/task');
-var getStandards = require('../../data/standards');
+const presentTask = require('../../view/presenter/task');
+const getStandards = require('../../data/standards');
+const httpHeaders = require('http-headers');
 
 module.exports = route;
 
 // Route definition
-function route (app) {
+function route(app) {
 
-	app.express.get('/:id/edit', function (req, res, next) {
-		app.webservice.task(req.params.id).get({}, function (err, task) {
+	app.express.get('/:id/edit', (req, res, next) => {
+		app.webservice.task(req.params.id).get({}, (err, task) => {
 			if (err) {
 				return next();
 			}
-			var standards = getStandards().map(function (standard) {
+			const standards = getStandards().map(standard => {
 				if (standard.title === task.standard) {
 					standard.selected = true;
 				}
-				standard.rules = standard.rules.map(function (rule) {
+				standard.rules = standard.rules.map(rule => {
 					if (task.ignore.indexOf(rule.name) !== -1) {
 						rule.ignored = true;
 					}
@@ -26,6 +43,7 @@ function route (app) {
 				});
 				return standard;
 			});
+			task.actions = (task.actions ? task.actions.join('\n') : '');
 			res.render('task/edit', {
 				edited: (typeof req.query.edited !== 'undefined'),
 				standards: standards,
@@ -35,21 +53,45 @@ function route (app) {
 		});
 	});
 
-	app.express.post('/:id/edit', function (req, res, next) {
-		app.webservice.task(req.params.id).get({}, function (err, task) {
+	app.express.post('/:id/edit', (req, res, next) => {
+		app.webservice.task(req.params.id).get({}, (err, task) => {
 			if (err) {
 				return next();
 			}
+			const originalActions = req.body.actions;
+			const originalHeaders = req.body.headers;
 			req.body.ignore = req.body.ignore || [];
-			app.webservice.task(req.params.id).edit(req.body, function (err) {
+			req.body.timeout = req.body.timeout || undefined;
+			req.body.wait = req.body.wait || undefined;
+			if (req.body.actions) {
+				req.body.actions = req.body.actions.split(/[\r\n]+/)
+					.map(action => {
+						return action.trim();
+					})
+					.filter(action => {
+						return Boolean(action);
+					});
+			}
+			req.body.username = req.body.username || undefined;
+			req.body.password = req.body.password || undefined;
+			req.body.hideElements = req.body.hideElements || undefined;
+			req.body.headers = httpHeaders(req.body.headers || '', true);
+			app.webservice.task(req.params.id).edit(req.body, err => {
 				if (err) {
 					task.name = req.body.name;
 					task.ignore = req.body.ignore;
-					var standards = getStandards().map(function (standard) {
+					task.timeout = req.body.timeout;
+					task.wait = req.body.wait;
+					task.actions = originalActions;
+					task.username = req.body.username;
+					task.password = req.body.password;
+					task.headers = originalHeaders;
+					task.hideElements = req.body.hideElements;
+					const standards = getStandards().map(standard => {
 						if (standard.title === task.standard) {
 							standard.selected = true;
 						}
-						standard.rules = standard.rules.map(function (rule) {
+						standard.rules = standard.rules.map(rule => {
 							if (task.ignore.indexOf(rule.name) !== -1) {
 								rule.ignored = true;
 							}
@@ -64,7 +106,7 @@ function route (app) {
 						isTaskSubPage: true
 					});
 				}
-				res.redirect('/' + req.params.id + '/edit?edited');
+				res.redirect(`/${req.params.id}/edit?edited`);
 			});
 		});
 	});

route/task/ignore.js

@@ -0,0 +1,26 @@
+'use strict';
+
+module.exports = route;
+
+// Route definition
+function route(app) {
+
+	app.express.post('/:id/ignore', (req, res, next) => {
+		app.webservice.task(req.params.id).get({}, (err, task) => {
+			if (err) {
+				return next();
+			}
+			const edit = {
+				name: task.name,
+				ignore: task.ignore
+			};
+			if (typeof req.body.rule === 'string') {
+				edit.ignore.push(req.body.rule);
+			}
+			app.webservice.task(req.params.id).edit(edit, () => {
+				res.redirect(`/${req.params.id}?rule-ignored`);
+			});
+		});
+	});
+
+}

route/task/index.js

@@ -1,30 +1,47 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var presentTask = require('../../view/presenter/task');
-var presentResult = require('../../view/presenter/result');
-var presentResultList = require('../../view/presenter/result-list');
+const presentTask = require('../../view/presenter/task');
+const presentResult = require('../../view/presenter/result');
+const presentResultList = require('../../view/presenter/result-list');
 
 module.exports = route;
 
 // Route definition
-function route (app) {
+function route(app) {
 
-	app.express.get('/:id', function (req, res, next) {
-		app.webservice.task(req.params.id).get({lastres: true}, function (err, task) {
+	app.express.get('/:id', (req, res, next) => {
+		app.webservice.task(req.params.id).get({lastres: true}, (err, task) => {
 			if (err) {
 				return next();
 			}
-			app.webservice.task(req.params.id).results({}, function (err, results) {
+			app.webservice.task(req.params.id).results({}, (err, results) => {
 				if (err) {
 					return next(err);
 				}
-				var presentedResults = presentResultList(results.map(presentResult));
+				const presentedResults = presentResultList(results.map(presentResult));
 				res.render('task', {
 					task: presentTask(task),
 					results: presentedResults,
 					mainResult: task.lastResult || null,
 					added: (typeof req.query.added !== 'undefined'),
 					running: (typeof req.query.running !== 'undefined'),
+					ruleIgnored: (typeof req.query['rule-ignored'] !== 'undefined'),
+					ruleUnignored: (typeof req.query['rule-unignored'] !== 'undefined'),
 					hasOneResult: (presentedResults.length < 2),
 					isTaskPage: true
 				});

route/task/run.js

@@ -1,16 +1,31 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
 module.exports = route;
 
 // Route definition
-function route (app) {
+function route(app) {
 
-	app.express.get('/:id/run', function (req, res, next) {
-		app.webservice.task(req.params.id).run(function (err, task) {
+	app.express.get('/:id/run', (req, res, next) => {
+		app.webservice.task(req.params.id).run(err => {
 			if (err) {
 				return next();
 			}
-			res.redirect('/' + req.params.id + '?running');
+			res.redirect(`/${req.params.id}?running`);
 		});
 	});
 

route/task/unignore.js

@@ -0,0 +1,27 @@
+'use strict';
+
+module.exports = route;
+
+// Route definition
+function route(app) {
+
+	app.express.post('/:id/unignore', (req, res, next) => {
+		app.webservice.task(req.params.id).get({}, (err, task) => {
+			if (err) {
+				return next();
+			}
+			const edit = {
+				name: task.name,
+				ignore: task.ignore
+			};
+			const indexOfRule = edit.ignore.indexOf(req.body.rule);
+			if (typeof req.body.rule === 'string' && indexOfRule !== -1) {
+				edit.ignore.splice(indexOfRule, 1);
+			}
+			app.webservice.task(req.params.id).edit(edit, () => {
+				res.redirect(`/${req.params.id}?rule-unignored`);
+			});
+		});
+	});
+
+}

test/functional/helper/navigate.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var jsdom = require('jsdom');
-var request = require('request');
-
-module.exports = createNavigator;
-
-// Create a navigate function
-function createNavigator (baseUrl, store) {
-	return function (opts, callback) {
-
-		store.body = null;
-		store.dom = null;
-		store.request = null;
-		store.response = null;
-		store.status = null;
-		store.window = null;
-
-		request({
-			url: baseUrl + opts.endpoint,
-			method: opts.method || 'GET',
-			body: opts.body,
-			json: true,
-			qs: opts.query,
-			followAllRedirects: true
-		}, function (err, res, body) {
-
-			store.body = body;
-			store.request = res.request;
-			store.response = res;
-			store.status = res.statusCode;
-
-			if (opts.nonDom) {
-				store.window = null;
-				store.dom = null;
-				callback();
-			} else {
-				jsdom.env(
-					store.body,
-					function (err, window) {
-						store.window = window;
-						store.dom = window.document;
-						callback();
-					}
-				);
-			}
-
-		});
-
-	};
-}

test/functional/helper/webservice.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var createClient = require('pa11y-webservice-client-node');
-
-module.exports = createWebserviceClient;
-
-// Create a webservice client
-function createWebserviceClient (config) {
-	var webserviceUrl = config.webservice;
-	if (typeof webserviceUrl == 'object') {
-		webserviceUrl = 'http://' + webserviceUrl.host + ':' + webserviceUrl.port + '/';
-	}
-	return createClient(webserviceUrl);
-}

test/functional/route/index.js

@@ -1,79 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should display an "Add new URL" button', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=add-task]');
-		assert.strictEqual(elem.length, 1);
-		assert.strictEqual(elem[0].getAttribute('href'), '/new');
-	});
-
-	it('should display all of the expected tasks', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks.length, 3);
-		assert.match(tasks[0].textContent, /npg home\s+\(wcag2aa\)/i);
-		assert.match(tasks[1].textContent, /npg home\s+\(wcag2aaa\)/i);
-		assert.match(tasks[2].textContent, /nature news\s+\(section508\)/i);
-	});
-
-	it('should have links to each task', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001"]').length, 1);
-		assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002"]').length, 1);
-		assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003"]').length, 1);
-	});
-
-	it('should display an "Edit" button for each task', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001/edit"]').length, 1);
-		assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002/edit"]').length, 1);
-		assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003/edit"]').length, 1);
-	});
-
-	it('should display a "Delete" button for each task', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001/delete"]').length, 1);
-		assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002/delete"]').length, 1);
-		assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003/delete"]').length, 1);
-	});
-
-	it('should display a "Run" button for each task', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001/run"]').length, 1);
-		assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002/run"]').length, 1);
-		assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003/run"]').length, 1);
-	});
-
-	it('should display the task result counts if the task has been run', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.match(tasks[0].textContent, /1\s*errors/i);
-		assert.match(tasks[0].textContent, /2\s*warnings/i);
-		assert.match(tasks[0].textContent, /3\s*notices/i);
-	});
-
-	it('should display a message indicating that there are no results if the task has not been run', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.match(tasks[2].textContent, /no results/i);
-	});
-
-	it('should not display an alert message', function () {
-		assert.strictEqual(this.last.dom.querySelectorAll('[data-test=alert]').length, 0);
-	});
-
-});

test/functional/route/new.js

@@ -1,136 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /new', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/new'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should not display an error message', function () {
-		assert.strictEqual(this.last.dom.querySelectorAll('[data-test=error]').length, 0);
-	});
-
-	it('should have an "Add new URL" form', function () {
-		var form = this.last.dom.querySelectorAll('[data-test=new-url-form]')[0];
-		assert.isDefined(form);
-		assert.strictEqual(form.getAttribute('action'), '/new');
-		assert.strictEqual(form.getAttribute('method'), 'post');
-	});
-
-	describe('"Add New URL" form', function () {
-
-		beforeEach(function () {
-			this.form = this.last.dom.querySelectorAll('[data-test=new-url-form]')[0];
-		});
-
-		it('should have a "name" field', function () {
-			var field = this.form.querySelectorAll('input[name=name]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.getAttribute('type'), 'text');
-			assert.strictEqual(field.getAttribute('value'), '');
-		});
-
-		it('should have a "url" field', function () {
-			var field = this.form.querySelectorAll('input[name=url]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.getAttribute('type'), 'url');
-			assert.strictEqual(field.getAttribute('value'), '');
-		});
-
-		it('should have a "standard" field', function () {
-			var field = this.form.querySelectorAll('select[name=standard]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.querySelectorAll('option').length, 4);
-		});
-
-		it('should have "ignore" fields', function () {
-			var fields = this.form.querySelectorAll('input[name="ignore[]"]');
-			assert.isDefined(fields);
-			assert.notStrictEqual(fields.length, 0);
-		});
-
-	});
-
-});
-
-describe('POST /new', function () {
-
-	describe('with invalid query', function () {
-
-		beforeEach(function (done) {
-			var req = {
-				method: 'POST',
-				endpoint: '/new',
-				body: {
-					name: '',
-					url: ''
-				}
-			};
-			this.navigate(req, done);
-		});
-
-		it('should send a 200 status', function () {
-			assert.strictEqual(this.last.status, 200);
-		});
-
-		it('should display an error message', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[data-test=error]').length, 1);
-		});
-
-	});
-
-	describe('with valid query', function () {
-
-		beforeEach(function (done) {
-			var req = {
-				method: 'POST',
-				endpoint: '/new',
-				body: {
-					name: 'Example',
-					url: 'http://example.com/',
-					standard: 'WCAG2AA'
-				}
-			};
-			this.navigate(req, done);
-		});
-
-		it('should send a 200 status', function () {
-			assert.strictEqual(this.last.status, 200);
-		});
-
-		it('should create the task', function (done) {
-			this.webservice.tasks.get({}, function (err, tasks) {
-				assert.strictEqual(tasks.length, 4);
-				done();
-			});
-		});
-
-		it('should redirect me to the new URL page', function () {
-			assert.match(this.last.request.uri.pathname, /^\/[a-z0-9]{24}$/i);
-		});
-
-		it('should not display an error message', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[data-test=error]').length, 0);
-		});
-
-		it('should display a success message', function () {
-			var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-			assert.isDefined(alert);
-			assert.match(alert.textContent, /url has been added/i);
-		});
-
-	});
-
-});

test/functional/route/result/download.js

@@ -1,53 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/<result-id>.csv', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/def000000000000000000001.csv',
-			nonDom: true
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should output CSV results', function () {
-		assert.match(this.last.body, /^"code", "message", "type"/);
-	});
-
-});
-
-describe('GET /<task-id>/<result-id>.json', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/def000000000000000000001.json',
-			nonDom: true
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should output JSON results', function () {
-		var json = this.last.body;
-		assert.strictEqual(json.task.name, 'NPG Home');
-		assert.strictEqual(json.task.url, 'nature.com');
-		assert.strictEqual(json.count.error, 1);
-		assert.strictEqual(json.count.warning, 2);
-		assert.strictEqual(json.count.notice, 3);
-		assert.isArray(json.results);
-	});
-
-});

test/functional/route/result/index.js

@@ -1,55 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/<result-id>', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/def000000000000000000001'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should display a "Download CSV" button', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=download-csv]');
-		assert.strictEqual(elem.length, 1);
-		assert.strictEqual(elem[0].getAttribute('href'), '/abc000000000000000000001/def000000000000000000001.csv');
-	});
-
-	it('should display a "Download JSON" button', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=download-json]');
-		assert.strictEqual(elem.length, 1);
-		assert.strictEqual(elem[0].getAttribute('href'), '/abc000000000000000000001/def000000000000000000001.json');
-	});
-
-	it('should display a link back to the task', function () {
-		assert.isDefined(this.last.dom.querySelectorAll('[href="/abc000000000000000000001"]')[0]);
-	});
-
-	it('should display errors', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=task-errors]')[0];
-		assert.isDefined(elem);
-		assert.match(elem.textContent, /errors \( 1 \)/i);
-	});
-
-	it('should display warnings', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=task-warnings]')[0];
-		assert.isDefined(elem);
-		assert.match(elem.textContent, /warnings \( 2 \)/i);
-	});
-
-	it('should display notices', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=task-notices]')[0];
-		assert.isDefined(elem);
-		assert.match(elem.textContent, /notices \( 3 \)/i);
-	});
-
-});

test/functional/route/task/delete.js

@@ -1,65 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/delete', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/delete'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should have a "Delete URL" form', function () {
-		var form = this.last.dom.querySelectorAll('[data-test=delete-url-form]')[0];
-		assert.isDefined(form);
-		assert.strictEqual(form.getAttribute('action'), '/abc000000000000000000001/delete');
-		assert.strictEqual(form.getAttribute('method'), 'post');
-	});
-
-	it('should display a link back to the task page', function () {
-		assert.greaterThan(this.last.dom.querySelectorAll('[href="/abc000000000000000000001"]').length, 0);
-	});
-
-});
-
-describe('POST /<task-id>/delete', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'POST',
-			endpoint: '/abc000000000000000000001/delete'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should delete the task', function (done) {
-		this.webservice.task('abc000000000000000000001').get({}, function (err) {
-			assert.strictEqual(err.message, 'Error 404');
-			done();
-		});
-	});
-
-	it('should redirect me to the home page', function () {
-		assert.strictEqual(this.last.request.uri.pathname, '/');
-	});
-
-	it('should display a success message', function () {
-		var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-		assert.isDefined(alert);
-		assert.match(alert.textContent, /been deleted/i);
-	});
-
-});

test/functional/route/task/edit.js

@@ -1,102 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/edit', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/edit'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should have an "Edit URL" form', function () {
-		var form = this.last.dom.querySelectorAll('[data-test=edit-url-form]')[0];
-		assert.isDefined(form);
-		assert.strictEqual(form.getAttribute('action'), '/abc000000000000000000001/edit');
-		assert.strictEqual(form.getAttribute('method'), 'post');
-	});
-
-	it('should display a link back to the task page', function () {
-		assert.greaterThan(this.last.dom.querySelectorAll('[href="/abc000000000000000000001"]').length, 0);
-	});
-
-	describe('"Edit URL" form', function () {
-
-		beforeEach(function () {
-			this.form = this.last.dom.querySelectorAll('[data-test=edit-url-form]')[0];
-		});
-
-		it('should have a "name" field', function () {
-			var field = this.form.querySelectorAll('input[name=name]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.getAttribute('type'), 'text');
-			assert.strictEqual(field.getAttribute('value'), 'NPG Home');
-		});
-
-		it('should have a disabled "url" field', function () {
-			var field = this.form.querySelectorAll('input[name=url]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.getAttribute('type'), 'url');
-			assert.strictEqual(field.getAttribute('value'), 'nature.com');
-			assert.isDefined(field.getAttribute('disabled'));
-		});
-
-		it('should have a disabled "standard" field', function () {
-			var field = this.form.querySelectorAll('select[name=standard]')[0];
-			assert.isDefined(field);
-			assert.isDefined(field.getAttribute('disabled'));
-		});
-
-		it('should have "ignore" fields', function () {
-			var fields = this.form.querySelectorAll('input[name="ignore[]"]');
-			assert.isDefined(fields);
-			assert.notStrictEqual(fields.length, 0);
-		});
-
-	});
-
-});
-
-describe('POST /<task-id>/edit', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'POST',
-			endpoint: '/abc000000000000000000001/edit',
-			body: {
-				name: 'foo',
-				ignore: ['bar', 'baz']
-			}
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should edit the task', function (done) {
-		this.webservice.task('abc000000000000000000001').get({}, function (err, task) {
-			assert.strictEqual(task.name, 'foo');
-			assert.deepEqual(task.ignore, ['bar', 'baz']);
-			done();
-		});
-	});
-
-	it('should display a success message', function () {
-		var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-		assert.isDefined(alert);
-		assert.match(alert.textContent, /been saved/i);
-	});
-
-});
-

test/functional/route/task/index.js

@@ -1,96 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>', function () {
-
-	describe('when task has results', function () {
-
-		beforeEach(function (done) {
-			var req = {
-				method: 'GET',
-				endpoint: '/abc000000000000000000001'
-			};
-			this.navigate(req, done);
-		});
-
-		it('should send a 200 status', function () {
-			assert.strictEqual(this.last.status, 200);
-		});
-
-		it('should display an "Edit" button', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/edit"]').length, 1);
-		});
-
-		it('should display a "Delete" button', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/delete"]').length, 1);
-		});
-
-		it('should display a "Run" button', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/run"]').length, 1);
-		});
-
-		it('should display a "Download CSV" button for the latest result', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/def000000000000000000001.csv"]').length, 1);
-		});
-
-		it('should display a "Download JSON" button for the latest result', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/def000000000000000000001.json"]').length, 1);
-		});
-
-		it('should display links to all results', function () {
-			assert.isDefined(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/def000000000000000000001"]')[0]);
-			assert.isDefined(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/def000000000000000000003"]')[0]);
-		});
-
-		it('should display errors', function () {
-			var elem = this.last.dom.querySelectorAll('[data-test=task-errors]')[0];
-			assert.isDefined(elem);
-			assert.match(elem.textContent, /errors \( 1 \)/i);
-		});
-
-		it('should display warnings', function () {
-			var elem = this.last.dom.querySelectorAll('[data-test=task-warnings]')[0];
-			assert.isDefined(elem);
-			assert.match(elem.textContent, /warnings \( 2 \)/i);
-		});
-
-		it('should display notices', function () {
-			var elem = this.last.dom.querySelectorAll('[data-test=task-notices]')[0];
-			assert.isDefined(elem);
-			assert.match(elem.textContent, /notices \( 3 \)/i);
-		});
-
-	});
-
-	describe('when task has no results', function () {
-
-		beforeEach(function (done) {
-			var req = {
-				method: 'GET',
-				endpoint: '/abc000000000000000000003'
-			};
-			this.navigate(req, done);
-		});
-
-		it('should send a 200 status', function () {
-			assert.strictEqual(this.last.status, 200);
-		});
-
-		it('should display a "Run" button', function () {
-			var elem = this.last.dom.querySelectorAll('[data-test=run-task]');
-			assert.strictEqual(elem.length, 1);
-			assert.strictEqual(elem[0].getAttribute('href'), '/abc000000000000000000003/run');
-		});
-
-		it('should display a message indicating that there are no results', function () {
-			var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-			assert.isDefined(alert);
-			assert.match(alert.textContent, /there are no results to show/i);
-		});
-
-	});
-
-});

test/functional/route/task/run.js

@@ -1,31 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/run', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/run'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should redirect me to the task page', function () {
-		assert.strictEqual(this.last.request.uri.pathname, '/abc000000000000000000001');
-	});
-
-	it('should display a success message', function () {
-		var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-		assert.isDefined(alert);
-		assert.match(alert.textContent, /new results are being generated/i);
-	});
-
-});

test/functional/setup.js

@@ -1,36 +0,0 @@
-/* global afterEach, before */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var config = require('../../config/test.json');
-var createNavigator = require('./helper/navigate');
-var createWebserviceClient = require('./helper/webservice');
-var loadFixtures = require('pa11y-webservice/data/fixture/load');
-var request = require('request');
-
-// Run before all tests
-before(function (done) {
-	this.baseUrl = 'http://localhost:' + config.port;
-	this.last = {};
-	this.navigate = createNavigator(this.baseUrl, this.last);
-	this.webservice = createWebserviceClient(config);
-	assertTestAppIsRunning(this.baseUrl, function () {
-		loadFixtures('test', config.webservice, done);
-	});
-});
-
-// Run after each test
-afterEach(function (done) {
-	loadFixtures('test', config.webservice, done);
-});
-
-// Check that the test application is running, and exit if not
-function assertTestAppIsRunning (url, done) {
-	request(url, function (err) {
-		if (err) {
-			console.error('Error: Test app not started; run with `grunt start-test`');
-			process.exit(1);
-		}
-		done();
-	});
-}

test/integration/helper/navigate.js

@@ -0,0 +1,58 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable requireArrowFunctions
+'use strict';
+
+const cheerio = require('cheerio');
+const request = require('request');
+
+module.exports = createNavigator;
+
+// Create a navigate function
+function createNavigator(baseUrl, store) {
+	return function(opts, callback) {
+
+		store.body = null;
+		store.dom = null;
+		store.request = null;
+		store.response = null;
+		store.status = null;
+
+		request({
+			url: baseUrl + opts.endpoint,
+			method: opts.method || 'GET',
+			form: opts.form,
+			json: opts.json || false,
+			qs: opts.query,
+			followAllRedirects: true
+		}, function(err, res, body) {
+
+			store.body = body;
+			store.request = res.request;
+			store.response = res;
+			store.status = res.statusCode;
+
+			if (opts.nonDom) {
+				store.dom = null;
+			} else {
+				store.dom = cheerio.load(store.body);
+			}
+			callback();
+
+		});
+
+	};
+}

test/integration/helper/webservice.js

@@ -0,0 +1,30 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable requireArrowFunctions
+'use strict';
+
+const createClient = require('pa11y-webservice-client-node');
+
+module.exports = createWebserviceClient;
+
+// Create a webservice client
+function createWebserviceClient(config) {
+	let webserviceUrl = config.webservice;
+	if (typeof webserviceUrl === 'object') {
+		webserviceUrl = `http://${webserviceUrl.host}:${webserviceUrl.port}/`;
+	}
+	return createClient(webserviceUrl);
+}

test/integration/route/index.js

@@ -0,0 +1,93 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe.only('GET /', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'GET',
+			endpoint: '/'
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should display an "Add new URL" button', function() {
+		const elem = this.last.dom('[data-test=add-task]');
+		assert.strictEqual(elem.length, 1);
+		assert.strictEqual(elem.eq(0).attr('href'), '/new');
+	});
+
+	it('should display all of the expected tasks', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.length, 3);
+		assert.match(tasks.eq(0).text(), /npg home\s+\(wcag2aa\)/i);
+		assert.match(tasks.eq(1).text(), /npg home\s+\(wcag2aaa\)/i);
+		assert.match(tasks.eq(2).text(), /nature news\s+\(section508\)/i);
+	});
+
+	it('should have links to each task', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001"]').length, 1);
+		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002"]').length, 1);
+		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003"]').length, 1);
+	});
+
+	it('should display an "Edit" button for each task', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001/edit"]').length, 1);
+		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002/edit"]').length, 1);
+		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003/edit"]').length, 1);
+	});
+
+	it('should display a "Delete" button for each task', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001/delete"]').length, 1);
+		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002/delete"]').length, 1);
+		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003/delete"]').length, 1);
+	});
+
+	it('should display a "Run" button for each task', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001/run"]').length, 1);
+		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002/run"]').length, 1);
+		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003/run"]').length, 1);
+	});
+
+	it('should display the task result counts if the task has been run', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.match(tasks.eq(0).text(), /1\s*errors/i);
+		assert.match(tasks.eq(0).text(), /2\s*warnings/i);
+		assert.match(tasks.eq(0).text(), /3\s*notices/i);
+	});
+
+	it('should display a message indicating that there are no results if the task has not been run', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.match(tasks.eq(2).text(), /no results/i);
+	});
+
+	it('should not display an alert message', function() {
+		assert.strictEqual(this.last.dom('[data-test=alert]').length, 0);
+	});
+
+});

test/integration/route/new.js

@@ -0,0 +1,188 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /new', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'GET',
+			endpoint: '/new'
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should not display an error message', function() {
+		assert.strictEqual(this.last.dom('[data-test=error]').length, 0);
+	});
+
+	it('should have an "Add new URL" form', function() {
+		const form = this.last.dom('[data-test=new-url-form]').eq(0);
+		assert.isDefined(form);
+		assert.strictEqual(form.attr('action'), '/new');
+		assert.strictEqual(form.attr('method'), 'post');
+	});
+
+	describe('"Add New URL" form', function() {
+
+		beforeEach(function() {
+			this.form = this.last.dom('[data-test=new-url-form]').eq(0);
+		});
+
+		it('should have a "name" field', function() {
+			const field = this.form.find('input[name=name]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "url" field', function() {
+			const field = this.form.find('input[name=url]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'url');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "wait" field', function() {
+			const field = this.form.find('input[name=wait]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have an "actions" field', function() {
+			const field = this.form.find('textarea[name=actions]').eq(0);
+			assert.isDefined(field);
+		});
+
+		it('should have a "username" field', function() {
+			const field = this.form.find('input[name=username]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "password" field', function() {
+			const field = this.form.find('input[name=password]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "standard" field', function() {
+			const field = this.form.find('select[name=standard]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.find('option').length, 4);
+		});
+
+		it('should have "ignore" fields', function() {
+			const fields = this.form.find('input[name="ignore[]"]');
+			assert.isDefined(fields);
+			assert.notStrictEqual(fields.length, 0);
+		});
+
+		it('should have a "hideElements" field', function() {
+			const field = this.form.find('input[name=hideElements]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "headers" field', function() {
+			const field = this.form.find('textarea[name=headers]').eq(0);
+			assert.isDefined(field);
+		});
+
+	});
+
+});
+
+describe('POST /new', function() {
+
+	describe('with invalid query', function() {
+
+		beforeEach(function(done) {
+			const req = {
+				method: 'POST',
+				endpoint: '/new',
+				form: {
+					name: '',
+					url: ''
+				}
+			};
+			this.navigate(req, done);
+		});
+
+		it('should send a 200 status', function() {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should display an error message', function() {
+			assert.strictEqual(this.last.dom('[data-test=error]').length, 1);
+		});
+
+	});
+
+	describe('with valid query', function() {
+
+		beforeEach(function(done) {
+			const req = {
+				method: 'POST',
+				endpoint: '/new',
+				form: {
+					name: 'Example',
+					url: 'http://example.com/',
+					standard: 'WCAG2AA'
+				}
+			};
+			this.navigate(req, done);
+		});
+
+		it('should send a 200 status', function() {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should create the task', function(done) {
+			this.webservice.tasks.get({}, function(err, tasks) {
+				assert.strictEqual(tasks.length, 4);
+				done();
+			});
+		});
+
+		it('should redirect me to the new URL page', function() {
+			assert.match(this.last.request.uri.pathname, /^\/[a-z0-9]{24}$/i);
+		});
+
+		it('should not display an error message', function() {
+			assert.strictEqual(this.last.dom('[data-test=error]').length, 0);
+		});
+
+		it('should display a success message', function() {
+			const alert = this.last.dom('[data-test=alert]').eq(0);
+			assert.isDefined(alert);
+			assert.match(alert.textContent, /url has been added/i);
+		});
+
+	});
+
+});

test/integration/route/result/download.js

@@ -0,0 +1,68 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>/<result-id>.csv', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/def000000000000000000001.csv',
+			nonDom: true
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should output CSV results', function() {
+		assert.match(this.last.body, /^"code","message","type"/);
+	});
+
+});
+
+describe('GET /<task-id>/<result-id>.json', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/def000000000000000000001.json',
+			nonDom: true,
+			json: true
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should output JSON results', function() {
+		const json = this.last.body;
+		assert.strictEqual(json.task.name, 'NPG Home');
+		assert.strictEqual(json.task.url, 'nature.com');
+		assert.strictEqual(json.count.error, 1);
+		assert.strictEqual(json.count.warning, 2);
+		assert.strictEqual(json.count.notice, 3);
+		assert.isArray(json.results);
+	});
+
+});

test/integration/route/result/index.js

@@ -0,0 +1,69 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>/<result-id>', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/def000000000000000000001'
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should display a "Download CSV" button', function() {
+		const elem = this.last.dom('[data-test=download-csv]');
+		assert.strictEqual(elem.length, 1);
+		assert.strictEqual(elem.eq(0).attr('href'), '/abc000000000000000000001/def000000000000000000001.csv');
+	});
+
+	it('should display a "Download JSON" button', function() {
+		const elem = this.last.dom('[data-test=download-json]');
+		assert.strictEqual(elem.length, 1);
+		assert.strictEqual(elem.eq(0).attr('href'), '/abc000000000000000000001/def000000000000000000001.json');
+	});
+
+	it('should display a link back to the task', function() {
+		assert.isDefined(this.last.dom('[href="/abc000000000000000000001"]').eq(0));
+	});
+
+	it('should display errors', function() {
+		const elem = this.last.dom('[data-test=task-errors]').eq(0);
+		assert.isDefined(elem);
+		assert.match(elem.text(), /errors \( 1 \)/i);
+	});
+
+	it('should display warnings', function() {
+		const elem = this.last.dom('[data-test=task-warnings]').eq(0);
+		assert.isDefined(elem);
+		assert.match(elem.text(), /warnings \( 2 \)/i);
+	});
+
+	it('should display notices', function() {
+		const elem = this.last.dom('[data-test=task-notices]').eq(0);
+		assert.isDefined(elem);
+		assert.match(elem.text(), /notices \( 3 \)/i);
+	});
+
+});

test/integration/route/task/delete.js

@@ -0,0 +1,79 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>/delete', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/delete'
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should have a "Delete URL" form', function() {
+		const form = this.last.dom('[data-test=delete-url-form]').eq(0);
+		assert.isDefined(form);
+		assert.strictEqual(form.attr('action'), '/abc000000000000000000001/delete');
+		assert.strictEqual(form.attr('method'), 'post');
+	});
+
+	it('should display a link back to the task page', function() {
+		assert.greaterThan(this.last.dom('[href="/abc000000000000000000001"]').length, 0);
+	});
+
+});
+
+describe('POST /<task-id>/delete', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'POST',
+			endpoint: '/abc000000000000000000001/delete'
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should delete the task', function(done) {
+		this.webservice.task('abc000000000000000000001').get({}, function(err) {
+			assert.strictEqual(err.message, 'Error 404');
+			done();
+		});
+	});
+
+	it('should redirect me to the home page', function() {
+		assert.strictEqual(this.last.request.uri.pathname, '/');
+	});
+
+	it('should display a success message', function() {
+		const alert = this.last.dom('[data-test=alert]').eq(0);
+		assert.isDefined(alert);
+		assert.match(alert.text(), /been deleted/i);
+	});
+
+});

test/integration/route/task/edit.js

@@ -0,0 +1,157 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>/edit', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/edit'
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should have an "Edit URL" form', function() {
+		const form = this.last.dom('[data-test=edit-url-form]').eq(0);
+		assert.isDefined(form);
+		assert.strictEqual(form.attr('action'), '/abc000000000000000000001/edit');
+		assert.strictEqual(form.attr('method'), 'post');
+	});
+
+	it('should display a link back to the task page', function() {
+		assert.greaterThan(this.last.dom('[href="/abc000000000000000000001"]').length, 0);
+	});
+
+	describe('"Edit URL" form', function() {
+
+		beforeEach(function() {
+			this.form = this.last.dom('[data-test=edit-url-form]').eq(0);
+		});
+
+		it('should have a "name" field', function() {
+			const field = this.form.find('input[name=name]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), 'NPG Home');
+		});
+
+		it('should have a disabled "url" field', function() {
+			const field = this.form.find('input[name=url]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'url');
+			assert.strictEqual(field.attr('value'), 'nature.com');
+			assert.isDefined(field.attr('disabled'));
+		});
+
+		it('should have a "wait" field', function() {
+			const field = this.form.find('input[name=wait]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '0');
+		});
+
+		it('should have an "actions" field', function() {
+			const field = this.form.find('textarea[name=actions]').eq(0);
+			assert.isDefined(field);
+		});
+
+		it('should have a disabled "standard" field', function() {
+			const field = this.form.find('select[name=standard]').eq(0);
+			assert.isDefined(field);
+			assert.isDefined(field.attr('disabled'));
+		});
+
+		it('should have a "username" field', function() {
+			const field = this.form.find('input[name=username]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), 'user');
+		});
+
+		it('should have a "password" field', function() {
+			const field = this.form.find('input[name=password]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), 'access');
+		});
+
+		it('should have a "hideElements" field', function() {
+			const field = this.form.find('input[name=hideElements]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "headers" field', function() {
+			const field = this.form.find('textarea[name=headers]').eq(0);
+			assert.isDefined(field);
+		});
+
+		it('should have "ignore" fields', function() {
+			const fields = this.form.find('input[name="ignore[]"]');
+			assert.isDefined(fields);
+			assert.notStrictEqual(fields.length, 0);
+		});
+
+	});
+
+});
+
+describe('POST /<task-id>/edit', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'POST',
+			endpoint: '/abc000000000000000000001/edit',
+			form: {
+				name: 'foo',
+				username: 'newuser',
+				password: 'secure',
+				ignore: ['bar', 'baz']
+			}
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should edit the task', function(done) {
+		this.webservice.task('abc000000000000000000001').get({}, function(err, task) {
+			assert.strictEqual(task.name, 'foo');
+			assert.strictEqual(task.username, 'newuser');
+			assert.strictEqual(task.password, 'secure');
+			assert.deepEqual(task.ignore, ['bar', 'baz']);
+			done();
+		});
+	});
+
+	it('should display a success message', function() {
+		const alert = this.last.dom('[data-test=alert]').eq(0);
+		assert.isDefined(alert);
+		assert.match(alert.text(), /been saved/i);
+	});
+
+});

test/integration/route/task/index.js

@@ -0,0 +1,110 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>', function() {
+
+	describe('when task has results', function() {
+
+		beforeEach(function(done) {
+			const req = {
+				method: 'GET',
+				endpoint: '/abc000000000000000000001'
+			};
+			this.navigate(req, done);
+		});
+
+		it('should send a 200 status', function() {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should display an "Edit" button', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/edit"]').length, 1);
+		});
+
+		it('should display a "Delete" button', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/delete"]').length, 1);
+		});
+
+		it('should display a "Run" button', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/run"]').length, 1);
+		});
+
+		it('should display a "Download CSV" button for the latest result', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/def000000000000000000001.csv"]').length, 1);
+		});
+
+		it('should display a "Download JSON" button for the latest result', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/def000000000000000000001.json"]').length, 1);
+		});
+
+		it('should display links to all results', function() {
+			assert.isDefined(this.last.dom('[href="/abc000000000000000000001/def000000000000000000001"]').eq(0));
+			assert.isDefined(this.last.dom('[href="/abc000000000000000000001/def000000000000000000003"]').eq(0));
+		});
+
+		it('should display errors', function() {
+			const elem = this.last.dom('[data-test=task-errors]').eq(0);
+			assert.isDefined(elem);
+			assert.match(elem.text(), /errors \( 1 \)/i);
+		});
+
+		it('should display warnings', function() {
+			const elem = this.last.dom('[data-test=task-warnings]').eq(0);
+			assert.isDefined(elem);
+			assert.match(elem.text(), /warnings \( 2 \)/i);
+		});
+
+		it('should display notices', function() {
+			const elem = this.last.dom('[data-test=task-notices]').eq(0);
+			assert.isDefined(elem);
+			assert.match(elem.text(), /notices \( 3 \)/i);
+		});
+
+	});
+
+	describe('when task has no results', function() {
+
+		beforeEach(function(done) {
+			const req = {
+				method: 'GET',
+				endpoint: '/abc000000000000000000003'
+			};
+			this.navigate(req, done);
+		});
+
+		it('should send a 200 status', function() {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should display a "Run" button', function() {
+			const elem = this.last.dom('[data-test=run-task]');
+			assert.strictEqual(elem.length, 1);
+			assert.strictEqual(elem.eq(0).attr('href'), '/abc000000000000000000003/run');
+		});
+
+		it('should display a message indicating that there are no results', function() {
+			const alert = this.last.dom('[data-test=alert]').eq(0);
+			assert.isDefined(alert);
+			assert.match(alert.text(), /there are no results to show/i);
+		});
+
+	});
+
+});

test/integration/route/task/run.js

@@ -0,0 +1,45 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>/run', function() {
+
+	beforeEach(function(done) {
+		const req = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/run'
+		};
+		this.navigate(req, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should redirect me to the task page', function() {
+		assert.strictEqual(this.last.request.uri.pathname, '/abc000000000000000000001');
+	});
+
+	it('should display a success message', function() {
+		const alert = this.last.dom('[data-test=alert]').eq(0);
+		assert.isDefined(alert);
+		assert.match(alert.text(), /new results are being generated/i);
+	});
+
+});

test/integration/setup.js

@@ -0,0 +1,50 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable requireArrowFunctions
+'use strict';
+
+const config = require('../../config/test.json');
+const createNavigator = require('./helper/navigate');
+const createWebserviceClient = require('./helper/webservice');
+const loadFixtures = require('pa11y-webservice/data/fixture/load');
+const request = require('request');
+
+// Run before all tests
+before(function(done) {
+	this.baseUrl = `http://localhost:${config.port}`;
+	this.last = {};
+	this.navigate = createNavigator(this.baseUrl, this.last);
+	this.webservice = createWebserviceClient(config);
+	assertTestAppIsRunning(this.baseUrl, () => {
+		loadFixtures('test', config.webservice, done);
+	});
+});
+
+// Run after each test
+afterEach(function(done) {
+	loadFixtures('test', config.webservice, done);
+});
+
+// Check that the test application is running, and exit if not
+function assertTestAppIsRunning(url, done) {
+	request(url, err => {
+		if (err) {
+			console.error('Error: Test app not started; run with `NODE_ENV=test node index.js`');
+			process.exit(1);
+		}
+		done();
+	});
+}

view/404.html

@@ -1,3 +1,19 @@
+{{! 
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 <div class="col-md-8">
 	<h1>Hmmm, this page indicates a 404 error.</h1>
 	<p class="h2">That is techy babble for "We couldn't find the page you were looking for".</h2>

view/500.html

@@ -1,7 +1,27 @@
+{{! 
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 <div class="col-md-8">
-	<h1>Eeek! 500 error. This is serious.</h1>
-	<p class="h2">There isn't much you can do about this.</h2>
-	<p class="h4">Give it another go or try the <a href="/">home page</a>.</h4>
+	<h1>Eeek! 500 error.</h1>
+	<p class="h2">Let's see what we can do here:</h2>
+	<ul>
+		<li>Do you have <a href="https://www.mongodb.com/">MongoDB</a> installed and <code>mongod</code> running?</li>
+		<li>Check out the <a href="https://github.com/pa11y/dashboard/blob/master/TROUBLESHOOTING.md">Troubleshooting doc</a> for more information.</li>
+		<li>Search for a related <a href="https://github.com/pa11y/dashboard/issues">Github issue</a>, or open one yourself.</li>
+	</ul>
 	{{#if error}}
 		<h2>Stack-Trace</h2>
 		<pre>{{error.stack}}</pre>

view/helper/date.js

@@ -1,25 +1,35 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var moment = require('moment');
+const moment = require('moment');
 
 module.exports = helper;
 
-function helper (register) {
+function helper(hbs) {
 
 	// Format a date with Moment
-	register('date-format', function (context, block) {
-		var format = block.hash.format || 'YYYY-MM-DD HH:mm:ss';
+	hbs.registerHelper('date-format', (context, block) => {
+		const format = block.hash.format || 'YYYY-MM-DD HH:mm:ss';
 		return moment(context).format(format);
 	});
 
 	// Get a relative date
-	register('date-relative', function (context) {
-		return moment(context).fromNow();
-	});
-
-	register('date-timestamp', function (context) {
-		return moment(context).valueOf();
-	});
+	hbs.registerHelper('date-relative', context => moment(context).fromNow());
 
+	hbs.registerHelper('date-timestamp', context => moment(context).valueOf());
 
 }

view/helper/string.js

@@ -0,0 +1,10 @@
+'use strict';
+
+module.exports = helper;
+
+function helper(hbs) {
+
+	// Convert a string to lower-case
+	hbs.registerHelper('lowercase', context => context.toLowerCase());
+
+}

view/helper/url.js

@@ -1,12 +1,27 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
 module.exports = helper;
 
-function helper (register) {
+function helper(hbs) {
 
 	// Simplify url by removing (eg http://, https://, trailing slashes) from url
-	register('simplify-url', function (context) {
-		return context.replace(/^https?:\/\//i, '').replace(/\/$/, '');
+	hbs.registerHelper('simplify-url', context => {
+		return context.replace(/^https?:\/\//i, '').replace(/\/$/, '').toLowerCase();
 	});
 
 }

view/index.html

@@ -1,22 +1,52 @@
-{{#content "title"}}pa11y-dashboard{{/content}}
+{{!
+This file is part of Pa11y Dashboard.
 
-{{#if siteMessage}}
-    <div class="col-md-12 clearfix" data-test="alert">
-        <div class="alert alert-info site-message">
-            <h3 class="crunch-top"><span class="pull-left glyphicon glyphicon-exclamation-sign"></span> Important</h3>
-            <p class="h5">{{siteMessage}}</p>
-        </div>
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{#content "title"}}Pa11y Dashboard{{/content}}
+
+<div data-control="task-list">
+
+  <div class="clearfix">
+    <div class="col-md-6 col-md-offset-3 filter-toggle no-js-hide text-center">
+      <label for="task-filter" class="filter-trigger" data-toggle="collapse" data-target="#filter-input">Filter<span class="glyphicon glyphicon-filter"></span>
+      </label>
+      <div id="filter-input" class="collapse">
+        <input class="form-control" id="task-filter" type="text" data-role="input" placeholder="Type filter term (name or standard)"/>
+      </div>
     </div>
-{{/if}}
+  </div>
 
-{{#deleted}}
-    <div class="col-md-12 clearfix" data-test="alert">
-        <div class="alert alert-info">
-            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
-            <strong>Bye Bye URL</strong>
-            <p>The URL you selected and its associated results have been deleted.</p>
-        </div>
-    </div>
-{{/deleted}}
+  {{#if siteMessage}}
+      <div class="col-md-12 clearfix" data-test="alert">
+          <div class="alert alert-info site-message">
+              <h3 class="crunch-top"><span class="pull-left glyphicon glyphicon-exclamation-sign"></span> Important</h3>
+              <p class="h5">{{siteMessage}}</p>
+          </div>
+      </div>
+  {{/if}}
 
-{{> tasks}}
+  {{#deleted}}
+      <div class="col-md-12 clearfix" data-test="alert">
+          <div class="alert alert-info">
+              <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
+              <strong>Bye Bye URL</strong>
+              <p>The URL you selected and its associated results have been deleted.</p>
+          </div>
+      </div>
+  {{/deleted}}
+
+  {{> tasks}}
+
+</div>

view/layout/default.html

@@ -1,3 +1,19 @@
+{{! 
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 <!DOCTYPE html>
 <html lang="{{lang}}" class="no-javascript">
 <head>

view/new.html

@@ -1,3 +1,19 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 
 {{#content "title"}}
 	Add a new URL
@@ -22,7 +38,7 @@
 		<div class="row">
 			<div class="col-md-8 col-sm-8 col-xs-10">
 				<label class="control-label" for="new-task-name">Name</label>
-				<input class="form-control" id="new-task-name" type="text" placeholder="E.g. My Home Page" name="name" value="{{task.name}}"/>
+				<input class="form-control" id="new-task-name" type="text" required placeholder="E.g. My Home Page" name="name" value="{{task.name}}"/>
 			</div>
 		</div>
 	</div>
@@ -31,7 +47,7 @@
 		<div class="row">
 			<div class="col-md-8 col-sm-8 col-xs-10">
 				<label class="control-label" for="new-task-url">URL</label>
-				<input class="form-control" id="new-task-url" type="url" placeholder="E.g. http://mysite.com/" name="url" value="{{task.url}}"/>
+				<input class="form-control" id="new-task-url" type="url" required pattern="https?:\/\/.+" placeholder="E.g. http://mysite.com/" name="url" value="{{task.url}}"/>
 			</div>
 		</div>
 	</div>
@@ -49,7 +65,76 @@
 		</div>
 	</div>
 
-	<p class="control-label"><b>Ignore these rules</b> <a target="_blank" href="https://github.com/nature/pa11y/wiki/HTML-CodeSniffer-Rules">(full list of rules here)</a></p>
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-timeout">Timeout (milliseconds)</label>
+				<input class="form-control" id="new-task-timeout" type="text" placeholder="E.g. 30000" name="timeout" value="{{task.timeout}}"/>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-wait">Wait (milliseconds)</label>
+				<input class="form-control" id="new-task-wait" type="text" placeholder="E.g. 3000" name="wait" value="{{task.wait}}"/>
+				<em>(Note: default wait time is 0ms)</em>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-actions">
+					Task Actions
+					(<a href="https://github.com/pa11y/pa11y#actions">see Pa11y documentation</a>)
+				</label>
+				<textarea class="form-control" id="new-task-actions" name="actions" aria-describedby="action-detail" placeholder="E.g. Click element #login-button">{{task.actions}}</textarea>
+				<em id="action-detail">(one action per line)</em>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-username">Username</label>
+				<input class="form-control" id="new-task-username" type="text" name="username" value="{{task.username}}"/>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-password">Password</label>
+				<input class="form-control" id="new-task-password" type="text" name="password" value="{{task.password}}"/> <em>(Note: this will be stored and displayed in plain-text - only suitable for use in a secure environment)</em>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-headers">HTTP Headers</label>
+				<textarea class="form-control" id="new-task-headers" name="headers" placeholder="Cookie: foo=bar">{{task.headers}}</textarea>
+				<em>(As key/value pairs, separated by newlines/colons)</em>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-hide-elements">Hide Elements</label>
+				<input class="form-control" id="new-task-hide-elements" type="text" name="hideElements" value="{{task.hideElements}}" placeholder=".advert, #modal, div[aria-role=presentation]"/> <em>(CSS selector)</em>
+			</div>
+		</div>
+	</div>
+
+	<p class="control-label"><b>Ignore these rules</b> <a target="_blank" href="https://github.com/pa11y/pa11y/wiki/HTML-CodeSniffer-Rules">(full list of rules here)</a></p>
 
 	<div class="standards-lists">
 		{{#standards}}

view/partial/breadcrumb.html

@@ -1,3 +1,19 @@
+{{! 
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 {{#unless isHomePage}}
 	<div class="container">
 		<div class="row">

view/partial/graph.html

@@ -1,8 +1,56 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 <div class="col-md-12 clearfix">
-	<div class="graph-container graph-spacer ruled">
+	<div class="graph-container graph-spacer ruled clearfix">
 		<div data-role="graph" class="graph"></div>
 		<div class="row">
-			<ul class="list-unstyled floated-list series-checkboxes clearfix crunch-bottom col-md-3 col-sm-6 col-xs-12" data-role="series-checkboxes"></ul>
+			<ul class="list-unstyled floated-list series-checkboxes clearfix crunch-bottom col-md-3 col-sm-6 col-xs-12 pull-right" data-role="series-checkboxes"></ul>
+		</div>
+		<div class="dashedLegend">
+			<div class="dashedContainer">
+			    <table>
+			        <tbody>
+			            <tr>
+			                <td class="legendColorBox">
+			                    <div class="clearfix legendIcon legendErrors">
+			                        <div></div>
+			                    </div>
+			                </td>
+			                <td class="legendLabel">Errors</td>
+			            </tr>
+			            <tr>
+			                <td class="legendColorBox">
+			                    <div class="clearfix legendIcon legendWarnings">
+			                        <div></div><div></div>
+			                    </div>
+			                </td>
+			                <td class="legendLabel">Warnings</td>
+			            </tr>
+			            <tr>
+			                <td class="legendColorBox">
+			                    <div class="clearfix legendIcon legendNotices">
+			                        <div></div><div></div><div></div>
+			                    </div>
+			                </td>
+			                <td class="legendLabel">Notices</td>
+			            </tr>
+			        </tbody>
+			    </table>
+			</div>
 		</div>
 		<button data-role='zoom-reset' class="btn btn-xs btn-primary pull-right btn-reset hidden">Reset Zoom <i class="glyphicon glyphicon-zoom-out"></i></button>
 	</div>
@@ -10,8 +58,8 @@
 
 <div class="col-md-12 hidden">
 	<div class="graph-spacer ruled">
-		<table id="graph-data" class="table graph-table" summary="Accessibility results from pa11y for this page">
-			<caption>pa11y results for this URL</caption>
+		<table id="graph-data" class="table graph-table" summary="Accessibility results from Pa11y for this page">
+			<caption>Pa11y results for this URL</caption>
 			<thead>
 				<tr>
 					<th>Date</th>

view/partial/page-footer.html

@@ -1,8 +1,24 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 <footer>
 	<div class="footer" role="contentinfo">
 		<div class="container">
 			<div class="col-md-5">
-				<small>&copy; {{year}} Nature Publishing Group.<br/>pa11y dashboard is licensed under the GNU General Public License 3.0.<br/>Version {{version}}</small>
+				<small>&copy; 2013–{{year}} Team Pa11y.<br/>Pa11y Dashboard is licensed under the GNU General Public License 3.0.<br/>Version {{version}}</small>
 			</div>
 			<div class="col-md-7 clearfix">
 				<ul class="crunch-bottom floated-list nav">

view/partial/page-header.html

@@ -1,8 +1,24 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 <header>
 	<div role="banner" class="header">
 		<div class="container">
 			{{#if isHomePage}}<h1>{{else}}<div class="h1">{{/if}}
-				<a href="/">pa11y dashboard</a> -
+				<a href="/">Pa11y Dashboard</a> -
 				<span class="h3">your automated accessibility testing pal</span>
 			{{#if isHomePage}}</h1>{{else}}</div>{{/if}}
 		</div>

view/partial/result-header.html

@@ -1,6 +1,22 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 <div class="col-md-12">
 	<div class="ruled task-header">
-		<div class="row clearfix">
+		<div class="row clearfix task-header">
 			<div class="col-md-12">
 				<div class="h3 crunch well-med well pull-right"><span class="glyphicon glyphicon-calendar"></span>&nbsp;{{date-format mainResult.date format="DD MMM YYYY"}}</div>
 				<h1 class="h2 crunch-top">{{task.name}}</h1>

view/partial/result-selector.html

@@ -1,19 +0,0 @@
-<div class="col-md-12 zfix">
-	<div class="row">
-		<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
-			<div class="date-selector{{#if hasOneResult}} single-result{{/if}}">
-				<h4 class="show-stats text-center">Select a date to show stats for</h4>
-				<ul class="list-unstyled">
-					<li class="btn-group block-level clearfix">
-						<button data-toggle="dropdown" class="btn-full-width btn btn-primary dropdown-toggle" type="button">{{date-format task.lastResult.date format="DD MMM YYYY"}} <span class="glyphicon glyphicon-calendar"></span> <span class="caret"></span></button>
-						<ul role="navigation" class="date-links list-group hidden" data-role="date-select-dropdown-menu">
-							{{#results}}
-				          		<li><a class="list-group-item text-center" href="{{href}}">{{date-format date format="DD MMM YYYY"}}</a></li>
-				          	{{/results}}
-				        </ul>
-					</li>
-				</ul>
-			</div>
-		</div>
-	</div>
-</div>

view/partial/result.html

@@ -1,6 +1,23 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
+
 <div class="col-md-3 aside">
 	<div class="row">
-		<div id="top" class="col-md-12 col-sm-6 col-xs-12">
+		<div class="col-md-12 col-sm-6 col-xs-12">
 			<ul data-role="task-list" class="clearfix list-unstyled floated-list task-stats">
 				{{#mainResult}}
 					<li class="danger"><a href="#errors" title="See errors">{{count.error}}<span class="stat-type">Errors</span></a></li>
@@ -24,29 +41,63 @@
 			</div>
 		</div>
 	</div>
+	<div class="row date-selector-row">
+		<div id="top" class="col-md-12 col-sm-12 clearfix">
+			<div class="well dark-well">
+				<div class="date-selector">
+					<div class="btn-group block-level clearfix">
+						<h2 class="h4">
+							<span class="glyphicon glyphicon-calendar"></span>&nbsp;&nbsp;{{date-format task.lastResult.date format="DD MMM YYYY"}}
+						</h2>
+						<h3 class="h5 show-stats">Select a date to show stats for:</h3>
+						<ul role="navigation" class="dates-list">
+							{{#results}}
+							<li><a class="" href="{{href}}">{{date-format date format="DD MMM YYYY"}}</a></li>
+							{{/results}}
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
 	<div class="row">
 		<div class="col-md-12 col-sm-12 clearfix">
 			<div class="well">
 				<h4 class="crunch-top">View results in browser</h4>
-				<p class="crunch-bottom">pa11y uses HTML_CodeSniffer to find accessibility issues. <a href="http://squizlabs.github.io/HTML_CodeSniffer/">Use their bookmarklet</a> to view results on the page you are testing.</p>
+				<p class="crunch-bottom">Pa11y uses HTML_CodeSniffer to find accessibility issues. <a href="http://squizlabs.github.io/HTML_CodeSniffer/">Use their bookmarklet</a> to view results on the page you are testing.</p>
 			</div>
 	    </div>
 	</div>
 </div>
 
-<div class="col-md-9">
+<div class="col-md-9" data-role="expandable-results" role="main">
 	{{#if mainResult.count.error}}
-		<div class="heading label-danger showing first" id="errors" data-test="task-errors">
-			<span data-role="expander" class="pull-right expander"> - </span>
+		<div class="heading label-danger pointer showing first" id="errors" data-test="task-errors" data-role="expander" role="button" tabindex="0" aria-expanded="true" aria-controls="errors-list">
+			<span class="pull-right expander"> ↑ <span class="hide">(close panel)</span></span>
 			Errors ( {{mainResult.count.error}} )
 		</div>
-		<div class="task-danger tasks-list collapse clearfix in">
+		<div class="task-danger tasks-list collapse clearfix in" id="errors-list">
 
 			<ul class="list-unstyled">
 				{{#mainResult.errors}}
 					<li>
 						<p class="crunch rule-name">{{code}} <span class="badge">{{count}}</span></p>
-						<p>{{message}}</p>
+						<p><em>First result:</em> {{message}}</p>
+						<p>
+							<b>Selector:</b>
+							<code style="text-wrap:pre-wrap">{{#if selector}}{{selector}}{{else}}-{{/if}}</code>
+							<br/>
+							<b>Context:</b>
+							<code style="text-wrap:pre-wrap">{{#if context}}{{context}}{{else}}-{{/if}}</code>
+						</p>
+						{{#unless readonly}}
+							{{#if ../../isTaskPage}}
+								<form action="{{../../../task.hrefIgnore}}" method="post">
+									<input type="hidden" name="rule" value="{{code}}"/>
+									<input type="submit" class="btn btn-sm" value="Ignore rule"/>
+								</form>
+							{{/if}}
+						{{/unless}}
 					</li>
 				{{/mainResult.errors}}
 			</ul>
@@ -57,16 +108,31 @@
 	{{/if}}
 
 	{{#if mainResult.count.warning}}
-		<div class="heading label-warning" id="warnings" data-test="task-warnings">
-			<span data-role="expander" class="pull-right expander"> + </span>
+		<div class="heading label-warning pointer" id="warnings" data-test="task-warnings" data-role="expander" role="button" tabindex="0" aria-expanded="false" aria-controls="warnings-list">
+			<span class="pull-right expander"> ↓ <span class="hide">(open panel)</span></span>
 			Warnings ( {{mainResult.count.warning}} )
 		</div>
-		<div class="task-warning tasks-list collapse clearfix">
+		<div class="task-warning tasks-list collapse clearfix" id="warnings-list">
 			<ul class="list-unstyled">
 				{{#mainResult.warnings}}
 					<li>
 						<p class="crunch rule-name">{{code}} <span class="badge">{{count}}</span></p>
-						<p>{{message}}</p>
+						<p><em>First result:</em> {{message}}</p>
+						<p>
+							<b>Selector:</b>
+							<code style="text-wrap:pre-wrap">{{#if selector}}{{selector}}{{else}}-{{/if}}</code>
+							<br/>
+							<b>Context:</b>
+							<code style="text-wrap:pre-wrap">{{#if context}}{{context}}{{else}}-{{/if}}</code>
+						</p>
+						{{#unless readonly}}
+							{{#if ../../isTaskPage}}
+								<form action="{{../../../task.hrefIgnore}}" method="post">
+									<input type="hidden" name="rule" value="{{code}}"/>
+									<input type="submit" class="btn btn-sm" value="Ignore rule"/>
+								</form>
+							{{/if}}
+						{{/unless}}
 					</li>
 				{{/mainResult.warnings}}
 			</ul>
@@ -78,16 +144,31 @@
 	{{/if}}
 
 	{{#if mainResult.count.notice}}
-		<div class="heading label-info" id="notices" data-test="task-notices">
-			<span data-role="expander" class="pull-right expander"> + </span>
+		<div class="heading label-info pointer" id="notices" data-test="task-notices" data-role="expander" role="button" tabindex="0" aria-expanded="false" aria-controls="notices-list">
+			<span class="pull-right expander"> ↓ <span class="hide">(open panel)</span></span>
 			Notices ( {{mainResult.count.notice}} )
 		</div>
-		<div class="task-info tasks-list collapse clearfix">
+		<div class="task-info tasks-list collapse clearfix" id="notices-list">
 			<ul class="list-unstyled">
 				{{#mainResult.notices}}
 					<li>
 						<p class="crunch rule-name">{{code}} <span class="badge">{{count}}</span></p>
-						<p>{{message}}</p>
+						<p><em>First result:</em> {{message}}</p>
+						<p>
+							<b>Selector:</b>
+							<code style="text-wrap:pre-wrap">{{#if selector}}{{selector}}{{else}}-{{/if}}</code>
+							<br/>
+							<b>Context:</b>
+							<code style="text-wrap:pre-wrap">{{#if context}}{{context}}{{else}}-{{/if}}</code>
+						</p>
+						{{#unless readonly}}
+							{{#if ../../isTaskPage}}
+								<form action="{{../../../task.hrefIgnore}}" method="post">
+									<input type="hidden" name="rule" value="{{code}}"/>
+									<input type="submit" class="btn btn-sm" value="Ignore rule"/>
+								</form>
+							{{/if}}
+						{{/unless}}
 					</li>
 				{{/mainResult.notices}}
 			</ul>
@@ -97,21 +178,29 @@
 		<p class="heading label-info" id="notices">Well done! You have 0 notices. <span class="glyphicon glyphicon-ok pull-right"></span></p>
 	{{/if}}
 
-	{{#if task.ignore.length}}
-		<div class="heading label-default">
-			<span data-role="expander" class="pull-right expander"> + </span>
-			Ignored Rules ( {{task.ignore.length}} )
+	{{#if mainResult.ignore.length}}
+		<div class="heading label-default pointer" id="ignore" data-role="expander" role="button" tabindex="0" aria-expanded="false" aria-controls="ignore-list">
+			<span class="pull-right expander"> ↓ <span class="hide">(open panel)</span></span>
+			Ignored Rules ( {{mainResult.ignore.length}} )
 		</div>
-		<div class="task-default tasks-list collapse clearfix">
+		<div class="task-default tasks-list collapse clearfix" id="ignore-list">
 			<ul class="list-unstyled">
-			    {{#task.ignore}}
+			    {{#mainResult.ignore}}
 			        <li>
 						<p class="crunch rule-name">{{name}}</p>
 						{{#if description}}
 							<p>{{description}}</p>
 						{{/if}}
+						{{#unless readonly}}
+							{{#if ../../isTaskPage}}
+								<form action="{{../../../task.hrefUnignore}}" method="post">
+									<input type="hidden" name="rule" value="{{name}}"/>
+									<input type="submit" class="btn btn-sm" value="Unignore rule"/>
+								</form>
+							{{/if}}
+						{{/unless}}
 					</li>
-			    {{/task.ignore}}
+			    {{/mainResult.ignore}}
 			</ul>
 			<a class="pull-right" href="#top" data-role="top">Back to top</a>
 		</div>

view/partial/task-header.html

@@ -1,27 +1,41 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 <div class="col-md-12 zfix">
 	<div class="ruled task-header">
 		<div class="row clearfix">
-			<div class="col-md-9 col-sm-9">
+			<div class="col-md-12">
 				<h1 class="h2 crunch-top">{{task.name}}</h1>
-				<p class="h4">{{simplify-url task.url}}<span class="h5"> ({{task.standard}})</span></p>
+				<p class="h4"><a href="{{task.url}}">{{simplify-url task.url}}</a><span class="h5"> ({{task.standard}})</span></p>
 			</div>
-			<div class="col-md-3 col-sm-3 text-right run-details">
-				{{#unless readonly}}
-					<div class="btn-group">
-				        <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">Options <span class="caret"></span></button>
-				        <ul class="dropdown-menu pull-right" role="menu">
+			<div class="run-details task-header clearfix">
+				<div class="col-md-12 clearfix">
+					{{#unless readonly}}
+				        <ul class="inline-list" role="menu">
 				          	<li><a href="/{{task.id}}/edit">Edit this task</a></li>
 							<li><a href="/{{task.id}}/delete">Delete this task</a></li>
-							<li class="divider"></li>
-							<li><a href="{{task.hrefRun}}" data-test="run-task">Run pa11y</a></li>
+							<li><a href="{{task.hrefRun}}" data-test="run-task">Run Pa11y</a></li>
 						</ul>
-				    </div>
-				{{/unless}}
-				{{#if mainResult}}
-					<div class="date">Last run : {{date-format mainResult.date format="DD MMM YYYY"}}</div>
-				{{else}}
-					<div class="date">Not yet run</div>
-				{{/if}}
+					{{/unless}}
+					{{#if mainResult}}
+						<div class="date">Last run: <strong>{{date-format mainResult.date format="DD MMM YYYY"}}</strong></div>
+					{{else}}
+						<div class="date">Not yet run</div>
+					{{/if}}
+				</div>
 			</div>
 		</div>
 	</div>

view/partial/tasks.html

@@ -1,20 +1,32 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 
 <ul class="list-unstyled clearfix crunch-bottom">
-	<li class="col-md-4 col-sm-6 task-card add-task">
-		{{#if readonly}}
-			<span class="well task-card-link crunch-bottom">
-				<p class="h3 crunch">Add new URL</p>
-				<p class="supersize-me crunch">+</p>
-			</span>
-		{{else}}
+
+	{{#unless readonly}}
+	        <li class="col-md-4 col-sm-6 task-card add-task">
 			<a class="well task-card-link crunch-bottom" data-role="add-task" href="/new" data-test="add-task">
 				<p class="h3 crunch">Add new URL</p>
 				<p class="supersize-me crunch">+</p>
 			</a>
-		{{/if}}
-	</li>
+		</li>
+	{{/unless}}
 	{{#each tasks}}
-		<li class="col-md-4 col-sm-6 task-card" data-test="task">
+		<li class="col-md-4 col-sm-6 task-card" data-test="task" data-role="task" data-keywords="{{lowercase name}} {{lowercase standard}} {{simplify-url url}}">
 			<a class="well task-card-link crunch-bottom" title="Details for URL {{simplify-url url}}" href="{{href}}">
 				<p class="h3">{{name}}</p>
 				<p class="h5">({{standard}})</p>
@@ -33,14 +45,14 @@
 			</a>
 			{{#unless ../readonly}}
 				<div class="btn-group options-button text-right">
-				        <button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown"><span class="sr-only">Options</span><span class="glyphicon glyphicon-cog"></span></button>
-				        <ul class="dropdown-menu pull-right" role="menu">
-				          	<li><a href="{{href}}/edit">Edit this task</a></li>
-							<li><a href="{{href}}/delete">Delete this task</a></li>
-							<li class="divider"></li>
-							<li><a href="{{href}}/run" data-test="run-task">Run pa11y</a></li>
-						</ul>
-				    </div>
+					<button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown"><span class="sr-only">Options</span><span class="glyphicon glyphicon-cog"></span></button>
+					<ul class="dropdown-menu pull-right" role="menu">
+						<li><a href="{{href}}/edit">Edit this task</a></li>
+						<li><a href="{{href}}/delete">Delete this task</a></li>
+						<li class="divider"></li>
+						<li><a href="{{href}}/run" data-test="run-task">Run Pa11y</a></li>
+					</ul>
+				</div>
 			{{/unless}}
 		</li>
 	{{/each}}

view/presenter/ignore.js

@@ -1,25 +1,40 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var standardsArray = require('../../data/standards')();
-var rules = createStandardDescriptionMap(standardsArray);
+const standardsArray = require('../../data/standards')();
+const rules = createStandardDescriptionMap(standardsArray);
 
 module.exports = presentIgnoreRules;
 
-function presentIgnoreRules (ignore) {
-    return ignore.map(function (name) {
-        return {
-            name: name,
-            description: rules[name]
-        };
-    });
+function presentIgnoreRules(ignore) {
+	return ignore.map(name => {
+		return {
+			name: name,
+			description: rules[name]
+		};
+	});
 }
 
-function createStandardDescriptionMap (standards) {
-    var map = {};
-    standards.forEach(function (standard) {
-        standard.rules.forEach(function (rule) {
-            map[rule.name] = rule.description;
-        });
-    });
-    return map;
+function createStandardDescriptionMap(standards) {
+	const map = {};
+	standards.forEach(standard => {
+		standard.rules.forEach(rule => {
+			map[rule.name] = rule.description;
+		});
+	});
+	return map;
 }

view/presenter/result-list.js

@@ -1,17 +1,32 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var _ = require('underscore');
-var moment = require('moment');
+const _ = require('underscore');
+const moment = require('moment');
 
 module.exports = presentResultList;
 
-function presentResultList (results) {
-    var resultsByDay = _.groupBy(results, function (result) {
-        return moment(result.date).format('YYYY-MM-DD');
-    });
-    var uniqueDayResults = [];
-    _.keys(resultsByDay).forEach(function (day) {
-        uniqueDayResults.push(resultsByDay[day][0]);
-    });
-    return uniqueDayResults;
+function presentResultList(results) {
+	const resultsByDay = _.groupBy(results, result => {
+		return moment(result.date).format('YYYY-MM-DD');
+	});
+	const uniqueDayResults = [];
+	_.keys(resultsByDay).forEach(day => {
+		uniqueDayResults.push(resultsByDay[day][0]);
+	});
+	return uniqueDayResults;
 }

view/presenter/result.js

@@ -1,37 +1,52 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 'use strict';
 
-var _ = require('underscore');
-var presentIgnoreRules = require('./ignore');
+const _ = require('underscore');
+const presentIgnoreRules = require('./ignore');
 
 module.exports = presentResult;
 
-function presentResult (result) {
+function presentResult(result) {
 
-    // Add additional info
-    result.href = '/' + result.task + '/' + result.id;
-    result.hrefCsv = '/' + result.task + '/' + result.id + '.csv';
-    result.hrefJson = '/' + result.task + '/' + result.id + '.json';
+	// Add additional info
+	result.href = `/${result.task}/${result.id}`;
+	result.hrefCsv = `/${result.task}/${result.id}.csv`;
+	result.hrefJson = `/${result.task}/${result.id}.json`;
 
-    // Parse date
-    result.date = new Date(result.date);
+	// Parse date
+	result.date = new Date(result.date);
 
-    // Enhance the ignored rules
-    result.ignore = presentIgnoreRules(result.ignore);
+	// Enhance the ignored rules
+	result.ignore = presentIgnoreRules(result.ignore);
 
-    // Split out message types
-    if (result.results) {
-        var groupedByType = _.groupBy(result.results, 'type');
-        ['error', 'warning', 'notice'].forEach(function (type) {
-            var pluralType = type + 's';
-            var results = groupedByType[type] || [];
-            var groupedByCode = _.groupBy(results, 'code');
-            result[pluralType] = _.keys(groupedByCode).map(function (group) {
-                var firstMessage = groupedByCode[group][0];
-                firstMessage.count = groupedByCode[group].length;
-                return firstMessage;
-            });
-        });
-    }
+	// Split out message types
+	if (result.results) {
+		const groupedByType = _.groupBy(result.results, 'type');
+		['error', 'warning', 'notice'].forEach(type => {
+			const pluralType = `${type}s`;
+			const results = groupedByType[type] || [];
+			const groupedByCode = _.groupBy(results, 'code');
+			result[pluralType] = _.keys(groupedByCode).map(group => {
+				const firstMessage = groupedByCode[group][0];
+				firstMessage.count = groupedByCode[group].length;
+				return firstMessage;
+			});
+		});
+	}
 
-    return result;
+	return result;
 }

view/presenter/task.js

@@ -1,28 +1,52 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable requireCamelCaseOrUpperCaseIdentifiers
 'use strict';
 
-var _ = require('underscore');
-var presentIgnoreRules = require('./ignore');
-var presentResult = require('./result');
+const presentIgnoreRules = require('./ignore');
+const presentResult = require('./result');
 
 module.exports = presentTask;
 
-function presentTask (task) {
+function presentTask(task) {
 
-    // Add additional info
-    task.href = '/' + task.id;
-    task.hrefDelete = '/' + task.id + '/delete';
-    task.hrefRun = '/' + task.id + '/run';
-    task.hrefJson = '/' + task.id + '.json';
-    task.hrefEdit = '/' + task.id + '/edit';
+	// Add additional info
+	task.href = `/${task.id}`;
+	task.hrefDelete = `/${task.id}/delete`;
+	task.hrefRun = `/${task.id}/run`;
+	task.hrefJson = `/${task.id}.json`;
+	task.hrefEdit = `/${task.id}/edit`;
+	task.hrefIgnore = `/${task.id}/ignore`;
+	task.hrefUnignore = `/${task.id}/unignore`;
 
-    // Enhance the ignored rules
-    task.ignore = presentIgnoreRules(task.ignore);
+	// Enhance the ignored rules
+	task.ignore = presentIgnoreRules(task.ignore);
 
-    // Present the last result if present
-    if (task.last_result) {
-        task.lastResult = presentResult(task.last_result);
-        delete task.last_result;
-    }
+	// Change headers to a string format
+	if (task.headers && typeof task.headers === 'object') {
+		task.headers = Object.keys(task.headers).map(header => {
+			return `${header}: ${task.headers[header]}`;
+		}).join('\n');
+	}
 
-    return task;
+	// Present the last result if present
+	if (task.last_result) {
+		task.lastResult = presentResult(task.last_result);
+		delete task.last_result;
+	}
+
+	return task;
 }

view/result/index.html

@@ -1,3 +1,19 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 
 {{#content "title"}}
     {{task.name}} - {{simplify-url task.url}} ({{task.standard}}) - {{date-format mainResult.date format="DD MMM YYYY"}}
@@ -5,4 +21,6 @@
 
 {{> result-header}}
 
-{{> result}}
+<div class="single-result">
+    {{> result}}
+</div>

view/task/delete.html

@@ -1,3 +1,19 @@
+{{! 
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 
 {{#content "title"}}
     Delete {{task.url}} ({{task.standard}})

view/task/edit.html

@@ -1,3 +1,19 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 
 {{#content "title"}}
 	Edit URL
@@ -34,7 +50,7 @@
 		<div class="row">
 			<div class="col-md-8 col-sm-8 col-xs-10">
 				<label class="control-label" for="new-task-name">Name</label>
-				<input class="form-control" id="new-task-name" type="text" placeholder="E.g. My Home Page" name="name" value="{{task.name}}"/>
+				<input class="form-control" id="new-task-name" type="text" required placeholder="E.g. My Home Page" name="name" value="{{task.name}}"/>
 			</div>
 		</div>
 	</div>
@@ -43,7 +59,7 @@
 		<div class="row">
 			<div class="col-md-8 col-sm-8 col-xs-10">
 				<label class="control-label" for="new-task-url">URL</label>
-				<input class="form-control" id="new-task-url" type="url" placeholder="E.g. http://mysite.com/" name="url" value="{{task.url}}" disabled/>
+				<input class="form-control" id="new-task-url" type="url" required pattern="https?:\/\/.+" placeholder="E.g. http://mysite.com/" name="url" value="{{task.url}}" disabled/>
 			</div>
 		</div>
 	</div>
@@ -61,7 +77,76 @@
 		</div>
 	</div>
 
-	<p class="control-label"><b>Ignore these rules</b> <a target="_blank" href="https://github.com/nature/pa11y/wiki/HTML-CodeSniffer-Rules">(full list of rules here)</a></p>
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-timeout">Timeout (milliseconds)</label>
+				<input class="form-control" id="new-task-timeout" type="text" placeholder="E.g. 30000" name="timeout" value="{{task.timeout}}"/>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-wait">Wait (milliseconds)</label>
+				<input class="form-control" id="new-task-wait" type="text" placeholder="E.g. 3000" name="wait" value="{{task.wait}}"/>
+				<em>(Note: default wait time is 0ms)</em>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-actions">
+					Task Actions
+					(<a href="https://github.com/pa11y/pa11y#actions">see Pa11y documentation</a>)
+				</label>
+				<textarea class="form-control" id="new-task-actions" name="actions" aria-describedby="action-detail" placeholder="E.g. Click element #login-button">{{task.actions}}</textarea>
+				<em id="action-detail">(one action per line)</em>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-username">Username</label>
+				<input class="form-control" id="new-task-username" type="text" name="username" value="{{task.username}}"/>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-password">Password</label>
+				<input class="form-control" id="new-task-password" type="text" name="password" value="{{task.password}}"/> <em>(Note: this will be stored and displayed in plain-text - only suitable for use in a secure environment)</em>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-headers">HTTP Headers</label>
+				<textarea class="form-control" id="new-task-headers" name="headers" placeholder="Cookie: foo=bar">{{task.headers}}</textarea>
+				<em>(As key/value pairs, separated by newlines/colons)</em>
+			</div>
+		</div>
+	</div>
+
+	<div class="form-group clearfix">
+		<div class="row">
+			<div class="col-md-4 col-sm-4 col-xs-6">
+				<label class="control-label" for="new-task-hide-elements">Hide Elements</label>
+				<input class="form-control" id="new-task-hide-elements" type="text" name="hideElements" value="{{task.hideElements}}" placeholder=".advert, #modal, div[aria-role=presentation]"/> <em>(CSS selector)</em>
+			</div>
+		</div>
+	</div>
+
+	<p class="control-label"><b>Ignore these rules</b> <a target="_blank" href="https://github.com/pa11y/pa11y/wiki/HTML-CodeSniffer-Rules">(full list of rules here)</a></p>
 
 	<div class="standards-lists">
 		{{#standards}}

view/task/index.html

@@ -1,3 +1,19 @@
+{{!
+This file is part of Pa11y Dashboard.
+
+Pa11y Dashboard is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+Pa11y Dashboard is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+}}
 
 {{#content "title"}}
 	{{task.name}} - {{simplify-url task.url}} ({{task.standard}})
@@ -26,6 +42,32 @@
 	</div>
 {{/running}}
 
+{{#ruleIgnored}}
+	<div class="col-md-12 clearfix" data-test="alert">
+		<div class="alert alert-success">
+			<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
+			<strong>Rule ignored!</strong>
+			<p>
+				You've ignored an accessibility rule for this URL.
+				<a href="{{task.hrefRun}}">Click here to generate results with the ignored rule excluded</a>
+			</p>
+		</div>
+	</div>
+{{/ruleIgnored}}
+
+{{#ruleUnignored}}
+	<div class="col-md-12 clearfix" data-test="alert">
+		<div class="alert alert-success">
+			<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
+			<strong>Rule unignored!</strong>
+			<p>
+				You've removed an ignored accessibility rule for this URL.
+				<a href="{{task.hrefRun}}">Click here to generate results with the ignored rule included again</a>
+			</p>
+		</div>
+	</div>
+{{/ruleUnignored}}
+
 {{> task-header}}
 
 {{#if results}}
@@ -34,8 +76,6 @@
 		{{> graph}}
 	{{/unless}}
 
-	{{> result-selector}}
-
 {{/if}}
 
 {{#if mainResult}}
@@ -44,7 +84,7 @@
 	<div class="col-md-12" data-test="alert">
 		<div class="alert alert-info">
 			<h4>There are no results to show</h4>
-			<p>pa11y has not been run against this URL yet so there are no results to show.</p>
+			<p>Pa11y has not been run against this URL yet so there are no results to show.</p>
 			<p><a href="{{task.hrefRun}}">Click here to generate results for this URL</a>.</p>
 		</div>
 	</div>