X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/fa0414cf62aaa1e72c02b1b12567dddfcfcd12d2..b382b5de96bef3774c62d6056e8b3bf3cfca0971:/wolnelektury/static/js/catalogue.js diff --git a/wolnelektury/static/js/catalogue.js b/wolnelektury/static/js/catalogue.js index a76215aa5..6e0f562fb 100644 --- a/wolnelektury/static/js/catalogue.js +++ b/wolnelektury/static/js/catalogue.js @@ -3,49 +3,49 @@ var LOCALE_TEXTS = { "DELETE_SHELF": "Czy na pewno usunąć półkę", "HIDE_DESCRIPTION": "Zwiń opis", "EXPAND_DESCRIPTION": "Rozwiń opis", - "LOADING": "Ładowanie" + "LOADING": "Ładowanie" }, "de": { "DELETE_SHELF": "Translate me!", "HIDE_DESCRIPTION": "Translate me!", "EXPAND_DESCRIPTION": "Translate me!", - "LOADING": "Translate me!" + "LOADING": "Translate me!" }, "fr": { "DELETE_SHELF": "Translate me!", "HIDE_DESCRIPTION": "Translate me!", "EXPAND_DESCRIPTION": "Translate me!", - "LOADING": "Translate me!" + "LOADING": "Translate me!" }, "en": { "DELETE_SHELF": "Translate me!", "HIDE_DESCRIPTION": "Translate me!", "EXPAND_DESCRIPTION": "Translate me!", - "LOADING": "Translate me!" - }, + "LOADING": "Translate me!" + }, "ru": { "DELETE_SHELF": "Translate me!", "HIDE_DESCRIPTION": "Translate me!", "EXPAND_DESCRIPTION": "Translate me!", - "LOADING": "Translate me!" + "LOADING": "Translate me!" }, "es": { "DELETE_SHELF": "Translate me!", "HIDE_DESCRIPTION": "Translate me!", "EXPAND_DESCRIPTION": "Translate me!", - "LOADING": "Translate me!" + "LOADING": "Translate me!" }, "lt":{ "DELETE_SHELF": "Translate me!", "HIDE_DESCRIPTION": "Translate me!", "EXPAND_DESCRIPTION": "Translate me!", - "LOADING": "Translate me!" + "LOADING": "Translate me!" }, "uk":{ "DELETE_SHELF": "Translate me!", "HIDE_DESCRIPTION": "Translate me!", "EXPAND_DESCRIPTION": "Translate me!", - "LOADING": "Translate me!" + "LOADING": "Translate me!" } } var BANNER_TEXTS = [ @@ -85,7 +85,7 @@ function changeBannerText() { $(this).html(BANNER_TEXTS[index]); $(this).fadeIn('slow'); }); - + setTimeout(changeBannerText, 30 * 1000); } } @@ -93,34 +93,35 @@ function changeBannerText() { function autocomplete_result_handler(event, item) { $(event.target).closest('form').submit(); } -function serverTime() { - var time = null; - $.ajax({url: '/katalog/zegar/', - async: false, dataType: 'text', - success: function(text) { +function serverTime() { + var time = null; + $.ajax({url: '/katalog/zegar/', + async: false, dataType: 'text', + success: function(text) { time = new Date(text); }, error: function(http, message, exc) { - time = new Date(); - }}); - return time; + time = new Date(); + }}); + return time; } (function($) { $(function() { + $('form input').labelify({labelledClass: 'blur'}); - + target = $('#login-register-window div.target'); - + $('#show-registration-form').click(function() { $('#login-form').hide(); $('#registration-form').show(); }); - + $('#show-login-form').click(function() { $('#registration-form').hide(); $('#login-form').show(); }); - + // Fragments $('.fragment-text').each(function() { if ($(this).prev().filter('.fragment-short-text').length) { @@ -135,7 +136,7 @@ function serverTime() { }) } }); - + $('.fragment-short-text').click(function() { $(this).fadeOut(function() { $(this).next().fadeIn() }); return false; @@ -143,21 +144,21 @@ function serverTime() { function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); }, function() { $(this).css({background: '#FFF'}); } ); - + $('.show-all-tags').click(function() { - $(this).parent().parent().fadeOut(function() { + $(this).parent().parent().fadeOut(function() { $(this).next().fadeIn(); }); return false; }); - + $('.hide-all-tags').click(function() { $(this).parent().parent().fadeOut(function() { $(this).prev().fadeIn(); }); - return false; + return false; }); - + $('#registration-form').ajaxForm({ dataType: 'json', beforeSubmit: function() { @@ -178,7 +179,7 @@ function serverTime() { } } }); - + $('#login-form').ajaxForm({ dataType: 'json', beforeSubmit: function() { @@ -199,7 +200,7 @@ function serverTime() { } } }); - + $('#login-register-window').jqm({ target: target[0], overlay: 60, @@ -211,7 +212,7 @@ function serverTime() { hash.w.show(); } }); - + $('ul.shelf-list li').hover(function() { $(this).css({background: '#EEE', cursor: 'pointer'}); }, function() { @@ -219,8 +220,8 @@ function serverTime() { }).click(function() { location.href = $('a.visit-shelf', this).attr('href'); }); - - $('.delete-shelf').click(function() { + + $('.delete-shelf').click(function() { var link = $(this); var shelf_name = $('.visit-shelf', link.parent()).text(); if (confirm(LOCALE_TEXTS[LANGUAGE_CODE]['DELETE_SHELF']+ ' '+ shelf_name + '?')) { @@ -230,7 +231,7 @@ function serverTime() { } return false; }); - + $('#user-shelves-window').jqm({ ajax: '@href', target: $('#user-shelves-window div.target')[0], @@ -242,14 +243,14 @@ function serverTime() { $('div.header', hash.w).css({width: $(hash.t).width()}); hash.w.show(); }, - onLoad: function(hash) { + onLoad: function(hash) { $('form', hash.w).ajaxForm({ target: $('#user-shelves-window div.target'), success: function() { setTimeout(function() { $('#user-shelves-window').jqmHide() }, 1000) } }); - + $('input', hash.w).labelify({labelledClass: 'blur'}); - + $('ul.shelf-list li', hash.w).hover(function() { $(this).css({background: '#EEE', cursor: 'pointer'}); }, function() { @@ -257,7 +258,7 @@ function serverTime() { }).click(function() { location.href = $('a.visit-shelf', this).attr('href'); }); - + $('.delete-shelf').click(function() { var link = $(this); var shelf_name = $('.visit-shelf', link.parent()).text(); @@ -282,7 +283,7 @@ function serverTime() { $('div.header', hash.w).css({width: $(hash.t).width()}); hash.w.show(); }, - onLoad: function(hash) { + onLoad: function(hash) { $('form', hash.w).ajaxForm({ dataType: 'json', target: $('#suggest-window div.target'), @@ -303,26 +304,50 @@ function serverTime() { }); } }); - + $('#books-list .book').hover( function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); }, function() { $(this).css({background: '#FFF'}); } ).click(function() { location.href = $('h2 a', this).attr('href'); }); - - $('#toggle-description').hover( - function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); }, - function() { $(this).css({background: '#EEE'}); } - ).click(function() { - if ($('#description').hasClass('hidden')) { - $('#description').animate({"height": $('#description').attr("box_h")+'px'}, {duration: "fast" }).removeClass('hidden'); - $('p', this).html(LOCALE_TEXTS[LANGUAGE_CODE]['HIDE_DESCRIPTION'] + ' ▲'); - } else { - $('#description').animate({"height": '4em'}, {duration: "fast" }).addClass('hidden'); - $('p', this).html(LOCALE_TEXTS[LANGUAGE_CODE]['EXPAND_DESCRIPTION'] + ' ▼'); - } - }); + + function toggled_by_slide(cont, short_el, long_el, button, short_text, long_text) { + function toggle(cont, short_el, long_el, button, short_text, long_text) { + if (cont.hasClass('short')) { + cont.animate({"height": long_el.attr("cont_h")+'px'}, {duration: "fast" }).removeClass('short'); + short_el.hide(); + long_el.show(); + button.html(long_text); + } else { + cont.animate({"height": short_el.attr("cont_h")+'px'}, {duration: "fast" }).addClass('short'); + long_el.hide(); + short_el.show(); + button.html(short_text); + } + } + long_el.attr("cont_h", cont.height()).hide(); + short_el.show().attr("cont_h", cont.height()); + cont.addClass('short'); + button.html(short_text); + button.hover( + function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); }, + function() { $(this).css({background: '#EEE'}); } + ).click(function(){ + toggle(cont, short_el, long_el, button, short_text, long_text) + }); + cont.hover( + function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); }, + function() { $(this).css({background: '#FFF'}); } + ).click(function(){ + toggle(cont, short_el, long_el, button, short_text, long_text) + }) + } + toggled_by_slide($('#description'), $('#description-short'), $('#description-long'), + $('#toggle-description p'), + LOCALE_TEXTS[LANGUAGE_CODE]['EXPAND_DESCRIPTION']+' ▼', + LOCALE_TEXTS[LANGUAGE_CODE]['HIDE_DESCRIPTION'] + ' ▲' + ); $('#toggle-share-shelf').hover( function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); }, @@ -336,24 +361,33 @@ function serverTime() { }); var target = $('#set-window div.target'); - + $('#set-window').jqm({ - ajax: '@href', + ajax: '@href', target: target[0], overlay: 60, - trigger: 'a.jqm-trigger', - onShow: function(hash) { + trigger: 'a.jqm-trigger', + onShow: function(hash) { var offset = $(hash.t).offset(); target.html('

'+LOCALE_TEXTS[LANGUAGE_CODE]['DELETE_SHELF']+'

'); hash.w.css({position: 'absolute', left: offset.left, top: offset.top}).show() }, - onLoad: function(hash) { + onLoad: function(hash) { + try { + $('#createShelfTrigger').click(function(){ + $('#createNewShelf').show(); + }); + } catch (e){} + $('form', hash.w).ajaxForm({ target: target, - success: function() { setTimeout(function() { $('#set-window').jqmHide() }, 1000) } + success: function() { + setTimeout(function() { + $('#set-window').jqmHide(); + }, 1000)} }); } }); - + $('a.remove-from-shelf').click(function(event) { event.preventDefault(); link = $(this); @@ -361,22 +395,18 @@ function serverTime() { link.parent().remove(); }); }); - - $('#description').attr("box_h", $('#description').height()); - $('#description').css("height", '4em').addClass('hidden'); - $('#toggle-description p').html(LOCALE_TEXTS[LANGUAGE_CODE]['EXPAND_DESCRIPTION']+' ▼'); - + $('#share-shelf').hide().addClass('hidden'); $('#share-shelf input').focus(function(){this.select();}); - + $('#user-info').show(); changeBannerText(); $('#onepercent-banner').show(); - + var formatsDownloaded = false; $('#download-shelf').click(function() { $('#download-shelf-menu').slideDown('fast'); - + if (!formatsDownloaded) { // Get info about the formats formatsDownloaded = true; @@ -405,7 +435,7 @@ function serverTime() { } return false; }); - + $('#download-formats-form-cancel').click(function() { $('#download-shelf-menu').slideUp('fast'); return false;