Bug 9507: prevent submit: refactor some code in a js file
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / serials / serials-edit.tt
1 [% INCLUDE 'doc-head-open.inc' %]
2 <title>Koha &rsaquo; Serials &rsaquo; Serial edition [% bibliotitle %]</title>
3 [% INCLUDE 'doc-head-close.inc' %]
4 <script type="text/javascript" src="[% themelang %]/js/cataloging.js"></script>
5 <script type="text/javascript" src="[% themelang %]/js/prevent_submit.js"></script>
6 <script language="JavaScript" type="text/javascript">
7 //<![CDATA[
8 function generateReceive() {
9     var subscriptionid =  document.getElementsByName("subscriptionid")[0].value;
10     if(nbissues=prompt(_("How many issues do you want to receive ?"))){
11         document.location = 'serials-collection.pl?op=gennext&subscriptionid='+subscriptionid+'&nbissues='+nbissues;
12     }
13 }
14 function popup(subscriptionid) {
15         window.open("subscription-renew.pl?subscriptionid="+subscriptionid,"subscription_renewal",'width=700,height=400,toolbar=false,scrollbars=yes');
16 }
17
18 function barcode_check(){
19     [% IF ( count ) %]
20     var count = [% count %];
21     for(var i=1;i<=count;i++){
22
23         var barcodenum = "barcode"+i;
24         var statusnum = "status"+i;
25         var elembarcode = "document.getElementById('"+barcodenum+"')";
26         var elemstatus = "document.getElementById('"+statusnum+"')";
27 // alert(elembarcode+"\n"+eval(elembarcode+".value));
28 // alert(elemstatus+"\n"+eval(elemstatus+".value"));
29         if(eval(elembarcode+".value") =='' && eval(elemstatus+".value") == 2){
30             var answer = confirm("Leave barcode blank?\n - Note: unable to change this later");
31             if (answer){
32                 document.f.submit();
33             } else {
34                 return false;
35             }
36         }
37         if(eval(elembarcode+".value".indexOf('TEMP')) > 0 && eval(elemstatus+".value") == 2){
38             var answer = confirm("A barcode was not entered.\nDo you want to put in a barcode\nor do you want to use a system generated barcode?");
39             if (answer){
40                 document.f.submit();
41             } else {
42                 return false;
43             }
44         }
45     }
46     [% END %]
47 }
48 function unHideItems(index,labelindex, serialId) {
49         subfield = document.getElementById(index);
50         subfield.style.display = 'block';
51         label = document.getElementById(labelindex);
52         label.style.display='none';     
53
54     // Prefilling enumcron subfield with serial enumeration/issue number
55     // Getting item div
56     item_div = $("fieldset#" + index + " div.cataloguing_additem_itemlist div.items");
57     // Getting subfield with enumcron mapping
58     subfield_div = $(item_div).find("input[name='kohafield'][value='items.enumchron']").parent();
59     // Setting text field
60     $(subfield_div).children("input[type='text'][name='field_value']").val($("#serialseq" + serialId).val());
61
62 }
63 function HideItems(index,labelindex) {
64         subfield = document.getElementById(index);
65         subfield.style.display = 'none';
66         label = document.getElementById(labelindex);
67         label.style.display='block';    
68 }
69 function setStatus(serialid){
70     $("#status"+serialid).val("2").attr("selected","selected");
71 }
72 function changeDate(elem, adate) {
73     $(elem).closest('tr').find('#expecteddate').val(adate);
74 }
75 function changeDate2(adate) {
76    var elem = document.getElementById("supexpecteddate");
77     elem.value = adate;
78 }
79
80 $(document).ready(function() {
81         $("form#serials_edit").submit(function() {
82             var total_errors = 0;
83         $(".subfield_line:visible", this).each(function() {
84             if ($("*[name=field_value]", this).val().length == 0 &&
85                 $("*[name=mandatory]", this).val() == 1) {
86                 total_errors++;
87             }
88         });
89         if ( total_errors > 0 ) {
90             var mes  = _("Form not submitted because of the following problem(s)");
91             mes += "\n------------------------------------------------------------------------------------\n";
92             mes += "\n- "+ total_errors+_(" mandatory fields empty (see bold subfields)");
93             alert(mes);
94             return false;
95         }
96     });
97 });
98 //]]>
99 </script>
100 <style type="text/css">#serials_edit fieldset.rows label, #serials_edit fieldset.rows span.label {
101         font-size : 100%;
102         width : 25%;
103 }
104 #serials_edit fieldset.rows select { max-width : 15em; }
105 #serials_edit fieldset.rows li {
106         padding-bottom : 3px;
107 }
108 #serials_edit .input_marceditor {
109         width : auto;
110 }</style>
111 </head>
112 <body id="ser_serials-edit" class="ser">
113 [% INCLUDE 'header.inc' %]
114 [% INCLUDE 'serials-search.inc' %]
115
116 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/serials/serials-home.pl">Serials</a> &rsaquo; Serial edition <i>[% bibliotitle %] [% IF ( callnumber ) %]([% callnumber %])[% END %]</i></div>
117
118 <div id="doc3" class="yui-t2">
119    
120    <div id="bd">
121         <div id="yui-main">
122         <div class="yui-b">
123
124 <h1>Serial edition <i>[% bibliotitle %]</i>
125         [% IF location %] ( [% location %] ) [% END %]
126     [% IF ( callnumber ) %] callnumber: [% callnumber %][% END %]</h1>
127 [% IF internalnotes %]<p>Nonpublic note: [% internalnotes %]</p>[% END %]
128 <form method="post" name="f" action="serials-edit.pl" id="serials_edit">
129 <!--onsubmit="return barcode_check()">-->
130
131 [% IF ( Errors ) %]
132 <div class="dialog alert">
133 <ul>
134 [% IF ( barcode_not_unique ) %]<li>Error: Barcode not unique for [% FOREACH errse IN errseq %]serialseq [% errse.serialseq %]<br/>[% END %]</li>[% END %]
135 </ul>
136 </div>
137 [% END %]
138
139     <input type="hidden" name="op" value="serialchangestatus" />
140     [% FOREACH subscription IN subscriptions %]
141     <input type="hidden" name="subscriptionid" value="[% subscription.subscriptionid %]" />
142     [% END %]
143         <table>
144         <tr>
145                 <th>Numbered</th>
146                 <th>Published on</th>
147                 <th>Expected on</th>
148                 <th>Status</th>
149                 <th>Notes</th>
150         </tr>
151 [% FOREACH serialslis IN serialslist %]
152     [% UNLESS ( loop.odd ) %]
153     <tr class="highlight">
154     [% ELSE %]
155     <tr>
156     [% END %]
157         <td>
158             <input type="hidden" name="serialid" value="[% serialslis.serialid %]" />
159             <input type="hidden" name="biblionumber" value="[% serialslis.biblionumber %]" />
160             <input type="hidden" name="itemcount" value="[% serialslis.issuesatonce %]" />
161             <input type="hidden" name="user" value="[% serialslis.librarian %]" />
162             Issue <input type="text" name="serialseq" id="serialseq[% serialslis.serialid %]" value="[% serialslis.serialseq %]" size="20" maxlength="100" />
163         </td>
164         <td>
165             <input type="text" name="publisheddate" value="[% serialslis.publisheddate %]" size="10" maxlength="15" />
166         </td>
167         <td>
168             <input type="text" id="expecteddate" name="planneddate" value="[% serialslis.planneddate %]" size="10" maxlength="15" />
169         </td>
170         <td>
171             [% IF ( serialslis.editdisable ) %]
172               <input type="hidden" name="status" id="status[% serialslis.serialid %]" value="1">
173               <select name="status" size="1"  disabled="disabled">
174             [% ELSE %]
175               [% IF ( serialslis.serialsadditems ) %]
176               <select name="status" size="1" id="status[% serialslis.serialid %]" onchange="if (this.value==2){unHideItems('items'+[% serialslis.subscriptionid %][% serialslis.serialid %],'label[% serialslis.subscriptionid %][% serialslis.serialid %]','[% serialslis.serialid %]'); changeDate(this, '[% serialslis.arriveddate %]')} else if (this.value==7){changeDate(this, '[% serialslis.arriveddate %]')} else { HideItems('items'+[% serialslis.subscriptionid %]+[% serialslis.serialid %],'label[% serialslis.subscriptionid %][% serialslis.serialid %]'); changeDate(this, '[% serialslis.planneddate %]')}" >
177                [% ELSE %]
178               <select name="status" size="1" id="status[% serialslis.serialid %]" onchange="if (this.value==2 || this.value==7){changeDate(this, '[% serialslis.arriveddate %]')} else {changeDate(this, '[% serialslis.planneddate %]')}" >
179                [% END %] 
180             [% END %]
181   [% IF ( serialslis.status1 ) %]
182                     <option value="1" selected="selected">Expected</option>
183   [% END %]
184   [% IF ( serialslis.status2 ) %]
185                     <option value="2" selected="selected">Arrived</option>
186   [% ELSE %]
187                     <option value="2">Arrived</option>
188   [% END %]
189   [% IF ( serialslis.status3 ) %]
190                     <option value="3" selected="selected">Late</option>
191   [% ELSE %]
192                     <option value="3">Late</option>
193   [% END %]
194   [% IF ( serialslis.status4 ) %]
195                     <option value="4" selected="selected">Missing</option>
196   [% ELSE %]
197                     <option value="4">Missing</option>
198   [% END %]
199   [% IF ( serialslis.status7 ) %]
200                     <option value="7" selected="selected">Claimed</option>
201   [% ELSE %]
202                     <option value="7">Claimed</option>
203   [% END %]
204   [% IF ( serialslis.status5 ) %]
205                     <option value="5" selected="selected">Not available</option>
206   [% ELSE %]
207                     <option value="5">Not available</option>
208   [% END %]
209   [% IF ( serialslis.status6 ) %]
210                     <option value="6" selected="selected">Delete</option>
211   [% ELSE %]
212                     <option value="6">Delete</option>
213   [% END %]
214             </select>
215
216         </td>
217         <td>
218             <input type="text" name="notes" value="[% serialslis.sernotes %]" size="20" maxlength="255" />
219         </td>
220     </tr>
221   [% UNLESS ( serialslis.subscriptionexpired ) %]
222   [% IF ( serialslis.serialsadditems ) %]
223           <tr>
224           <td colspan="5">
225       <a id="label[% serialslis.subscriptionid %][% serialslis.serialid %]" style="color: grey; font-size: 80%; cursor: pointer;"  onclick="unHideItems('items[% serialslis.subscriptionid %][% serialslis.serialid %]','label[% serialslis.subscriptionid %][% serialslis.serialid %]',  '[% serialslis.serialid %]');setStatus([% serialslis.serialid %]);">
226              Click to add item</a>
227         <fieldset class="rows" style="display:none;" id="items[% serialslis.subscriptionid %][% serialslis.serialid %]">
228         <legend><a style="cursor: pointer;"  onclick="HideItems('items[% serialslis.subscriptionid %][% serialslis.serialid %]','label[% serialslis.subscriptionid %][% serialslis.serialid %]')">
229                 Item</a>
230         </legend>
231           <div class="cataloguing_additem_itemlist">
232         [% FOREACH item IN serialslis.items %]
233         <div id="item[% item.serialid %][% item.countitems %]" class="items">
234         <ol>[% FOREACH iteminformatio IN item.iteminformation %]<li>
235                <div class="subfield_line" style="[% iteminformatio.hidden %]" id="subfield[% item.serialid %][% item.countitems %][% iteminformatio.subfield %][% iteminformatio.random %]">
236                               
237                 <label>[% iteminformatio.subfield %] - [% IF ( iteminformatio.mandatory ) %]<b>[% END %][% iteminformatio.marc_lib %][% IF ( iteminformatio.mandatory ) %] *</b>[% END %]</label>
238                 [% iteminformatio.marc_value %]
239                 <input type="hidden" name="itemid" value="[% item.itemid %]" />
240                 <input type="hidden" name="kohafield" value="[% iteminformatio.kohafield %]" />
241                 <input type="hidden" name="tag" value="[% iteminformatio.tag %]" />
242                 <input type="hidden" name="subfield" value="[% iteminformatio.subfield %]" />
243                 <input type="hidden" name="mandatory" value="[% iteminformatio.mandatory %]" />
244                 [% IF ( iteminformatio.repeatable ) %]
245                     <a href="#" class="buttonPlus" onclick="CloneItemSubfield(this.parentNode); return false;">
246                         <img src="/intranet-tmpl/prog/img/clone-subfield.png" alt="Clone" title="Clone this subfield" />
247                     </a>
248                 [% END %]
249         
250             </div></li>
251         [% END %]</ol></div><!-- /iteminformation -->
252         
253         <input type="hidden" name="moditem" value="" /> 
254         <input type="hidden" name="tag" value="[% item.itemtagfield %]" />
255         <input type="hidden" name="subfield" value="[% item.itemtagsubfield %]" />
256         <input type="hidden" name="serial" value="[% item.serialid %]" />
257         <input type="hidden" name="bibnum" value="[% item.biblionumber %]" />
258         <input type="hidden" name="itemid" value="[% item.itemid %]" />
259         <input type="hidden" name="field_value" value="[% item.itemnumber %]" />
260         [% END %] <!-- /items -->
261         </div>
262         </fieldset>
263     </td>
264     </tr>
265   [% END %]
266   [% END %]
267 [% END %]
268 [% FOREACH newserialloo IN newserialloop %]
269     [% UNLESS ( newserialloo.subscriptionexpired ) %]
270     <tr>
271         <td>
272             <input type="hidden" name="serialid" value="NEW" />
273             <input type="hidden" name="biblionumber" value="[% newserialloo.biblionumber %]" />
274             <input type="hidden" name="itemcount" value="[% newserialloo.issuesatonce %]" />
275             <input type="hidden" name="user" value="[% newserialloo.librarian %]" />
276             Supplemental issue <input type="text" name="serialseq" id="serialseq[% newserialloo.serialid %]" value="" size="20" maxlength="100" onchange="if (this.value!=''){unHideItems('items[% newserialloo.subscriptionid %][% newserialloo.serialid %]','label[% newserialloo.subscriptionid %][% newserialloo.serialid %]', '[% newserialloo.serialid %]')} else {HideItems('items[% newserialloo.subscriptionid %][% newserialloo.serialid %]','label[% newserialloo.subscriptionid %][% newserialloo.serialid %]')}" />
277         </td>
278         <td>
279             <input type="text" name="publisheddate" value="[% newserialloo.publisheddate %]" size="10" maxlength="15" />
280         </td>
281         <td>
282             <input type="text" name="planneddate" id="supexpecteddate" value="[% newserialloo.planneddate %]" size="10" maxlength="15" />
283         </td>
284         <td>
285             <select name="status" size="1" id="addstatus[% newserialloo.serialid %]" onchange="if (this.value==2){unHideItems('items'+'[% newserialloo.subscriptionid %][% newserialloo.serialid %]','label[% newserialloo.subscriptionid %][% newserialloo.serialid %]','[% newserialloo.serialid %]'); changeDate2('[% newserialloo.arriveddate %]')} else if (this.value==7){changeDate('[% newserialloo.arriveddate %]')} else { HideItems('items'+'[% newserialloo.subscriptionid %]'+[% newserialloo.serialid %],'label[% serialslis.subscriptionid %][% serialslis.serialid %]'); changeDate2('[% serialslis.planneddate %]')}" >
286
287                     <option value="">----</option>
288   [% IF ( newserialloo.status1 ) %]
289                     <option value="1" selected="selected">Expected</option>
290   [% END %]
291   [% IF ( newserialloo.status2 ) %]
292                     <option value="2" selected="selected">Arrived</option>
293   [% ELSE %]
294                     <option value="2">Arrived</option>
295   [% END %]
296   [% IF ( newserialloo.status3 ) %]
297                     <option value="3" selected="selected">Late</option>
298   [% ELSE %]
299                     <option value="3">Late</option>
300   [% END %]
301   [% IF ( newserialloo.status4 ) %]
302                     <option value="4" selected="selected">Missing</option>
303   [% ELSE %]
304                     <option value="4">Missing</option>
305   [% END %]
306   [% IF ( newserialloo.status7 ) %]
307                     <option value="7" selected="selected">Claimed</option>
308   [% ELSE %]
309                     <option value="7">Claimed</option>
310   [% END %]
311   [% IF ( newserialloo.status5 ) %]
312                     <option value="5" selected="selected">Not available</option>
313   [% ELSE %]
314                     <option value="5">Not available</option>
315   [% END %]
316   [% IF ( newserialloo.status6 ) %]
317                     <option value="6" selected="selected">Delete</option>
318   [% ELSE %]
319                     <option value="6">Delete</option>
320   [% END %]
321             </select>
322
323         </td>
324         <td>
325             <input type="text" name="notes" value="" size="20" maxlength="255" />
326         </td>
327     </tr>
328   [% IF ( newserialloo.serialsadditems ) %]
329           <tr>
330           <td colspan="5">
331       <a id="label[% newserialloo.subscriptionid %][% newserialloo.serialid %]" style="color: grey; font-size: 80%; cursor: pointer;"  onclick="unHideItems('items[% newserialloo.subscriptionid %][% newserialloo.serialid %]','label[% newserialloo.subscriptionid %][% newserialloo.serialid %]', '[% newserialloo.serialid %]')">
332              Click to add item</a>
333         <fieldset  class="rows" style="display:none;" id="items[% newserialloo.subscriptionid %][% newserialloo.serialid %]">
334         <legend><a style="cursor: pointer;"  onclick="HideItems('items[% newserialloo.subscriptionid %][% newserialloo.serialid %]','label[% newserialloo.subscriptionid %][% newserialloo.serialid %]')">
335                 Item</a>
336         </legend>
337           <div class="cataloguing_additem_itemlist">
338         <div id="item[% newserialloo.serialid %][% newserialloo.countitems %]" class="items">
339         <ol>[% FOREACH iteminformatio IN newserialloo.iteminformation %]<li>
340                <div class="subfield_line" style="[% iteminformatio.hidden %]" id="subfield[% newserialloo.serialid %][% newserialloo.countitems %][% iteminformatio.subfield %][% iteminformatio.random %]">
341    
342                 <label>[% iteminformatio.subfield %] - [% IF ( iteminformatio.mandatory ) %]<b>[% END %][% iteminformatio.marc_lib %][% IF ( iteminformatio.mandatory ) %] *</b>[% END %]</label>
343                 [% iteminformatio.marc_value %]
344                 <input type="hidden" name="itemid" value="[% newserialloo.itemid %]" />
345                 <input type="hidden" name="kohafield" value="[% iteminformatio.kohafield %]" />
346                 <input type="hidden" name="tag" value="[% iteminformatio.tag %]" />
347                 <input type="hidden" name="subfield" value="[% iteminformatio.subfield %]" />
348                 <input type="hidden" name="mandatory" value="[% iteminformatio.mandatory %]" />
349                 [% IF ( iteminformatio.repeatable ) %]
350                     <a href="#" class="buttonPlus" onclick="CloneItemSubfield(this.parentNode); return false;">
351                         <img src="/intranet-tmpl/prog/img/clone-subfield.png" alt="Clone" title="Clone this subfield" />
352                     </a>
353                 [% END %]
354         </div>
355        </li>[% END %]</ol>
356         
357         <input type="hidden" name="moditem" value="" /> 
358         <input type="hidden" name="tag" value="[% newserialloo.itemtagfield %]" />
359         <input type="hidden" name="subfield" value="[% newserialloo.itemtagsubfield %]" />
360         <input type="hidden" name="serial" value="[% newserialloo.serialid %]" />
361         <input type="hidden" name="bibnum" value="[% newserialloo.biblionumber %]" />
362         <input type="hidden" name="itemid" value="[% newserialloo.itemid %]" />
363         <input type="hidden" name="field_value" value="[% newserialloo.itemnumber %]" />
364         </div>
365         </div>
366         </fieldset>
367     </td>
368     </tr>
369   [% END %]
370   [% END %]
371 [% END %]
372
373 </table>
374     <fieldset class="action">
375        <input type="submit" value="Save"  class="button" accesskey="w" />
376        [% UNLESS ( serialsadditems ) %]&nbsp;&nbsp;<input type="button" onclick="javascript:generateReceive()" value="Multi receiving">[% END %]
377     </fieldset>
378 </form>
379
380 </div>
381 </div>
382
383 <div class="yui-b">
384 [% INCLUDE 'serials-menu.inc' %]
385 <ul>
386     [% FOREACH subscription IN subscriptions %]
387         <li><a href="serials-collection.pl?subscriptionid=[% subscription.subscriptionid %]" title="serial collection for [% subscription.bibliotitle %]">Serial collection #[% subscription.subscriptionid %]</a></li>
388         <li><a href="subscription-detail.pl?subscriptionid=[% subscription.subscriptionid %]" title="detail of the subscription">Subscription #[% subscription.subscriptionid %]</a></li>
389         [% IF ( subscription.abouttoexpire ) %]
390             <li><a href="#" onclick="javascript:popup([% subscription.subscriptionid %])">Renew #[% subscription.subscriptionid %]</a></li>
391         [% END %]
392     [% END %]
393     <li><a href="/cgi-bin/koha/catalogue/[% default_bib_view %].pl?biblionumber=[% biblionumber %]" title="go to [% bibliotitle %]">Show biblio</a></li></ul>
394 </div>
395 </div>
396 [% INCLUDE 'intranet-bottom.inc' %]