(MT #1654) followup : Adding jquery.tablesorter and jquery.tablesorter.pager support...
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / admin / itemtypes.tmpl
1 <!-- TMPL_INCLUDE NAME="doc-head-open.inc" -->
2 <title>Koha &rsaquo; Administration &rsaquo; Item Types <!-- TMPL_IF name="add_form" -->&rsaquo; 
3   <!-- TMPL_IF name="itemtype" -->
4 Modify Item Type '<!-- TMPL_VAR name="itemtype" -->'
5   <!-- TMPL_ELSE -->
6 Add Item Type
7   <!-- /TMPL_IF -->
8 <!-- /TMPL_IF -->
9 <!-- TMPL_IF name="delete_confirm" -->&rsaquo; 
10   <!-- TMPL_IF name="total" -->
11 Cannot Delete Item Type '<!-- TMPL_VAR name="itemtype" -->'
12   <!-- TMPL_ELSE -->
13 Delete Item Type '<!-- TMPL_VAR name="itemtype" -->'?
14   <!-- /TMPL_IF -->
15 <!-- /TMPL_IF -->
16 <!-- TMPL_IF name="delete_confirmed" -->&rsaquo; 
17 Data Deleted
18 <!-- /TMPL_IF -->
19 </title>
20 <!-- TMPL_INCLUDE NAME="doc-head-close.inc" -->
21 <script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/jquery/plugins/jquery.tablesorter.min.js"></script>
22 <script type="text/javascript" src="<!-- TMPL_VAR name="themelang" -->/lib/jquery/plugins/jquery.tablesorter.pager.js"></script>
23 <script type="text/javascript" id="js">$(document).ready(function() {
24         // call the tablesorter plugin
25         $("#table_item_type").tablesorter({
26                 sortList: [[1,0]],
27                 headers: { 0: { sorter: false}}
28                                 }).tablesorterPager({container: $("#pagertable_item_type"),positionFixed: false,size: 20});
29         
30 }); </script>
31 <script type="text/javascript">
32 //<![CDATA[
33
34 function isNotNull(f,noalert) {
35         if (f.value.length ==0) {
36                 return false;
37         }
38         return true;
39 }
40
41 function toUC(f) {
42         var x=f.value.toUpperCase();
43         f.value=x;
44         return true;
45 }
46
47 function isNum(v,maybenull) {
48 var n = new Number(v.value);
49 if (isNaN(n)) {
50         return false;
51         }
52 if (maybenull==0 && v.value=='') {
53         return false;
54 }
55 return true;
56 }
57
58 function isDate(f) {
59         var t = Date.parse(f.value);
60         if (isNaN(t)) {
61                 return false;
62         }
63 }
64
65 function Check(f) {
66         var ok=1;
67         var _alertString="";
68         var alertString2;
69         if (f.itemtype.value.length==0) {
70                 _alertString += "\n- " + _("Itemtype missing");
71         }
72         if (!(isNotNull(window.document.Aform.description,1))) {
73                 _alertString += "\n- " + _("Description missing");
74         }
75         if ((!isNum(f.rentalcharge,0)) && f.rentalcharge.value.length > 0) {
76                 _alertString += "\n- " + _("Rental charge is not a number");
77         }
78         if (_alertString.length==0) {
79                 document.Aform.submit();
80         } else {
81                 alertString2  = _("Form not submitted because of the following problem(s)");
82                 alertString2 += "\n------------------------------------------------------------------------------------\n";
83                 alertString2 += _alertString;
84                 alert(alertString2);
85         }
86 }
87      $(document).ready(function() {
88         $('#icons > ul').tabs();
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 : transparent; }
95         fieldset.rows .ui-tabs-panel { margin-right : 10px; margin-left : 10px;margin-bottom:10px;}
96 </style>
97 </head>
98 <body>
99 <!-- TMPL_INCLUDE NAME="header.inc" -->
100 <!-- TMPL_INCLUDE NAME="cat-search.inc" -->
101
102 <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; <!-- TMPL_IF name="add_form" -->
103   <!-- TMPL_IF name="itemtype" -->
104 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item Types</a> &rsaquo; Modify Item Type '<!-- TMPL_VAR name="itemtype" -->'
105   <!-- TMPL_ELSE -->
106 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item Types</a> &rsaquo; Add Item Type
107   <!-- /TMPL_IF -->
108 <!-- /TMPL_IF -->
109 <!-- TMPL_IF name="delete_confirm" -->
110   <!-- TMPL_IF name="total" -->
111 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item Types</a> &rsaquo; Cannot Delete Item Type '<!-- TMPL_VAR name="itemtype" -->'
112   <!-- TMPL_ELSE -->
113 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item Types</a> &rsaquo; Delete Item Type '<!-- TMPL_VAR name="itemtype" -->'?
114   <!-- /TMPL_IF -->
115 <!-- /TMPL_IF -->
116 <!-- TMPL_IF name="delete_confirmed" -->
117 <a href="/cgi-bin/koha/admin/itemtypes.pl">Item Types</a> &rsaquo;Data Deleted
118 <!-- /TMPL_IF -->
119 <!-- TMPL_IF name="else" -->
120 Item Types Administration
121 <!-- /TMPL_IF --></div>
122
123 <div id="doc3" class="yui-t2">
124    
125    <div id="bd">
126         <div id="yui-main">
127         <div class="yui-b">
128         
129 <!-- TMPL_IF NAME="else" --><div id="toolbar">
130         <script type="text/javascript">
131         //<![CDATA[
132
133         // prepare DOM for YUI Toolbar
134
135          $(document).ready(function() {
136             yuiToolbar();
137          });
138
139         // YUI Toolbar Functions
140
141         function yuiToolbar() {
142             new YAHOO.widget.Button("newitemtype");
143         }
144
145         //]]>
146         </script>
147         <ul class="toolbar">
148         <li><a id="newitemtype" href="/cgi-bin/koha/admin/itemtypes.pl?op=add_form">New Item Type</a></li>
149 </ul></div><!-- TMPL_ELSE -->&nbsp;<!-- /TMPL_IF -->
150
151 <!-- TMPL_IF name="add_form" -->
152   <!-- TMPL_IF name="itemtype" -->
153       <h3>Modify Item Type</h3>
154   <!-- TMPL_ELSE -->
155       <h3>Add Item Type</h3>
156   <!-- /TMPL_IF -->
157 <form action="<!-- TMPL_VAR name="script_name" -->" name="Aform" method="post">
158   <input type="hidden" name="op" value="add_validate" />
159     <input type="hidden" name="checked" value="0" />
160                 
161     <fieldset class="rows">
162         <ol>
163   <!-- TMPL_IF name="itemtype" -->
164       <li>
165           <span class="label">Item type</span> <input type="hidden" name="itemtype" value="<!-- TMPL_VAR name="itemtype" -->" />
166           <!-- TMPL_VAR name="itemtype" -->
167      </li>
168   <!-- TMPL_ELSE -->
169       <li>
170           <label for="itemtype">Item type</label> <input type="text" id="itemtype" name="itemtype" size="10" maxlength="10" onblur="toUC(this)" />
171       </li>
172   <!-- /TMPL_IF -->
173       <li>
174           <label for="description">Description</label><input type="text" id="description" name="description" size="48" maxlength="80" value="<!-- TMPL_VAR name="description" escape="HTML" -->" />      </li>
175      <!-- TMPL_IF NAME="noItemTypeImages" -->
176          <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&searchfield=noItemTypeImages">noItemTypeImages system preference</a></li></ol>
177          <!-- TMPL_ELSE --></ol>
178                 <div id="icons" class="toptabs">
179                 <h5 style="margin-left:10px;">Choose an Icon:</h5>
180                         <ul>
181                                         <li><a href="/cgi-bin/koha/admin/itemtypes.pl#none">None</a></li>
182                                   <!-- TMPL_LOOP NAME="imagesets" -->
183             <!-- TMPL_IF NAME="imagesetactive" --><li class="ui-tabs-selected"><!-- TMPL_ELSE --><li><!-- /TMPL_IF --><a href="/cgi-bin/koha/admin/itemtypes.pl#<!-- TMPL_VAR NAME="imagesetname" -->"><!-- TMPL_VAR name="imagesetname" --></a></li>
184                                   <!-- /TMPL_LOOP -->
185                                   <!-- TMPL_IF NAME="remote_image" --><li class="ui-tabs-selected"><!-- TMPL_ELSE --><li><!-- /TMPL_IF --><a href="/cgi-bin/koha/admin/itemtypes.pl#remote">Remote Image</a></li>
186                         </ul>
187                 </div>
188   <div id="none"><ul>
189   <li><label for="noimage">No image: </label><input type="radio" name="image" id="noimage" value="removeImage" /></li>
190   </ul>
191   <br class="clear" /></div>
192         
193   <!-- TMPL_LOOP NAME="imagesets" -->
194   <div id="<!-- TMPL_VAR NAME="imagesetname" -->"><ul>
195   <!-- TMPL_LOOP NAME="images" -->
196                         <li style="float: none; display: inline; clear : none; width: auto;">
197             <label> <!-- TMPL_IF NAME="StaffImageUrl" -->
198               <img src="<!-- TMPL_VAR name="StaffImageUrl" -->" alt="<!-- TMPL_VAR name="StaffImageUrl" -->" title="<!-- TMPL_VAR name="StaffImageUrl" -->" />
199         <!-- TMPL_ELSE -->
200         <!-- /TMPL_IF -->
201     <!-- TMPL_IF name="checked" -->
202               <input type="radio" name="image" value="<!-- TMPL_VAR name="KohaImage" -->" checked="checked" />
203     <!-- TMPL_ELSE -->
204               <!-- TMPL_IF NAME="KohaImage" --> <!-- to delete the radio button if there is no image after -->
205               <input type="radio" name="image" value="<!-- TMPL_VAR name="KohaImage" -->" />
206               <!-- /TMPL_IF -->
207     <!-- /TMPL_IF -->
208             </label>
209                         </li>
210   <!-- /TMPL_LOOP -->
211   </ul>
212   <br class="clear" />
213   </div>
214   <!-- /TMPL_LOOP -->
215 <div id="remote"><ul>
216 <li> <label for="remote_image_check"> Remote image:</label>
217   <!-- TMPL_IF name="remote_image" -->
218             <input type="radio" id="remote_image_check" name="image" value="remoteImage" checked="checked" />
219   <!-- TMPL_ELSE -->
220             <input type="radio" id="remote_image_check" name="image" value="remoteImage" />
221   <!-- /TMPL_IF --><input type="text" name="remoteImage" size="48" maxlength="200" value="<!-- TMPL_VAR name="remote_image" -->" onmousedown="document.getElementById('remote_image_check').checked = true;" /> <!-- TMPL_IF name="remote_image" -->
222             <img src="<!-- TMPL_VAR name="remote_image" -->" alt="" />
223   <!-- /TMPL_IF --></li>
224 </ul>
225   <br class="clear" />
226 </div>
227 <!-- /TMPL_IF -->
228 <ol>
229       <li>
230           <label for="notforloan">Not for loan</label>   <!-- TMPL_IF name="notforloan" -->
231                 <input type="checkbox" id="notforloan" name="notforloan" checked="checked" value="1" />
232             <!-- TMPL_ELSE -->
233                 <input type="checkbox" id="notforloan" name="notforloan" value="1" />
234             <!-- /TMPL_IF -->
235           (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)
236         
237       </li>
238       <li>
239           <label for="rentalcharge">Rental charge: </label>
240                   <input type="text" id="rentalcharge" name="rentalcharge" size="10" value="<!-- TMPL_VAR name="rentalcharge" -->" />
241          </li>
242       <li>
243           <label for="summary">Summary: </label>
244          <textarea id="summary" name="summary" cols="55" rows="5"><!-- TMPL_VAR NAME="summary" --></textarea>
245           <p>Enter a summary that will overwrite the default one in search results lists. Example, for a website itemtype : </p>
246           <p><b>&lt;a href="[856u]"&gt;open site&lt;/a&gt;</b> will show the link just below the title</p>
247       </li>
248           </ol>
249     </fieldset>
250
251     <fieldset class="action">
252       <input type="button" value="Save Changes" onclick="Check(this.form)" />
253           <a href="/cgi-bin/koha/admin/itemtypes.pl" class="cancel">Cancel</a>
254     </fieldset>
255 </form>
256 <!-- /TMPL_IF -->
257
258 <!-- TMPL_IF name="delete_confirm" -->
259 <!-- TMPL_IF name="total" --><div class="dialog message">
260 <h3>Cannot Delete Item Type</h3>
261 <p><strong>This record is used <!-- TMPL_VAR name="total" --> times</strong>. Deletion is not possible.</p>
262 <!-- TMPL_ELSE --><div class="dialog alert">
263 <h3>Delete Item Type '<!-- TMPL_VAR name="itemtype" -->'?</h3>
264 <!-- /TMPL_IF -->
265 <table>
266                 <tr>
267                         <th scope="row">Item type</th>
268                         <td><!-- TMPL_VAR name="itemtype" --></td>
269                 </tr>
270
271         <tr><th scope="row">Description</th><td><!-- TMPL_VAR name="description" --></td></tr>
272         <tr><th scope="row">Loan length</th><td><!-- TMPL_VAR name="loanlength" --></td></tr>
273 <tr><th scope="row">Rental charge</th><td><!-- TMPL_VAR name="rentalcharge" --></td></tr></table>
274                 <form action="<!-- TMPL_VAR name="script_name" -->" method="post">
275                 <input type="hidden" name="op" value="delete_confirmed" /><input type="hidden" name="itemtype" value="<!-- TMPL_VAR name="itemtype" -->" /><!-- TMPL_IF name="total" -->
276                 </form>
277                 
278                 <form action="<!-- TMPL_VAR name="script_name" -->" method="post"><input type="submit" class="approve" value="OK" /></form>
279         <!-- TMPL_ELSE -->
280                 <input type="submit" class="approve" value="Delete this Item Type" /></form> <form action="<!-- TMPL_VAR name="script_name" -->" method="post"><input type="submit" class="deny" value="Do Not Delete" /></form>
281         <!-- /TMPL_IF -->
282 </div>
283         
284 <!-- /TMPL_IF -->
285
286 <!-- TMPL_IF name="else" -->
287 <h2>Item Types Administration</h2>
288 <span id="pagertable_item_type" class="pager">
289         <form class="formpager">&nbsp;<strong>page(s)</strong>&nbsp;:
290                 <img src="<!-- TMPL_VAR name="interface" -->/prog/img/first.png" class="first"/>
291                 <img src="<!-- TMPL_VAR name="interface" -->/prog/img/prev.png" class="prev"/>
292                 <input type="text" size="5" class="pagedisplay"/>
293                 <img src="<!-- TMPL_VAR name="interface" -->/prog/img/next.png" class="next"/>
294                 <img src="<!-- TMPL_VAR name="interface" -->/prog/img/last.png" class="last"/>
295                 , entries/page : 
296                 <select class="pagesize">
297                 <option value="10">10</option>
298                         <option selected="selected" value="20">20</option>
299                         <option value="30">30</option>
300                         <option value="40">40</option>
301                         <option value="50">50</option>
302                         <option value="100">100</option>
303                 </select>
304         </form>
305 </span>
306 <table id="table_item_type">
307   <thead>
308     <!-- TMPL_UNLESS NAME="noItemTypeImages" --><th>Image</th><!-- /TMPL_UNLESS -->
309     <th>Code</th>
310     <th>Description</th>
311     <th>Not for loan</th>
312     <th>Charge</th>
313     <th>Actions</th>
314   </thead>
315   <!-- TMPL_LOOP name="loop" -->
316     <!-- TMPL_UNLESS name="__odd__" -->
317   <tr class="highlight">
318     <!-- TMPL_ELSE -->
319   <tr>
320     <!-- /TMPL_IF -->
321    <!-- TMPL_UNLESS NAME="noItemTypeImages" --> <td><!-- TMPL_IF NAME="imageurl" --><img src="<!-- TMPL_VAR name="imageurl" -->" alt="" /><!-- TMPL_ELSE -->&nbsp;<!-- /TMPL_IF --></td><!-- /TMPL_UNLESS -->
322     <td>
323       <a href="<!-- TMPL_VAR name="script_name" -->?op=add_form&amp;itemtype=<!-- TMPL_VAR name="itemtype" escape="HTML" -->">
324         <!-- TMPL_VAR name="itemtype" -->
325       </a>
326     </td>
327     <td><!-- TMPL_VAR name="description" --></td>
328     <td><!-- TMPL_IF NAME="notforloan" -->Yes<!-- TMPL_ELSE -->&nbsp;<!-- /TMPL_IF --></td>
329     <td>
330     <!-- TMPL_UNLESS name="notforloan" -->
331       <!-- TMPL_VAR NAME="rentalcharge" -->
332     <!-- /TMPL_UNLESS -->
333     </td>
334     <td>
335       <a href="<!-- TMPL_VAR name="script_name" -->?op=add_form&amp;itemtype=<!-- TMPL_VAR name="itemtype" escape="HTML" -->">Edit</a>
336       <a href="<!-- TMPL_VAR name="script_name" -->?op=delete_confirm&amp;itemtype=<!-- TMPL_VAR name="itemtype" escape="HTML" -->">Delete</a>
337     </td>
338   </tr>
339   <!-- /TMPL_LOOP -->
340 </table>
341
342 <div class="paginationBar"><!-- TMPL_VAR NAME="pagination_bar" --></div>
343
344 <!-- /TMPL_IF -->
345
346
347
348 </div>
349 </div>
350 <div class="yui-b">
351 <!-- TMPL_INCLUDE NAME="admin-menu.inc" -->
352 </div>
353 </div>
354 <!-- TMPL_INCLUDE NAME="intranet-bottom.inc" -->