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