2b17d84cb4ce29aadb057ac3f55e88ae1aaa73b9
[coquelicot.git] / public / javascripts / coquelicot.js
1 $(function($) {  
2   $.lightBoxFu.initialize({
3     imagesPath: 'images/',
4     stylesheetsPath: 'stylesheets/'
5   });
6   $('form#upload').uploadProgress({
7     start:function() {
8       // after starting upload open lightBoxFu with our bar as html
9       $.lightBoxFu.open({
10         html: '<div id="uploading"><span id="received"></span><span id="size"></span><br/><div id="progress" class="bar"><div id="progressbar">&nbsp;</div></div><span id="percent"></span></div>',
11         width: "250px",
12         closeOnClick: false
13       });
14       jQuery('#received').html(i18n.uploadStarting);
15       jQuery('#percent').html("0%");
16     },
17     uploading: function(upload) {
18       // update upload info on each /progress response
19       jQuery('#received').html(i18n.uploading + parseInt(upload.received / 1024) + "/");
20       jQuery('#size').html(parseInt(upload.size / 1024) + ' ' + i18n.kb);
21       jQuery('#percent').html(upload.percents + "%");
22     },
23     interval: 2000,
24     /* if we are using images it's good to preload them, safari has problems with
25        downloading anything after hitting submit button. these are images for lightBoxFu
26        and progress bar */
27     preloadImages: ["images/overlay.png", "images/ajax-loader.gif"],
28     jqueryPath: "javascripts/jquery.min.js",
29     uploadProgressPath: "javascripts/jquery.uploadProgress.js",
30     progressUrl: "progress"
31   });
32 });
33 function authenticate() {
34   var link = $('<a href="#" id="gen_pass" />');
35   link.text(i18n.generateRandomPassword);
36   var file_key = $('#file_key');
37   file_key.after(link);
38   link.click(function() {
39     link.text(i18n.generatingRandomPassword);
40     $.get('random_pass', function(pass) {
41       file_key.val(pass);
42       file_key.hide();
43       var show = $('<div class="random-pass" />');
44       show.text(pass);
45       link.before(show);
46       link.remove();
47     });
48   });
49
50   var authForm = $('<form></form>')
51   var authDiv = $('#upload-authentication').remove();
52   var lb = $.lightBoxFu;
53   authForm.bind('submit', function() {
54     jQuery.ajax({
55       type: 'POST',
56       url: 'authenticate',
57       dataType: 'text',
58       data: authentication.getData(),
59       success: function(data, textStatus, jqXHR) {
60         if (data != 'OK') {
61           /* Mh. Something strange happened. */
62           return;
63         }
64         $.each(authentication.getData(), function(key, value) {
65           var hiddenField = $('<input type="hidden" />');
66           hiddenField.attr('name', key);
67           hiddenField.val(value);
68           $('#upload').append(hiddenField);
69         });
70         lb.close();
71         if (authentication.handleAccept) {
72           authentication.handleAccept();
73         }
74       },
75       error: function(jqXHR, textStatus, errorThrown) {
76         switch (jqXHR.status) {
77           case 403:
78             $('#auth-message').text(i18n.pleaseTryAgain);
79             if (authentication.handleReject) {
80               authentication.handleReject();
81             }
82             return;
83           default:
84             $('#auth-message').
85               empty().
86               append($('<div />').text(i18n.error)).
87               append($('<div />').append($('<strong />').text(errorThrown))).
88               append($('<div />').text(jqXHR.responseText));
89             if (authentication.handleFailure) {
90               authentication.handleFailure(textStatus);
91             }
92         }
93       },
94     });
95     return false;
96   });
97   lb.open({
98     html: authForm.append(authDiv).append('<div id="auth-message"></div>'),
99     width: "430px",
100     closeOnClick: false
101   });
102   if ( $('#jssubmit')[0] ) { $('#jssubmit').show(); }
103   $('#authabout').show();
104   authentication.focus();
105 }