Bug 22768: Global search form keyboard navigation broken
[koha-equinox.git] / koha-tmpl / intranet-tmpl / prog / js / staff-global.js
1 /* global shortcut delCookie delBasket Sticky */
2 if ( KOHA === undefined ) var KOHA = {};
3
4 function _(s) { return s; } // dummy function for gettext
5
6 // http://stackoverflow.com/questions/1038746/equivalent-of-string-format-in-jquery/5341855#5341855
7 String.prototype.format = function() { return formatstr(this, arguments); };
8 function formatstr(str, col) {
9     col = typeof col === 'object' ? col : Array.prototype.slice.call(arguments, 1);
10     var idx = 0;
11     return str.replace(/%%|%s|%(\d+)\$s/g, function (m, n) {
12         if (m == "%%") { return "%"; }
13         if (m == "%s") { return col[idx++]; }
14         return col[n];
15     });
16 }
17
18 var HtmlCharsToEscape = {
19     '&': '&',
20     '<': '&lt;',
21     '>': '&gt;'
22 };
23 String.prototype.escapeHtml = function() {
24     return this.replace(/[&<>]/g, function(c) {
25         return HtmlCharsToEscape[c] || c;
26     });
27 };
28
29 // http://stackoverflow.com/questions/14859281/select-tab-by-name-in-jquery-ui-1-10-0/16550804#16550804
30 $.fn.tabIndex = function () {
31     return $(this).parent().children('div').index(this);
32 };
33 $.fn.selectTabByID = function (tabID) {
34     $(this).tabs("option", "active", $( tabID ).tabIndex());
35 };
36
37  $(document).ready(function() {
38     $('#header_search').tabs().on( "tabsactivate", function(e, ui) { $(this).find("div:visible").find('input').eq(0).focus(); });
39
40     $(".close").click(function(){ window.close(); });
41
42     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"; }); }
43     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"; }); }
44     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"; }); }
45     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"; }); }
46
47     $("#header_search > ul > li").show();
48
49     $(".focus").focus();
50     $(".validated").each(function() {
51         $(this).validate();
52     });
53
54     $("#logout").on("click",function(){
55         logOut();
56     });
57     $("#helper").on("click",function(){
58         openHelp();
59         return false;
60     });
61
62     $("body").on("keypress", ".noEnterSubmit", function(e){
63         return checkEnter(e);
64     });
65
66     $(".keep_text").on("click",function(){
67         var field_index = $(this).parent().index();
68         keep_text( field_index );
69     });
70
71     $(".toggle_element").on("click",function(e){
72         e.preventDefault();
73         $( $(this).data("element") ).toggle();
74         if (typeof Sticky !== "undefined" && typeof hcSticky === "function") {
75             Sticky.hcSticky('update');
76         }
77     });
78
79     var navmenulist = $("#navmenulist");
80     if( navmenulist.length > 0 ){
81         var path = location.pathname.substring(1);
82         var url = window.location.toString();
83         var params = '';
84         if ( url.match(/\?(.+)$/) ) {
85             params = "?" + RegExp.$1;
86         }
87         $("a[href$=\"/" + path + params + "\"]", navmenulist).addClass("current");
88     }
89
90     $("#catalog-search-link a").on("hover", function(){
91         $("#catalog-search-dropdown a").toggleClass("catalog-search-dropdown-hover");
92     });
93
94     if (typeof $.cookie("lastborrowernumber") !== "undefined" && $("#hiddenborrowernumber").val() != $.cookie("lastborrowernumber")) {
95         $("#lastborrowerlink").show();
96         $("#lastborrowerlink").prop("title", $.cookie("lastborrowername") + " (" + $.cookie("lastborrowercard") + ")");
97         $("#lastborrowerlink").prop("href", "/cgi-bin/koha/circ/circulation.pl?borrowernumber=" + $.cookie("lastborrowernumber"));
98         $("#lastborrower-window").css("display", "inline-block");
99     }
100     if ($("a#logout").length > 0) {
101         $("a#logout").click(function() {
102             delCookie("lastborrowernumber");
103             delCookie("lastborrowername");
104             delCookie("lastborrowercard");
105             delCookie("currentborrowernumber");
106         });
107     }
108     $("#lastborrower-remove").click(function() {
109         delCookie("lastborrowernumber");
110         delCookie("lastborrowername");
111         delCookie("lastborrowercard");
112         delCookie("currentborrowernumber");
113         $("#lastborrower-window").hide();
114     });
115     if (typeof $.cookie("lastborrowernumber") === "undefined" || ($("#hiddenborrowernumber").val() != $.cookie("lastborrowernumber") && $.cookie("currentborrowernumber") != $("#hiddenborrowernumber").val())) {
116         $.cookie("lastborrowernumber", $("#hiddenborrowernumber").val(), { path: "/" });
117         $.cookie("lastborrowername", $("#hiddenborrowername").val(), { path: "/" });
118         $.cookie("lastborrowercard", $("#hiddenborrowercard").val(), { path: "/" });
119     }
120     $.cookie("currentborrowernumber", $("#hiddenborrowernumber").val(), { path: "/" });
121 });
122
123 // http://jennifermadden.com/javascript/stringEnterKeyDetector.html
124 function checkEnter(e){ //e is event object passed from function invocation
125     var characterCode; // literal character code will be stored in this variable
126     if(e && e.which){ //if which property of event object is supported (NN4)
127         characterCode = e.which; //character code is contained in NN4's which property
128     } else {
129         characterCode = e.keyCode; //character code is contained in IE's keyCode property
130     }
131     if( characterCode == 13 //if generated character code is equal to ascii 13 (if enter key)
132         && e.target.nodeName == "INPUT"
133         && e.target.type != "submit" // Allow enter to submit using the submit button
134     ){
135         return false;
136     } else {
137         return true;
138     }
139 }
140
141 function clearHoldFor(){
142     $.removeCookie("holdfor", { path: '/' });
143 }
144
145 function logOut(){
146     if( typeof delBasket == 'function' ){
147         delBasket('main', true);
148     }
149     clearHoldFor();
150 }
151
152 function openHelp(){
153     window.open( "/cgi-bin/koha/help.pl", "_blank");
154 }
155
156 jQuery.fn.preventDoubleFormSubmit = function() {
157     jQuery(this).submit(function() {
158     $("body, form input[type='submit'], form button[type='submit'], form a").addClass('waiting');
159         if (this.beenSubmitted)
160             return false;
161         else
162             this.beenSubmitted = true;
163     });
164 };
165
166 function openWindow(link,name,width,height) {
167     name = (typeof name == "undefined")?'popup':name;
168     width = (typeof width == "undefined")?'600':width;
169     height = (typeof height == "undefined")?'400':height;
170     var newwin;
171     //IE <= 9 can't handle a "name" with whitespace
172     try {
173         newin=window.open(link,name,'width='+width+',height='+height+',resizable=yes,toolbar=false,scrollbars=yes,top');
174     } catch(e) {
175         newin=window.open(link,null,'width='+width+',height='+height+',resizable=yes,toolbar=false,scrollbars=yes,top');
176     }
177 }
178
179 // Use this function to remove the focus from any element for
180 // repeated scanning actions on errors so the librarian doesn't
181 // continue scanning and miss the error.
182 function removeFocus() {
183     $(':focus').blur();
184 }
185
186 function toUC(f) {
187     var x=f.value.toUpperCase();
188     f.value=x;
189     return true;
190 }
191
192 function confirmDelete(message) {
193     return (confirm(message) ? true : false);
194 }
195
196 function confirmClone(message) {
197     return (confirm(message) ? true : false);
198 }
199
200 function playSound( sound ) {
201     if ( ! ( sound.indexOf('http://') === 0 || sound.indexOf('https://') === 0  ) ) {
202         sound = AUDIO_ALERT_PATH + sound;
203     }
204     document.getElementById("audio-alert").innerHTML = '<audio src="' + sound + '" autoplay="autoplay" autobuffer="autobuffer"></audio>';
205 }
206
207 // For keeping the text when navigating the search tabs
208 function keep_text(clicked_index) {
209     var searchboxes = document.getElementsByClassName("head-searchbox");
210     var persist = searchboxes[0].value;
211
212     for (i = 0; i < searchboxes.length - 1; i++) {
213         if (searchboxes[i].value != searchboxes[i+1].value) {
214             if (i === searchboxes.length-2) {
215                 if (searchboxes[i].value != searchboxes[0].value) {
216                     persist = searchboxes[i].value;
217                 } else if (searchboxes.length === 2) {
218                     if (clicked_index === 0) {
219                         persist = searchboxes[1].value;
220                     }
221                 } else {
222                     persist = searchboxes[i+1].value;
223                 }
224             } else if (searchboxes[i+1].value != searchboxes[i+2].value) {
225                 persist = searchboxes[i+1].value;
226             }
227         }
228     }
229
230     for (i = 0; i < searchboxes.length; i++) {
231         searchboxes[i].value = persist;
232     }
233 }