fix
[wolnelektury.git] / wolnelektury / static / js / catalogue.js
1 var STATIC = '/static/';
2 var LOCALE_TEXTS = {
3     "pl": {
4         "DELETE_SHELF": "Czy na pewno usunąć półkę",
5         "HIDE_DESCRIPTION": "Zwiń opis",
6         "EXPAND_DESCRIPTION": "Rozwiń opis",
7         "LOADING": "Ładowanie"
8     },
9     "de": {
10         "DELETE_SHELF": "Möchtest du wirklich dieses Bücherregal entfernen?",
11         "HIDE_DESCRIPTION": "Beschreibung zuklappen",
12         "EXPAND_DESCRIPTION": "Beschreibung aufklappen",
13         "LOADING": "Herunterladen"
14     },
15     "fr": {
16         "DELETE_SHELF": "Voulez-vous supprimer l'étagère  définitivement?",
17         "HIDE_DESCRIPTION": "Montrer la description",
18         "EXPAND_DESCRIPTION": "Cacher la description",
19         "LOADING": "Chargement"
20     },
21     "en": {
22         "DELETE_SHELF": "Are you sure you want to delete this shelf?",
23         "HIDE_DESCRIPTION": "Hide",
24         "EXPAND_DESCRIPTION": "Expand",
25         "LOADING": "Loading"
26     },
27     "ru": {
28         "DELETE_SHELF": "Уверены ли вы том, чтобы удалить полку?",
29         "HIDE_DESCRIPTION": "Свернуть описание",
30         "EXPAND_DESCRIPTION": "Раскрыть описание",
31         "LOADING": "Загрузка"
32     },
33     "es": {
34         "DELETE_SHELF": "¿Estás seguro que quieres borrar este estante?",
35         "HIDE_DESCRIPTION": "Esconder la descripción",
36         "EXPAND_DESCRIPTION": "Ampliar la descripción",
37         "LOADING": "Cargando"
38     },
39     "lt":{
40         "DELETE_SHELF": "Ar tikrai nori pašalinti lentną?",
41         "HIDE_DESCRIPTION": "Suvyniok aprašymą ",
42         "EXPAND_DESCRIPTION": "Išplėsk aprašymą",
43         "LOADING": "Krovimas"
44     },
45     "uk":{
46         "DELETE_SHELF": "Ви впевнені, що хочете видалити полицю?",
47         "HIDE_DESCRIPTION": "Сховати опис",
48         "EXPAND_DESCRIPTION": "Показати опис",
49         "LOADING": "Завантажується"
50     }
51 }
52 var BANNER_TEXTS = [
53     'Przekaż 1% żeby ukryć ten baner.',
54     'Jak dobrze wydać 1% swojego podatku? <strong>Poradnik dla opornych</strong>.',
55     'Wiadomość systemowa: wystąpił błąd brak funduszy. Wykonaj procedurę 1%.',
56     '<strong>FREE!</strong> Wygraj darmowe lektury!',
57     'Confidential business offer. Not scam! 1% for you.',
58     'Biblioteka Wolne Lektury wymaga aktualizacji. Kliknij dalej.',
59     '1000 lektur. <strong>1 procent</strong>.',
60     '1% dla biblioteki lektur szkolnych. 1% dla Twojej biblioteki.',
61     '1% na lektury szkolne.',
62     '1% dla wolności lektur szkolnych.',
63     'Podaruj Jeden Procent na rzecz szkolnej biblioteki internetowej.',
64     '1% podatku dla biblioteki szkolnej Wolne Lektury.',
65     '1% na rzecz darmowego dostępu do szkolnych lektur.',
66     'Żeby czytać teksty a nie skany. Przekaż 1%.',
67     'Czytaj teksty a nie skany. Przekaż 1%',
68     'Motyw artysty w literaturze - 47 cytatów. Pomóż znaleźć następne.',
69     'Twój 1% uwolni więcej lektur.',
70     'Ponad 400 motywów, blisko 10 000 000 cytatów. Pomóż znaleźć następne. Przekaż swój 1%.',
71     'Twój 1% uwolni lektury.',
72     'Rozlicz swój PIT z Wolnymi Lekturami. Skorzystaj z darmowego programu do rozliczania podatków.',
73     'Lektury 2010: Pan Tadeusz, Trylogia.',
74     'Pan Tadeusz też chce być w Internecie! Przekaż 1% swojego podatku.',
75     'Pomóż uwolnić 286 utworów z listy lektur szkolnych. Przekaż swój 1% na Wolne Lektury.'
76 ]
77
78 function changeBannerText() {
79     var index = Math.floor(Math.random() * BANNER_TEXTS.length);
80     if (BANNER_TEXTS[index] == $('#onepercent-text').html()) {
81         // try again
82         changeBannerText();
83     } else {
84         $('#onepercent-text').fadeOut('slow', function() {
85             $(this).html(BANNER_TEXTS[index]);
86             $(this).fadeIn('slow');
87         });
88
89         setTimeout(changeBannerText, 30 * 1000);
90     }
91 }
92
93 function autocomplete_format_item(ul, item) {
94     return $("<li></li>").data('item.autocomplete', item)
95     .append('<a href="'+item.url+'">'+item.label+ ' ('+item.category+')</a>')
96     .appendTo(ul);
97 }
98
99 function autocomplete_result_handler(event, ui) {
100     if (ui.item.url != undefined) {
101         location.href = ui.item.url;
102     } else {
103         $(event.target).closest('form').submit();
104     }
105 }
106
107 function serverTime() {
108     var time = null;
109     $.ajax({url: '/katalog/zegar/',
110         async: false, dataType: 'text',
111         success: function(text) {
112             time = new Date(text);
113         }, error: function(http, message, exc) {
114             time = new Date();
115     }});
116     return time;
117 }
118
119 (function($) {
120     $(function() {
121
122         $.fn.toggle_slide = function(p) {
123             cont = $(this);
124             short_el = p['short_el'] || $(':first-child', this);
125             long_el = p['long_el'] || short_el.next();
126             button = p['button'];
127             short_text = p['short_text'],
128             long_text = p['long_text'];
129
130             var toggle_fun = function(cont, short_el, long_el, button, short_text, long_text) {
131                 var toggle = function() {
132                     if (cont.hasClass('short')) {
133                         cont.animate({"height": long_el.attr("cont_h")+'px'}, {duration: "fast" }).removeClass('short');
134                         short_el.hide();
135                         long_el.show();
136                         if (button && long_text) button.html(long_text);
137                     } else {
138                         cont.animate({"height": short_el.attr("cont_h")+'px'}, {duration: "fast" }).addClass('short');
139                         long_el.hide();
140                         short_el.show();
141                         if (button && short_text) button.html(short_text);
142                     }
143                     return false;
144                 }
145                 return toggle;
146             }
147             if (long_el.html().length <= short_el.html().length)
148                 return;
149
150             // ensure long element shown first
151             long_el.show();short_el.hide();
152             long_el.attr("cont_h", $(this).height()).hide();
153             short_el.show().attr("cont_h", $(this).height());
154             $(this).addClass('short');
155
156             if (button && short_text) button.html(short_text);
157             if (button) button.hover(
158                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
159                 function() { $(this).css({background: '#EEE'}); }
160             ).click(toggle_fun(cont, short_el, long_el, button, short_text, long_text));
161             short_el.hover(
162                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
163                 function() { $(this).css({background: '#FFF'}); }
164             ).click(toggle_fun(cont, short_el, long_el, button, short_text, long_text));
165             long_el.hover(
166                 function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
167                 function() { $(this).css({background: '#FFF'}); }
168             ).click(toggle_fun(cont, short_el, long_el, button, short_text, long_text));
169         };
170
171         $('form input').labelify({labelledClass: 'blur'});
172
173         target = $('#login-register-window div.target');
174
175         $('#show-registration-form').click(function() {
176             $('#login-form').hide();
177             $('#registration-form').show();
178         });
179
180         $('#show-login-form').click(function() {
181             $('#registration-form').hide();
182             $('#login-form').show();
183         });
184
185         // Fragments
186         $('.fragment-short-text').each(function() {
187             var fragment = $(this).closest('.fragment');
188             fragment.toggle_slide({
189                 short_el: $(this),
190                 long_el: fragment.find('.fragment-text')
191             })
192         });
193
194         $('.show-all-tags').click(function() {
195             $(this).parent().parent().fadeOut(function() {
196                 $(this).next().fadeIn();
197             });
198             return false;
199         });
200
201         $('.hide-all-tags').click(function() {
202            $(this).parent().parent().fadeOut(function() {
203                $(this).prev().fadeIn();
204            });
205            return false;
206         });
207
208         $('#registration-form').ajaxForm({
209             dataType: 'json',
210             beforeSubmit: function() {
211                 $('#registration-form input[type=submit]')
212                     .attr('disabled', 'disabled')
213                     .after('<img src="/static/img/indicator.gif" style="margin-left: 0.5em"/>');
214             },
215             success: function(response) {
216                 if (response.success) {
217                     location.reload(true);
218                 } else {
219                     $('#registration-form span.error').remove();
220                     $.each(response.errors, function(id, errors) {
221                         $('#id_registration-' + id).before('<span class="error">' + errors[0] + '</span>');
222                     });
223                     $('#registration-form input[type=submit]').removeAttr('disabled');
224                     $('#registration-form img').remove();
225                 }
226             }
227         });
228
229         $('#login-form').ajaxForm({
230             dataType: 'json',
231             beforeSubmit: function() {
232                 $('#login-form input[type=submit]')
233                     .attr('disabled', 'disabled')
234                     .after('<img src="/static/img/indicator.gif" style="margin-left: 0.5em"/>');
235             },
236             success: function(response) {
237                 if (response.success) {
238                     location.reload(true);
239                 } else {
240                     $('#login-form span.error').remove();
241                     $.each(response.errors, function(id, errors) {
242                         $('#id_login-' + id).before('<span class="error">' + errors[0] + '</span>');
243                     });
244                     $('#login-form input[type=submit]').removeAttr('disabled');
245                     $('#login-form img').remove();
246                 }
247             }
248         });
249
250         $('#login-register-window').jqm({
251             target: target[0],
252             overlay: 60,
253             trigger: '.login-register-link',
254             onShow: function(hash) {
255                 var offset = $(hash.t).offset();
256                 hash.w.css({position: 'absolute', left: offset.left - hash.w.width() + $(hash.t).width(), top: offset.top});
257                 $('div.header', hash.w).css({width: $(hash.t).width()});
258                 hash.w.show();
259             }
260         });
261
262         $('ul.shelf-list li').hover(function() {
263             $(this).css({background: '#EEE', cursor: 'pointer'});
264         }, function() {
265             $(this).css({background: 'transparent'});
266         }).click(function() {
267             location.href = $('a.visit-shelf', this).attr('href');
268         });
269
270         $('.delete-shelf').click(function() {
271             var link = $(this);
272             var shelf_name = $('.visit-shelf', link.parent()).text();
273             if (confirm(LOCALE_TEXTS[LANGUAGE_CODE]['DELETE_SHELF']+ ' '+ shelf_name + '?')) {
274                 $.post(link.attr('href'), function(data, textStatus) {
275                     link.parent().remove();
276                 });
277             }
278             return false;
279         });
280
281         var serverResponse;
282         $('#user-shelves-window').jqm({
283             ajax: '@href',
284             target: $('#user-shelves-window div.target')[0],
285             overlay: 60,
286             trigger: '#user-shelves-link',
287             onShow: function(hash) {
288                 var offset = $(hash.t).offset();
289                 hash.w.css({position: 'absolute', left: offset.left - hash.w.width() + $(hash.t).width(), top: offset.top});
290                 $('div.header', hash.w).css({width: $(hash.t).width()});
291                 hash.w.show();
292             },
293             onLoad: function(hash) {
294                 $('form', hash.w).ajaxForm({
295                     target: serverResponse,
296                     success: function(serverResponse) {
297                         var newShelf = $.parseJSON(serverResponse);
298                         $('#user-shelves-window div.target').html(newShelf.msg);
299                         setTimeout(function() { $('#user-shelves-window').jqmHide() }, 1000);
300                     }
301                 });
302
303                 $('input', hash.w).labelify({labelledClass: 'blur'});
304
305                 $('ul.shelf-list li', hash.w).hover(function() {
306                     $(this).css({background: '#EEE', cursor: 'pointer'});
307                 }, function() {
308                     $(this).css({background: 'transparent'});
309                 }).click(function() {
310                     location.href = $('a.visit-shelf', this).attr('href');
311                 });
312
313                 $('.delete-shelf').click(function() {
314                     var link = $(this);
315                     var shelf_name = $('.visit-shelf', link.parent()).text();
316                     if (confirm(LOCALE_TEXTS[LANGUAGE_CODE]['DELETE_SHELF'] + ' ' + shelf_name + '?')) {
317                         $.post(link.attr('href'), function(data, textStatus) {
318                             link.parent().remove();
319                         });
320                     }
321                     return false;
322                 });
323             }
324         });
325
326         $('#suggest-window').jqm({
327             ajax: '@href',
328             target: $('#suggest-window div.target')[0],
329             overlay: 60,
330             trigger: '#suggest-link',
331             onShow: function(hash) {
332                 var offset = $(hash.t).offset();
333                 hash.w.css({position: 'absolute', left: offset.left - hash.w.width() + $(hash.t).width(), top: offset.top});
334                 $('div.header', hash.w).css({width: $(hash.t).width()});
335                 hash.w.show();
336             },
337             onLoad: function(hash) {
338                 $('form', hash.w).ajaxForm({
339                     dataType: 'json',
340                     target: $('#suggest-window div.target'),
341                     success: function(response) {
342                         if (response.success) {
343                             $('#suggest-window div.target').text(response.message);
344                             setTimeout(function() { $('#suggest-window').jqmHide() }, 1000)
345                         }
346                         else {
347                             $('#suggest-form .error').remove();
348                             $.each(response.errors, function(id, errors) {
349                                 $('#suggest-form #id_' + id).before('<span class="error">' + errors[0] + '</span>');
350                             });
351                             $('#suggest-form input[type=submit]').removeAttr('disabled');
352                             return false;
353                         }
354                     }
355                 });
356             }
357         });
358
359         $('#suggest-publishing-window').jqm({
360             ajax: '@data-ajax',
361             target: $('#suggest-publishing-window div.target')[0],
362             overlay: 60,
363             trigger: '#suggest-publishing-link',
364             onShow: function(hash) {
365                 var offset = $(hash.t).offset();
366                 hash.w.css({position: 'absolute', left: offset.left - hash.w.width() + $(hash.t).width(), top: offset.top});
367                 $('div.header', hash.w).css({width: $(hash.t).width()});
368                 hash.w.show();
369             },
370             onLoad: function(hash) {
371                 $('form', hash.w).each(function() {this.action += '?ajax=1';});
372                 $('form', hash.w).ajaxForm({
373                     dataType: 'json',
374                     target: $('#suggest-publishing-window div.target'),
375                     success: function(response) {
376                         if (response.success) {
377                             $('#suggest-publishing-window div.target').text(response.message);
378                             setTimeout(function() { $('#suggest-publishing-window').jqmHide() }, 1000)
379                         }
380                         else {
381                             $('#suggest-publishing-form .error').remove();
382                             $.each(response.errors, function(id, errors) {
383                                 $('#suggest-publishing-form #id_' + id).before('<span class="error">' + errors[0] + '</span>');
384                             });
385                             $('#suggest-publishing-form input[type=submit]').removeAttr('disabled');
386                             return false;
387                         }
388                     }
389                 });
390             }
391         });
392
393         (function($this) {
394             $form = $('form', $this);
395             $form.each(function() {this.action += '?ajax=1';});
396             $form.ajaxForm({
397                 dataType: 'json',
398                 target: $this,
399                 success: function(response) {
400                     if (response.success) {
401                         $this.text(response.message);
402                     }
403                     else {
404                         $('.error', $form).remove();
405                         $.each(response.errors, function(id, errors) {
406                             $('#id_' + id, $form).before('<span class="error">' + errors[0] + '</span>');
407                         });
408                         $('input[type=submit]', $form).removeAttr('disabled');
409                         return false;
410                     }
411                 }
412             });
413         })($('.block-form'));
414         
415         $('#books-list .book').hover(
416             function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
417             function() { $(this).css({background: '#FFF'}); }
418         ).click(function() {
419             location.href = $('h2 a', this).attr('href');
420         });
421
422         $('#description').each(function(){$(this).toggle_slide({
423             long_el: $('#description-long', this),
424             short_el: $('#description-short', this),
425             button: $(this).nextAll('#toggle-description').first().find('p'),
426             long_text: LOCALE_TEXTS[LANGUAGE_CODE]['HIDE_DESCRIPTION'] + ' ▲',
427             short_text: LOCALE_TEXTS[LANGUAGE_CODE]['EXPAND_DESCRIPTION'] + ' ▼'
428         })});
429
430         $('#toggle-share-shelf').hover(
431             function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
432             function() { $(this).css({background: '#EEE'}); }
433         ).click(function() {
434             if ($('#share-shelf').hasClass('hidden')) {
435                 $('#share-shelf').slideDown('fast').removeClass('hidden');
436             } else {
437                 $('#share-shelf').slideUp('fast').addClass('hidden');
438             }
439         });
440
441         var target = $('#set-window div.target');
442
443         $('#set-window').jqm({
444             ajax: '@href',
445             target: target[0],
446             overlay: 60,
447             trigger: 'a.jqm-trigger',
448             onShow: function(hash) {
449                 var offset = $(hash.t).offset();
450                 target.html('<p><img src="/static/img/indicator.gif" />'+LOCALE_TEXTS[LANGUAGE_CODE]['DELETE_SHELF']+'</p>');
451                 hash.w.css({position: 'absolute', left: offset.left, top: offset.top}).show() },
452             onLoad: function(hash) {
453                 try {
454                         $('#createShelfTrigger').click(function(){
455                             // who cares it's not needed, but I was looking for it
456                             // that's why I want it to stay.. :) 
457                             // var slug = $(hash.t).attr('href').split("/")[3];
458                             $('#createNewShelf').show();
459                         });
460                 } catch (e){}
461                 var serverResponse;
462                 $('form', hash.w).ajaxForm({
463                     target: serverResponse,
464                     success: function(serverResponse) {
465                         var newShelf = $.parseJSON(serverResponse);
466                         // for live shelf adding
467                         if(newShelf.name){
468                             var noIds = $("#putOnShelf ol ul").children('li').length;
469                             $("#putOnShelf ol ul").prepend('<li><label for="id_set_ids_'+ noIds +'"><input name="set_ids" value="'+ newShelf.id +'" id="id_set_ids_'+ noIds +'" type="checkbox" checked="checked"> '+ newShelf.name +' (0)</label></li>');
470                             $("#createNewShelf ol input[name=name]").val("");
471                         }
472                         if(newShelf.after == "close"){
473                             setTimeout(function() {$('#set-window').jqmHide();}, 1000);
474                         }
475                     }
476                 });    
477             }
478         });
479
480         $('a.remove-from-shelf').click(function(event) {
481             event.preventDefault();
482             link = $(this);
483             $.post(link.attr('href'), function(data, textStatus) {
484                 link.parent().remove();
485             });
486         });
487
488         $('#share-shelf').hide().addClass('hidden');
489         $('#share-shelf input').focus(function(){this.select();});
490
491         $('#user-info').show();
492         changeBannerText();
493         $('#onepercent-banner').show();
494
495         var formatsDownloaded = false;
496         $('#download-shelf').click(function() {
497             $('#download-shelf-menu').slideDown('fast');
498
499             if (!formatsDownloaded) {
500                 // Get info about the formats
501                 formatsDownloaded = true;
502                 $.ajax({
503                     url: $('#download-formats-form').attr('data-formats-feed'),
504                     type: 'GET',
505                     dataType: 'json',
506                     complete: function() {
507                         $('#download-formats-form-submit').attr('disabled', null);
508                         $('#download-formats-form-submit-li img').remove();
509                         $('#updating-formats').fadeOut('fast', function() {
510                             $('#formats-updated').fadeIn('fast');
511                         });
512                     },
513                     success: function(data) {
514                         $('#download-formats-form li').each(function() {
515                             var item = $(this);
516                             if (!!item.attr('data-format') && !data[item.attr('data-format')]) {
517                                 item.fadeOut('fast', function() {
518                                     item.remove();
519                                 });
520                             }
521                         });
522                     }
523                 });
524             }
525             return false;
526         });
527
528         $('#download-formats-form-cancel').click(function() {
529             $('#download-shelf-menu').slideUp('fast');
530             return false;
531         });
532
533         $('.sponsor-logos').cycle({timeout: 3000});
534
535         $('.widget-code').focus(
536             function(){
537                 $(this).animate({rows: '11'}, 100, function(){
538                     this.select();
539                     $(this).click(function(){
540                         this.select();
541                     });
542                 })
543                 
544             } 
545         ).blur(
546             function(){
547                 $(this).animate({rows: '1'}, 300, function(){
548                     $(this).unbind('click');
549                 })
550             } 
551         );
552         
553         $('.book-list-index').click(function(){
554             $('.book-list-show-index').hide('slow');
555             if($(this).parent().next('ul:not(:hidden)').length == 0){
556                 $(this).parent().next('ul').toggle('slow');
557             }
558             return false;
559         });
560
561         // player for audiobooks
562  
563         // event handlers for playing different formats
564         $('.audiotabs span').click(function(){
565             $('.audiobook-list').hide();
566             $('.audiotabs .active').removeClass('active');
567             // we don't want to interact with "audiobook" label, just 'format' tabs
568             var $this = $(this);
569             $this.addClass("active");
570             $("#"+$this.attr('data-format')+"-files").show();
571         });
572
573         $('.audiobook-list').hide();
574         if($(".audiotabs .active").length > 0) {
575             $("#"+$(".audiotabs .active").html().toLowerCase()+"-files").show();
576         }
577         
578         /* this will be useful for javascript html player
579         var medias = $('.audiobook-list a');
580         var mp3List = [];
581         var oggList = [];
582         var daisyList = [];
583         var tmpExt;
584         if (medias.length > 0) {
585             // creating sources list for player
586             medias.each(function(index, item) {
587                 tmpExt = item.href.split(".").pop();    
588                 if(tmpExt == "mp3") {
589                     mp3List.push(item.href);
590                 } else if (tmpExt == "ogg") {
591                     oggList.push(item.href);
592                 } else if(tmpExt == "daisy") {
593                     daisyList.push(item.href);
594                 }
595             }); 
596         }*/       
597         $("#custom-pdf-link").toggle(
598             function(ev) { $(".custom-pdf").show(); return false; },
599             function(ev) { $(".custom-pdf").hide(); return false; }
600         );
601     });
602 })(jQuery)
603