Facebook-like search -- css added.

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

diff --git a/wolnelektury/static/js/catalogue.js b/wolnelektury/static/js/catalogue.js
index 054f247..a76215a 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": "Translate me!",
+        "HIDE_DESCRIPTION": "Translate me!",
+        "EXPAND_DESCRIPTION": "Translate me!",
+        "LOADING": "Translate me!"             
+    },
+       "fr": {
+               "DELETE_SHELF": "Translate me!",
+               "HIDE_DESCRIPTION": "Translate me!",
+               "EXPAND_DESCRIPTION": "Translate me!",
+               "LOADING": "Translate me!"                              
+       },
+       "en": {
+               "DELETE_SHELF": "Translate me!",
+               "HIDE_DESCRIPTION": "Translate me!",
+               "EXPAND_DESCRIPTION": "Translate me!",
+               "LOADING": "Translate me!"              
+       }, 
+       "ru": {
+               "DELETE_SHELF": "Translate me!",
+               "HIDE_DESCRIPTION": "Translate me!",
+               "EXPAND_DESCRIPTION": "Translate me!",
+               "LOADING": "Translate me!"              
+       },
+       "es": {
+               "DELETE_SHELF": "Translate me!",
+               "HIDE_DESCRIPTION": "Translate me!",
+               "EXPAND_DESCRIPTION": "Translate me!",
+               "LOADING": "Translate me!"                              
+       },
+    "lt":{
+        "DELETE_SHELF": "Translate me!",
+        "HIDE_DESCRIPTION": "Translate me!",
+        "EXPAND_DESCRIPTION": "Translate me!",
+        "LOADING": "Translate me!"             
+    },
+    "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>.',


@@ -79,14 +129,16 @@ function serverTime() {
                     function() { $(this).css({background: '#FFF'}); }
                 ).click(function() {
                     $(this).fadeOut(function() {
                     function() { $(this).css({background: '#FFF'}); }
                 ).click(function() {
                     $(this).fadeOut(function() {

-                        $(this).prev().fadeIn()
+                        $(this).prev().fadeIn();

                     });
                     });

+                    return false;

                 })
             }
         });
         
         $('.fragment-short-text').click(function() {
             $(this).fadeOut(function() { $(this).next().fadeIn() });
                 })
             }
         });
         
         $('.fragment-short-text').click(function() {
             $(this).fadeOut(function() { $(this).next().fadeIn() });

+            return false;

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


@@ -171,7 +223,7 @@ function serverTime() {
         $('.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();
                 });


@@ -209,7 +261,7 @@ function serverTime() {
                 $('.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();
                         });


@@ -218,6 +270,39 @@ function serverTime() {
                 });
             }
         });
                 });
             }
         });

+
+        $('#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'}); },
     
         $('#books-list .book').hover(
             function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },


@@ -231,16 +316,25 @@ function serverTime() {
             function() { $(this).css({background: '#EEE'}); }
         ).click(function() {
             if ($('#description').hasClass('hidden')) {
             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 ▲');
+                $('#description').animate({"height": $('#description').attr("box_h")+'px'}, {duration: "fast" }).removeClass('hidden');
+                $('p', this).html(LOCALE_TEXTS[LANGUAGE_CODE]['HIDE_DESCRIPTION'] + ' ▲');

             } else {
             } else {

-                $('#description').slideUp('fast').addClass('hidden');
-                $.cookie('description-state', 'closed', {path: '/', expires: 30});
-                $('p', this).html('Rozwiń opis ▼');
+                $('#description').animate({"height": '4em'}, {duration: "fast" }).addClass('hidden');
+                $('p', this).html(LOCALE_TEXTS[LANGUAGE_CODE]['EXPAND_DESCRIPTION'] + ' ▼');

             }
         });
             }
         });

-    
+
+        $('#toggle-share-shelf').hover(
+            function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
+            function() { $(this).css({background: '#EEE'}); }
+        ).click(function() {
+            if ($('#share-shelf').hasClass('hidden')) {
+                $('#share-shelf').slideDown('fast').removeClass('hidden');
+            } else {
+                $('#share-shelf').slideUp('fast').addClass('hidden');
+            }
+        });
+

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


@@ -250,7 +344,7 @@ function serverTime() {
             trigger: 'a.jqm-trigger', 
             onShow: function(hash) { 
                 var offset = $(hash.t).offset();
             trigger: 'a.jqm-trigger', 
             onShow: function(hash) { 
                 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() },
             onLoad: function(hash) { 
                 $('form', hash.w).ajaxForm({
                 hash.w.css({position: 'absolute', left: offset.left, top: offset.top}).show() },
             onLoad: function(hash) { 
                 $('form', hash.w).ajaxForm({


@@ -268,10 +362,12 @@ function serverTime() {
             });
         });
         
             });
         });
         

-        if ($.cookie('description-state') == 'closed') {
-            $('#description').hide().addClass('hidden');
-            $('#toggle-description p').html('Rozwiń opis ▼');
-        }
+        $('#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();
                 
         $('#user-info').show();
         changeBannerText();


@@ -282,7 +378,7 @@ function serverTime() {
             $('#download-shelf-menu').slideDown('fast');
             
             if (!formatsDownloaded) {
             $('#download-shelf-menu').slideDown('fast');
             
             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'),


@@ -315,4 +411,4 @@ function serverTime() {
             return false;
         });
     });
             return false;
         });
     });

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