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