Open-ILS/web/opac/skin/default/js/myopac.js

   1
   2 attachEvt("common", "run", myOPACInit );
   3 attachEvt("common", "loggedIn", myOPACInit );
   4
   5 var fleshedUser = null;
   6
   7
   8 function clearNodes( node, keepArray ) {
   9         if(!node) return;
  10         for( var n in keepArray ) node.removeChild(keepArray[n]);
  11         removeChildren(node);
  12         for( var n in keepArray ) node.appendChild(keepArray[n]);
  13 }
  14
  15 function myOPACInit() {
  16         if(!(G.user && G.user.session)) initLogin();
  17         else myOPACChangePage( "summary" );
  18 }
  19
  20
  21 function myOPACChangePage( page ) {
  22
  23         var s = $("myopac_summary_td");
  24         var c = $("myopac_checked_td");
  25         var f = $("myopac_fines_td");
  26         var h = $("myopac_holds_td");
  27         var p = $("myopac_prefs_td");
  28
  29         var ss = $("myopac_summary_div");
  30         var cc = $("myopac_checked_div");
  31         var ff = $("myopac_fines_div");
  32         var hh = $("myopac_holds_div");
  33         var pp = $("myopac_prefs_div");
  34
  35         var cls = "myopac_link";
  36         var acls = "myopac_link_active";
  37
  38         hideMe(ss);
  39         hideMe(cc); hideMe(ff);
  40         hideMe(hh); hideMe(pp);
  41
  42         removeCSSClass(s, acls );
  43         removeCSSClass(c, acls );
  44         removeCSSClass(f, acls );
  45         removeCSSClass(h, acls );
  46         removeCSSClass(p, acls );
  47
  48         switch( page ) {
  49
  50                 case "summary":
  51                         unHideMe(ss);
  52                         addCSSClass(s, acls );
  53                         myOPACShowSummary();
  54                         break;
  55
  56                 case "checked":
  57                         unHideMe(cc);
  58                         addCSSClass(c, acls );
  59                         myOPACShowChecked();
  60                         break;
  61
  62                 case "holds":
  63                         unHideMe(hh);
  64                         addCSSClass(h, acls );
  65                         myOPACShowHolds();
  66                         break;
  67
  68                 case "fines":
  69                         unHideMe(ff);
  70                         addCSSClass(f, acls );
  71                         myOPACShowFines();
  72                         break;
  73
  74                 case "prefs":
  75                         unHideMe(pp);
  76                         addCSSClass(p, acls );
  77                         myOPACShowPrefs();
  78                         break;
  79         }
  80
  81         /*
  82         alert('Classes:\n' + s.className + '\n' + c.className +
  83                 '\n' + h.className + '\n' + f.className + '\n' + p.className);
  84                 */
  85 }
  86
  87 function myOPACShowChecked() {
  88         if(checkedDrawn) return;
  89         var req = new Request(FETCH_CHECKED_OUT_SLIM, G.user.session);
  90         req.callback(myOPACDrawCheckedOutSlim);
  91         req.send();
  92 }
  93
  94
  95 var checkedRowTemplate;
  96 var circsCache = new Array();
  97 var checkedDrawn = false;
  98
  99 function myOPACDrawCheckedOutSlim(r) {
 100
 101         var checked                     = r.getResultObject();
 102         var tbody                       = $("myopac_checked_tbody");
 103         var loading                     = $("myopac_checked_loading");
 104         var none                                = $("myopac_checked_none");
 105
 106         if(checkedDrawn) return;
 107         checkedDrawn = true;
 108         if(!checkedRowTemplate)
 109                 checkedRowTemplate = tbody.removeChild($("myopac_checked_row"));
 110
 111         clearNodes( tbody, [ loading, none ] );
 112
 113         hideMe(loading); /* remove all children and start over */
 114         if(!(checked && checked[0])) unHideMe(none);
 115
 116         for( var idx in checked ) {
 117
 118                 var circ    = checked[idx]
 119                 var row = checkedRowTemplate.cloneNode(true);
 120                 row.id = 'myopac_checked_row_ ' + circ.id();
 121
 122                 var due = circ.due_date();
 123       due = due.replace(/[0-9][0-9]:.*$/,"");
 124
 125                 var dlink = $n( row, "myopac_checked_due" );
 126                 var rlink = $n( row, "myopac_checked_renewals" );
 127                 var rnlink = $n( row, "myopac_checked_renew_link" );
 128
 129                 dlink.appendChild(text(due));
 130                 rlink.appendChild(text(circ.renewal_remaining()));
 131                 unHideMe(row);
 132                 rnlink.setAttribute('href', 'javascript:myOPACRenewCirc("'+circ.id()+'");');
 133                 circsCache.push(circ);
 134
 135                 tbody.appendChild(row);
 136
 137                 var req = new Request(FETCH_MODS_FROM_COPY, circ.target_copy() );
 138                 req.request.circ = circ.id();
 139                 req.callback(myOPACDrawCheckedTitle);
 140                 req.send();
 141         }
 142 }
 143
 144 function myOPACDrawCheckedTitle(r) {
 145         var circid = r.circ;
 146         var row = $('myopac_checked_row_ ' + circid);
 147         var record = r.getResultObject();
 148         var tlink = $n( row, "myopac_checked_title_link" );
 149         var alink = $n( row, "myopac_checked_author_link" );
 150         buildTitleDetailLink(record, tlink);
 151         buildSearchLink(STYPE_AUTHOR, record.author(), alink);
 152 }
 153
 154
 155 function myOPACRenewCirc(circid) {
 156         alert("Functionality currently under construction");
 157         return;
 158
 159         var circ;
 160         for( var i = 0; i != circsCache.length; i++ )
 161                 if(circsCache[i].id() == circid)
 162                         circ = circsCache[i];
 163
 164         var req = new Request(RENEW_CIRC, G.user.session, circ );
 165         req.send(true);
 166         var res = req.result();
 167         if(res.status) {
 168                 alert(res.text);
 169                 return;
 170         }
 171         alert($('myopac_renew_success').innerHTML);
 172         checkedDrawn = false;
 173         myOPACShowChecked();
 174 }
 175
 176
 177
 178 function myOPACShowHolds() {
 179         var req = new Request(FETCH_HOLDS, G.user.session, G.user.id());
 180         req.callback(myOPACDrawHolds);
 181         req.send();
 182 }
 183
 184 var holdsTemplateRowOrig;
 185 var holdsTemplateRow;
 186 function myOPACDrawHolds(r) {
 187
 188         var tbody = $("myopac_holds_tbody");
 189         if(holdsTemplateRow) return;
 190         if(holdsTemplateRowOrig) {
 191                 holdsTemplateRow = holdsTemplateRowOrig;
 192                 removeChildren(tbody);
 193         } else {
 194                 holdsTemplateRow = tbody.removeChild($("myopac_holds_row"));
 195                 holdsTemplateRowOrig = holdsTemplateRow;
 196         }
 197
 198         hideMe($('myopac_holds_loading'));
 199
 200         var holds = r.getResultObject();
 201
 202         if(!holds || holds.length < 1) unHideMe($('myopac_holds_none'));
 203         for( var i = 0; i != holds.length; i++ ) {
 204
 205                 var h = holds[i];
 206                 var row = holdsTemplateRow.cloneNode(true);
 207                 row.id = "myopac_holds_row_" + h.id() + '_' + h.target();
 208
 209                 var formats = (h.holdable_formats()) ? h.holdable_formats() : null;
 210                 var form = $n(row, "myopac_holds_formats");
 211                 form.id = "myopac_holds_form_" + h.id() + '_' + h.target();
 212                 if(formats) form.appendChild(text(formats));
 213
 214                 $n(row, "myopac_holds_location").
 215                         appendChild(text(findOrgUnit(h.pickup_lib()).name()));
 216                 $n(row, "myopac_holds_email_link").
 217                         appendChild(text(h.email_notify()));
 218                 $n(row, "myopac_holds_phone_link").
 219                         appendChild(text(h.phone_notify()));
 220                 tbody.appendChild(row);
 221
 222                 $n(row,'myopac_holds_cancel_link').setAttribute(
 223                         'href','javascript:myOPACCancelHold("'+ h.id()+'");');
 224                 unHideMe(row);
 225
 226                 myOPACDrawHoldTitle(h);
 227         }
 228 }
 229
 230 function myOPACCancelHold(holdid) {
 231         if( confirm($('myopac_holds_cancel_verify').innerHTML) ) {
 232                 holdsCancel(holdid);
 233                 holdsTemplateRow = null
 234                 myOPACShowHolds();
 235         }
 236 }
 237
 238
 239
 240 function myOPACDrawHoldTitle(hold) {
 241         var method;
 242         if(hold.hold_type() == "M") method = FETCH_MRMODS;
 243         if(hold.hold_type() == "T") method = FETCH_RMODS;
 244         var req = new Request(method, hold.target());
 245         req.callback(myOPACFleshHoldTitle);
 246         req.request.hold = hold.id();
 247         req.send();
 248 }
 249
 250 function myOPACFleshHoldTitle(r) {
 251
 252         var record = r.getResultObject();
 253         var row = $("myopac_holds_row_" + r.hold + '_' + record.doc_id());
 254         var title_link = $n(row, "myopac_holds_title_link");
 255         var author_link = $n(row, "myopac_holds_author_link");
 256
 257         buildTitleDetailLink(record, title_link);
 258         buildSearchLink(STYPE_AUTHOR, record.author(), author_link);
 259
 260         var form = $("myopac_holds_form_" + r.hold + '_' + record.doc_id());
 261
 262         if(form) {
 263                 var img = elem("img");
 264                 img.setAttribute("src",
 265                         buildImageLink('tor/' + record.types_of_resource()[0] + ".jpg"));
 266                 addCSSClass(img, "myopac_form_pic");
 267                 form.appendChild(img);
 268         }
 269 }
 270
 271 var finesShown = false;
 272 function myOPACShowFines() {
 273         if(finesShown) return; finesShown = true;
 274         var req = new Request(FETCH_FINES_SUMMARY, G.user.session, G.user.id() );
 275         req.callback(_myOPACShowFines);
 276         req.send();
 277 }
 278
 279 function _myOPACShowFines(r) {
 280         hideMe($('myopac_fines_summary_loading'));
 281         unHideMe($('myopac_fines_summary_row'));
 282
 283         var summary = r.getResultObject();
 284         var total       = "0.00"; /* localization? */
 285         var paid                = "0.00";
 286         var balance = "0.00";
 287         if( instanceOf(summary,mous) ) {
 288
 289                 total           = _finesFormatNumber(summary.total_owed());
 290                 paid            = _finesFormatNumber(summary.total_paid());
 291                 balance = _finesFormatNumber(summary.balance_owed());
 292
 293                 var req = new Request(FETCH_TRANSACTIONS, G.user.session, G.user.id() );
 294                 req.callback(myOPACShowTransactions);
 295                 req.send();
 296         }
 297
 298         $('myopac_fines_summary_total').appendChild(text(total));
 299         $('myopac_fines_summary_paid').appendChild(text(paid));
 300         $('myopac_fines_summary_balance').appendChild(text(balance));
 301 }
 302
 303 function _finesFormatNumber(num) {
 304         if(isNull(num)) num = 0;
 305         num = num + "";
 306         if(num.length < 2 || !num.match(/\./)) num += ".00";
 307         if(num.match(/\./) && num.charAt(num.length-2) == '.') num += "0";
 308         return num;
 309 }
 310
 311 function _trimSeconds(time) { if(!time) return ""; return time.replace(/\..*/,""); }
 312
 313
 314 var transTemplate;
 315 function myOPACShowTransactions(r) {
 316
 317         if(transTemplate) return;
 318         var tbody = $('myopac_fines_tbody');
 319         unHideMe($('myopac_trans_table'));
 320         transTemplate = tbody.removeChild($('myopac_trans_row'));
 321
 322         var transactions = r.getResultObject();
 323
 324         //alert(js2JSON(transactions));
 325
 326         for( var idx in transactions ) {
 327
 328                 var trans = transactions[idx].transaction;
 329                 var record = transactions[idx].record;
 330                 var row = transTemplate.cloneNode(transTemplate);
 331
 332                 $n(row,'myopac_trans_start').
 333                         appendChild(text(_trimSeconds(trans.xact_start())));
 334                 $n(row,'myopac_trans_last_bill').
 335                         appendChild(text(_trimSeconds(trans.last_billing_ts())));
 336                 $n(row,'myopac_trans_last_payment').
 337                         appendChild(text(_trimSeconds(trans.last_payment_ts())));
 338                 $n(row,'myopac_trans_init_amount').
 339                         appendChild(text(_finesFormatNumber(trans.total_owed())));
 340                 $n(row,'myopac_trans_total_paid').
 341                         appendChild(text(_finesFormatNumber(trans.total_paid())));
 342                 $n(row,'myopac_trans_balance').
 343                         appendChild(text(_finesFormatNumber(trans.balance_owed())));
 344
 345                 var extra = "";
 346                 var type = trans.xact_type();
 347                 $n(row,'myopac_trans_type').appendChild(text(type));
 348                 if( type == "circulation" ) extra = record.title();
 349                 $n(row, 'myopac_trans_extra').appendChild(text(extra));
 350
 351                 tbody.appendChild(row);
 352         }
 353 }
 354
 355 function myOPACSavePrefs() {
 356         G.user.prefs['opac.hits_per_page'] = getSelectorVal($('prefs_hits_per'));
 357         if(commitUserPrefs())
 358                 alert($('prefs_update_success').innerHTML);
 359         else alert($('prefs_update_failure').innerHTML);
 360 }
 361
 362
 363 function myOPACShowPrefs() {
 364         grabUserPrefs();
 365         myOPACShowHitsPer();
 366         hideMe($('myopac_prefs_loading'));
 367         unHideMe($('myopac_prefs_row'));
 368 }
 369
 370 function myOPACShowHitsPer() {
 371         var hits = 10;
 372         if(G.user.prefs['opac.hits_per_page'])
 373                 hits = G.user.prefs['opac.hits_per_page'];
 374         var hitsSel = $('prefs_hits_per');
 375         setSelector(hitsSel, hits);
 376 }
 377
 378 var userShown = false;
 379 function myOPACShowSummary() {
 380         if(userShown) return; userShown = true;
 381         var req = new Request(FETCH_FLESHED_USER,G.user.session, G.user.id());
 382         req.callback(_myOPACSummaryShowUer);
 383         req.send();
 384 }
 385
 386 var addrRowTemplate;
 387 function _myOPACSummaryShowUer(r) {
 388
 389         var user = r.getResultObject();
 390         fleshedUser = user;
 391
 392         appendClear($('myopac_summary_first'),text(user.first_given_name()));
 393         appendClear($('myopac_summary_middle'),text(user.second_given_name()));
 394         appendClear($('myopac_summary_dayphone'),text(user.day_phone()));
 395         appendClear($('myopac_summary_eveningphone'),text(user.evening_phone()));
 396         appendClear($('myopac_summary_otherphone'),text(user.other_phone()));
 397         appendClear($('myopac_summary_last'),text(user.family_name()));
 398         appendClear($('myopac_summary_username'),text(user.usrname()));
 399         appendClear($('myopac_summary_email'),text(user.email()));
 400         appendClear($('myopac_summary_barcode'),text(user.card().barcode()));
 401         appendClear($('myopac_summary_ident1'),text(user.ident_value()));
 402         appendClear($('myopac_summary_ident2'),text(user.ident_value2()));
 403         appendClear($('myopac_summary_homelib'),text(findOrgUnit(user.home_ou()).name()));
 404         appendClear($('myopac_summary_create_date'),text(user.create_date()));
 405
 406         var tbody = $('myopac_addr_tbody');
 407         var template;
 408
 409         if(addrRowTemplate) {
 410                 template = addrRowTemplate;
 411         } else {
 412                 template = tbody.removeChild($('myopac_addr_row'));
 413                 addrRowTemplate = template;
 414         }
 415         removeChildren(tbody);
 416
 417         for( var a in user.addresses() ) {
 418                 var row = template.cloneNode(true);
 419                 myOPACDrawAddr(row, user.addresses()[a]);
 420                 tbody.appendChild(row);
 421         }
 422 }
 423
 424 function myOPACDrawAddr(row, addr) {
 425
 426         appendClear($n(row, 'myopac_addr_type'),text(addr.address_type()));
 427         var street = (addr.street2()) ? addr.street1() + ", " + addr.street2() : addr.street1();
 428         appendClear($n(row, 'myopac_addr_street'),text(street));
 429         appendClear($n(row, 'myopac_addr_city'),text(addr.city()));
 430         appendClear($n(row, 'myopac_addr_county'),text(addr.county()));
 431         appendClear($n(row, 'myopac_addr_state'),text(addr.state()));
 432         appendClear($n(row, 'myopac_addr_zip'),text(addr.post_code()));
 433 }
 434
 435
 436 function myOPACUpdateUsername() {
 437         var username = $('myopac_new_username').value;
 438         if(username == null || username == "") {
 439                 alert($('myopac_username_error').innerHTML);
 440                 return;
 441         }
 442         var req = new Request(UPDATE_USERNAME, G.user.session, username );
 443         req.send(true);
 444         if(req.result()) {
 445
 446                 var evt;
 447                 if(evt = checkILSEvent(req.result())) {
 448                         alertILSEvent(evt);
 449                         return;
 450                 }
 451
 452                 G.user.usrname(username);
 453                 hideMe($('myopac_update_username_row'));
 454                 userShown = false;
 455                 myOPACShowSummary();
 456                 return;
 457         }
 458
 459         alert($('myopac_username_failure').innerHTML);
 460 }
 461
 462 function myOPACUpdateEmail() {
 463         var email = $('myopac_new_email').value;
 464         if(email == null || email == "") {
 465                 alert($('myopac_email_error').innerHTML);
 466                 return;
 467         }
 468
 469         var req = new Request(UPDATE_EMAIL, G.user.session, email );
 470         req.send(true);
 471         if(req.result()) {
 472                 G.user.usrname(email);
 473                 hideMe($('myopac_update_email_row'));
 474                 userShown = false;
 475                 myOPACShowSummary();
 476                 return;
 477         }
 478
 479         alert($('myopac_email_failure').innerHTML);
 480 }
 481
 482
 483 function myOPACUpdatePassword() {
 484         var curpassword = $('myopac_current_password').value;
 485         var password = $('myopac_new_password').value;
 486         var password2 = $('myopac_new_password2').value;
 487
 488         if(     curpassword == null || curpassword == "" ||
 489                         password == null || password == "" ||
 490                         password2 == null || password2 == "" || password != password2 ) {
 491                 alert($('myopac_password_error').innerHTML);
 492                 return;
 493         }
 494
 495         var req = new Request(UPDATE_PASSWORD, G.user.session, password, curpassword );
 496         req.send(true);
 497         if(req.result()) {
 498                 G.user.usrname(password);
 499                 hideMe($('myopac_update_password_row'));
 500                 userShown = false;
 501                 myOPACShowSummary();
 502                 return;
 503         }
 504
 505         alert($('myopac_password_failure').innerHTML);
 506 }
 507
 508
 509
 510