Bug 23475: Use localStorage to preserve simple search values
[koha.git] / koha-tmpl / intranet-tmpl / prog / js / staff-global.js
1 /* global shortcut delCookie delBasket Sticky */
2 /* exported paramOfUrl addBibToContext delBibToContext */
3 if ( KOHA === undefined ) var KOHA = {};
4
5 function _(s) { return s; } // dummy function for gettext
6
7 // http://stackoverflow.com/questions/1038746/equivalent-of-string-format-in-jquery/5341855#5341855
8 String.prototype.format = function() { return formatstr(this, arguments); };
9 function formatstr(str, col) {
10     col = typeof col === 'object' ? col : Array.prototype.slice.call(arguments, 1);
11     var idx = 0;
12     return str.replace(/%%|%s|%(\d+)\$s/g, function (m, n) {
13         if (m == "%%") { return "%"; }
14         if (m == "%s") { return col[idx++]; }
15         return col[n];
16     });
17 }
18
19 var HtmlCharsToEscape = {
20     '&': '&',
21     '<': '&lt;',
22     '>': '&gt;'
23 };
24 String.prototype.escapeHtml = function() {
25     return this.replace(/[&<>]/g, function(c) {
26         return HtmlCharsToEscape[c] || c;
27     });
28 };
29
30 /*
31  * Void method for numbers, for consistency
32  */
33 Number.prototype.escapeHtml = function() {
34     return this;
35 };
36
37 // http://stackoverflow.com/questions/14859281/select-tab-by-name-in-jquery-ui-1-10-0/16550804#16550804
38 $.fn.tabIndex = function () {
39     return $(this).parent().children('div').index(this);
40 };
41 $.fn.selectTabByID = function (tabID) {
42     $(this).tabs("option", "active", $( tabID ).tabIndex());
43 };
44
45  $(document).ready(function() {
46     $('#header_search').tabs().on( "tabsactivate", function(e, ui) { $(this).find("div:visible").find('input').eq(0).focus(); });
47
48     $(".close").click(function(){ window.close(); });
49
50     $("#checkin_search form").preventDoubleFormSubmit();
51
52     if($("#header_search #checkin_search").length > 0){ shortcut.add('Alt+r',function (){ $("#header_search").selectTabByID("#checkin_search"); $("#ret_barcode").focus(); }); } else { shortcut.add('Alt+r',function (){ location.href="/cgi-bin/koha/circ/returns.pl"; }); }
53     if($("#header_search #circ_search").length > 0){ shortcut.add('Alt+u',function (){ $("#header_search").selectTabByID("#circ_search"); $("#findborrower").focus(); }); } else { shortcut.add('Alt+u',function(){ location.href="/cgi-bin/koha/circ/circulation.pl"; }); }
54     if($("#header_search #catalog_search").length > 0){ shortcut.add('Alt+q',function (){ $("#header_search").selectTabByID("#catalog_search"); $("#search-form").focus(); }); } else { shortcut.add('Alt+q',function(){ location.href="/cgi-bin/koha/catalogue/search.pl"; }); }
55     if($("#header_search #renew_search").length > 0){ shortcut.add('Alt+w',function (){ $("#header_search").selectTabByID("#renew_search"); $("#ren_barcode").focus(); }); } else { shortcut.add('Alt+w',function(){ location.href="/cgi-bin/koha/circ/renew.pl"; }); }
56
57     $("#header_search > ul > li").show();
58
59     $(".focus").focus();
60     $(".validated").each(function() {
61         $(this).validate();
62     });
63
64     $("#logout").on("click",function(){
65         logOut();
66     });
67     $("#helper").on("click",function(){
68         openHelp();
69         return false;
70     });
71
72     $("body").on("keypress", ".noEnterSubmit", function(e){
73         return checkEnter(e);
74     });
75
76     $(".keep_text").on("click",function(){
77         var field_index = $(this).parent().index();
78         keep_text( field_index );
79     });
80
81     $(".toggle_element").on("click",function(e){
82         e.preventDefault();
83         $( $(this).data("element") ).toggle();
84         if (typeof Sticky !== "undefined" && typeof hcSticky === "function") {
85             Sticky.hcSticky('update');
86         }
87     });
88
89     var navmenulist = $("#navmenulist");
90     if( navmenulist.length > 0 ){
91         var path = location.pathname.substring(1);
92         var url = window.location.toString();
93         var params = '';
94         if ( url.match(/\?(.+)$/) ) {
95             params = "?" + RegExp.$1;
96         }
97         $("a[href$=\"/" + path + params + "\"]", navmenulist).addClass("current");
98     }
99
100     $("#catalog-search-link a").on("hover", function(){
101         $("#catalog-search-dropdown a").toggleClass("catalog-search-dropdown-hover");
102     });
103
104     if ( localStorage.getItem("lastborrowernumber") ){
105         if( $("#hiddenborrowernumber").val() != localStorage.getItem("lastborrowernumber") ) {
106             $("#lastborrower-window").detach().appendTo("#breadcrumbs");
107             $("#lastborrowerlink").show();
108             $("#lastborrowerlink").prop("title", localStorage.getItem("lastborrowername") + " (" + localStorage.getItem("lastborrowercard") + ")");
109             $("#lastborrowerlink").prop("href", "/cgi-bin/koha/circ/circulation.pl?borrowernumber=" + localStorage.getItem("lastborrowernumber"));
110             $("#lastborrower-window").css("display", "inline-block");
111         }
112     }
113
114     if( !localStorage.getItem("lastborrowernumber") || ( $("#hiddenborrowernumber").val() != localStorage.getItem("lastborrowernumber") && localStorage.getItem("currentborrowernumber") != $("#hiddenborrowernumber").val())) {
115         if( $("#hiddenborrowernumber").val() ){
116             localStorage.setItem("lastborrowernumber", $("#hiddenborrowernumber").val() );
117             localStorage.setItem("lastborrowername", $("#hiddenborrowername").val() );
118             localStorage.setItem("lastborrowercard", $("#hiddenborrowercard").val() );
119         }
120     }
121
122     if( $("#hiddenborrowernumber").val() ){
123         localStorage.setItem("currentborrowernumber", $("#hiddenborrowernumber").val() );
124     }
125
126     $("#lastborrower-remove").click(function() {
127         removeLastBorrower();
128         $("#lastborrower-window").hide();
129     });
130
131     /* Search results browsing */
132     /* forms with action leading to search */
133     $("form[action*='search.pl']").submit(function(){
134         $('[name^="limit"]').each(function(){
135             if( $(this).val() == '' ){
136                 $(this).prop("disabled","disabled");
137             }
138         });
139         var disabledPrior = false;
140         $(".search-term-row").each(function(){
141             if( disabledPrior ){
142                 $(this).find('select[name="op"]').prop("disabled","disabled");
143                 disabledPrior = false;
144             }
145             if( $(this).find('input[name="q"]').val() == "" ){
146                 $(this).find('input').prop("disabled","disabled");
147                 $(this).find('select').prop("disabled","disabled");
148                 disabledPrior = true;
149             }
150         });
151         resetSearchContext();
152         saveOrClearSimpleSearchParams();
153     });
154     /* any link to launch a search except navigation links */
155     $("[href*='search.pl?']").not(".nav").not('.searchwithcontext').click(function(){
156         resetSearchContext();
157     });
158     /* any link to a detail page from the results page. */
159     $("#bookbag_form a[href*='detail.pl?']").click(function(){
160         resetSearchContext();
161     });
162
163 });
164
165 function removeLastBorrower(){
166     localStorage.removeItem("lastborrowernumber");
167     localStorage.removeItem("lastborrowername");
168     localStorage.removeItem("lastborrowercard");
169     localStorage.removeItem("currentborrowernumber");
170 }
171
172 // http://jennifermadden.com/javascript/stringEnterKeyDetector.html
173 function checkEnter(e){ //e is event object passed from function invocation
174     var characterCode; // literal character code will be stored in this variable
175     if(e && e.which){ //if which property of event object is supported (NN4)
176         characterCode = e.which; //character code is contained in NN4's which property
177     } else {
178         characterCode = e.keyCode; //character code is contained in IE's keyCode property
179     }
180     if( characterCode == 13 //if generated character code is equal to ascii 13 (if enter key)
181         && e.target.nodeName == "INPUT"
182         && e.target.type != "submit" // Allow enter to submit using the submit button
183     ){
184         return false;
185     } else {
186         return true;
187     }
188 }
189
190 function clearHoldFor(){
191     $.removeCookie("holdfor", { path: '/' });
192 }
193
194 function logOut(){
195     if( typeof delBasket == 'function' ){
196         delBasket('main', true);
197     }
198     clearHoldFor();
199     removeLastBorrower();
200     localStorage.removeItem("sql_reports_activetab");
201     localStorage.removeItem("searches");
202 }
203
204 function openHelp(){
205     window.open( "/cgi-bin/koha/help.pl", "_blank");
206 }
207
208 jQuery.fn.preventDoubleFormSubmit = function() {
209     jQuery(this).submit(function() {
210     $("body, form input[type='submit'], form button[type='submit'], form a").addClass('waiting');
211         if (this.beenSubmitted)
212             return false;
213         else
214             this.beenSubmitted = true;
215     });
216 };
217
218 function openWindow(link,name,width,height) {
219     name = (typeof name == "undefined")?'popup':name;
220     width = (typeof width == "undefined")?'600':width;
221     height = (typeof height == "undefined")?'400':height;
222     var newwin;
223     //IE <= 9 can't handle a "name" with whitespace
224     try {
225         newin=window.open(link,name,'width='+width+',height='+height+',resizable=yes,toolbar=false,scrollbars=yes,top');
226     } catch(e) {
227         newin=window.open(link,null,'width='+width+',height='+height+',resizable=yes,toolbar=false,scrollbars=yes,top');
228     }
229 }
230
231 // Use this function to remove the focus from any element for
232 // repeated scanning actions on errors so the librarian doesn't
233 // continue scanning and miss the error.
234 function removeFocus() {
235     $(':focus').blur();
236 }
237
238 function toUC(f) {
239     var x=f.value.toUpperCase();
240     f.value=x;
241     return true;
242 }
243
244 function confirmDelete(message) {
245     return (confirm(message) ? true : false);
246 }
247
248 function confirmClone(message) {
249     return (confirm(message) ? true : false);
250 }
251
252 function playSound( sound ) {
253     if ( ! ( sound.indexOf('http://') === 0 || sound.indexOf('https://') === 0  ) ) {
254         sound = AUDIO_ALERT_PATH + sound;
255     }
256     document.getElementById("audio-alert").innerHTML = '<audio src="' + sound + '" autoplay="autoplay" autobuffer="autobuffer"></audio>';
257 }
258
259 // For keeping the text when navigating the search tabs
260 function keep_text(clicked_index) {
261     var searchboxes = document.getElementsByClassName("head-searchbox");
262     var persist = searchboxes[0].value;
263
264     for (i = 0; i < searchboxes.length - 1; i++) {
265         if (searchboxes[i].value != searchboxes[i+1].value) {
266             if (i === searchboxes.length-2) {
267                 if (searchboxes[i].value != searchboxes[0].value) {
268                     persist = searchboxes[i].value;
269                 } else if (searchboxes.length === 2) {
270                     if (clicked_index === 0) {
271                         persist = searchboxes[1].value;
272                     }
273                 } else {
274                     persist = searchboxes[i+1].value;
275                 }
276             } else if (searchboxes[i+1].value != searchboxes[i+2].value) {
277                 persist = searchboxes[i+1].value;
278             }
279         }
280     }
281
282     for (i = 0; i < searchboxes.length; i++) {
283         searchboxes[i].value = persist;
284     }
285 }
286
287 // Extends jQuery API
288 jQuery.extend({uniqueArray:function(array){
289     return $.grep(array, function(el, index) {
290         return index === $.inArray(el, array);
291     });
292 }});
293
294 function removeByValue(arr, val) {
295     for(var i=0; i<arr.length; i++) {
296         if(arr[i] == val) {
297             arr.splice(i, 1);
298             break;
299         }
300     }
301 }
302
303 function paramOfUrl( url, param ) {
304     param = param.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
305     var regexS = "[\\?&]"+param+"=([^&#]*)";
306     var regex = new RegExp( regexS );
307     var results = regex.exec( url );
308     if( results == null ) {
309         return "";
310     } else {
311         return results[1];
312     }
313 }
314
315 function addBibToContext( bibnum ) {
316     bibnum = parseInt(bibnum, 10);
317     var bibnums = getContextBiblioNumbers();
318     bibnums.push(bibnum);
319     setContextBiblioNumbers( bibnums );
320     setContextBiblioNumbers( $.uniqueArray( bibnums ) );
321 }
322
323 function delBibToContext( bibnum ) {
324     var bibnums = getContextBiblioNumbers();
325     removeByValue( bibnums, bibnum );
326     setContextBiblioNumbers( $.uniqueArray( bibnums ) );
327 }
328
329 function setContextBiblioNumbers( bibnums ) {
330     $.cookie('bibs_selected', JSON.stringify( bibnums ));
331 }
332
333 function getContextBiblioNumbers() {
334     var r = $.cookie('bibs_selected');
335     if ( r ) {
336         return JSON.parse(r);
337     }
338     r = new Array();
339     return r;
340 }
341
342 function resetSearchContext() {
343     setContextBiblioNumbers( new Array() );
344 }
345
346 function saveOrClearSimpleSearchParams() {
347     // Simple masthead search - pass value for display on details page
348     localStorage.setItem('cat_search_pulldown_selection', $("#cat-search-block select.advsearch").val() );
349     localStorage.setItem('searchbox_value', $("#cat-search-block #search-form").val() );
350 }