mirror of
https://github.com/pa11y/pa11y-dashboard.git
synced 2025-09-24 22:31:15 +00:00
5202f59008
* First draft of a11y fixes. * Amended results title * Amended results title (again) * Back to top keyboard operation Removed the 'data-role="top"' attribute, which implemented a cool animation to scroll to top but prevented the default behaviour, resulting in the keyboard focus not going back to top. * Options Button Fix to have a working options button, but using the mouse only. This is not a good solution because it cannot be operated via the keyboard. * Fixed options menu css. * Results view layout changes * Undoing layout changes * Graph layout fixes. * Skip Rules Link Added a link to skip the list of rules, which can get very long and annoying for any keyboard user not interested in selecting a rule. Most probably, implementing a collapsible list of rules would be a better solution here. Co-authored-by: Carlos Muncharaz <carlos@muncharaz.eu>
72 lines
3.1 KiB
HTML
72 lines
3.1 KiB
HTML
{{!
|
|
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 task-card clearfix">
|
|
<button class="btn view-btn btn-grid btn-default"><i class="glyphicon glyphicon-th"></i> Grid</button>
|
|
<button class="btn view-btn btn-list"><i class="glyphicon glyphicon-align-justify "></i> List</button>
|
|
|
|
</div>
|
|
<ul class="list-unstyled clearfix crunch-bottom" id="grid-container">
|
|
|
|
{{#unless readonly}}
|
|
<li class="col-md-4 col-sm-6 task-card add-task">
|
|
<a class="well task-card-link crunch-bottom" data-role="add-task" href="/new" data-test="add-task">
|
|
<p class="h3 crunch">Add new URL</p>
|
|
<p class="supersize-me crunch" aria-hidden="true">+</p>
|
|
</a>
|
|
</li>
|
|
{{/unless}}
|
|
{{#each tasks}}
|
|
<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}}">
|
|
<div class="gridview">
|
|
<p class="h3">{{name}}</p>
|
|
<p class="h4">{{simplify-url url}}</p>
|
|
<p class="h5">({{standard}})</p>
|
|
</div>
|
|
|
|
{{#if lastResult}}
|
|
<div class="gridview">
|
|
<ul class="clearfix list-unstyled floated-list task-stats">
|
|
{{#lastResult}}
|
|
<li class="danger" title="Number of errors ({{count.error}})">{{count.error}}<span class="stat-type">Errors</span></li>
|
|
<li class="warning" title="Number of warnings ({{count.warning}})">{{count.warning}}<span class="stat-type">Warnings</span></li>
|
|
<li class="info last" title="Number of notices ({{count.notice}})">{{count.notice}}<span class="stat-type">Notices</span></li>
|
|
{{/lastResult}}
|
|
</ul>
|
|
</div>
|
|
<div class="last-run">Last run {{date-format lastResult.date format="DD MMM YYYY"}}</div>
|
|
{{else}}
|
|
<p class="no-results">No results</p>
|
|
{{/if}}
|
|
</a>
|
|
{{#unless ../readonly}}
|
|
<div class="btn-group options-button text-right">
|
|
<button type="button" class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown"><span class="sr-only">Options</span><span class="glyphicon glyphicon-cog"></span></button>
|
|
<nav class="dropdown-menu pull-right" aria-label="task tools">
|
|
<ul class="options-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>
|
|
</nav>
|
|
</div>
|
|
{{/unless}}
|
|
</li>
|
|
{{/each}}
|
|
</ul>
|