Merge remote branch 'klitynski/master'

[wolnelektury.git] / wolnelektury / static / js / catalogue.js

diff --git a/wolnelektury/static/js/catalogue.js b/wolnelektury/static/js/catalogue.js
index 83edbc9..dc7297f 100644 (file)
--- a/wolnelektury/static/js/catalogue.js
+++ b/wolnelektury/static/js/catalogue.js
@@ -1,3 +1,53 @@
+var LOCALE_TEXTS = {
+    "pl": {
+        "DELETE_SHELF": "Czy na pewno usunąć półkę",
+        "HIDE_DESCRIPTION": "Zwiń opis",
+        "EXPAND_DESCRIPTION": "Rozwiń opis",
+        "LOADING": "Ładowanie"
+    },
+    "de": {
+        "DELETE_SHELF": "Möchtest du wirklich dieses Bücherregal entfernen?",
+        "HIDE_DESCRIPTION": "Beschreibung zuklappen",
+        "EXPAND_DESCRIPTION": "Beschreibung aufklappen",
+        "LOADING": "Herunterladen"
+    },
+    "fr": {
+        "DELETE_SHELF": "Voulez-vous supprimer l'étagère  définitivement?",
+        "HIDE_DESCRIPTION": "Montrer la description",
+        "EXPAND_DESCRIPTION": "Cacher la description",
+        "LOADING": "Chargement"
+    },
+    "en": {
+        "DELETE_SHELF": "Are you sure you want to delete this shelf?",
+        "HIDE_DESCRIPTION": "Hide",
+        "EXPAND_DESCRIPTION": "Expand",
+        "LOADING": "Loading"
+    },
+    "ru": {
+        "DELETE_SHELF": "Уверены ли вы том, чтобы удалить полку?",
+        "HIDE_DESCRIPTION": "Свернуть описание",
+        "EXPAND_DESCRIPTION": "Раскрыть описание",
+        "LOADING": "Загрузка"
+    },
+    "es": {
+        "DELETE_SHELF": "Translate me!",
+        "HIDE_DESCRIPTION": "Translate me!",
+        "EXPAND_DESCRIPTION": "Translate me!",
+        "LOADING": "Translate me!"
+    },
+    "lt":{
+        "DELETE_SHELF": "Ar tikrai nori pašalinti lentną?",
+        "HIDE_DESCRIPTION": "Suvyniok aprašymą ",
+        "EXPAND_DESCRIPTION": "Išplėsk aprašymą",
+        "LOADING": "Krovimas"
+    },
+    "uk":{
+        "DELETE_SHELF": "Translate me!",
+        "HIDE_DESCRIPTION": "Translate me!",
+        "EXPAND_DESCRIPTION": "Translate me!",
+        "LOADING": "Translate me!"
+    }
+}

 var BANNER_TEXTS = [
     'Przekaż 1% żeby ukryć ten baner.',
     'Jak dobrze wydać 1% swojego podatku? <strong>Poradnik dla opornych</strong>.',
 var BANNER_TEXTS = [
     'Przekaż 1% żeby ukryć ten baner.',
     'Jak dobrze wydać 1% swojego podatku? <strong>Poradnik dla opornych</strong>.',


@@ -9,9 +59,9 @@ var BANNER_TEXTS = [
     '1% dla biblioteki lektur szkolnych. 1% dla Twojej biblioteki.',
     '1% na lektury szkolne.',
     '1% dla wolności lektur szkolnych.',
     '1% dla biblioteki lektur szkolnych. 1% dla Twojej biblioteki.',
     '1% na lektury szkolne.',
     '1% dla wolności lektur szkolnych.',

-    'Podaruj Jeden Procent na rzecz szkolnej biblioteki internetowej',
+    'Podaruj Jeden Procent na rzecz szkolnej biblioteki internetowej.',

     '1% podatku dla biblioteki szkolnej Wolne Lektury.',
     '1% podatku dla biblioteki szkolnej Wolne Lektury.',

-    '1% na rzecz darmowego dostępu do szkolnych lektur',
+    '1% na rzecz darmowego dostępu do szkolnych lektur.',

     'Żeby czytać teksty a nie skany. Przekaż 1%.',
     'Czytaj teksty a nie skany. Przekaż 1%',
     'Motyw artysty w literaturze - 47 cytatów. Pomóż znaleźć następne.',
     'Żeby czytać teksty a nie skany. Przekaż 1%.',
     'Czytaj teksty a nie skany. Przekaż 1%',
     'Motyw artysty w literaturze - 47 cytatów. Pomóż znaleźć następne.',


@@ -35,63 +85,115 @@ function changeBannerText() {
             $(this).html(BANNER_TEXTS[index]);
             $(this).fadeIn('slow');
         });
             $(this).html(BANNER_TEXTS[index]);
             $(this).fadeIn('slow');
         });

