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