Wainui Witika-Park
d237208de5
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 members folder have 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>
128 lines
6.3 KiB
Text
128 lines
6.3 KiB
Text
[% USE raw %]
|
|
[% USE Koha %]
|
|
[% USE Asset %]
|
|
[% SET footerjs = 1 %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Koha › Patrons › API Keys</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
</head>
|
|
<body id="pat_apikeys" class="pat">
|
|
[% INCLUDE 'header.inc' %]
|
|
[% INCLUDE 'patron-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/members/members-home.pl">Patrons</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-current="page">
|
|
API Keys for [% INCLUDE 'patron-title.inc' %]
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<div class="main container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-10 col-sm-push-2">
|
|
<main>
|
|
|
|
[% INCLUDE 'members-toolbar.inc' %]
|
|
|
|
<h1>API keys for [% INCLUDE 'patron-title.inc' %]</h1>
|
|
<form id="add-api-key" action="/cgi-bin/koha/members/apikeys.pl" method="post" style="display:none">
|
|
<input type="hidden" name="patron_id" value="[% patron.id | html %]" />
|
|
<input type="hidden" name="csrf_token" value="[% csrf_token | html %]" />
|
|
<input type="hidden" name="op" value="generate" />
|
|
<fieldset class="brief">
|
|
<legend>Generate new client id/secret pair</legend>
|
|
<ol>
|
|
<li>
|
|
<label for="description">Description: </label>
|
|
<input type="text" name="description" />
|
|
<input type="submit" value="Save" />
|
|
<a href="#" class="cancel toggle_element" data-element="#add-api-key">Cancel</a>
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
</form>
|
|
|
|
<div id="keys">
|
|
[% IF api_keys && api_keys.size > 0 %]
|
|
<p>
|
|
<button class="btn btn-default toggle_element" type="submit" id="show-api-form" data-element="#add-api-key"><i class="fa fa-plus"></i> Generate a new client id/key pair</button>
|
|
</p>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Description</th>
|
|
<th>Client ID</th>
|
|
<th>Secret</th>
|
|
<th>Active</th>
|
|
<th class="noExport">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
[% FOREACH key IN api_keys %]
|
|
<tr>
|
|
<td>[% key.description | html %]</td>
|
|
<td>[% key.client_id | html %]</td>
|
|
<td>[% key.secret | html %]</td>
|
|
<td>[% IF key.active %]Yes[% ELSE %]No[% END %]</td>
|
|
<td>
|
|
<form action="/cgi-bin/koha/members/apikeys.pl" method="post">
|
|
<input type="hidden" name="patron_id" value="[% patron.id | html %]" />
|
|
<input type="hidden" name="key" value="[% key.id | html %]" />
|
|
<input type="hidden" name="csrf_token" value="[% csrf_token | html %]" />
|
|
<input type="hidden" name="op" value="delete" />
|
|
<button class="btn btn-default btn-xs delete" type="submit"><i class="fa fa-trash"></i> Delete</button>
|
|
</form>
|
|
<form action="/cgi-bin/koha/members/apikeys.pl" method="post">
|
|
<input type="hidden" name="patron_id" value="[% patron.id | html %]" />
|
|
<input type="hidden" name="key" value="[% key.id | html %]" />
|
|
<input type="hidden" name="csrf_token" value="[% csrf_token | html %]" />
|
|
[% IF key.active %]
|
|
<input type="hidden" name="op" value="revoke" />
|
|
<button class="btn btn-default btn-xs" type="submit"><i class="fa fa-remove"></i> Revoke</button>
|
|
[% ELSE %]
|
|
<input type="hidden" name="op" value="activate" />
|
|
<button class="btn btn-default btn-xs" type="submit"><i class="fa fa-play"></i> Activate</button>
|
|
[% END %]
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
[% END %]
|
|
</tbody>
|
|
</table>
|
|
[% ELSE %]
|
|
<div class="dialog message">No keys defined for the current patron. <a href="#" class="toggle_element" data-element="#add-api-key" id="show-api-form"><i class="fa fa-plus"></i> Generate a new client id/secret pair</div>
|
|
[% END %]
|
|
</div>
|
|
</main>
|
|
</div> <!-- /.col-sm-10.col-sm-push-2 -->
|
|
|
|
<div class="col-sm-2 col-sm-pull-10">
|
|
<aside>
|
|
[% INCLUDE 'circ-menu.inc' %]
|
|
</aside>
|
|
</div> <!-- /.col-sm-2.col-sm-pull-10 -->
|
|
</div> <!-- /.row -->
|
|
|
|
|
|
[% MACRO jsinclude BLOCK %]
|
|
[% INCLUDE 'str/members-menu.inc' %]
|
|
[% Asset.js("js/members-menu.js") | $raw %]
|
|
<script>
|
|
$(document).ready(function(){
|
|
$(".delete").on("click", function(e){
|
|
return confirmDelete(_("Are you sure you want to delete this key?"));
|
|
});
|
|
});
|
|
</script>
|
|
[% END %]
|
|
|
|
[% INCLUDE 'intranet-bottom.inc' %]
|