-        
+

         setTimeout(changeBannerText, 30 * 1000);
     }
 }
 
         setTimeout(changeBannerText, 30 * 1000);
     }
 }
 

+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) {
+            time = new Date(text);
+        }, error: function(http, message, exc) {
+            time = new Date();
+    }});
+    return time;
+}

 
 (function($) {
     $(function() {
 
 (function($) {
     $(function() {

+
+        $.fn.toggle_slide = function(p) {
+            cont = $(this);
+            short_el = p['short_el'] || $(':first-child', this);
+            long_el = p['long_el'] || short_el.next();
+            button = p['button'];
+            short_text = p['short_text'],
+            long_text = p['long_text'];
+
+            var toggle_fun = function(cont, short_el, long_el, button, short_text, long_text) {
+                var toggle = function() {
+                    if (cont.hasClass('short')) {
+                        cont.animate({"height": long_el.attr("cont_h")+'px'}, {duration: "fast" }).removeClass('short');
+                        short_el.hide();
+                        long_el.show();
+                        if (button && long_text) button.html(long_text);
+                    } else {
+                        cont.animate({"height": short_el.attr("cont_h")+'px'}, {duration: "fast" }).addClass('short');
+                        long_el.hide();
+                        short_el.show();
+                        if (button && short_text) button.html(short_text);
+                    }
+                    return false;
+                }
+                return toggle;
+            }
+            if (long_el.html().length <= short_el.html().length)
+                return;
+
+            // ensure long element shown first
+            long_el.show();short_el.hide();
+            long_el.attr("cont_h", $(this).height()).hide();
+            short_el.show().attr("cont_h", $(this).height());
+            $(this).addClass('short');
+
+            if (button && short_text) button.html(short_text);
+            if (button) button.hover(
+                function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
+                function() { $(this).css({background: '#EEE'}); }
+            ).click(toggle_fun(cont, short_el, long_el, button, short_text, long_text));
+            short_el.hover(
+                function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
+                function() { $(this).css({background: '#FFF'}); }
+            ).click(toggle_fun(cont, short_el, long_el, button, short_text, long_text));
+            long_el.hover(
+                function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
+                function() { $(this).css({background: '#FFF'}); }
+            ).click(toggle_fun(cont, short_el, long_el, button, short_text, long_text));
+        };
+

         $('form input').labelify({labelledClass: 'blur'});
         $('form input').labelify({labelledClass: 'blur'});

-        
+

         target = $('#login-register-window div.target');
         target = $('#login-register-window div.target');

-        
+

         $('#show-registration-form').click(function() {
             $('#login-form').hide();
             $('#registration-form').show();
         });
         $('#show-registration-form').click(function() {
             $('#login-form').hide();
             $('#registration-form').show();
         });

-        
+

         $('#show-login-form').click(function() {
             $('#registration-form').hide();
             $('#login-form').show();
         });
         $('#show-login-form').click(function() {
             $('#registration-form').hide();
             $('#login-form').show();
         });

-        
+

         // Fragments
         // Fragments

-        $('.fragment-text').each(function() {
-            if ($(this).prev().filter('.fragment-short-text').length) {
-                $(this).hover(
-                    function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
-                    function() { $(this).css({background: '#FFF'}); }
-                ).click(function() {
-                    $(this).fadeOut(function() {
-                        $(this).prev().fadeIn()
-                    });
-                })
-            }
+        $('.fragment-short-text').each(function() {
+            var fragment = $(this).closest('.fragment');
+            fragment.toggle_slide({
+                short_el: $(this),
+                long_el: fragment.find('.fragment-text')
+            })

         });
         });

-        
-        $('.fragment-short-text').click(function() {
-            $(this).fadeOut(function() { $(this).next().fadeIn() });
-        }).hover(
-            function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
-            function() { $(this).css({background: '#FFF'}); }
-        );
-        
+

         $('.show-all-tags').click(function() {
         $('.show-all-tags').click(function() {

-            $(this).parent().parent().fadeOut(function() { 
+            $(this).parent().parent().fadeOut(function() {

                 $(this).next().fadeIn();
             });
             return false;
         });
                 $(this).next().fadeIn();
             });
             return false;
         });

-        
+

         $('.hide-all-tags').click(function() {
            $(this).parent().parent().fadeOut(function() {
                $(this).prev().fadeIn();
            });
         $('.hide-all-tags').click(function() {
            $(this).parent().parent().fadeOut(function() {
                $(this).prev().fadeIn();
            });

-           return false; 
+           return false;

         });
         });

-        
+

         $('#registration-form').ajaxForm({
             dataType: 'json',
             beforeSubmit: function() {
         $('#registration-form').ajaxForm({
             dataType: 'json',
             beforeSubmit: function() {


@@ -112,7 +214,7 @@ function changeBannerText() {
                 }
             }
         });
                 }
             }
         });

-        
+

         $('#login-form').ajaxForm({
             dataType: 'json',
             beforeSubmit: function() {
         $('#login-form').ajaxForm({
             dataType: 'json',
             beforeSubmit: function() {


@@ -133,7 +235,7 @@ function changeBannerText() {
                 }
             }
         });
                 }
             }
         });

-        
+

         $('#login-register-window').jqm({
             target: target[0],
             overlay: 60,
         $('#login-register-window').jqm({
             target: target[0],
             overlay: 60,


@@ -145,7 +247,7 @@ function changeBannerText() {
                 hash.w.show();
             }
         });
                 hash.w.show();
             }
         });

-        
+

         $('ul.shelf-list li').hover(function() {
             $(this).css({background: '#EEE', cursor: 'pointer'});
         }, function() {
         $('ul.shelf-list li').hover(function() {
             $(this).css({background: '#EEE', cursor: 'pointer'});
         }, function() {


@@ -153,18 +255,18 @@ function changeBannerText() {
         }).click(function() {
             location.href = $('a.visit-shelf', this).attr('href');
         });
         }).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();
             var link = $(this);
             var shelf_name = $('.visit-shelf', link.parent()).text();

-            if (confirm('Czy na pewno usunąć półkę ' + shelf_name + '?')) {
+            if (confirm(LOCALE_TEXTS[LANGUAGE_CODE]['DELETE_SHELF']+ ' '+ shelf_name + '?')) {

                 $.post(link.attr('href'), function(data, textStatus) {
                     link.parent().remove();
                 });
             }
             return false;
         });
                 $.post(link.attr('href'), function(data, textStatus) {
                     link.parent().remove();
                 });
             }
             return false;
         });

-        
+

         $('#user-shelves-window').jqm({
             ajax: '@href',
             target: $('#user-shelves-window div.target')[0],
         $('#user-shelves-window').jqm({
             ajax: '@href',
             target: $('#user-shelves-window div.target')[0],


@@ -176,14 +278,14 @@ function changeBannerText() {
                 $('div.header', hash.w).css({width: $(hash.t).width()});
                 hash.w.show();
             },
                 $('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) }
                 });
                 $('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'});
                 $('input', hash.w).labelify({labelledClass: 'blur'});

-                
+

                 $('ul.shelf-list li', hash.w).hover(function() {
                     $(this).css({background: '#EEE', cursor: 'pointer'});
                 }, function() {
                 $('ul.shelf-list li', hash.w).hover(function() {
                     $(this).css({background: '#EEE', cursor: 'pointer'});
                 }, function() {


@@ -191,11 +293,11 @@ function changeBannerText() {
                 }).click(function() {
                     location.href = $('a.visit-shelf', this).attr('href');
                 });
                 }).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();
                 $('.delete-shelf').click(function() {
                     var link = $(this);
                     var shelf_name = $('.visit-shelf', link.parent()).text();

-                    if (confirm('Czy na pewno usunąć półkę ' + shelf_name + '?')) {
+                    if (confirm(LOCALE_TEXTS[LANGUAGE_CODE]['DELETE_SHELF'] + ' ' + shelf_name + '?')) {

                         $.post(link.attr('href'), function(data, textStatus) {
                             link.parent().remove();
                         });
                         $.post(link.attr('href'), function(data, textStatus) {
                             link.parent().remove();
                         });


@@ -204,48 +306,94 @@ function changeBannerText() {
                 });
             }
         });
                 });
             }
         });

