]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/web/opac/skin/default/js/myopac.js
bookbag view now has a home
[Evergreen.git] / 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                 if(type == 'circulation') {
359                         unHideMe($('accrue_explanation'));
360                         unHideMe($n(row, 'myopac_trans_balance_recur'));
361                 }
362                 $n(row,'myopac_trans_type').appendChild(text(type));
363                 if( type == "circulation" ) extra = record.title();
364                 $n(row, 'myopac_trans_extra').appendChild(text(extra));
365
366                 tbody.appendChild(row);
367         }
368 }
369
370 function myOPACSavePrefs() {
371         G.user.prefs[PREF_HITS_PER] = getSelectorVal($('prefs_hits_per'));
372         if(commitUserPrefs())
373                 alert($('prefs_update_success').innerHTML);
374         else alert($('prefs_update_failure').innerHTML);
375 }
376
377
378 function myOPACShowPrefs() {
379         grabUserPrefs();
380         myOPACShowHitsPer();
381         hideMe($('myopac_prefs_loading'));
382         unHideMe($('myopac_prefs_row'));
383 }
384
385 function myOPACShowHitsPer() {
386         var hits = 10;
387         if(G.user.prefs[PREF_HITS_PER])
388                 hits = G.user.prefs[PREF_HITS_PER];
389         var hitsSel = $('prefs_hits_per');
390         setSelector(hitsSel, hits);
391 }
392
393 var userShown = false;
394 function myOPACShowSummary() {
395         if(userShown) return; userShown = true;
396         var req = new Request(FETCH_FLESHED_USER,G.user.session, G.user.id());
397         req.callback(_myOPACSummaryShowUer);
398         req.send();
399 }
400
401 var addrRowTemplate;
402 function _myOPACSummaryShowUer(r) {
403
404         var user = r.getResultObject();
405         fleshedUser = user;
406
407         appendClear($('myopac_summary_first'),text(user.first_given_name()));
408         appendClear($('myopac_summary_middle'),text(user.second_given_name()));
409         appendClear($('myopac_summary_dayphone'),text(user.day_phone()));
410         appendClear($('myopac_summary_eveningphone'),text(user.evening_phone()));
411         appendClear($('myopac_summary_otherphone'),text(user.other_phone()));
412         appendClear($('myopac_summary_last'),text(user.family_name()));
413         appendClear($('myopac_summary_username'),text(user.usrname()));
414         appendClear($('myopac_summary_email'),text(user.email()));
415         appendClear($('myopac_summary_barcode'),text(user.card().barcode()));
416         appendClear($('myopac_summary_ident1'),text(user.ident_value()));
417         appendClear($('myopac_summary_ident2'),text(user.ident_value2()));
418         appendClear($('myopac_summary_homelib'),text(findOrgUnit(user.home_ou()).name()));
419         appendClear($('myopac_summary_create_date'),text(user.create_date()));
420
421         var tbody = $('myopac_addr_tbody');
422         var template;
423
424         if(addrRowTemplate) { 
425                 template = addrRowTemplate;
426         } else {
427                 template = tbody.removeChild($('myopac_addr_row'));
428                 addrRowTemplate = template;
429         }
430         removeChildren(tbody);
431
432         for( var a in user.addresses() ) {
433                 var row = template.cloneNode(true);
434                 myOPACDrawAddr(row, user.addresses()[a]);
435                 tbody.appendChild(row);
436         }
437 }
438
439 function myOPACDrawAddr(row, addr) {
440
441         appendClear($n(row, 'myopac_addr_type'),text(addr.address_type()));
442         var street = (addr.street2()) ? addr.street1() + ", " + addr.street2() : addr.street1();
443         appendClear($n(row, 'myopac_addr_street'),text(street));
444         appendClear($n(row, 'myopac_addr_city'),text(addr.city()));
445         appendClear($n(row, 'myopac_addr_county'),text(addr.county()));
446         appendClear($n(row, 'myopac_addr_state'),text(addr.state()));
447         appendClear($n(row, 'myopac_addr_zip'),text(addr.post_code()));
448 }
449
450
451 function myOPACUpdateUsername() {
452         var username = $('myopac_new_username').value;
453         if(username == null || username == "") {
454                 alert($('myopac_username_error').innerHTML);
455                 return;
456         }
457         var req = new Request(UPDATE_USERNAME, G.user.session, username );
458         req.send(true);
459         if(req.result()) {
460
461                 var evt;
462                 if(evt = checkILSEvent(req.result())) {
463                         alertILSEvent(evt);
464                         return;
465                 }
466
467                 G.user.usrname(username);
468                 hideMe($('myopac_update_username_row'));
469                 userShown = false;
470                 myOPACShowSummary();
471                 return;
472         }
473
474         alert($('myopac_username_failure').innerHTML);
475 }
476
477 function myOPACUpdateEmail() {
478         var email = $('myopac_new_email').value;
479         if(email == null || email == "") {
480                 alert($('myopac_email_error').innerHTML);
481                 return;
482         }
483
484         var req = new Request(UPDATE_EMAIL, G.user.session, email );
485         req.send(true);
486         if(req.result()) {
487                 G.user.usrname(email);
488                 hideMe($('myopac_update_email_row'));
489                 userShown = false;
490                 myOPACShowSummary();
491                 return;
492         }
493
494         alert($('myopac_email_failure').innerHTML);
495 }
496
497
498 function myOPACUpdatePassword() {
499         var curpassword = $('myopac_current_password').value;
500         var password = $('myopac_new_password').value;
501         var password2 = $('myopac_new_password2').value;
502
503         if(     curpassword == null || curpassword == "" || 
504                         password == null || password == "" || 
505                         password2 == null || password2 == "" || password != password2 ) {
506                 alert($('myopac_password_error').innerHTML);
507                 return;
508         }
509
510         var req = new Request(UPDATE_PASSWORD, G.user.session, password, curpassword );
511         req.send(true);
512         if(req.result()) {
513                 G.user.usrname(password);
514                 hideMe($('myopac_update_password_row'));
515                 userShown = false;
516                 myOPACShowSummary();
517                 return;
518         }
519
520         alert($('myopac_password_failure').innerHTML);
521 }
522
523
524
525
526 var containerTemplate;
527 function myOPACShowBookbags(force) {
528
529         var tbody =$('myopac_bookbag_tbody') ;
530
531         if(!containerTemplate) 
532                 containerTemplate = tbody.removeChild($('myopac_bookbag_tr'));
533         else if(!force) return;
534
535         removeChildren(tbody);
536
537         var containers = containerFetchAll();
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                 var dlink = $n(row, 'myopac_container_delete');
547                 link.appendChild( text(cont.name()) );
548                 link.setAttribute('href', 
549                         'javascript:myOPACExpandBookbag("' + cont.id() + '","' + cont.name() + '");');
550                 myOPACFetchBBItems( cont.id(), row );
551                 dlink.setAttribute('href', 'javascript:myOPACDeleteBookbag("'+cont.id()+'");');
552
553                 if( cont.public() ) {
554                         unHideMe($n(row, 'myopac_bb_published_yes'));
555                         var link = $n(row, 'myopac_bb_published_view');
556                         link.setAttribute('href', buildExtrasLink( 'bbags.xml?bb='+cont.id(), false));  
557                         link.setAttribute('target', '_blank' );
558                         unHideMe(link);
559
560                 } else { 
561                         unHideMe($n(row, 'myopac_bb_published_no')); 
562                 }
563
564                 tbody.appendChild(row); 
565         }
566
567         if(!found) unHideMe($('myopac_bookbags_none'));
568         else unHideMe($('myopac_bookbag_table'));       
569 }
570
571 function myOPACDeleteBookbag(id) {
572         if( confirm( $('myopac_delete_bookbag_warn').innerHTML ) ) {
573                 var result = containerDelete(id);
574                 var code = checkILSEvent(result);
575                 if(code) { alertILSEvent(code); return; }
576                 hideMe($('myopac_bookbag_items_table'));
577                 hideMe($('myopac_bookbag_items_name'));
578                 hideMe($('myopac_bookbag_no_items'));
579                 myOPACShowBookbags(true);
580         }
581 }
582
583 function myOPACFetchBBItems( id, row, block ) {
584         if(!block) {
585                 containerFlesh( id, _myOPACSetBBItems, { row: row }  );
586         } else {
587                 var cont = containerFlesh(id);
588                 myOPACSetBBItems( cont, row );
589         }
590 }
591
592 function _myOPACSetBBItems(r) { myOPACSetBBItems( r.getResultObject(), r.args.row ); }
593
594 function myOPACSetBBItems( container, row ) {
595         fleshedContainers[container.id()] = container;
596         var node = $n(row, 'myopac_bookbag_item_count');
597         removeChildren(node);
598         node.appendChild( text(container.items().length) );
599 }
600
601 var BBItemsRow;
602 function myOPACExpandBookbag( id, name ) {
603         
604         var tbody = $('myopac_bookbag_items_tbody');
605         if(!BBItemsRow) BBItemsRow = tbody.removeChild($('myopac_bookbag_items_row'));
606         removeChildren(tbody);
607         removeChildren($('myopac_bookbag_items_name'));
608
609         $('myopac_bookbag_items_name').appendChild(text(name));
610
611         if( fleshedContainers[id] ) {
612                 var len = fleshedContainers[id].items().length;
613
614                 if( len == 0 ) {
615                         unHideMe($('myopac_bookbag_no_items'));
616                         hideMe($('myopac_bookbag_items_table'));
617                         return;
618                 }
619
620                 hideMe($('myopac_bookbag_no_items'));
621                 unHideMe($('myopac_bookbag_items_table'));
622
623                 for( var i = 0; i != len; i++ ) {
624                         var row = BBItemsRow.cloneNode(true);
625                         found = true;
626
627                         var item = fleshedContainers[id].items()[i];
628                         var tlink = $n(row,'myopac_bookbag_items_title');
629                         var alink = $n(row,'myopac_bookbag_items_author');
630
631                         var req = new Request( FETCH_RMODS, item.target_biblio_record_entry() );
632                         req.request.tlink = tlink;
633                         req.request.alink = alink;
634                         req.callback(myOPACShowBBItem);
635                         req.send();
636
637                         var clink = $n(row, 'myopac_bookbag_items_remove');
638                         clink.setAttribute('href', 'javascript:myOPACRemoveBBItem("'+item.id()+'","'+id+'","'+name+'");');
639
640                         tbody.appendChild(row);
641                 }
642         }
643 }
644
645 function myOPACRemoveBBItem( id, containerid, container_name ) {
646         containerRemoveItem( id );
647         myOPACFetchBBItems( containerid, $('myopac_bookbag_row_' + containerid), true);
648         myOPACExpandBookbag( containerid, container_name );
649 }
650
651 function myOPACShowBBItem(r) {
652         var record = r.getResultObject();
653         buildTitleDetailLink(record, r.tlink);
654         buildSearchLink(STYPE_AUTHOR, record.author(), r.alink);
655 }
656
657 function myOPACCreateBookbag() {
658         var name = $('myopac_bookbag_new_name').value;  
659         if(!name) return;
660         var result = containerCreate( name, $('bb_public_yes').checked );
661         var code = checkILSEvent(result);
662         if(code) { alertILSEvent(code); return; }
663         myOPACShowBookbags(true);
664 }
665
666