ad5a7c2c87825691c164e53b38b3fbc5987fe4f1
[wolnelektury.git] / media / js / catalogue.js
1 (function($) {
2     $(function() {
3         $('#id_q').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         $('#registration-form').ajaxForm({
39             dataType: 'json',
40             beforeSubmit: function() {
41                 $('#registration-form input[type=submit]')
42                     .attr('disabled', 'disabled')
43                     .after('<img src="/media/img/indicator.gif" style="margin-left: 0.5em"/>');
44             },
45             success: function(response) {
46                 if (response.success) {
47                     location.reload(true);
48                 } else {
49                     $('#registration-form span.error').remove();
50                     $.each(response.errors, function(id, errors) {
51                         $('#id_registration-' + id).before('<span class="error">' + errors[0] + '</span>');
52                     });
53                     $('#registration-form input[type=submit]').removeAttr('disabled');
54                     $('#registration-form img').remove();
55                 }
56             }
57         });
58         
59         $('#login-form').ajaxForm({
60             dataType: 'json',
61             beforeSubmit: function() {
62                 $('#login-form input[type=submit]')
63                     .attr('disabled', 'disabled')
64                     .after('<img src="/media/img/indicator.gif" style="margin-left: 0.5em"/>');
65             },
66             success: function(response) {
67                 if (response.success) {
68                     location.reload(true);
69                 } else {
70                     $('#login-form span.error').remove();
71                     $.each(response.errors, function(id, errors) {
72                         $('#id_login-' + id).before('<span class="error">' + errors[0] + '</span>');
73                     });
74                     $('#login-form input[type=submit]').removeAttr('disabled');
75                     $('#login-form img').remove();
76                 }
77             }
78         });
79         
80         $('#login-register-window').jqm({
81             target: target[0],
82             overlay: 60,
83             trigger: '#login-register-link',
84             onShow: function(hash) {
85                 var offset = $(hash.t).offset();
86                 hash.w.css({position: 'absolute', left: offset.left - hash.w.width() + $(hash.t).width(), top: offset.top});
87                 $('div.header', hash.w).css({width: $(hash.t).width()});
88                 hash.w.show();
89             }
90         });
91         
92         $('#user-shelves-window').jqm({
93             ajax: '@href',
94             target: $('#user-shelves-window div.target')[0],
95             overlay: 60,
96             trigger: '#user-shelves-link',
97             onShow: function(hash) {
98                 var offset = $(hash.t).offset();
99                 hash.w.css({position: 'absolute', left: offset.left - hash.w.width() + $(hash.t).width(), top: offset.top});
100                 $('div.header', hash.w).css({width: $(hash.t).width()});
101                 hash.w.show();
102             },
103             onLoad: function(hash) { 
104                 var shelf_name = $('a.visit-shelf', this).html();
105                 
106                 $('form', hash.w).ajaxForm({
107                     target: $('#user-shelves-window div.target'),
108                     success: function() { setTimeout(function() { $('#user-shelves-window').jqmHide() }, 1000) }
109                 });
110                 
111                 $('ul.shelf-list li', hash.w).hover(function() {
112                     $(this).css({background: '#EEE', cursor: 'pointer'});
113                 }, function() {
114                     $(this).css({background: 'transparent'});
115                 }).click(function() {
116                     location.href = $('a.visit-shelf', this).attr('href');
117                 });
118                 
119                 $('.delete-shelf').click(function() { 
120                     if (confirm('Czy na pewno usunąć półkę ' + shelf_name + '?')) {
121                         $.post($(this).attr('href'), function(data, textStatus) {
122                             $('#user-shelves-window div.target').html(data);
123                             setTimeout(function() { $('#user-shelves-window').jqmHide() }, 1000);
124                         });
125                     }
126                     return false;
127                 });
128             }
129         });
130     });
131 })(jQuery)