mirror of
https://github.com/pa11y/pa11y-dashboard.git
synced 2025-09-25 14:51:28 +00:00
Compare commits
128 Commits
Author | SHA1 | Date | |
---|---|---|---|
![]() |
fe2630e9cc | ||
![]() |
1794e72d0a | ||
![]() |
2ebcafece3 | ||
![]() |
aadb791d47 | ||
![]() |
73b20f14f0 | ||
![]() |
eff26a55a4 | ||
![]() |
ea48d6a6fd | ||
![]() |
90328cfa39 | ||
![]() |
d766029bbb | ||
![]() |
7ea14497d9 | ||
![]() |
4675d2200c | ||
![]() |
f00a1ec426 | ||
![]() |
3841c36889 | ||
![]() |
f39df5b33e | ||
![]() |
6575c7cf6e | ||
![]() |
708e4b997e | ||
![]() |
573b624a32 | ||
![]() |
129e48e0ce | ||
![]() |
ca9551a3e6 | ||
![]() |
d93f8af20e | ||
![]() |
cc7f769653 | ||
![]() |
fc510b328a | ||
![]() |
77ed85eb87 | ||
![]() |
816eecb256 | ||
![]() |
ed1b9830fd | ||
![]() |
b5d3542670 | ||
![]() |
31bbb7229b | ||
![]() |
27cdf51258 | ||
![]() |
b3b2cd21da | ||
![]() |
537b93c671 | ||
![]() |
32a8ec55e1 | ||
![]() |
0829482020 | ||
![]() |
eb8f35779e | ||
![]() |
3cdbba00c1 | ||
![]() |
fd2dd62478 | ||
![]() |
baf73203e9 | ||
![]() |
87daa49638 | ||
![]() |
938ca6090b | ||
![]() |
eda75efc9c | ||
![]() |
ff3755070a | ||
![]() |
06a41ad980 | ||
![]() |
3b4557d75d | ||
![]() |
91a4c8391f | ||
![]() |
d6bc045d52 | ||
![]() |
780b66128f | ||
![]() |
0b1daf1482 | ||
![]() |
57933c074b | ||
![]() |
977dfa9dd0 | ||
![]() |
a94b1a45ae | ||
![]() |
e830d48074 | ||
![]() |
ff239edf5a | ||
![]() |
c2013e42d4 | ||
![]() |
a79a5a2fe6 | ||
![]() |
85fe2c4a37 | ||
![]() |
c04396e80e | ||
![]() |
7b10f2de91 | ||
![]() |
890ec38216 | ||
![]() |
d8cb1b6c71 | ||
![]() |
a605835cc9 | ||
![]() |
01897d8a17 | ||
![]() |
02e22eb094 | ||
![]() |
dfac541294 | ||
![]() |
f3b295982f | ||
![]() |
ddf2c705c9 | ||
![]() |
20de93bf2d | ||
![]() |
ccc7ddfc18 | ||
![]() |
4347acf654 | ||
![]() |
da9b383909 | ||
![]() |
d0feee8dd5 | ||
![]() |
f97e224679 | ||
![]() |
ddbb0db33d | ||
![]() |
e0290b4fc5 | ||
![]() |
1f6ea332ac | ||
![]() |
5b109fb23d | ||
![]() |
3b03af7e8f | ||
![]() |
1c96369bb0 | ||
![]() |
e421444487 | ||
![]() |
5c7d9bfc43 | ||
![]() |
75497ff95f | ||
![]() |
c481f8dbb5 | ||
![]() |
716151e696 | ||
![]() |
b1de71f59c | ||
![]() |
4e19b125e0 | ||
![]() |
d3148d4194 | ||
![]() |
1ad95627ee | ||
![]() |
4296effbc1 | ||
![]() |
917057a109 | ||
![]() |
c8b97df4ee | ||
![]() |
724175ef66 | ||
![]() |
b2273234ce | ||
![]() |
0546175809 | ||
![]() |
52a923ace3 | ||
![]() |
786922e592 | ||
![]() |
4ff53093f4 | ||
![]() |
ce77e57659 | ||
![]() |
4a7800e288 | ||
![]() |
5b1963599b | ||
![]() |
1b36dc12ea | ||
![]() |
963ab33cce | ||
![]() |
b95238645a | ||
![]() |
8657138e13 | ||
![]() |
f580f00d4c | ||
![]() |
fdc631e3ca | ||
![]() |
98dafba137 | ||
![]() |
fd32a5d894 | ||
![]() |
68a3e26472 | ||
![]() |
bb197744fd | ||
![]() |
ae6b551f54 | ||
![]() |
16231a3609 | ||
![]() |
74dd5b18c9 | ||
![]() |
5c10261c56 | ||
![]() |
e13de45e4a | ||
![]() |
9383de3410 | ||
![]() |
7c2647653d | ||
![]() |
2ebb54f545 | ||
![]() |
d57ae45b4f | ||
![]() |
ea330548b1 | ||
![]() |
ae5b214834 | ||
![]() |
b5735b7f05 | ||
![]() |
a47fb38d7f | ||
![]() |
da0e98eab1 | ||
![]() |
623a52e112 | ||
![]() |
9d72e50b4e | ||
![]() |
3535b9b11c | ||
![]() |
8f636173a0 | ||
![]() |
ec9f82aa6f | ||
![]() |
34a7c351c9 | ||
![]() |
c13af05422 |
13
.editorconfig
Normal file
13
.editorconfig
Normal file
@@ -0,0 +1,13 @@
|
||||
# http://editorconfig.org
|
||||
|
||||
root = true
|
||||
|
||||
[*]
|
||||
charset = utf-8
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
indent_style = tab
|
||||
trim_trailing_whitespace = true
|
||||
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
1
.gitignore
vendored
1
.gitignore
vendored
@@ -2,6 +2,7 @@
|
||||
# Config files
|
||||
config/development.json
|
||||
config/production.json
|
||||
config/test.json
|
||||
|
||||
# Generated npm files
|
||||
node_modules
|
||||
|
88
.jscsrc
Normal file
88
.jscsrc
Normal file
@@ -0,0 +1,88 @@
|
||||
{
|
||||
"disallowEmptyBlocks": true,
|
||||
"disallowImplicitTypeConversion": [
|
||||
"binary",
|
||||
"numeric",
|
||||
"string"
|
||||
],
|
||||
"disallowKeywordsOnNewLine": [
|
||||
"catch",
|
||||
"else"
|
||||
],
|
||||
"disallowMixedSpacesAndTabs": true,
|
||||
"disallowMultipleSpaces": true,
|
||||
"disallowMultipleVarDecl": true,
|
||||
"disallowNewlineBeforeBlockStatements": true,
|
||||
"disallowQuotedKeysInObjects": true,
|
||||
"disallowSpaceAfterObjectKeys": true,
|
||||
"disallowSpaceAfterPrefixUnaryOperators": true,
|
||||
"disallowSpaceBeforeComma": true,
|
||||
"disallowSpaceBeforeSemicolon": true,
|
||||
"disallowSpacesInCallExpression": true,
|
||||
"disallowSpacesInFunction": {
|
||||
"beforeOpeningRoundBrace": true
|
||||
},
|
||||
"disallowSpacesInsideArrayBrackets": true,
|
||||
"disallowSpacesInsideBrackets": true,
|
||||
"disallowSpacesInsideObjectBrackets": true,
|
||||
"disallowSpacesInsideParentheses": true,
|
||||
"disallowTrailingComma": true,
|
||||
"disallowTrailingWhitespace": true,
|
||||
"disallowYodaConditions": true,
|
||||
"maximumLineLength": 200,
|
||||
"requireBlocksOnNewline": true,
|
||||
"requireCapitalizedConstructors": true,
|
||||
"requireCommaBeforeLineBreak": true,
|
||||
"requireCurlyBraces": [
|
||||
"if",
|
||||
"else",
|
||||
"for",
|
||||
"while",
|
||||
"do",
|
||||
"switch",
|
||||
"try",
|
||||
"catch"
|
||||
],
|
||||
"requireDotNotation": 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
|
||||
},
|
||||
"validateIndentation": "\t",
|
||||
"validateLineBreaks": "LF",
|
||||
"validateNewlineAfterArrayElements": true,
|
||||
"validateParameterSeparator": ", ",
|
||||
"validateQuoteMarks": "'",
|
||||
|
||||
"excludeFiles": [
|
||||
"coverage",
|
||||
"node_modules",
|
||||
"public/js"
|
||||
]
|
||||
}
|
3
.jshintignore
Normal file
3
.jshintignore
Normal file
@@ -0,0 +1,3 @@
|
||||
coverage
|
||||
node_modules
|
||||
public/js
|
29
.jshintrc
Normal file
29
.jshintrc
Normal file
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"browser": true,
|
||||
"curly": true,
|
||||
"eqeqeq": true,
|
||||
"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,
|
||||
"regexp": true,
|
||||
"shadow": true,
|
||||
"strict": true,
|
||||
"sub": true,
|
||||
"trailing": true,
|
||||
"undef": true,
|
||||
"unused": true
|
||||
}
|
31
.travis.yml
Normal file
31
.travis.yml
Normal file
@@ -0,0 +1,31 @@
|
||||
|
||||
# Language/versions
|
||||
language: node_js
|
||||
matrix:
|
||||
include:
|
||||
|
||||
# Run tests in Node.js 0.10 (unsupported)
|
||||
- node_js: '0.10'
|
||||
|
||||
# Run tests in Node.js 0.12
|
||||
- node_js: '0.12'
|
||||
|
||||
# Allow Node.js 0.10 to fail – it's unsupported
|
||||
allow_failures:
|
||||
- node_js: '0.10'
|
||||
|
||||
# Build only master (and pull-requests)
|
||||
branches:
|
||||
only:
|
||||
- master
|
||||
|
||||
# Services setup
|
||||
services:
|
||||
- mongodb
|
||||
|
||||
# Build script
|
||||
before_script:
|
||||
- cp config/test.sample.json config/test.json
|
||||
- NODE_ENV=test node index.js &
|
||||
- sleep 5 # give server time to start
|
||||
script: 'make ci'
|
@@ -1,38 +0,0 @@
|
||||
|
||||
How To Contribute
|
||||
=================
|
||||
|
||||
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].
|
||||
|
||||
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.
|
||||
|
||||
|
||||
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`).
|
||||
|
||||
|
||||
|
||||
[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
|
95
Gruntfile.js
95
Gruntfile.js
@@ -1,95 +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'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
nodemon: {
|
||||
development: {
|
||||
options: {
|
||||
cwd: __dirname,
|
||||
file: 'index.js',
|
||||
env: {
|
||||
NODE_ENV: 'development'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
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.categories.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-nodemon');
|
||||
|
||||
grunt.registerTask('lint', ['jshint']);
|
||||
grunt.registerTask('compile', ['less', 'uglify']);
|
||||
grunt.registerTask('start', ['nodemon:development']);
|
||||
grunt.registerTask('default', ['compile', 'lint']);
|
||||
grunt.registerTask('ci', ['compile', 'lint']);
|
||||
|
||||
};
|
59
Makefile
Normal file
59
Makefile
Normal file
@@ -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
|
57
README.md
57
README.md
@@ -3,7 +3,8 @@ 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.
|
||||
|
||||
**Current Version:** *1.0.0*
|
||||
**Current Version:** *1.9.0*
|
||||
**Build Status:** [![Build Status][travis-img]][travis]
|
||||
**Node Version Support:** *0.10*
|
||||
|
||||
|
||||
@@ -14,15 +15,16 @@ pa11y-dashboard is a web interface to the [pa11y][pa11y] accessibility reporter;
|
||||
Setup
|
||||
-----
|
||||
|
||||
pa11y-dashboard requires [Node.js][node] 0.10+ and [pa11y-webservice][pa11y-webservice] to be installed and running. You'll need to follow the setup guide for pa11y-webservice before setting up pa11y-dashboard.
|
||||
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.
|
||||
|
||||
You'll then need to clone this repo locally and install dependencies with `npm install`.
|
||||
|
||||
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:
|
||||
|
||||
```sh
|
||||
$ cp config/development.sample.json config/development.json
|
||||
$ cp config/production.sample.json config/production.json
|
||||
cp config/development.sample.json config/development.json
|
||||
cp config/production.sample.json config/production.json
|
||||
cp config/test.sample.json config/test.json
|
||||
```
|
||||
|
||||
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).
|
||||
@@ -30,8 +32,9 @@ Each of these files defines configurations for a different environment. If you'r
|
||||
Now that you've got your application configured, you can run in each mode with the following commands:
|
||||
|
||||
```sh
|
||||
$ NODE_ENV=production node . # Run in production
|
||||
$ NODE_ENV=development node . # Run in development
|
||||
NODE_ENV=production node index.js # Run in production
|
||||
NODE_ENV=development node index.js # Run in development
|
||||
NODE_ENV=test node index.js # Run in test
|
||||
```
|
||||
|
||||
Check the [development instructions](#development) for more information about running locally (and restarting automatically when files change).
|
||||
@@ -42,9 +45,6 @@ Configurations
|
||||
|
||||
The boot configurations for pa11y-dashboard are as follows. Look at the sample JSON files in the repo for example usage.
|
||||
|
||||
### webservice
|
||||
*(string)* The base URL of the [pa11y-webservice][pa11y-webservice] instance you intend on using.
|
||||
|
||||
### port
|
||||
*(number)* The port to run the application on.
|
||||
|
||||
@@ -57,38 +57,53 @@ The boot configurations for pa11y-dashboard are as follows. Look at the sample J
|
||||
### 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.
|
||||
|
||||
|
||||
Development
|
||||
-----------
|
||||
|
||||
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`.
|
||||
To develop pa11y-dashboard, 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
|
||||
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 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 css # Compile the site CSS from LESS files
|
||||
make uglify # Compile and uglify the client-side JavaScript
|
||||
```
|
||||
|
||||
|
||||
License
|
||||
-------
|
||||
|
||||
[Copyright 2013 Nature Publishing Group](LICENSE.txt).
|
||||
[Copyright 2013 Springer Nature](LICENSE.txt).
|
||||
pa11y-dashboard is licensed under the [GNU General Public License 3.0][gpl].
|
||||
|
||||
|
||||
|
||||
[gpl]: http://www.gnu.org/licenses/gpl-3.0.html
|
||||
[grunt]: http://gruntjs.com/
|
||||
[mongo]: http://www.mongodb.org/
|
||||
[node]: http://nodejs.org/
|
||||
[pa11y]: https://github.com/nature/pa11y
|
||||
[pa11y-webservice]: https://github.com/nature/pa11y-webservice
|
||||
[supervisor]: https://github.com/isaacs/node-supervisor
|
||||
[pa11y]: https://github.com/springernature/pa11y
|
||||
[pa11y-webservice]: https://github.com/springernature/pa11y-webservice
|
||||
[pa11y-webservice-config]: https://github.com/springernature/pa11y-webservice#configurations
|
||||
[phantom]: http://phantomjs.org/
|
||||
[travis]: https://travis-ci.org/springernature/pa11y-dashboard
|
||||
[travis-img]: https://travis-ci.org/springernature/pa11y-dashboard.png?branch=master
|
||||
|
28
app.js
28
app.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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var createClient = require('pa11y-webservice-client-node');
|
||||
@@ -13,11 +28,16 @@ module.exports = initApp;
|
||||
function initApp(config, callback) {
|
||||
config = defaultConfig(config);
|
||||
|
||||
var webserviceUrl = config.webservice;
|
||||
if (typeof webserviceUrl === 'object') {
|
||||
webserviceUrl = 'http://' + webserviceUrl.host + ':' + webserviceUrl.port + '/';
|
||||
}
|
||||
|
||||
var app = new EventEmitter();
|
||||
app.address = null;
|
||||
app.express = express();
|
||||
app.server = http.createServer(app.express);
|
||||
app.webservice = createClient(config.webservice);
|
||||
app.webservice = createClient(webserviceUrl);
|
||||
|
||||
// Compression
|
||||
app.express.use(express.compress());
|
||||
@@ -38,12 +58,13 @@ function initApp (config, callback) {
|
||||
contentHelperName: 'content',
|
||||
layoutsDir: __dirname + '/view/layout',
|
||||
partialsDir: __dirname + '/view/partial',
|
||||
defaultLayout: __dirname + '/view/layout/default',
|
||||
defaultLayout: __dirname + '/view/layout/default'
|
||||
}));
|
||||
app.express.set('view engine', 'html');
|
||||
|
||||
// View helpers
|
||||
require('./view/helper/date')(hbs.registerHelper);
|
||||
require('./view/helper/string')(hbs.registerHelper);
|
||||
require('./view/helper/url')(hbs.registerHelper);
|
||||
|
||||
// Populate view locals
|
||||
@@ -73,6 +94,9 @@ function initApp (config, callback) {
|
||||
require('./route/new')(app);
|
||||
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
|
||||
|
@@ -1,6 +1,12 @@
|
||||
{
|
||||
"webservice": "http://localhost:3000/",
|
||||
"port": 4000,
|
||||
"noindex": true,
|
||||
"readonly": false
|
||||
"readonly": false,
|
||||
|
||||
"webservice": {
|
||||
"database": "mongodb://localhost/pa11y-webservice-dev",
|
||||
"host": "0.0.0.0",
|
||||
"port": 3000,
|
||||
"cron": "0 30 0 * * *"
|
||||
}
|
||||
}
|
@@ -1,6 +1,12 @@
|
||||
{
|
||||
"webservice": "http://localhost:3000/",
|
||||
"port": 4000,
|
||||
"noindex": true,
|
||||
"readonly": false
|
||||
"readonly": false,
|
||||
|
||||
"webservice": {
|
||||
"database": "mongodb://localhost/pa11y-webservice",
|
||||
"host": "0.0.0.0",
|
||||
"port": 3000,
|
||||
"cron": "0 30 0 * * *"
|
||||
}
|
||||
}
|
12
config/test.sample.json
Normal file
12
config/test.sample.json
Normal file
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"port": 4000,
|
||||
"noindex": true,
|
||||
"readonly": false,
|
||||
|
||||
"webservice": {
|
||||
"database": "mongodb://localhost/pa11y-webservice-test",
|
||||
"host": "0.0.0.0",
|
||||
"port": 3000,
|
||||
"cron": "0 30 0 * * *"
|
||||
}
|
||||
}
|
@@ -1,4 +1,19 @@
|
||||
/* 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;
|
||||
@@ -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.'
|
||||
},
|
||||
|
30
index.js
30
index.js
@@ -1,8 +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 chalk = require('chalk');
|
||||
var config = require('./config/' + (process.env.NODE_ENV || 'development') + '.json');
|
||||
|
||||
process.on('SIGINT', function() {
|
||||
console.log('\nGracefully shutting down from SIGINT (Ctrl-C)');
|
||||
process.exit();
|
||||
});
|
||||
|
||||
require('./app')(config, function(err, app) {
|
||||
|
||||
console.log('');
|
||||
@@ -18,4 +38,14 @@ require('./app')(config, function (err, app) {
|
||||
console.error(chalk.grey(stack.join('\n')));
|
||||
});
|
||||
|
||||
// Start the webservice if required
|
||||
if (typeof config.webservice === 'object') {
|
||||
require('pa11y-webservice')(config.webservice, function(err, webservice) {
|
||||
console.log('');
|
||||
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);
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
28
package.json
28
package.json
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "pa11y-dashboard",
|
||||
"version": "1.0.0",
|
||||
"version": "1.9.0",
|
||||
"private": true,
|
||||
|
||||
"description": "pa11y-dashboard is a visual web interface to the pa11y accessibility reporter",
|
||||
@@ -12,10 +12,10 @@
|
||||
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/nature/pa11y-dashboard.git"
|
||||
"url": "https://github.com/springernature/pa11y-dashboard.git"
|
||||
},
|
||||
"homepage": "https://github.com/nature/pa11y-dashboard",
|
||||
"bugs": "https://github.com/nature/pa11y-dashboard/issues",
|
||||
"homepage": "https://github.com/springernature/pa11y-dashboard",
|
||||
"bugs": "https://github.com/springernature/pa11y-dashboard/issues",
|
||||
|
||||
"engines": {
|
||||
"node": ">=0.10"
|
||||
@@ -25,20 +25,24 @@
|
||||
"express": "~3.4",
|
||||
"express-hbs": "~0.2",
|
||||
"moment": "~2.2",
|
||||
"pa11y-webservice-client-node": "~1.0",
|
||||
"pa11y-webservice": "~1.8",
|
||||
"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-nodemon": "~0.1"
|
||||
"jscs": "^2",
|
||||
"jsdom": "^3",
|
||||
"jshint": "^2",
|
||||
"less": "~1.5",
|
||||
"mocha": "^2",
|
||||
"proclaim": "^3",
|
||||
"request": "~2.27",
|
||||
"uglify-js": "~2.4"
|
||||
},
|
||||
|
||||
"scripts": {
|
||||
"start": "node ."
|
||||
"start": "node index.js",
|
||||
"test": "make ci"
|
||||
}
|
||||
}
|
2
public/css/site.min.css
vendored
2
public/css/site.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -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,20 +24,33 @@ $(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
|
||||
},
|
||||
xaxis: {
|
||||
mode: 'categories',
|
||||
tickLength: 0
|
||||
mode: 'time',
|
||||
tickLength: 0,
|
||||
minTickSize: [1, 'day'],
|
||||
timeformat: '%d %b'
|
||||
},
|
||||
yaxis: {
|
||||
tickDecimals: 0
|
||||
},
|
||||
lines: {
|
||||
lineWidth: 3
|
||||
},
|
||||
points: {
|
||||
fill: true,
|
||||
radius:4,
|
||||
lineWidth:3
|
||||
},
|
||||
shadowSize: 0,
|
||||
grid: {
|
||||
backgroundColor: '#fff',
|
||||
borderColor: '#808080',
|
||||
@@ -40,16 +68,37 @@ $(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('+');
|
||||
$(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
|
||||
@@ -74,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();
|
||||
}
|
||||
});
|
||||
|
||||
@@ -112,7 +161,7 @@ $(document).ready(function(){
|
||||
}
|
||||
|
||||
function getXAxisLabel (el) {
|
||||
return el.find('[data-role="category"]').html();
|
||||
return el.find('[data-role="date"]').attr('data-value');
|
||||
}
|
||||
|
||||
function storeDatum (el, label) {
|
||||
@@ -132,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 }
|
||||
}
|
||||
];
|
||||
}
|
||||
|
||||
@@ -167,32 +232,54 @@ $(document).ready(function(){
|
||||
|
||||
$.each(datasets, function(key, val) {
|
||||
var lowerCaseValue = (val.label.substring(0, val.label.length - 1)).toLowerCase();
|
||||
choiceContainer.append('<li class="text-center '+
|
||||
lowerCaseValue +'"><div class="series-checkbox-container"><input type="checkbox" name="' + key +
|
||||
'" checked="checked" id="id' + key +
|
||||
'"/><label for="id' + key +
|
||||
'"><span class="stat-type">' + val.label +
|
||||
'</span></label></div></li>');
|
||||
choiceContainer.append(
|
||||
'<li class="text-center ' + lowerCaseValue + '">' +
|
||||
'<div class="series-checkbox-container">' +
|
||||
'<input type="checkbox"' +
|
||||
'name="' + key + '" ' +
|
||||
'id="id' + key + '" ' +
|
||||
'data-stat-type="' + val.label.toLowerCase() + '"' +
|
||||
'/>' +
|
||||
'<label for="id' + key + '">' +
|
||||
'<span class="stat-type">' + val.label + '</span>' +
|
||||
'</label>' +
|
||||
'</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);
|
||||
}
|
||||
}
|
||||
|
||||
function showTooltip(x, y, contents) {
|
||||
$('<div data-role="tooltip" class="tooltip in"><div class="tooltip-inner">' +
|
||||
$('<div data-role="tooltip" class="tooltip tooltip-graph in"><div class="tooltip-inner">' +
|
||||
contents +
|
||||
'</div></div>').css({top: y + 5,left: x + 5}).appendTo('body').fadeIn(200);
|
||||
}
|
||||
@@ -203,8 +290,13 @@ $(document).ready(function(){
|
||||
if (previousPoint != item.dataIndex) {
|
||||
previousPoint = item.dataIndex;
|
||||
$('[data-role="tooltip"]').remove();
|
||||
var y = item.datapoint[1].toFixed(0);
|
||||
var contents = '<h6 class="crunch">' + y + ' ' + item.series.label + '</h6>';
|
||||
var count = item.datapoint[1].toFixed(0);
|
||||
var date = $.plot.formatDate(new Date(item.datapoint[0]), '%d %b' +
|
||||
'<small> (%H:%M)</small>');
|
||||
var contents = '<p class="crunch">' +
|
||||
date + '<br/>' +
|
||||
count + ' ' + item.series.label +
|
||||
'</[h6]>';
|
||||
showTooltip(item.pageX, item.pageY, contents);
|
||||
}
|
||||
} else {
|
||||
@@ -212,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
|
||||
);
|
||||
|
||||
});
|
12
public/js/site.min.js
vendored
12
public/js/site.min.js
vendored
File diff suppressed because one or more lines are too long
228
public/js/vendor/flot/jquery.flot.dashes.js
vendored
Normal file
228
public/js/vendor/flot/jquery.flot.dashes.js
vendored
Normal file
@@ -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)
|
@@ -17,7 +17,6 @@ code {
|
||||
font-size: 90%;
|
||||
color: @code-color;
|
||||
background-color: @code-bg;
|
||||
white-space: nowrap;
|
||||
border-radius: @border-radius-base;
|
||||
}
|
||||
|
||||
|
93
public/less/ie8and.less
Normal file
93
public/less/ie8and.less
Normal file
@@ -0,0 +1,93 @@
|
||||
// Making up for the non support of IE8 and IE7 in Bootstrap 3
|
||||
|
||||
// Amend the width of container if you want to here
|
||||
@container-md-ie8: @container-md;
|
||||
|
||||
@grid-adjustment: percentage(@grid-gutter-width / @container-md-ie8);
|
||||
|
||||
.ie7, .ie8 {
|
||||
* {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
ul, ol {
|
||||
margin-left:0;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: @container-md-ie8;
|
||||
}
|
||||
|
||||
.col-md-1,
|
||||
.col-md-2,
|
||||
.col-md-3,
|
||||
.col-md-4,
|
||||
.col-md-5,
|
||||
.col-md-6,
|
||||
.col-md-7,
|
||||
.col-md-8,
|
||||
.col-md-9,
|
||||
.col-md-10,
|
||||
.col-md-11 {
|
||||
float: left;
|
||||
}
|
||||
.col-md-1 { width: percentage((1 / @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-2 { width: percentage((2 / @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-3 { width: percentage((3 / @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-4 { width: percentage((4 / @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-5 { width: percentage((5 / @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-6 { width: percentage((6 / @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-7 { width: percentage((7 / @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-8 { width: percentage((8 / @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-9 { width: percentage((9 / @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-10 { width: percentage((10/ @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-11 { width: percentage((11/ @grid-columns)) - @grid-adjustment; }
|
||||
.col-md-12 { width: 100% - @grid-adjustment; }
|
||||
|
||||
// Push and pull columns for source order changes
|
||||
.col-md-push-0 { left: auto; }
|
||||
.col-md-push-1 { left: percentage((1 / @grid-columns)); }
|
||||
.col-md-push-2 { left: percentage((2 / @grid-columns)); }
|
||||
.col-md-push-3 { left: percentage((3 / @grid-columns)); }
|
||||
.col-md-push-4 { left: percentage((4 / @grid-columns)); }
|
||||
.col-md-push-5 { left: percentage((5 / @grid-columns)); }
|
||||
.col-md-push-6 { left: percentage((6 / @grid-columns)); }
|
||||
.col-md-push-7 { left: percentage((7 / @grid-columns)); }
|
||||
.col-md-push-8 { left: percentage((8 / @grid-columns)); }
|
||||
.col-md-push-9 { left: percentage((9 / @grid-columns)); }
|
||||
.col-md-push-10 { left: percentage((10/ @grid-columns)); }
|
||||
.col-md-push-11 { left: percentage((11/ @grid-columns)); }
|
||||
|
||||
.col-md-pull-0 { right: auto; }
|
||||
.col-md-pull-1 { right: percentage((1 / @grid-columns)); }
|
||||
.col-md-pull-2 { right: percentage((2 / @grid-columns)); }
|
||||
.col-md-pull-3 { right: percentage((3 / @grid-columns)); }
|
||||
.col-md-pull-4 { right: percentage((4 / @grid-columns)); }
|
||||
.col-md-pull-5 { right: percentage((5 / @grid-columns)); }
|
||||
.col-md-pull-6 { right: percentage((6 / @grid-columns)); }
|
||||
.col-md-pull-7 { right: percentage((7 / @grid-columns)); }
|
||||
.col-md-pull-8 { right: percentage((8 / @grid-columns)); }
|
||||
.col-md-pull-9 { right: percentage((9 / @grid-columns)); }
|
||||
.col-md-pull-10 { right: percentage((10/ @grid-columns)); }
|
||||
.col-md-pull-11 { right: percentage((11/ @grid-columns)); }
|
||||
|
||||
// Offsets
|
||||
.col-md-offset-0 { margin-left: 0; }
|
||||
.col-md-offset-1 { margin-left: percentage((1 / @grid-columns)); }
|
||||
.col-md-offset-2 { margin-left: percentage((2 / @grid-columns)); }
|
||||
.col-md-offset-3 { margin-left: percentage((3 / @grid-columns)); }
|
||||
.col-md-offset-4 { margin-left: percentage((4 / @grid-columns)); }
|
||||
.col-md-offset-5 { margin-left: percentage((5 / @grid-columns)); }
|
||||
.col-md-offset-6 { margin-left: percentage((6 / @grid-columns)); }
|
||||
.col-md-offset-7 { margin-left: percentage((7 / @grid-columns)); }
|
||||
.col-md-offset-8 { margin-left: percentage((8 / @grid-columns)); }
|
||||
.col-md-offset-9 { margin-left: percentage((9 / @grid-columns)); }
|
||||
.col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
|
||||
.col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
}
|
@@ -58,4 +58,5 @@
|
||||
@import "site-responsive.less";
|
||||
|
||||
// Stupid ie
|
||||
@import "ie8and.less";
|
||||
@import "site-ie8and.less";
|
@@ -1,75 +1,20 @@
|
||||
// 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 {
|
||||
.container {
|
||||
width: @container-md;
|
||||
}
|
||||
.col-md-1,
|
||||
.col-md-2,
|
||||
.col-md-3,
|
||||
.col-md-4,
|
||||
.col-md-5,
|
||||
.col-md-6,
|
||||
.col-md-7,
|
||||
.col-md-8,
|
||||
.col-md-9,
|
||||
.col-md-10,
|
||||
.col-md-11 {
|
||||
float: left;
|
||||
}
|
||||
.col-md-1 { width: percentage((1 / @grid-columns)); }
|
||||
.col-md-2 { width: percentage((2 / @grid-columns)); }
|
||||
.col-md-3 { width: percentage((3 / @grid-columns)); }
|
||||
.col-md-4 { width: percentage((4 / @grid-columns)); }
|
||||
.col-md-5 { width: percentage((5 / @grid-columns)); }
|
||||
.col-md-6 { width: percentage((6 / @grid-columns)); }
|
||||
.col-md-7 { width: percentage((7 / @grid-columns)); }
|
||||
.col-md-8 { width: percentage((8 / @grid-columns)); }
|
||||
.col-md-9 { width: percentage((9 / @grid-columns)); }
|
||||
.col-md-10 { width: percentage((10/ @grid-columns)); }
|
||||
.col-md-11 { width: percentage((11/ @grid-columns)); }
|
||||
.col-md-12 { width: 100%; }
|
||||
|
||||
// Push and pull columns for source order changes
|
||||
.col-md-push-0 { left: auto; }
|
||||
.col-md-push-1 { left: percentage((1 / @grid-columns)); }
|
||||
.col-md-push-2 { left: percentage((2 / @grid-columns)); }
|
||||
.col-md-push-3 { left: percentage((3 / @grid-columns)); }
|
||||
.col-md-push-4 { left: percentage((4 / @grid-columns)); }
|
||||
.col-md-push-5 { left: percentage((5 / @grid-columns)); }
|
||||
.col-md-push-6 { left: percentage((6 / @grid-columns)); }
|
||||
.col-md-push-7 { left: percentage((7 / @grid-columns)); }
|
||||
.col-md-push-8 { left: percentage((8 / @grid-columns)); }
|
||||
.col-md-push-9 { left: percentage((9 / @grid-columns)); }
|
||||
.col-md-push-10 { left: percentage((10/ @grid-columns)); }
|
||||
.col-md-push-11 { left: percentage((11/ @grid-columns)); }
|
||||
|
||||
.col-md-pull-0 { right: auto; }
|
||||
.col-md-pull-1 { right: percentage((1 / @grid-columns)); }
|
||||
.col-md-pull-2 { right: percentage((2 / @grid-columns)); }
|
||||
.col-md-pull-3 { right: percentage((3 / @grid-columns)); }
|
||||
.col-md-pull-4 { right: percentage((4 / @grid-columns)); }
|
||||
.col-md-pull-5 { right: percentage((5 / @grid-columns)); }
|
||||
.col-md-pull-6 { right: percentage((6 / @grid-columns)); }
|
||||
.col-md-pull-7 { right: percentage((7 / @grid-columns)); }
|
||||
.col-md-pull-8 { right: percentage((8 / @grid-columns)); }
|
||||
.col-md-pull-9 { right: percentage((9 / @grid-columns)); }
|
||||
.col-md-pull-10 { right: percentage((10/ @grid-columns)); }
|
||||
.col-md-pull-11 { right: percentage((11/ @grid-columns)); }
|
||||
|
||||
// Offsets
|
||||
.col-md-offset-0 { margin-left: 0; }
|
||||
.col-md-offset-1 { margin-left: percentage((1 / @grid-columns)); }
|
||||
.col-md-offset-2 { margin-left: percentage((2 / @grid-columns)); }
|
||||
.col-md-offset-3 { margin-left: percentage((3 / @grid-columns)); }
|
||||
.col-md-offset-4 { margin-left: percentage((4 / @grid-columns)); }
|
||||
.col-md-offset-5 { margin-left: percentage((5 / @grid-columns)); }
|
||||
.col-md-offset-6 { margin-left: percentage((6 / @grid-columns)); }
|
||||
.col-md-offset-7 { margin-left: percentage((7 / @grid-columns)); }
|
||||
.col-md-offset-8 { margin-left: percentage((8 / @grid-columns)); }
|
||||
.col-md-offset-9 { margin-left: percentage((9 / @grid-columns)); }
|
||||
.col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
|
||||
.col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
|
||||
|
||||
.legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
@@ -83,14 +28,11 @@
|
||||
.tooltip-inner {
|
||||
background-color: #000000;
|
||||
}
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
.date {
|
||||
font-size:85%;
|
||||
}
|
||||
.task-card-link {
|
||||
min-height:190px;
|
||||
min-height:160px;
|
||||
}
|
||||
.series-checkboxes li {
|
||||
margin-right:1%;
|
||||
@@ -98,34 +40,41 @@
|
||||
.stat-type {
|
||||
font-size:floor(@font-size-base * 0.65); // ~10px;
|
||||
}
|
||||
}
|
||||
|
||||
.ie7 {
|
||||
ul {
|
||||
margin-left:0;
|
||||
}
|
||||
.col-md-2 { width:14%; }
|
||||
.col-md-3 { width:22%; }
|
||||
.col-md-4 {
|
||||
width: 32%;
|
||||
padding:0 5px;
|
||||
}
|
||||
.col-md-9 { width:72%; }
|
||||
.col-md-10 { width:80%; }
|
||||
.col-md-12 { width: 97%; }
|
||||
|
||||
.aside .task-stats li {
|
||||
width:31.5%;
|
||||
}
|
||||
.aside .action-buttons .btn {
|
||||
width:79%;
|
||||
}
|
||||
.date-selector {
|
||||
zoom:1;
|
||||
.pull-right.dropdown-menu {
|
||||
right:134px;
|
||||
}
|
||||
.run-details .pull-right.dropdown-menu {
|
||||
right:64px;
|
||||
}
|
||||
.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%;
|
||||
}
|
||||
.zfix {
|
||||
position:relative;
|
||||
z-index:100;
|
||||
z-index:1001;
|
||||
}
|
||||
.list-group li .list-group-item {
|
||||
margin:0;
|
||||
@@ -136,6 +85,44 @@
|
||||
padding-bottom:90px;
|
||||
}
|
||||
.date-selector {
|
||||
margin-top:-155px;
|
||||
zoom:1;
|
||||
|
||||
.btn-full-width {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
.sr-only {
|
||||
position:relative;
|
||||
}
|
||||
.breadcrumb li {
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
display: inline;
|
||||
margin-right:10px;
|
||||
}
|
||||
.pull-right.dropdown-menu {
|
||||
right:0px;
|
||||
}
|
||||
.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%;
|
||||
}
|
||||
}
|
||||
}
|
@@ -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 {
|
||||
@@ -10,7 +25,7 @@
|
||||
.date-links.hidden {
|
||||
display:none !important;
|
||||
}
|
||||
.date-selector .btn-group:hover ul.date-links {
|
||||
.btn-group:hover ul {
|
||||
display:block !important;
|
||||
}
|
||||
table.hidden {
|
||||
@@ -26,4 +41,7 @@
|
||||
.show-class {
|
||||
display:block;
|
||||
}
|
||||
.no-js-hide {
|
||||
display: none;
|
||||
}
|
||||
}
|
@@ -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;
|
||||
}
|
||||
@@ -36,11 +43,16 @@
|
||||
.other-tasks {
|
||||
.sr-only();
|
||||
}
|
||||
.action-buttons,
|
||||
.task-stats,
|
||||
.btn-full-width {
|
||||
margin-bottom:0;
|
||||
}
|
||||
.task-card .task-stats {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.action-buttons {
|
||||
margin-bottom:20px;
|
||||
}
|
||||
.aside {
|
||||
margin-bottom:15px;
|
||||
}
|
||||
@@ -54,7 +66,7 @@
|
||||
float:none;
|
||||
|
||||
li {
|
||||
width:33%;
|
||||
width:25%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -75,6 +87,7 @@
|
||||
}
|
||||
.action-buttons {
|
||||
margin-top:10px;
|
||||
margin-bottom:0;
|
||||
|
||||
.btn-full-width {
|
||||
margin-bottom:10px;
|
||||
@@ -85,6 +98,9 @@
|
||||
text-align:left;
|
||||
}
|
||||
}
|
||||
.task-card .task-card-link {
|
||||
min-height:0;
|
||||
}
|
||||
}
|
||||
@media (max-width:640px) {
|
||||
body {
|
||||
@@ -126,6 +142,11 @@
|
||||
margin-bottom:20px;
|
||||
}
|
||||
}
|
||||
.footer .nav {
|
||||
li {
|
||||
width:50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width:479px) {
|
||||
.graph {
|
||||
|
@@ -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 {
|
||||
@@ -87,14 +102,10 @@
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
.delete-button {
|
||||
.options-button {
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:20px;
|
||||
color:@brand-danger;
|
||||
}
|
||||
.delete-button:hover {
|
||||
color:lighten(@brand-danger, 8%);
|
||||
}
|
||||
.footer a, .breadcrumb a {
|
||||
text-decoration:underline;
|
||||
@@ -183,15 +194,15 @@
|
||||
}
|
||||
.task-card-link {
|
||||
color:@gray-dark;
|
||||
min-height:200px;
|
||||
min-height:190px;
|
||||
display:block;
|
||||
transition: background 0.5s;
|
||||
-webkit-transition: background 0.5s;
|
||||
}
|
||||
.delete-button {
|
||||
.options-button {
|
||||
display:none;
|
||||
}
|
||||
&:hover .delete-button {
|
||||
&:hover .options-button {
|
||||
display:block;
|
||||
}
|
||||
.task-card-link:hover,
|
||||
@@ -211,14 +222,15 @@
|
||||
text-align:center;
|
||||
color:@badge-color;
|
||||
}
|
||||
.dropdown-menu {
|
||||
top:25px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Badges */
|
||||
.badge {
|
||||
border-radius:0.25em;
|
||||
}
|
||||
.badge {
|
||||
display:inline-block;
|
||||
padding:10px;
|
||||
font-size:ceil(@font-size-base * 0.85); // ~13px;
|
||||
@@ -239,6 +251,9 @@
|
||||
h2 {
|
||||
word-wrap:break-word;
|
||||
}
|
||||
.h4 {
|
||||
margin-bottom:6px;
|
||||
}
|
||||
}
|
||||
.date {
|
||||
margin-top:5px;
|
||||
@@ -254,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 {
|
||||
@@ -265,6 +297,7 @@
|
||||
font-style:italic;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
}
|
||||
.task-danger {
|
||||
border-color:@brand-danger;
|
||||
@@ -314,20 +347,36 @@ ul.date-links {
|
||||
z-index:10;
|
||||
}
|
||||
.date-selector {
|
||||
margin-top:-125px;
|
||||
|
||||
.btn-group > .btn {
|
||||
float:none;
|
||||
}
|
||||
|
||||
&.single-result {
|
||||
margin-top:-55px;
|
||||
margin-bottom:5px;
|
||||
|
||||
.show-stats {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
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 */
|
||||
.graph {
|
||||
@@ -335,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%;
|
||||
@@ -380,8 +429,77 @@ ul.date-links {
|
||||
}
|
||||
}
|
||||
.btn-reset {
|
||||
margin-top:-24px;
|
||||
margin-right:35px
|
||||
margin-top:12px;
|
||||
}
|
||||
.flot-x-axis {
|
||||
.flot-tick-label {
|
||||
max-width:45px !important;
|
||||
}
|
||||
}
|
||||
.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 */
|
||||
@@ -407,7 +525,51 @@ ul.date-links {
|
||||
}
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
.action-buttons {
|
||||
margin-bottom:30px;
|
||||
.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;
|
||||
}
|
||||
|
@@ -43,3 +43,11 @@
|
||||
.affix {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
|
||||
// Cursors
|
||||
// -------------------------
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@@ -545,6 +545,7 @@
|
||||
// Wells
|
||||
// -------------------------
|
||||
@well-bg: #f5f5f5;
|
||||
@well-bg-drk: #2c3e50;
|
||||
|
||||
|
||||
// Badges
|
||||
|
@@ -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;
|
||||
}
|
||||
|
@@ -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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var presentTask = require('../view/presenter/task');
|
||||
|
20
route/new.js
20
route/new.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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var getStandards = require('../data/standards');
|
||||
@@ -25,7 +40,10 @@ function route (app) {
|
||||
name: req.body.name,
|
||||
url: req.body.url,
|
||||
standard: req.body.standard,
|
||||
ignore: req.body.ignore || []
|
||||
ignore: req.body.ignore || [],
|
||||
timeout: req.body.timeout,
|
||||
username: req.body.username,
|
||||
password: req.body.password
|
||||
};
|
||||
app.webservice.tasks.create(newTask, function(err, task) {
|
||||
if (err) {
|
||||
|
@@ -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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var moment = require('moment');
|
||||
@@ -46,12 +61,14 @@ function route (app) {
|
||||
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"'];
|
||||
var rows = ['"code","message","type","context","selector"'];
|
||||
result.results.forEach(function(msg) {
|
||||
rows.push([
|
||||
JSON.stringify(msg.code),
|
||||
JSON.stringify(msg.message),
|
||||
JSON.stringify(msg.type)
|
||||
JSON.stringify(msg.type),
|
||||
JSON.stringify(msg.context),
|
||||
JSON.stringify(msg.selector)
|
||||
].join(','));
|
||||
});
|
||||
res.attachment(getDownloadFileName(task, result, 'csv'));
|
||||
|
@@ -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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var presentTask = require('../../view/presenter/task');
|
||||
|
@@ -1,6 +1,20 @@
|
||||
// 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');
|
||||
|
||||
module.exports = route;
|
||||
@@ -15,7 +29,7 @@ function route (app) {
|
||||
}
|
||||
res.render('task/delete', {
|
||||
task: presentTask(task),
|
||||
isTaskPage: true
|
||||
isTaskSubPage: true
|
||||
});
|
||||
});
|
||||
});
|
||||
|
89
route/task/edit.js
Normal file
89
route/task/edit.js
Normal file
@@ -0,0 +1,89 @@
|
||||
// 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 getStandards = require('../../data/standards');
|
||||
|
||||
module.exports = route;
|
||||
|
||||
// Route definition
|
||||
function route(app) {
|
||||
|
||||
app.express.get('/:id/edit', function(req, res, next) {
|
||||
app.webservice.task(req.params.id).get({}, function(err, task) {
|
||||
if (err) {
|
||||
return next();
|
||||
}
|
||||
var standards = getStandards().map(function(standard) {
|
||||
if (standard.title === task.standard) {
|
||||
standard.selected = true;
|
||||
}
|
||||
standard.rules = standard.rules.map(function(rule) {
|
||||
if (task.ignore.indexOf(rule.name) !== -1) {
|
||||
rule.ignored = true;
|
||||
}
|
||||
return rule;
|
||||
});
|
||||
return standard;
|
||||
});
|
||||
res.render('task/edit', {
|
||||
edited: (typeof req.query.edited !== 'undefined'),
|
||||
standards: standards,
|
||||
task: presentTask(task),
|
||||
isTaskSubPage: true
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
app.express.post('/:id/edit', function(req, res, next) {
|
||||
app.webservice.task(req.params.id).get({}, function(err, task) {
|
||||
if (err) {
|
||||
return next();
|
||||
}
|
||||
req.body.ignore = req.body.ignore || [];
|
||||
app.webservice.task(req.params.id).edit(req.body, function(err) {
|
||||
if (err) {
|
||||
task.name = req.body.name;
|
||||
task.ignore = req.body.ignore;
|
||||
task.timeout = req.body.timeout;
|
||||
task.username = req.body.username;
|
||||
task.password = req.body.password;
|
||||
var standards = getStandards().map(function(standard) {
|
||||
if (standard.title === task.standard) {
|
||||
standard.selected = true;
|
||||
}
|
||||
standard.rules = standard.rules.map(function(rule) {
|
||||
if (task.ignore.indexOf(rule.name) !== -1) {
|
||||
rule.ignored = true;
|
||||
}
|
||||
return rule;
|
||||
});
|
||||
return standard;
|
||||
});
|
||||
return res.render('task/edit', {
|
||||
error: err,
|
||||
standards: standards,
|
||||
task: task,
|
||||
isTaskSubPage: true
|
||||
});
|
||||
}
|
||||
res.redirect('/' + req.params.id + '/edit?edited');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
}
|
26
route/task/ignore.js
Normal file
26
route/task/ignore.js
Normal file
@@ -0,0 +1,26 @@
|
||||
'use strict';
|
||||
|
||||
module.exports = route;
|
||||
|
||||
// Route definition
|
||||
function route(app) {
|
||||
|
||||
app.express.post('/:id/ignore', function(req, res, next) {
|
||||
app.webservice.task(req.params.id).get({}, function(err, task) {
|
||||
if (err) {
|
||||
return next();
|
||||
}
|
||||
var 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, function() {
|
||||
res.redirect('/' + req.params.id + '?rule-ignored');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
}
|
@@ -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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var presentTask = require('../../view/presenter/task');
|
||||
@@ -25,6 +40,8 @@ function route (app) {
|
||||
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
|
||||
});
|
||||
|
@@ -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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
module.exports = route;
|
||||
@@ -6,7 +21,7 @@ module.exports = route;
|
||||
function route(app) {
|
||||
|
||||
app.express.get('/:id/run', function(req, res, next) {
|
||||
app.webservice.task(req.params.id).run(function (err, task) {
|
||||
app.webservice.task(req.params.id).run(function(err) {
|
||||
if (err) {
|
||||
return next();
|
||||
}
|
||||
|
27
route/task/unignore.js
Normal file
27
route/task/unignore.js
Normal file
@@ -0,0 +1,27 @@
|
||||
'use strict';
|
||||
|
||||
module.exports = route;
|
||||
|
||||
// Route definition
|
||||
function route(app) {
|
||||
|
||||
app.express.post('/:id/unignore', function(req, res, next) {
|
||||
app.webservice.task(req.params.id).get({}, function(err, task) {
|
||||
if (err) {
|
||||
return next();
|
||||
}
|
||||
var edit = {
|
||||
name: task.name,
|
||||
ignore: task.ignore
|
||||
};
|
||||
var 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, function() {
|
||||
res.redirect('/' + req.params.id + '?rule-unignored');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
}
|
66
test/integration/helper/navigate.js
Normal file
66
test/integration/helper/navigate.js
Normal file
@@ -0,0 +1,66 @@
|
||||
// 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 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();
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
}
|
29
test/integration/helper/webservice.js
Normal file
29
test/integration/helper/webservice.js
Normal file
@@ -0,0 +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 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);
|
||||
}
|
92
test/integration/route/index.js
Normal file
92
test/integration/route/index.js
Normal file
@@ -0,0 +1,92 @@
|
||||
// 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 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);
|
||||
});
|
||||
|
||||
});
|
163
test/integration/route/new.js
Normal file
163
test/integration/route/new.js
Normal file
@@ -0,0 +1,163 @@
|
||||
// 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 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 "username" field', function() {
|
||||
var field = this.form.querySelectorAll('input[name=username]')[0];
|
||||
assert.isDefined(field);
|
||||
assert.strictEqual(field.getAttribute('type'), 'text');
|
||||
assert.strictEqual(field.getAttribute('value'), '');
|
||||
});
|
||||
|
||||
it('should have a "password" field', function() {
|
||||
var field = this.form.querySelectorAll('input[name=password]')[0];
|
||||
assert.isDefined(field);
|
||||
assert.strictEqual(field.getAttribute('type'), 'text');
|
||||
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);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
66
test/integration/route/result/download.js
Normal file
66
test/integration/route/result/download.js
Normal file
@@ -0,0 +1,66 @@
|
||||
// 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 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);
|
||||
});
|
||||
|
||||
});
|
68
test/integration/route/result/index.js
Normal file
68
test/integration/route/result/index.js
Normal file
@@ -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/>.
|
||||
|
||||
'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);
|
||||
});
|
||||
|
||||
});
|
78
test/integration/route/task/delete.js
Normal file
78
test/integration/route/task/delete.js
Normal file
@@ -0,0 +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 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);
|
||||
});
|
||||
|
||||
});
|
132
test/integration/route/task/edit.js
Normal file
132
test/integration/route/task/edit.js
Normal file
@@ -0,0 +1,132 @@
|
||||
// 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 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 a "username" field', function() {
|
||||
var field = this.form.querySelectorAll('input[name=username]')[0];
|
||||
assert.isDefined(field);
|
||||
assert.strictEqual(field.getAttribute('type'), 'text');
|
||||
assert.strictEqual(field.getAttribute('value'), 'user');
|
||||
});
|
||||
|
||||
it('should have a "password" field', function() {
|
||||
var field = this.form.querySelectorAll('input[name=password]')[0];
|
||||
assert.isDefined(field);
|
||||
assert.strictEqual(field.getAttribute('type'), 'text');
|
||||
assert.strictEqual(field.getAttribute('value'), 'access');
|
||||
});
|
||||
|
||||
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',
|
||||
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() {
|
||||
var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
|
||||
assert.isDefined(alert);
|
||||
assert.match(alert.textContent, /been saved/i);
|
||||
});
|
||||
|
||||
});
|
109
test/integration/route/task/index.js
Normal file
109
test/integration/route/task/index.js
Normal file
@@ -0,0 +1,109 @@
|
||||
// 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 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);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
44
test/integration/route/task/run.js
Normal file
44
test/integration/route/task/run.js
Normal file
@@ -0,0 +1,44 @@
|
||||
// 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 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);
|
||||
});
|
||||
|
||||
});
|
49
test/integration/setup.js
Normal file
49
test/integration/setup.js
Normal file
@@ -0,0 +1,49 @@
|
||||
// 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 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 `NODE_ENV=test node index.js`');
|
||||
process.exit(1);
|
||||
}
|
||||
done();
|
||||
});
|
||||
}
|
@@ -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>
|
||||
|
@@ -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>Eeek! 500 error. This is serious.</h1>
|
||||
<p class="h2">There isn't much you can do about this.</h2>
|
||||
|
@@ -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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var moment = require('moment');
|
||||
@@ -17,4 +32,9 @@ function helper (register) {
|
||||
return moment(context).fromNow();
|
||||
});
|
||||
|
||||
register('date-timestamp', function(context) {
|
||||
return moment(context).valueOf();
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
|
12
view/helper/string.js
Normal file
12
view/helper/string.js
Normal file
@@ -0,0 +1,12 @@
|
||||
'use strict';
|
||||
|
||||
module.exports = helper;
|
||||
|
||||
function helper(register) {
|
||||
|
||||
// Convert a string to lower-case
|
||||
register('lowercase', function(context) {
|
||||
return context.toLowerCase();
|
||||
});
|
||||
|
||||
}
|
@@ -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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
module.exports = helper;
|
||||
@@ -6,7 +21,7 @@ function helper (register) {
|
||||
|
||||
// Simplify url by removing (eg http://, https://, trailing slashes) from url
|
||||
register('simplify-url', function(context) {
|
||||
return context.replace(/^https?:\/\//i, '').replace(/\/$/, '');
|
||||
return context.replace(/^https?:\/\//i, '').replace(/\/$/, '').toLowerCase();
|
||||
});
|
||||
|
||||
}
|
||||
|
@@ -1,7 +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/>.
|
||||
}}
|
||||
{{#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="filter-input" 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>
|
||||
</div>
|
||||
|
||||
{{#if siteMessage}}
|
||||
<div class="col-md-12 clearfix">
|
||||
<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>
|
||||
@@ -10,7 +38,7 @@
|
||||
{{/if}}
|
||||
|
||||
{{#deleted}}
|
||||
<div class="col-md-12 clearfix">
|
||||
<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>
|
||||
@@ -20,3 +48,5 @@
|
||||
{{/deleted}}
|
||||
|
||||
{{> tasks}}
|
||||
|
||||
</div>
|
||||
|
@@ -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>
|
||||
@@ -17,7 +33,7 @@
|
||||
<meta name="viewport" content="width=device-width"/>
|
||||
|
||||
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:400,700,900,400italic"/>
|
||||
<link rel="stylesheet" href="/css/site.min.css"/>
|
||||
<link rel="stylesheet" href="/css/site.min.css?v={{version}}"/>
|
||||
|
||||
</head>
|
||||
<!--[if IE 7]><body class="ie7"><![endif]-->
|
||||
@@ -47,7 +63,7 @@
|
||||
|
||||
{{> page-footer}}
|
||||
|
||||
<script type="text/javascript" src="/js/site.min.js"></script>
|
||||
<script type="text/javascript" src="/js/site.min.js?v={{version}}"></script>
|
||||
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="/js/vendor/flot/excanvas.min.js"></script><![endif]-->
|
||||
|
||||
</body>
|
||||
|
@@ -1,16 +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/>.
|
||||
}}
|
||||
|
||||
{{#content "title"}}
|
||||
Add a new URL
|
||||
{{/content}}
|
||||
|
||||
<form role="form" class="col-md-12" action="/new" method="post">
|
||||
<form role="form" class="col-md-12" action="/new" method="post" data-test="new-url-form">
|
||||
|
||||
<div class="legend">
|
||||
<h1 class="h2 crunch-top">Add a new URL</h1>
|
||||
</div>
|
||||
|
||||
{{#error}}
|
||||
<div class="col-md-12 clearfix">
|
||||
<div class="col-md-12 clearfix" data-test="error">
|
||||
<div class="alert alert-danger">
|
||||
<strong>Oh my gosh!</strong>
|
||||
<p>{{.}}</p>
|
||||
@@ -49,7 +65,34 @@
|
||||
</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-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>
|
||||
|
||||
<p class="control-label"><b>Ignore these rules</b> <a target="_blank" href="https://github.com/springernature/pa11y/wiki/HTML-CodeSniffer-Rules">(full list of rules here)</a></p>
|
||||
|
||||
<div class="standards-lists">
|
||||
{{#standards}}
|
||||
|
@@ -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">
|
||||
@@ -10,6 +26,9 @@
|
||||
{{#if isTaskPage}}
|
||||
<li class="active">{{task.name}}</li>
|
||||
{{/if}}
|
||||
{{#if isTaskSubPage}}
|
||||
<li><a href="{{task.href}}">{{task.name}}</a></li>
|
||||
{{/if}}
|
||||
{{#if isResultPage}}
|
||||
<li><a href="{{task.href}}">{{task.name}}</a></li>
|
||||
<li class="active">Results for {{date-format mainResult.date format="DD MMM YYYY"}}</li>
|
||||
|
@@ -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>
|
||||
@@ -23,7 +71,7 @@
|
||||
<tbody>
|
||||
{{#results}}
|
||||
<tr data-role="url-stats">
|
||||
<td data-role="category">{{date-format date format="DD MMM YYYY"}}</td>
|
||||
<td data-value="{{date-timestamp date}}" data-role="date">{{date-format date format="DD MMM YYYY"}}</td>
|
||||
<td class="text-center" data-label="error">{{count.error}}</td>
|
||||
<td class="text-center" data-label="warning">{{count.warning}}</td>
|
||||
<td class="text-center" data-label="notice">{{count.notice}}</td>
|
||||
|
@@ -1,10 +1,26 @@
|
||||
{{!
|
||||
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-7">
|
||||
<small>© {{year}} Nature Publishing Group.<br/>pa11y dashboard is licensed under the GNU General Public License 3.0.<br/>Version {{version}}</small>
|
||||
<div class="col-md-5">
|
||||
<small>© {{year}} Springer Nature.<br/>pa11y dashboard is licensed under the GNU General Public License 3.0.<br/>Version {{version}}</small>
|
||||
</div>
|
||||
<div class="col-md-5 clearfix">
|
||||
<div class="col-md-7 clearfix">
|
||||
<ul class="crunch-bottom floated-list nav">
|
||||
<li>
|
||||
<a href="{{repo}}">GitHub Repo</a>
|
||||
@@ -15,6 +31,9 @@
|
||||
<li>
|
||||
<a href="http://www.w3.org/TR/WCAG20/">WCAG 2.0 spec</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://squizlabs.github.io/HTML_CodeSniffer/">HTML_CodeSniffer</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
@@ -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/>.
|
||||
}}
|
||||
<header>
|
||||
<div role="banner" class="header">
|
||||
<div class="container">
|
||||
|
@@ -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> {{date-format mainResult.date format="DD MMM YYYY"}}</div>
|
||||
<h1 class="h2 crunch-top">{{task.name}}</h1>
|
||||
|
@@ -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>
|
@@ -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>
|
||||
@@ -12,42 +29,75 @@
|
||||
<div class="action-buttons col-md-12 col-sm-6 clearfix">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-sm-6 col-xs-12">
|
||||
<a href="{{mainResult.hrefCsv}}" class="btn-full-width btn btn-default">Download CSV <span class="glyphicon glyphicon-download"></span></a>
|
||||
<a href="{{mainResult.hrefCsv}}" class="btn-full-width btn btn-default" data-test="download-csv">
|
||||
Download CSV <span class="glyphicon glyphicon-download"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-12 col-sm-6 col-xs-12">
|
||||
<a href="{{mainResult.hrefJson}}" class="btn-full-width btn btn-default">Download JSON <span class="glyphicon glyphicon-download"></span></a>
|
||||
<a href="{{mainResult.hrefJson}}" class="btn-full-width btn btn-default" data-test="download-json">
|
||||
Download JSON <span class="glyphicon glyphicon-download"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ########### Functionality to be done ############# -->
|
||||
<!-- List of other URLs -->
|
||||
<!-- <div class="other-tasks well">
|
||||
<h4 class="crunch-top ruled-sm">Your other tracked URLs</h4>
|
||||
<p>No other URLs</p>
|
||||
|
||||
|
||||
<ul class="list-unstyled crunch-bottom">
|
||||
<li><a href="empty-task">rowanmanning.com</a></li>
|
||||
<li><a href="task">nature.com</a></li>
|
||||
<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> {{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> -->
|
||||
<!-- ##################### End ######################## -->
|
||||
</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>
|
||||
</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">
|
||||
<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>
|
||||
@@ -58,16 +108,31 @@
|
||||
{{/if}}
|
||||
|
||||
{{#if mainResult.count.warning}}
|
||||
<div class="heading label-warning" id="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>
|
||||
@@ -79,16 +144,31 @@
|
||||
{{/if}}
|
||||
|
||||
{{#if mainResult.count.notice}}
|
||||
<div class="heading label-info" id="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>
|
||||
@@ -98,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
|
||||
{{#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>
|
||||
|
@@ -1,16 +1,37 @@
|
||||
<div class="col-md-12">
|
||||
{{!
|
||||
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>
|
||||
</div>
|
||||
<div class="col-md-3 col-sm-3 text-right run-details">
|
||||
<div class="run-details task-header clearfix">
|
||||
<div class="col-md-12 clearfix">
|
||||
{{#unless readonly}}
|
||||
<a href="{{task.hrefRun}}" class="btn btn-success">Run <span class="glyphicon glyphicon-play"></span></a>
|
||||
<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><a href="{{task.hrefRun}}" data-test="run-task">Run pa11y</a></li>
|
||||
</ul>
|
||||
{{/unless}}
|
||||
{{#if mainResult}}
|
||||
<div class="date">Last run : {{date-format mainResult.date format="DD MMM YYYY"}}</div>
|
||||
<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}}
|
||||
@@ -18,3 +39,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@@ -1,21 +1,36 @@
|
||||
{{!
|
||||
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}}
|
||||
{{! TODO PERRY: make this look disabled }}
|
||||
<span class="well task-card-link crunch-bottom">
|
||||
<p class="h3 crunch">Add new URL</p>
|
||||
<p class="supersize-me crunch">+</p>
|
||||
</span>
|
||||
{{else}}
|
||||
<a class="well task-card-link crunch-bottom" data-role="add-task" href="/new">
|
||||
<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>
|
||||
{{#each tasks}}
|
||||
<li class="col-md-4 col-sm-6 task-card">
|
||||
<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,7 +48,15 @@
|
||||
{{/if}}
|
||||
</a>
|
||||
{{#unless ../readonly}}
|
||||
<a title="Delete this URL" class="delete-button" href="{{hrefDelete}}"><span class="sr-only">Delete </span><span class="glyphicon glyphicon-remove"></span></a>
|
||||
<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>
|
||||
{{/unless}}
|
||||
</li>
|
||||
{{/each}}
|
||||
|
40
view/presenter/ignore.js
Normal file
40
view/presenter/ignore.js
Normal file
@@ -0,0 +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);
|
||||
|
||||
module.exports = presentIgnoreRules;
|
||||
|
||||
function presentIgnoreRules(ignore) {
|
||||
return ignore.map(function(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;
|
||||
}
|
@@ -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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var _ = require('underscore');
|
||||
|
@@ -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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var _ = require('underscore');
|
||||
var presentIgnoreRules = require('./ignore');
|
||||
|
||||
module.exports = presentResult;
|
||||
|
||||
@@ -14,6 +30,9 @@ function presentResult (result) {
|
||||
// Parse date
|
||||
result.date = new Date(result.date);
|
||||
|
||||
// Enhance the ignored rules
|
||||
result.ignore = presentIgnoreRules(result.ignore);
|
||||
|
||||
// Split out message types
|
||||
if (result.results) {
|
||||
var groupedByType = _.groupBy(result.results, 'type');
|
||||
|
@@ -1,9 +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/>.
|
||||
|
||||
'use strict';
|
||||
|
||||
var _ = require('underscore');
|
||||
var presentIgnoreRules = require('./ignore');
|
||||
var presentResult = require('./result');
|
||||
var standardsArray = require('../../data/standards')();
|
||||
var rules = createStandardDescriptionMap(standardsArray);
|
||||
|
||||
module.exports = presentTask;
|
||||
|
||||
@@ -14,14 +27,12 @@ function presentTask (task) {
|
||||
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 = task.ignore.map(function (name) {
|
||||
return {
|
||||
name: name,
|
||||
description: rules[name]
|
||||
};
|
||||
});
|
||||
task.ignore = presentIgnoreRules(task.ignore);
|
||||
|
||||
// Present the last result if present
|
||||
if (task.last_result) {
|
||||
@@ -31,13 +42,3 @@ function presentTask (task) {
|
||||
|
||||
return task;
|
||||
}
|
||||
|
||||
function createStandardDescriptionMap (standards) {
|
||||
var map = {};
|
||||
standards.forEach(function (standard) {
|
||||
standard.rules.forEach(function (rule) {
|
||||
map[rule.name] = rule.description;
|
||||
});
|
||||
});
|
||||
return map;
|
||||
}
|
||||
|
@@ -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}}
|
||||
|
||||
<div class="single-result">
|
||||
{{> result}}
|
||||
</div>
|
||||
|
@@ -1,9 +1,25 @@
|
||||
{{!
|
||||
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}})
|
||||
{{/content}}
|
||||
|
||||
<form class="col-md-12" action="{{task.hrefDelete}}" method="post">
|
||||
<form class="col-md-12" action="{{task.hrefDelete}}" method="post" data-test="delete-url-form">
|
||||
<div class="legend">
|
||||
<legend>Delete URL ({{simplify-url task.url}})</legend>
|
||||
</div>
|
||||
|
130
view/task/edit.html
Normal file
130
view/task/edit.html
Normal file
@@ -0,0 +1,130 @@
|
||||
{{!
|
||||
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
|
||||
{{/content}}
|
||||
|
||||
{{#edited}}
|
||||
<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>Success!</strong>
|
||||
<p>Your changes have been saved.</p>
|
||||
</div>
|
||||
</div>
|
||||
{{/edited}}
|
||||
|
||||
<form role="form" class="col-md-12" action="/{{task.id}}/edit" method="post" data-test="edit-url-form">
|
||||
|
||||
<div class="legend">
|
||||
<h1 class="h2 crunch-top">Edit URL</h1>
|
||||
</div>
|
||||
|
||||
{{#error}}
|
||||
<div class="col-md-12 clearfix" data-test="error">
|
||||
<div class="row">
|
||||
<div class="alert alert-danger">
|
||||
<strong>Oh my gosh!</strong>
|
||||
<p>{{.}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/error}}
|
||||
|
||||
<div class="form-group clearfix">
|
||||
<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}}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group clearfix">
|
||||
<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/>
|
||||
</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-standard">Standard</label>
|
||||
<select data-role="new-task-select" class="form-control" id="new-task-standard" name="standard" disabled>
|
||||
{{#standards}}
|
||||
<option {{#selected}}selected{{/selected}}>{{title}}</option>
|
||||
{{/standards}}
|
||||
</select>
|
||||
</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-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-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>
|
||||
|
||||
<p class="control-label"><b>Ignore these rules</b> <a target="_blank" href="https://github.com/springernature/pa11y/wiki/HTML-CodeSniffer-Rules">(full list of rules here)</a></p>
|
||||
|
||||
<div class="standards-lists">
|
||||
{{#standards}}
|
||||
<div data-role="standards-list" data-attr="{{title}}" class="form-group">
|
||||
<p class="control-label rules-list-title ruled"><b>{{title}} Rules</b></p>
|
||||
<ul class="list-unstyled">
|
||||
{{#rules}}
|
||||
<li>
|
||||
<input class="pull-left" id="{{name}}" type="checkbox" name="ignore[]" value="{{name}}" {{#ignored}}checked{{/ignored}}/>
|
||||
<label for="{{name}}" title="{{description}}" data-role="rules-tooltip" class="checkbox">
|
||||
{{name}}
|
||||
</label>
|
||||
</li>
|
||||
{{/rules}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/standards}}
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-success">Save changes <span class="glyphicon glyphicon-save"></span></button>
|
||||
<a href="/{{task.id}}/edit" class="btn btn-primary">Undo <span class="glyphicon glyphicon-refresh"></span></a>
|
||||
|
||||
</form>
|
@@ -1,10 +1,26 @@
|
||||
{{!
|
||||
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}})
|
||||
{{/content}}
|
||||
|
||||
{{#added}}
|
||||
<div class="col-md-12 clearfix">
|
||||
<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>Whoop whoop!</strong>
|
||||
@@ -14,7 +30,7 @@
|
||||
{{/added}}
|
||||
|
||||
{{#running}}
|
||||
<div class="col-md-12 clearfix">
|
||||
<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>New results incoming!</strong>
|
||||
@@ -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,14 +76,12 @@
|
||||
{{> graph}}
|
||||
{{/unless}}
|
||||
|
||||
{{> result-selector}}
|
||||
|
||||
{{/if}}
|
||||
|
||||
{{#if mainResult}}
|
||||
{{> result}}
|
||||
{{else}}
|
||||
<div class="col-md-12">
|
||||
<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>
|
||||
|
Reference in New Issue
Block a user