Open-ILS/web/js/ui/default/opac/staff.js

   1 /* staff client integration functions */
   2
   3 // Browser staff client runs the TPAC within an iframe, whose onload
   4 // is not called until after the page onload is called. window.onload
   5 // actions are wrapped in timeouts (below) to ensure the wrapping page
   6 // has a chance to insert the necessary xulG, etc. functions into the
   7 // window.
   8
   9 function debug(msg){dump(msg+'\n')}
  10 var eventCache={};
  11 function attachEvt(scope, name, action) {
  12     if(!eventCache[scope]) eventCache[scope] = {};
  13     if(!eventCache[scope][name]) eventCache[scope][name] = [];
  14     eventCache[scope][name].push(action);
  15 }
  16 function runEvt(scope, name) {
  17     debug('running event '+scope+':'+name);
  18     var args = Array.prototype.slice.call(arguments).slice(2);
  19     if(eventCache[scope]) {
  20         var evt = eventCache[scope][name];
  21         for(var i in evt) {evt[i].apply(evt[i], args);}
  22     }
  23 }
  24 function staff_hold_usr_input_disabler(input) {
  25     document.getElementById("hold_usr_input").disabled =
  26         Boolean(Number(input.value));
  27     staff_hold_usr_barcode_changed();
  28 }
  29
  30 var debounce_barcode_change = function() {
  31     var timeout;
  32
  33     return function(event) {
  34         clearTimeout(timeout);
  35         document.getElementById('patron_usr_barcode_not_found').style.display = 'none';
  36
  37         if (event.which == '13') {
  38             staff_hold_usr_barcode_changed();
  39             return false;
  40         }
  41
  42         var duration = event.type == 'paste' ? 0 : 500;
  43         timeout = setTimeout(staff_hold_usr_barcode_changed, duration);
  44
  45         return true;
  46     };
  47 }();
  48
  49 function no_hold_submit(event) {
  50     if (event.which == 13) {
  51         staff_hold_usr_barcode_changed();
  52         return false;
  53     }
  54     return true;
  55 }
  56
  57 function toggleMROptions(on) {
  58     var anchor = document.getElementById("advanced_hold_link");
  59     // Check for not equal to block so it works on first click.
  60     if (anchor) {
  61         if (on) {
  62             anchor.style.display = "inline";
  63         } else {
  64             anchor.style.display = "none";
  65         }
  66     }
  67 }
  68
  69 function maybeDisable (thing, value) {
  70     var el = document.getElementById(thing);
  71     if (el) el.disabled = value;
  72 }
  73
  74 function toggleOnSubscription(isSub) {
  75     toggleMROptions(!isSub);
  76     maybeDisable("override_blocks_subscription",!isSub);
  77     maybeDisable("pickup_lib",isSub);
  78     maybeDisable("email_notify",isSub);
  79     maybeDisable("phone_notify_checkbox",isSub);
  80     maybeDisable("phone_notify",isSub);
  81     maybeDisable("sms_notify_checkbox",isSub);
  82     maybeDisable("sms_carrier",isSub);
  83     maybeDisable("sms_notify",isSub);
  84 }
  85
  86 function staff_hold_usr_barcode_changed(isload) {
  87
  88     if (!document.getElementById('place_hold_submit')) {
  89         // in some cases, the submit button is not present.
  90         // exit early to avoid needless JS errors
  91         return;
  92     }
  93
  94     if (!window.xulG) return;
  95
  96     var sub_el = document.getElementById('hold_usr_is_subscription');
  97     var adv_link = document.getElementById('advanced_hold_link');
  98     if (adv_link) {
  99         adv_link.setAttribute('href', adv_link.getAttribute('href').replace(/&?is_requestor=[012]/,''));
 100         var is_requestor = 0;
 101         if (document.getElementById('hold_usr_is_requestor').checked) {
 102             is_requestor = 1;
 103         } else if (sub_el && sub_el.checked) {
 104             is_requestor = 2;
 105         }
 106         adv_link.setAttribute('href', adv_link.getAttribute('href') + '&is_requestor=' + is_requestor.toString());
 107     }
 108
 109     var cur_hold_barcode = undefined;
 110     var barcode = isload;
 111     if(!barcode || barcode === true) barcode = document.getElementById('staff_barcode').value;
 112     var only_settings = true;
 113
 114     toggleOnSubscription(false);
 115     if(sub_el && sub_el.checked) {
 116         toggleOnSubscription(true);
 117         if(!isload) {
 118             only_settings = false;
 119         }
 120     } else if(!document.getElementById('hold_usr_is_requestor').checked) {
 121         if(!isload) {
 122             barcode = document.getElementById('hold_usr_input').value;
 123             only_settings = false;
 124         }
 125         if(barcode && barcode != '' && !document.getElementById('hold_usr_is_requestor_not').checked)
 126             document.getElementById('hold_usr_is_requestor_not').checked = 'checked';
 127     }
 128
 129     if((barcode == undefined || barcode == '') && (!sub_el || !sub_el.checked)) {
 130         document.getElementById('patron_name').innerHTML = '';
 131         // No submitting on empty barcode, but empty barcode doesn't really count as "not found" either
 132         document.getElementById('place_hold_submit').disabled = true;
 133         document.getElementById("patron_usr_barcode_not_found").style.display = 'none';
 134         cur_hold_barcode = null;
 135         return;
 136     }
 137     if(barcode == cur_hold_barcode)
 138         return;
 139     // No submitting until we think the barcode is valid
 140     document.getElementById('place_hold_submit').disabled = true;
 141
 142     if (window.IAMBROWSER) {
 143         // Browser client operates asynchronously
 144         if (!xulG.get_barcode_and_settings_async) return;
 145         xulG.get_barcode_and_settings_async(barcode, only_settings)
 146         .then(
 147             function(load_info) { // load succeeded
 148                 staff_hold_usr_barcode_changed2(
 149                     isload, only_settings, barcode, cur_hold_barcode, load_info);
 150             },
 151             function() {
 152                 // load failed (rejected).  Call staff_hold_usr_barcode_changed2
 153                 // anyway, since it handles clearing the form
 154                 staff_hold_usr_barcode_changed2(
 155                     isload, only_settings, barcode, cur_hold_barcode, false);
 156             }
 157         )
 158     } else {
 159         // XUL version is synchronous
 160         if (!xulG.get_barcode_and_settings) return;
 161         var load_info = xulG.get_barcode_and_settings(window, barcode, only_settings);
 162         staff_hold_usr_barcode_changed2(isload, only_settings, barcode, cur_hold_barcode, load_info);
 163     }
 164 }
 165
 166 function staff_hold_usr_barcode_changed2(
 167     isload, only_settings, barcode, cur_hold_barcode, load_info) {
 168
 169     var sub_el = document.getElementById('hold_usr_is_subscription');
 170
 171     if(load_info == false || load_info == undefined) {
 172         document.getElementById('patron_name').innerHTML = '';
 173         document.getElementById("patron_usr_barcode_not_found").style.display = '';
 174         cur_hold_barcode = null;
 175         return;
 176     }
 177     cur_hold_barcode = load_info.barcode;
 178     if ((!only_settings || (isload && isload !== true)) && (sub_el && !sub_el.checked)) {
 179         // Safe at this point as we already set cur_hold_barcode
 180         document.getElementById('hold_usr_input').value = load_info.barcode;
 181
 182         // Patron preferred pickup loc always overrides the default pickup lib
 183         document.getElementById('pickup_lib').value =
 184             load_info.settings['opac.default_pickup_location'] ?
 185             load_info.settings['opac.default_pickup_location'] : load_info.pickup_lib;
 186     }
 187
 188     if (!load_info.settings['opac.default_sms_notify']){
 189         load_info.settings['opac.default_sms_notify'] = '';
 190     }
 191
 192     if (!load_info.settings['opac.default_sms_carrier']){
 193         load_info.settings['opac.default_sms_carrier'] = '';
 194     }
 195
 196     if (!sub_el || !sub_el.checked) {
 197         if (load_info.settings['opac.hold_notify'] || load_info.settings['opac.hold_notify'] === '') {
 198             var email = load_info.settings['opac.hold_notify'].indexOf('email') > -1;
 199             var phone = load_info.settings['opac.hold_notify'].indexOf('phone') > -1;
 200             var sms = load_info.settings['opac.hold_notify'].indexOf('sms') > -1;
 201             var update_elements = document.getElementsByName('email_notify');
 202             for(var i in update_elements) update_elements[i].checked = (email ? 'checked' : '');
 203             update_elements = document.getElementsByName('phone_notify_checkbox');
 204             for(var i in update_elements) update_elements[i].checked = (phone ? 'checked' : '');
 205             update_elements = document.getElementsByName('sms_notify_checkbox');
 206             for(var i in update_elements) update_elements[i].checked = (sms ? 'checked' : '');
 207         }
 208
 209         update_elements = document.getElementsByName('phone_notify');
 210         for(var i in update_elements) update_elements[i].value = load_info.settings['opac.default_phone']
 211             ? load_info.settings['opac.default_phone'] : '';
 212         update_elements = document.getElementsByName('sms_notify');
 213         for(var i in update_elements) update_elements[i].value = load_info.settings['opac.default_sms_notify'];
 214         update_elements = document.getElementsByName('sms_carrier');
 215         for(var i in update_elements) update_elements[i].value = load_info.settings['opac.default_sms_carrier'];
 216         update_elements = document.getElementsByName('email_notify');
 217         for(var i in update_elements) {
 218             update_elements[i].disabled = (load_info.user_email ? false : true);
 219             if(update_elements[i].disabled) update_elements[i].checked = false;
 220         }
 221         update_elements = document.getElementsByName('email_address');
 222         for(var i in update_elements) update_elements[i].textContent = load_info.user_email;
 223         if(!document.getElementById('hold_usr_is_requestor').checked && document.getElementById('hold_usr_input').value) {
 224             document.getElementById('patron_name').innerHTML = load_info.patron_name;
 225             document.getElementById("patron_usr_barcode_not_found").style.display = 'none';
 226         }
 227     }
 228     // Ok, now we can allow submitting again, unless this is a "true" load, in which case we likely have a blank barcode box active
 229
 230     // update the advanced hold options link to propagate the patron
 231     // barcode if clicked.  This is needed when the patron barcode
 232     // is manually entered (i.e. the staff client does not provide one).
 233     var adv_link = document.getElementById('advanced_hold_link');
 234     if (adv_link) { // not present on MR hold pages
 235         var href = adv_link.getAttribute('href').replace(
 236             /;usr_barcode=[^;\&]+|$/,
 237             ';usr_barcode=' + encodeURIComponent(cur_hold_barcode));
 238         adv_link.setAttribute('href', href);
 239     }
 240
 241     if (isload !== true)
 242         document.getElementById('place_hold_submit').disabled = false;
 243 }
 244 window.onload = function() {
 245     // record details page events
 246
 247     setTimeout(function() {
 248
 249         if (location.href.match(/is_requestor=[012]/)) {
 250             var loc = location.href;
 251             var is_req_match = new RegExp("is_requestor=[012]");
 252             var is_req = is_req_match.exec(loc).toString();
 253             is_req = is_req.replace(/is_requestor=/, '');
 254             if (is_req == "2") {
 255                 var sub_el = document.getElementById('hold_usr_is_subscription');
 256                 if (sub_el) {
 257                     sub_el.checked = 'checked';
 258                 }
 259                 document.getElementById('hold_usr_input').disabled = true;
 260             } else if (is_req == "1") {
 261                 document.getElementById('hold_usr_is_requestor').checked = 'checked';
 262                 document.getElementById('hold_usr_input').disabled = true;
 263             } else {
 264                 document.getElementById('hold_usr_is_requestor_not').checked = 'checked';
 265                 document.getElementById('hold_usr_input').disabled = false;
 266             }
 267         }
 268
 269         var rec = location.href.match(/\/opac\/record\/(\d+)/);
 270         if(rec && rec[1]) {
 271             runEvt('rdetail', 'recordRetrieved', rec[1]);
 272             runEvt('rdetail', 'MFHDDrawn');
 273         }
 274         if(location.href.match(/place_hold/)) {
 275             // patron barcode may come from XUL or a CGI param
 276             var patron_barcode = xulG.patron_barcode ||
 277                 document.getElementById('hold_usr_input').value;
 278             if(patron_barcode) {
 279                 staff_hold_usr_barcode_changed(patron_barcode);
 280             } else {
 281                 staff_hold_usr_barcode_changed(true);
 282             }
 283         }
 284     });
 285 }
 286
 287 function rdetail_next_prev_actions(index, count, prev, next, start, end, results) {
 288     /*  we mostly get the relative URL from the template:  recid?query_args...
 289         replace the recid and args on location.href to get the new URL  */
 290     function fullurl(url) {
 291         if (url.match(/eg\/opac\/results/)) {
 292             return location.href.replace(/\/eg\/opac\/.+$/, url);
 293         } else {
 294             return location.href.replace(/\/\d+\??.*/, '/' + url);
 295         }
 296     }
 297
 298     if (index > 0) {
 299         if(prev)
 300             window.rdetailPrev = function() { location.href = fullurl(prev); }
 301         if(start)
 302             window.rdetailStart = function() { location.href = fullurl(start); }
 303     }
 304
 305     if (index < count - 1) {
 306         if(next)
 307             window.rdetailNext = function() { location.href = fullurl(next); }
 308         if(end)
 309             window.rdetailEnd = function() { location.href = fullurl(end); }
 310     }
 311
 312     window.rdetailBackToResults = function() { location.href = fullurl(results); };
 313
 314     ol = window.onload;
 315     window.onload = function() {
 316         if(ol) ol();
 317         setTimeout(function() {
 318             runEvt('rdetail', 'nextPrevDrawn', Number(index), Number(count));
 319         });
 320     };
 321 }