prevent password generator link from moving to another page
[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
34 function addLinkToPasswordGenerator() {
35   var link = $('<a href="#" id="gen_pass" />');
36   link.text(i18n.generateRandomPassword);
37   var file_key = $('#file_key');
38   file_key.after(link);
39   link.click(function(e) {
40     e.preventDefault();
41     link.text(i18n.generatingRandomPassword);
42     $.get('random_pass', function(pass) {
43       file_key.val(pass);
44       file_key.hide();
45       var show = $('<div class="random-pass" />');
46       show.text(pass);
47       link.before(show);
48       link.remove();
49     });
50   });
51 }
52
53 function authenticate() {
54   var authForm = $('<form></form>')
55   var authDiv = $('#upload-authentication').remove();
56   var lb = $.lightBoxFu;
57   authForm.bind('submit', function() {
58     jQuery.ajax({
59       type: 'POST',
60       url: 'authenticate',
61       dataType: 'text',
62       data: authentication.getData(),
63       success: function(data, textStatus, jqXHR) {
64         if (data != 'OK') {
65           /* Mh. Something strange happened. */
66           return;
67         }
68         $.each(authentication.getData(), function(key, value) {
69           var hiddenField = $('<input type="hidden" />');
70           hiddenField.attr('name', key);
71           hiddenField.val(value);
72           $('#upload').append(hiddenField);
73         });
74         lb.close();
75         if (authentication.handleAccept) {
76           authentication.handleAccept();
77         }
78       },
79       error: function(jqXHR, textStatus, errorThrown) {
80         switch (jqXHR.status) {
81           case 403:
82             $('#auth-message').text(i18n.pleaseTryAgain);
83             if (authentication.handleReject) {
84               authentication.handleReject();
85             }
86             return;
87           default:
88             $('#auth-message').
89               empty().
90               append($('<div />').text(i18n.error)).
91               append($('<div />').append($('<strong />').text(errorThrown))).
92               append($('<div />').text(jqXHR.responseText));
93             if (authentication.handleFailure) {
94               authentication.handleFailure(textStatus);
95             }
96         }
97       },
98     });
99     return false;
100   });
101   lb.open({
102     html: authForm.append(authDiv).append('<div id="auth-message"></div>'),
103     width: "430px",
104     closeOnClick: false
105   });
106   authentication.focus();
107 }