Koha/koha-tmpl/intranet-tmpl/prog/en/modules/admin/sms_providers.tt
Wainui Witika-Park cde5aa1050 Bug 27846: admin folder
Modified breadcrumbs to be accessible, in particular for a
screen-reader.

Made the block of breadcrumbs be a <nav aria label="Breadcrumb"
class="breadcrumb"> with an ordered list inside. The last breadcrumbs
also has aria-current="page" to specify that it is the current page.

To test:
1) Apply patch
2) Build scss file
3) Ensure each of the files in the admin folder has breadcrumbs that are
   in a <nav aria label="Breadcrumb" class="breadcrumb"> block
4) Ensure that there is an ordered list in the block of breadcrumbs
5) Ensure that the last breadcrumb has aria-current="page"
6) Ensure that the breadcrumbs on each page of the staff client
   belonging to these files look the same as before, but the '>' symbol
   is replaced with '/' and the last breadcrumb has bold text
7) Ensure that when the last breadcrumb is clicked it takes you to the
   page you are currently on

Sponsored-by: Catalyst IT
Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
2021-04-01 18:51:37 +02:00

120 lines
5 KiB
Text

[% USE raw %]
[% USE Asset %]
[% SET footerjs = 1 %]
[% INCLUDE 'doc-head-open.inc' %]
<title>Koha &rsaquo; Administration &rsaquo; SMS cellular providers</title>
[% INCLUDE 'doc-head-close.inc' %]
</head>
<body id="admin_sms_providers" class="admin">
[% INCLUDE 'header.inc' %]
[% INCLUDE 'prefs-admin-search.inc' %]
<nav aria-label="Breadcrumb" class="breadcrumb">
<ol>
<li>
<a href="/cgi-bin/koha/mainpage.pl">Home</a>
</li>
<li>
<a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a>
</li>
<li>
<a href="#" aria-current="page">
SMS cellular providers
</a>
</li>
</ol>
</nav>
<div class="main container-fluid">
<div class="row">
<div class="col-sm-10 col-sm-push-2">
<main>
<div id="toolbar" class="btn-toolbar">
<a class="btn btn-default" id="new_provider" href="#"><i class="fa fa-plus"></i> New SMS provider</a>
</div>
<h2>SMS cellular providers</h2>
[% IF providers.size %]
<table id="providerst">
<thead>
<tr>
<th>Name</th>
<th>Domain</th>
<th title="Patrons using this provider">Patrons</th>
<th>&nbsp;</th>
</tr>
</thead>
<tbody>
[% FOREACH p IN providers %]
<tr>
<td id="name_[% p.id | html %]">[% p.name | html %]</td>
<td id="domain_[% p.id | html %]">[% p.domain | html %]</td>
<td id="patrons_using_[% p.id | html %]">[% p.patrons_using | html %]</td>
<td class="actions">
<a class="btn btn-default btn-xs edit" href="#" id="edit_[% p.id | html %]" data-providerid="[% p.id | html %]">
<i class="fa fa-pencil"></i> Edit
</a>
<a class="btn btn-default btn-xs delete" href="#" data-providerid="[% p.id | html %]" data-patrons_using="[% p.patrons_using | html %]" id="delete_[% p.id | html %]">
<i class="fa fa-trash"></i> Delete
</a>
</td>
</tr>
[% END %]
</tbody>
</table>
[% ELSE %]
<div class="dialog message">
There are no SMS cellular providers defined.
</div>
[% END %]
<div id="sms_add_form">
<form id="sms_form" action="sms_providers.pl" method="post" class="validated">
<fieldset class="rows">
<legend>Add an SMS cellular provider</legend>
<input type="hidden" id="id" name="id" value="" />
<input type="hidden" id="op" name="op" value="add_update" />
<ol>
<li>
<label for="name" class="required">Name: </label>
<input type="text" id="name" name="name" required="required" />
<span class="required">Required</span>
</li>
<li>
<label for="domain" class="required">Domain: </label>
<input type="text" id="domain" name="domain" required="required" size="40"/>
<span class="required">Required</span>
</li>
</ol>
</fieldset>
<fieldset class="action">
<input type="submit" id="submit_save" value="Submit" />
<input type="submit" value="Submit" id="submit_update" />
<a class="cancel cancel_edit" id="cancel" href="sms_providers.pl">Cancel</a>
</fieldset>
</form>
</div>
</main>
</div> <!-- /.col-sm-10.col-sm-push-2 -->
<div class="col-sm-2 col-sm-pull-10">
<aside>
[% INCLUDE 'admin-menu.inc' %]
</aside>
</div> <!-- /.col-sm-2.col-sm-pull-10 -->
</div> <!-- /.row -->
[% MACRO jsinclude BLOCK %]
[% Asset.js("js/admin-menu.js") | $raw %]
[% Asset.js("js/sms_providers.js") | $raw %]
[% END %]
[% INCLUDE 'intranet-bottom.inc' %]