-    
+
+        $('#suggest-window').jqm({
+            ajax: '@href',
+            target: $('#suggest-window div.target')[0],
+            overlay: 60,
+            trigger: '#suggest-link',
+            onShow: function(hash) {
+                var offset = $(hash.t).offset();
+                hash.w.css({position: 'absolute', left: offset.left - hash.w.width() + $(hash.t).width(), top: offset.top});
+                $('div.header', hash.w).css({width: $(hash.t).width()});
+                hash.w.show();
+            },
+            onLoad: function(hash) {
+                $('form', hash.w).ajaxForm({
+                    dataType: 'json',
+                    target: $('#suggest-window div.target'),
+                    success: function(response) {
+                        if (response.success) {
+                            $('#suggest-window div.target').text(response.message);
+                            setTimeout(function() { $('#suggest-window').jqmHide() }, 1000)
+                        }
+                        else {
+                            $('#suggest-form .error').remove();
+                            $.each(response.errors, function(id, errors) {
+                                $('#suggest-form #id_' + id).before('<span class="error">' + errors[0] + '</span>');
+                            });
+                            $('#suggest-form input[type=submit]').removeAttr('disabled');
+                            return false;
+                        }
+                    }
+                });
+            }
+        });
+

         $('#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');
         });
         $('#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(
+
+        $('#description').each(function(){$(this).toggle_slide({
+            long_el: $('#description-long', this),
+            short_el: $('#description-short', this),
+            button: $(this).nextAll('#toggle-description').first().find('p'),
+            long_text: LOCALE_TEXTS[LANGUAGE_CODE]['HIDE_DESCRIPTION'] + ' ▲',
+            short_text: LOCALE_TEXTS[LANGUAGE_CODE]['EXPAND_DESCRIPTION'] + ' ▼'
+        })});
+
+        $('#toggle-share-shelf').hover(

             function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
             function() { $(this).css({background: '#EEE'}); }
         ).click(function() {
             function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
             function() { $(this).css({background: '#EEE'}); }
         ).click(function() {

-            if ($('#description').hasClass('hidden')) {
-                $('#description').slideDown('fast').removeClass('hidden');
-                $.cookie('description-state', 'opened', {path: '/', expires: 30});
-                $('p', this).html('Zwiń opis ▲');
+            if ($('#share-shelf').hasClass('hidden')) {
+                $('#share-shelf').slideDown('fast').removeClass('hidden');

             } else {
             } else {

-                $('#description').slideUp('fast').addClass('hidden');
-                $.cookie('description-state', 'closed', {path: '/', expires: 30});
-                $('p', this).html('Rozwiń opis ▼');
+                $('#share-shelf').slideUp('fast').addClass('hidden');

             }
         });
             }
         });

