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