Bug 10651 - Use new DataTables include in administration templates
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / admin / itemtypes.tt
1 [% INCLUDE 'doc-head-open.inc' %]
2 <title>Koha &rsaquo; Administration &rsaquo; Item types [% IF ( add_form ) %]&rsaquo;
3   [% IF ( itemtype ) %]
4 Modify item type '[% itemtype %]'
5   [% ELSE %]
6 Add item type
7   [% END %]
8 [% END %]
9 [% IF ( delete_confirm ) %]&rsaquo; 
10   [% IF ( total ) %]
11 Cannot delete item type '[% itemtype %]'
12   [% ELSE %]
13 Delete item type '[% itemtype %]'?
14   [% END %]
15 [% END %]
16 [% IF ( delete_confirmed ) %]&rsaquo; 
17 Data deleted
18 [% END %]
19 </title>
20 [% INCLUDE 'doc-head-close.inc' %]
21 <link rel="stylesheet" type="text/css" href="[% themelang %]/css/datatables.css" />
22 [% INCLUDE 'datatables.inc' %]
23 <script type="text/javascript">
24 //<![CDATA[
25
26 function isNotNull(f,noalert) {
27         if (f.value.length ==0) {
28                 return false;
29         }
30         return true;
31 }
32
33 function toUC(f) {
34         var x=f.value.toUpperCase();
35         f.value=x;
36         return true;
37 }
38
39 function isNum(v,maybenull) {
40 var n = new Number(v.value);
41 if (isNaN(n)) {
42         return false;
43         }
44 if (maybenull==0 && v.value=='') {
45         return false;
46 }
47 return true;
48 }
49
50 function isDate(f) {
51         var t = Date.parse(f.value);
52         if (isNaN(t)) {
53                 return false;
54         }
55 }
56
57 function Check(f) {
58         var ok=1;
59         var _alertString="";
60         var alertString2;
61         if (f.itemtype.value.length==0) {
62                 _alertString += "\n- " + _("Itemtype missing");
63         }
64         if (!(isNotNull(window.document.Aform.description,1))) {
65                 _alertString += "\n- " + _("Description missing");
66         }
67         if ((!isNum(f.rentalcharge,0)) && f.rentalcharge.value.length > 0) {
68                 _alertString += "\n- " + _("Rental charge is not a number");
69         }
70         if (_alertString.length==0) {
71                 document.Aform.submit();
72         } else {
73                 alertString2  = _("Form not submitted because of the following problem(s)");
74                 alertString2 += "\n------------------------------------------------------------------------------------\n";
75                 alertString2 += _alertString;
76                 alert(alertString2);
77         }
78 }
79      $(document).ready(function() {
80         $('#icons').tabs();
81         $("#table_item_type").dataTable($.extend(true, {}, dataTablesDefaults, {
82             "aoColumnDefs": [
83                 { "aTargets": [ -1 ], "bSortable": false, "bSearchable": false },
84             ],
85             "aLengthMenu": [[10, 20, 50, 100, -1], [10, 20, 50, 100, "All"]],
86             "aaSorting": [[ 2, "asc" ]],
87             "iDisplayLength": 10
88         }));
89      });
90 //]]>
91 </script>
92 <style type="text/css">
93         fieldset.rows div.toptabs li { clear:none;margin-right:.5em;padding-bottom:0;width:auto; }
94   fieldset.rows div.toptabs .ui-tabs-nav li.ui-tabs-selected {background-color : #F4F8F9; }
95         fieldset.rows .ui-tabs-panel { margin-right : 10px; margin-left : 10px;margin-bottom:10px;}
96   fieldset.rows .ui-tabs-nav { margin-left : 10px; }
97 </style>
98 </head>
99 <body id="admin_itemtypes" class="admin">
100 [% INCLUDE 'header.inc' %]
101 [% INCLUDE 'cat-search.inc' %]
102
103 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a> &rsaquo; [% IF ( add_form ) %]
104   [% IF ( itemtype ) %]
105 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item types</a> &rsaquo; Modify item type '[% itemtype %]'
106   [% ELSE %]
107 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item types</a> &rsaquo; Add item type
108   [% END %]
109 [% END %]
110 [% IF ( delete_confirm ) %]
111   [% IF ( total ) %]
112 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item types</a> &rsaquo; Cannot delete item type '[% itemtype %]'
113   [% ELSE %]
114 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item types</a> &rsaquo; Delete item type '[% itemtype %]'?
115   [% END %]
116 [% END %]
117 [% IF ( delete_confirmed ) %]
118 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item types</a> &rsaquo;Data deleted
119 [% END %]
120 [% IF ( else ) %]
121 Item types administration
122 [% END %]</div>
123
124 <div id="doc3" class="yui-t2">
125    
126    <div id="bd">
127         <div id="yui-main">
128         <div class="yui-b">
129         
130 [% IF ( else ) %]<div id="toolbar" class="btn-toolbar">
131     <a class="btn btn-small" id="newitemtype" href="/cgi-bin/koha/admin/itemtypes.pl?op=add_form"><i class="icon-plus"></i> New item type</a>
132 </div>[% END %]
133
134 [% IF ( add_form ) %]
135   [% IF ( itemtype ) %]
136       <h3>Modify item type</h3>
137   [% ELSE %]
138       <h3>Add item type</h3>
139   [% END %]
140 <form action="[% script_name %]" name="Aform" method="post">
141   <input type="hidden" name="op" value="add_validate" />
142     <input type="hidden" name="checked" value="0" />
143                 
144     <fieldset class="rows">
145         <ol>
146   [% IF ( itemtype ) %]
147       <li>
148           <span class="label">Item type: </span> <input type="hidden" name="itemtype" value="[% itemtype %]" />
149           [% itemtype %]
150      </li>
151   [% ELSE %]
152       <li>
153           <label for="itemtype">Item type: </label> <input type="text" id="itemtype" name="itemtype" size="10" maxlength="10" onblur="toUC(this)" class="focus" />
154       </li>
155   [% END %]
156       <li>
157       [% IF ( itemtype ) %]
158           <label for="description">Description: </label><input type="text" id="description" name="description" size="48" value="[% description |html %]" class="focus" /></li>
159       [% ELSE %]
160           <label for="description">Description: </label><input type="text" id="description" name="description" size="48" value="[% description |html %]" /></li>
161       [% END %]
162      [% IF ( noItemTypeImages ) %]
163          <li><span class="label">Image: </span>Item type images are disabled. To enable them, turn off the <a href="/cgi-bin/koha/admin/preferences.pl?op=search&amp;searchfield=noItemTypeImages">noItemTypeImages system preference</a></li></ol>
164          [% ELSE %]</ol>
165     <div id="icons" class="toptabs" style="clear:both">
166         <h5 style="margin-left:10px;">Choose an icon:</h5>
167                         <ul>
168           <li><a href="#none">None</a></li>
169                                   [% FOREACH imageset IN imagesets %]
170             [% IF ( imageset.imagesetactive ) %]<li class="ui-tabs-selected">[% ELSE %]<li>[% END %]<a href="#[% imageset.imagesetname %]">[% imageset.imagesetname %]</a></li>
171                                   [% END %]
172                   [% IF ( remote_image ) %]<li class="ui-tabs-selected">[% ELSE %]<li>[% END %]<a href="#remote">Remote image</a></li>
173                         </ul>
174   <div id="none"><ul>
175   <li><label for="noimage">No image: </label><input type="radio" name="image" id="noimage" value="removeImage" /></li>
176   </ul>
177   <br class="clear" /></div>
178
179   [% FOREACH imageset IN imagesets %]
180   <div id="[% imageset.imagesetname %]"><ul>
181   [% FOREACH image IN imageset.images %]
182                         <li style="float: none; display: inline-block; clear : none; width: auto;">
183             <label> [% IF ( image.StaffImageUrl ) %]
184               <img src="[% image.StaffImageUrl %]" alt="[% image.StaffImageUrl %]" title="[% image.StaffImageUrl %]" />
185         [% ELSE %]
186         [% END %]
187     [% IF ( image.checked ) %]
188               <input type="radio" name="image" value="[% image.KohaImage %]" checked="checked" />
189     [% ELSE %]
190               [% IF ( image.KohaImage ) %] <!-- to delete the radio button if there is no image after -->
191               <input type="radio" name="image" value="[% image.KohaImage %]" />
192               [% END %]
193     [% END %]
194             </label>
195                         </li>
196   [% END %]
197   </ul>
198   <br class="clear" />
199   </div>
200   [% END %]
201 <div id="remote"><ul>
202 <li> <label for="remote_image_check"> Remote image:</label>
203   [% IF ( remote_image ) %]
204             <input type="radio" id="remote_image_check" name="image" value="remoteImage" checked="checked" />
205   [% ELSE %]
206             <input type="radio" id="remote_image_check" name="image" value="remoteImage" />
207   [% END %]<input type="text" name="remoteImage" size="48" maxlength="200" value="[% remote_image %]" onmousedown="document.getElementById('remote_image_check').checked = true;" /> [% IF ( remote_image ) %]
208             <img src="[% remote_image %]" alt="" />
209   [% END %]</li>
210 </ul>
211   <br class="clear" />
212 </div>
213 [% END %]
214 </div>
215 <ol>
216       <li>
217           <label for="notforloan">Not for loan: </label>   [% IF ( notforloan ) %]
218                 <input type="checkbox" id="notforloan" name="notforloan" checked="checked" value="1" />
219             [% ELSE %]
220                 <input type="checkbox" id="notforloan" name="notforloan" value="1" />
221             [% END %]
222           (if checked, no item of this type can be issued. If not checked, every item of this type can be issued unless notforloan is set for a specific item)
223         
224       </li>
225       <li>
226           <label for="rentalcharge">Rental charge: </label>
227                   <input type="text" id="rentalcharge" name="rentalcharge" size="10" value="[% rentalcharge %]" />
228          </li>
229       <li>
230           <label for="checkinmsg">Checkin message: </label>
231           <textarea id="checkinmsg" name="checkinmsg" cols="55" rows="5">[% checkinmsg %]</textarea>
232       </li>
233       <li>
234           <label for="checkinmsgtype">Checkin message type: </label>
235           <select type="text" id="checkinmsgtype" name="checkinmsgtype">
236               [% IF ( checkinmsgtype == 'message' ) %]
237               <option value="message" selected="selected">Message</option>
238               [% ELSE %]
239                  <option value="message">Message</option>
240               [% END %]
241               [% IF ( checkinmsgtype == 'alert' ) %]
242               <option value="alert" selected="selected">Alert</option>
243               [% ELSE %]
244                   <option value="alert">Alert</option>
245               [% END %]
246           <select>
247       </li>
248       <li>
249           <label for="summary">Summary: </label>
250          <textarea id="summary" name="summary" cols="55" rows="5">[% summary %]</textarea>
251           <p>Enter a summary that will overwrite the default one in search results lists. Example, for a website itemtype : </p>
252           <p><b>&lt;a href="[856u]"&gt;open site&lt;/a&gt;</b> will show the link just below the title</p>
253       </li>
254           </ol>
255     </fieldset>
256
257     <fieldset class="action">
258       <input type="button" value="Save changes" onclick="Check(this.form)" />
259           <a href="/cgi-bin/koha/admin/itemtypes.pl" class="cancel">Cancel</a>
260     </fieldset>
261 </form>
262 [% END %]
263
264 [% IF ( delete_confirm ) %]
265 [% IF ( total ) %]<div class="dialog message">
266 <h3>Cannot delete item type</h3>
267 <p><strong>This record is used [% total %] times</strong>. Deletion is not possible.</p>
268 [% ELSE %]<div class="dialog alert">
269 <h3>Delete item type '[% itemtype %]'?</h3>
270 [% END %]
271 <table>
272                 <tr>
273                         <th scope="row">Item type</th>
274                         <td>[% itemtype %]</td>
275                 </tr>
276
277         <tr><th scope="row">Description</th><td>[% description %]</td></tr>
278         <tr><th scope="row">Loan length</th><td>[% loanlength %]</td></tr>
279 <tr><th scope="row">Rental charge</th><td>[% rentalcharge %]</td></tr></table>
280                 <form action="[% script_name %]" method="post">
281                 <input type="hidden" name="op" value="delete_confirmed" /><input type="hidden" name="itemtype" value="[% itemtype %]" />[% IF ( total ) %]
282                 </form>
283                 
284                 <form action="[% script_name %]" method="post"><input type="submit" class="approve" value="OK" /></form>
285         [% ELSE %]
286                 <input type="submit" class="approve" value="Delete this Item Type" /></form> <form action="[% script_name %]" method="post"><input type="submit" class="deny" value="Do Not Delete" /></form>
287         [% END %]
288 </div>
289         
290 [% END %]
291
292 [% IF ( else ) %]
293 <h2>Item types administration</h2>
294 [% IF ( loop ) %]
295 <table id="table_item_type">
296   <thead>
297     [% UNLESS ( noItemTypeImages ) %]<th>Image</th>[% END %]
298     <th>Code</th>
299     <th>Description</th>
300     <th>Not for loan</th>
301     <th>Charge</th>
302     <th>Checkin message</th>
303     <th>Actions</th>
304   </thead>
305   [% FOREACH loo IN loop %]
306     [% UNLESS ( loop.odd ) %]
307   <tr class="highlight">
308     [% ELSE %]
309   <tr>
310     [% END %]
311    [% UNLESS ( noItemTypeImages ) %] <td>[% IF ( loo.imageurl ) %]<img src="[% loo.imageurl %]" alt="" />[% ELSE %]&nbsp;[% END %]</td>[% END %]
312     <td>
313       <a href="[% loo.script_name %]?op=add_form&amp;itemtype=[% loo.itemtype |html %]">
314         [% loo.itemtype %]
315       </a>
316     </td>
317     <td>[% loo.description %]</td>
318     <td>[% IF ( loo.notforloan ) %]Yes[% ELSE %]&nbsp;[% END %]</td>
319     <td>
320     [% UNLESS ( loo.notforloan ) %]
321       [% loo.rentalcharge %]
322     [% END %]
323     </td>
324     <td>[% loo.checkinmsg | html_line_break %]</td>
325     <td>
326       <a href="[% loo.script_name %]?op=add_form&amp;itemtype=[% loo.itemtype |html %]">Edit</a>
327       <a href="[% loo.script_name %]?op=delete_confirm&amp;itemtype=[% loo.itemtype |html %]">Delete</a>
328     </td>
329   </tr>
330   [% END %]
331 </table>[% ELSE %]
332 <div class="dialog message">There are no itemtypes defined</div>
333 [% END %]
334
335 <div class="pages">[% pagination_bar %]</div>
336
337 [% END %]
338
339
340
341 </div>
342 </div>
343 <div class="yui-b">
344 [% INCLUDE 'admin-menu.inc' %]
345 </div>
346 </div>
347 [% INCLUDE 'intranet-bottom.inc' %]