839190fb69d694af5d110281513fda62eb5104a2
[wolnelektury.git] / wolnelektury / media / js / catalogue.js
1 (function($) {
2     $(function() {
3         $('form input').labelify({labelledClass: 'blur'});
4         
5         target = $('#login-register-window div.target');
6         
7         $('#show-registration-form').click(function() {
8             $('#login-form').hide();
9             $('#registration-form').show();
10         });
11         
12         $('#show-login-form').click(function() {
13             $('#registration-form').hide();
14             $('#login-form').show();
15         });
16         
17         // Fragments
18         $('.fragment-text').each(function() {
19             if ($(this).prev().filter('.fragment-short-text').length) {
20                 $(this).hover(
21                     function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
22                     function() { $(this).css({background: '#FFF'}); }
23                 ).click(function() {
24                     $(this).fadeOut(function() {
25                         $(this).prev().fadeIn()
26                     });
27                 })
28             }
29         });
30         
31         $('.fragment-short-text').click(function() {
32             $(this).fadeOut(function() { $(this).next().fadeIn() });
33         }).hover(
34             function() { $(this).css({background: '#F3F3F3', cursor: 'pointer'}); },
35             function() { $(this).css({background: '#FFF'}); }
36         );
37         
38         $('.show-all-tags').click(function() {
39             $(this).parent().parent().fadeOut(function() { 
40                 $(this).next().fadeIn();
41             });
42         });
43         
44         
45         
46         $('#registration-form').ajaxForm({
47             dataType: 'json',
48             beforeSubmit: function() {
49                 $('#registration-form input[type=submit]')
50                     .attr('disabled', 'disabled')
51                     .after('<img src="/media/img/indicator.gif" style="margin-left: 0.5em"/>');
52             },
53             success: function(response) {
54                 if (response.success) {
55                     location.reload(true);
56                 } else {
57                     $('#registration-form span.error').remove();
58                     $.each(response.errors, function(id, errors) {
59                         $('#id_registration-' + id).before('<span class="error">' + errors[0] + '</span>');
60                     });
61                     $('#registration-form input[type=submit]').removeAttr('disabled');
62                     $('#registration-form img').remove();
63                 }
64             }
65         });
66         
67         $('#login-form').ajaxForm({
68             dataType: 'json',
69             beforeSubmit: function() {
70                 $('#login-form input[type=submit]')
71                     .attr('disabled', 'disabled')
72                     .after('<img src="/media/img/indicator.gif" style="margin-left: 0.5em"/>');
73             },
74             success: function(response) {
75                 if (response.success) {
76                     location.reload(true);
77                 } else {
78                     $('#login-form span.error').remove();
79                     $.each(response.errors, function(id, errors) {
80                         $('#id_login-' + id).before('<span class="error">' + errors[0] + '</span>');
81                     });
82                     $('#login-form input[type=submit]').removeAttr('disabled');
83                     $('#login-form img').remove();
84                 }
85             }
86         });
87         
88         $('#login-register-window').jqm({
89             target: target[0],
90             overlay: 60,
91             trigger: '.login-register-link',
92             onShow: function(hash) {
93                 var offset = $(hash.t).offset();
94                 hash.w.css({position: 'absolute', left: offset.left - hash.w.width() + $(hash.t).width(), top: offset.top});
95                 $('div.header', hash.w).css({width: $(hash.t).width()});
96                 hash.w.show();
97             }
98         });
99         
100         $('ul.shelf-list li').hover(function() {
101             $(this).css({background: '#EEE', cursor: 'pointer'});
102         }, function() {
103             $(this).css({background: 'transparent'});
104         }).click(function() {
105             location.href = $('a.visit-shelf', this).attr('href');
106         });
107         
108         $('.delete-shelf').click(function() { 
109             var link = $(this);
110             var shelf_name = $('.visit-shelf', link.parent()).text();
111             if (confirm('Czy na pewno usunąć półkę ' + shelf_name + '?')) {
112                 $.post(link.attr('href'), function(data, textStatus) {
113                     link.parent().remove();
114                 });
115             }
116             return false;
117         });
118         
119         $('#user-shelves-window').jqm({
120             ajax: '@href',
121             target: $('#user-shelves-window div.target')[0],
122             overlay: 60,
123             trigger: '#user-shelves-link',
124             onShow: function(hash) {
125                 var offset = $(hash.t).offset();
126                 hash.w.css({position: 'absolute', left: offset.left - hash.w.width() + $(hash.t).width(), top: offset.top});
127                 $('div.header', hash.w).css({width: $(hash.t).width()});
128                 hash.w.show();
129             },
130             onLoad: function(hash) { 
131                 $('form', hash.w).ajaxForm({
132                     target: $('#user-shelves-window div.target'),
133                     success: function() { setTimeout(function() { $('#user-shelves-window').jqmHide() }, 1000) }
134                 });
135                 
136                 $('input', hash.w).labelify({labelledClass: 'blur'});
137                 
138                 $('ul.shelf-list li', hash.w).hover(function() {
139                     $(this).css({background: '#EEE', cursor: 'pointer'});
140                 }, function() {
141                     $(this).css({background: 'transparent'});
142                 }).click(function() {
143                     location.href = $('a.visit-shelf', this).attr('href');
144                 });
145                 
146                 $('.delete-shelf').click(function() {
147                     var link = $(this);
148                     var shelf_name = $('.visit-shelf', link.parent()).text();
149                     console.log(shelf_name);
150                     if (confirm('Czy na pewno usunąć półkę ' + shelf_name + '?')) {
151                         $.post(link.attr('href'), function(data, textStatus) {
152                             link.parent().remove();
153                         });
154                     }
155                     return false;
156                 });
157             }
158         });
159     });
160 })(jQuery)