+[% USE raw %]
+[% USE Asset %]
[% INCLUDE 'doc-head-open.inc' %]
<title>Koha › Administration ›
-[% IF ( add_form ) %][% IF ( searchfield ) %] Printers › Modify printer '[% searchfield %]'[% ELSE %] Printers › New printer[% END %][% END %]
-[% IF ( add_validate ) %] Printers › Printer Added[% END %]
-[% IF ( delete_confirm ) %] Printers › Confirm Deletion of Printer '[% searchfield %]'[% END %]
-[% IF ( delete_confirmed ) %] Printers › Printer Deleted[% END %]
+[% IF ( add_form ) %][% IF ( searchfield ) %] Printers › Modify printer '[% searchfield | html %]'[% ELSE %] Printers › New printer[% END %][% END %]
+[% IF ( add_validate ) %] Printers › Printer added[% END %]
+[% IF ( delete_confirm ) %] Printers › Confirm deletion of printer '[% searchfield | html %]'[% END %]
+[% IF ( delete_confirmed ) %] Printers › Printer deleted[% END %]
[% IF ( else ) %]Printers[% END %]</title>
[% INCLUDE 'doc-head-close.inc' %]
-[% IF ( add_form ) %]<script type="text/javascript">
+[% IF ( loop ) %]
+[% Asset.css("css/datatables.css") | $raw %]
+[% INCLUDE 'datatables.inc' %]
+<script>
//<![CDATA[
- //
- function isNotNull(f,noalert) {
- if (f.value.length ==0) {
- return false;
- }
- return true;
- }
- //
- function toUC(f) {
- var x=f.value.toUpperCase();
- f.value=x;
- return true;
- }
- //
- function isNum(v,maybenull) {
- var n = new Number(v.value);
- if (isNaN(n)) {
- return false;
- }
- if (maybenull==0 && v.value=="") {
- return false;
- }
- return true;
- }
- //
- function isDate(f) {
- var t = Date.parse(f.value);
- if (isNaN(t)) {
- return false;
- }
- }
- //
- function Check(f) {
- var ok=1;
- var _alertString="";
- var alertString2;
- if (f.printername.value.length==0) {
- _alertString += "- printer name missing\n";
- }
- if (f.printqueue.value.length==0) {
- _alertString += "- Queue missing\n";
- }
- if (_alertString.length==0) {
- document.Aform.submit();
- } else {
- alertString2 = "Form not submitted because of the following problem(s)\n";
- alertString2 += "------------------------------------------------------------------------------------\n\n";
- alertString2 += _alertString;
- alert(alertString2);
- }
- }
- //]]>
+ $(document).ready(function() {
+ $("#printerst").dataTable($.extend(true, {}, dataTablesDefaults, {
+ "aoColumnDefs": [
+ { "aTargets": [ -1 ], "bSortable": false, "bSearchable": false },
+ ],
+ "aaSorting": [[ 0, "asc" ]],
+ "sPaginationType": "four_button"
+ }));
+ });
+//]]>
</script>
- [% END %]
+[% END %]
</head>
<body id="admin_printers" class="admin">
[% INCLUDE 'header.inc' %]
-[% INCLUDE 'printers-admin-search.inc' %]
+[% INCLUDE 'cat-search.inc' %]
-<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a> › [% IF ( add_form ) %][% IF ( searchfield ) %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › Modify printer '[% searchfield %]'[% ELSE %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › New printer[% END %][% END %]
-[% IF ( add_validate ) %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › Printer Added[% END %]
-[% IF ( delete_confirm ) %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › Confirm Deletion of Printer '[% searchfield %]'[% END %]
-[% IF ( delete_confirmed ) %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › Printer Deleted[% END %]
+<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a> › [% IF ( add_form ) %][% IF ( searchfield ) %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › Modify printer '[% searchfield | html %]'[% ELSE %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › New printer[% END %][% END %]
+[% IF ( add_validate ) %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › Printer added[% END %]
+[% IF ( delete_confirm ) %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › Confirm deletion of printer '[% searchfield | html %]'[% END %]
+[% IF ( delete_confirmed ) %] <a href="/cgi-bin/koha/admin/printers.pl">Printers</a> › Printer deleted[% END %]
[% IF ( else ) %]Printers[% END %]</div>
-<div id="doc3" class="yui-t2">
-
- <div id="bd">
- <div id="yui-main">
- <div class="yui-b">
+<div class="main container-fluid">
+ <div class="row">
+ <div class="col-sm-10 col-sm-push-2">
+ <main>
[% IF ( add_form ) %]
[% ELSE %]
<h1>New printer</h1>
[% END %]
- <form action="[% script_name %]" name="Aform" method="post">
+ <form action="[% script_name | html %]" name="Aform" method="post" class="validated">
<input type="hidden" name="op" value="add_validate" />
[% IF ( searchfield ) %]
<input type="hidden" name="add" value="0" />
<fieldset class="rows">
<ol> [% IF ( searchfield ) %]
<li>
- <span class="label">Printer Name: </span>
- <input type="hidden" name="printername" id="" value="[% searchfield %]" />[% searchfield %]
+ <span class="label">Printer name: </span>
+ <input type="hidden" name="printername" id="" value="[% searchfield | html %]" />[% searchfield | html %]
</li>
[% ELSE %]
<li>
- <label for="printername">Printer Name: </label>
- <input type="text" name="printername" id="printername" size="50" maxlength="50" />
+ <label for="printername" class="required">Printer name: </label>
+ <input type="text" name="printername" id="printername" size="40" maxlength="40" class="required" required="required" />
+ <span class="required">Required</span>
</li>
[% END %]
<li>
- <label for="printqueue">Queue: </label>
- <input type="text" name="printqueue" id="printqueue" size="50" maxlength="50" value="[% printqueue %]" />
+ <label for="printqueue" class="required">Queue: </label>
+ <input type="text" name="printqueue" id="printqueue" size="20" maxlength="20" value="[% printqueue | html %]" class="required" required="required" />
+ <span class="required">Required</span>
</li>
<li>
<label for="printtype">Type: </label>
- <input type="text" name="printtype" id="printtype" size="50" maxlength="50" value="[% printtype %]" />
+ <input type="text" name="printtype" id="printtype" size="20" maxlength="20" value="[% printtype | html %]" />
</li></ol>
</fieldset>
- <fieldset class="action"><input type="submit" value="Submit" onclick="Check(this.form);" /> <a class="cancel" href="/cgi-bin/koha/admin/printers.pl">Cancel</a></fieldset>
+ <fieldset class="action"><input type="submit" value="Submit" /> <a class="cancel" href="/cgi-bin/koha/admin/printers.pl">Cancel</a></fieldset>
</form>
[% END %]
[% IF ( add_validate ) %]
-<h3>Printer Added</h3>
-<form action="[% script_name %]" method="post">
+<h3>Printer added</h3>
+<form action="[% script_name | html %]" method="post">
<fieldset class="action"> <input type="submit" value="OK" /></fieldset>
</form>
[% END %]
[% IF ( delete_confirm ) %]
-<h3>Confirm Deletion of Printer <em>[% searchfield %]</em></h3>
-<ul>
- <li>
- <strong>Printer: </strong>
- [% searchfield %]
- </li>
- <li>
- <strong>Queue: </strong>
- [% printqueue %]
- </li>
- <li>
- <strong>Type: </strong>
- [% printtype %]
- </li>
- </ul>
- <form action="[% script_name %]" method="post">
- <input type="hidden" name="op" value="delete_confirmed" />
- <input type="hidden" name="searchfield" value="[% searchfield %]" />
- <input type="submit" value="Delete this Printer" />
- </form> <form action="[% script_name %]" method="post">
- <input type="submit" value="Do not Delete" />
- </form>
+ <div class="dialog alert">
+ <h3>Confirm deletion of printer <em>[% searchfield | html %]</em></h3>
+
+ <table>
+ <tr>
+ <th scope="row">Printer: </th><td>[% searchfield | html %]</td>
+ </tr>
+ <tr>
+ <th scope="row">Queue: </th><td>[% printqueue | html %]</td>
+ </tr>
+ <tr>
+ <th scope="row">Type: </th><td>[% printtype | html %]</td>
+ </tr>
+ </table>
+
+ <form action="[% script_name | html %]" method="post">
+ <input type="hidden" name="op" value="delete_confirmed" />
+ <input type="hidden" name="searchfield" value="[% searchfield | html %]" />
+ <button type="submit" class="approve"><i class="fa fa-fw fa-check"></i> Yes, delete</button>
+ </form>
+ <form action="/cgi-bin/koha/admin/printers.pl" method="get">
+ <button type="submit" class="deny"><i class="fa fa-fw fa-remove"></i> No, do not delete</button>
+ </form>
+ </div>
[% END %]
[% IF ( delete_confirmed ) %]
-<h3>Printer Deleted</h3>
-<form action="[% script_name %]" method="post">
- <fieldset class="action"><input type="submit" value="OK" /></fieldset>
-</form>
+ <div class="dialog message">
+ <h3>Printer deleted</h3>
+ <form action="[% script_name | html %]" method="post">
+ <button type="submit" class="approve"><i class="fa fa-fw fa-check"></i> OK</button>
+ </form>
+ </div>
+
[% END %]
[% IF ( else ) %]
-<div id="toolbar">
- <script type="text/javascript">
- //<![CDATA[
- // prepare DOM for YUI Toolbar
- $(document).ready(function() {
- new YAHOO.widget.Button("newprinter");
- });
- //]]>
- </script>
- <ul class="toolbar">
- <li><a id="newprinter" href="/cgi-bin/koha/admin/printers.pl?op=add_form">New Printer</a></li>
-</ul></div>
+<div id="toolbar" class="btn-toolbar">
+ <a class="btn btn-default btn-sm" id="newprinter" href="/cgi-bin/koha/admin/printers.pl?op=add_form"><i class="fa fa-plus"></i> New printer</a>
+</div>
<h2>Printers</h2>
[% IF ( searchfield ) %]
- You searched for [% searchfield %]</span>
+ You searched for [% searchfield | html %]</span>
[% END %]
-[% IF ( loop ) %]<table>
- <tr>
- <th>Name</th>
- <th>Queue</th>
- <th>Type</th>
- <th> </th>
- </tr>
+[% IF ( loop ) %]
+ <table id="printerst">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Queue</th>
+ <th>Type</th>
+ <th> </th>
+ </tr>
+ </thead>
+ <tbody>
[% FOREACH loo IN loop %]
- [% IF ( loop.odd ) %]<tr>[% ELSE %]<tr class="highlight">[% END %]
- <td>[% loo.printername %]</td>
- <td>[% loo.printqueue %]</td>
- <td>[% loo.printtype %]</td>
- <td><a href="[% loo.script_name %]?op=add_form&searchfield=[% loo.printername %]">Edit</a> <a href="[% loo.script_name %]?op=delete_confirm&searchfield=[% loo.printername %]">Delete</a></td>
+ <tr>
+ <td>[% loo.printername | html %]</td>
+ <td>[% loo.printqueue | html %]</td>
+ <td>[% loo.printtype | html %]</td>
+ <td class="actions"><a class="btn btn-default btn-xs" href="[% loo.script_name | url %]?op=add_form&searchfield=[% loo.printername |uri %]"><i class="fa fa-pencil"></i> Edit</a> <a class="btn btn-default btn-xs" href="[% loo.script_name | url %]?op=delete_confirm&searchfield=[% loo.printername |uri %]"><i class="fa fa-trash"></i> Delete</a></td>
</tr>
[% END %]
- </table>[% ELSE %]<div class="notice">No printers defined.</div>[% END %]
+ </tbody>
+ </table>[% ELSE %]<div class="dialog message">No printers defined.</div>[% END %]
+[% END %]
- [% IF ( offsetgtzero ) %]
- <a href="[% script_name %]?offset=[% prevpage %]"><< Previous</a>
- [% END %]
+ </main>
+ </div> <!-- /.col-sm-10.col-sm-push-2 -->
- [% IF ( ltcount ) %]
- <a href="[% script_name %]?offset=[% nextpage %]">Next >></a>
- [% END %]
-[% END %]
+ <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 -->
-</div>
-</div>
-<div class="yui-b">
-[% INCLUDE 'admin-menu.inc' %]
-</div>
-</div>
[% INCLUDE 'intranet-bottom.inc' %]