-    
+

         var target = $('#set-window div.target');
         var target = $('#set-window div.target');

-    
+

         $('#set-window').jqm({
         $('#set-window').jqm({

-            ajax: '@href', 
+            ajax: '@href',

             target: target[0],
             overlay: 60,
             target: target[0],
             overlay: 60,

-            trigger: 'a.jqm-trigger', 
-            onShow: function(hash) { 
+            trigger: 'a.jqm-trigger',
+            onShow: function(hash) {

                 var offset = $(hash.t).offset();
                 var offset = $(hash.t).offset();

-                target.html('<p><img src="/static/img/indicator.gif" /> Ładowanie</p>');
+                target.html('<p><img src="/static/img/indicator.gif" />'+LOCALE_TEXTS[LANGUAGE_CODE]['DELETE_SHELF']+'</p>');

                 hash.w.css({position: 'absolute', left: offset.left, top: offset.top}).show() },
                 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,
                 $('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);
         $('a.remove-from-shelf').click(function(event) {
             event.preventDefault();
             link = $(this);


@@ -253,22 +401,20 @@ function changeBannerText() {
                 link.parent().remove();
             });
         });
                 link.parent().remove();
             });
         });

-        
-        if ($.cookie('description-state') == 'closed') {
-            $('#description').hide().addClass('hidden');
-            $('#toggle-description p').html('Rozwiń opis ▼');
-        }
-                
+
+        $('#share-shelf').hide().addClass('hidden');
+        $('#share-shelf input').focus(function(){this.select();});
+

         $('#user-info').show();
         changeBannerText();
         $('#onepercent-banner').show();
         $('#user-info').show();
         changeBannerText();
         $('#onepercent-banner').show();

-        
+

         var formatsDownloaded = false;
         $('#download-shelf').click(function() {
             $('#download-shelf-menu').slideDown('fast');
         var formatsDownloaded = false;
         $('#download-shelf').click(function() {
             $('#download-shelf-menu').slideDown('fast');

-            
+

             if (!formatsDownloaded) {
             if (!formatsDownloaded) {

-                // Pobierz dane o formatach
+                // Get info about the formats

                 formatsDownloaded = true;
                 $.ajax({
                     url: $('#download-formats-form').attr('data-formats-feed'),
                 formatsDownloaded = true;
                 $.ajax({
                     url: $('#download-formats-form').attr('data-formats-feed'),


@@ -295,10 +441,10 @@ function changeBannerText() {
             }
             return false;
         });
             }
             return false;
         });

-        
+

         $('#download-formats-form-cancel').click(function() {
             $('#download-shelf-menu').slideUp('fast');
             return false;
         });
     });
         $('#download-formats-form-cancel').click(function() {
             $('#download-shelf-menu').slideUp('fast');
             return false;
         });
     });

-})(jQuery)
\ No newline at end of file
+})(jQuery)