equal
deleted
inserted
replaced
32 { |
32 { |
33 mp.innerHTML = ''; |
33 mp.innerHTML = ''; |
34 mp.style.textAlign = 'center'; |
34 mp.style.textAlign = 'center'; |
35 mp.innerHTML = '<h3>' + $lang.get('yubiauth_msg_please_touch_key') + '</h3>'; |
35 mp.innerHTML = '<h3>' + $lang.get('yubiauth_msg_please_touch_key') + '</h3>'; |
36 var progress = document.createElement('div'); |
36 var progress = document.createElement('div'); |
37 $(progress).addClass('yubikey_bar'); |
37 $(progress).addClass('yubikey_bar').css('text-align', 'left'); |
38 var progimg = document.createElement('img'); |
38 var progimg = document.createElement('img'); |
39 progimg.src = cdnPath + '/images/spacer.gif'; |
39 progimg.src = cdnPath + '/images/spacer.gif'; |
40 progress.appendChild(progimg); |
40 progress.appendChild(progimg); |
41 mp.appendChild(progress); |
41 mp.appendChild(progress); |
42 var ta = document.createElement('input'); |
42 var ta = document.createElement('input'); |
45 .css('background-color', 'transparent') |
45 .css('background-color', 'transparent') |
46 .css('border-width', '0px') |
46 .css('border-width', '0px') |
47 .css('color', '#fff') |
47 .css('color', '#fff') |
48 .css('font-size', '1px') |
48 .css('font-size', '1px') |
49 .css('padding', '0') |
49 .css('padding', '0') |
|
50 .css('opacity', '0') |
50 .attr('size', '1') |
51 .attr('size', '1') |
51 .keyup(function(e) |
52 .keyup(function(e) |
52 { |
53 { |
53 if ( e.keyCode == 27 ) |
54 if ( e.keyCode == 27 ) |
54 { |
55 { |
67 } |
68 } |
68 else |
69 else |
69 { |
70 { |
70 $('div.yubikey_bar > img', this.parentNode) |
71 $('div.yubikey_bar > img', this.parentNode) |
71 .css('width', String(this.value.length * 2) + 'px') |
72 .css('width', String(this.value.length * 2) + 'px') |
72 .css('background-position', String((this.value.length > 44 ? 44 : this.value.length) - 44) + 'px -88px'); |
73 //.css('background-position', String((this.value.length > 44 ? 44 : this.value.length) - 44) + 'px -88px'); |
73 } |
74 } |
74 e.preventDefault(); |
75 e.preventDefault(); |
75 e.stopPropagation(); |
76 e.stopPropagation(); |
76 }); |
77 }); |
77 mp.appendChild(ta); |
78 mp.appendChild(ta); |
82 ta.focus(); |
83 ta.focus(); |
83 }, 50); |
84 }, 50); |
84 }, 750); |
85 }, 750); |
85 var info = document.createElement('p'); |
86 var info = document.createElement('p'); |
86 $(info) |
87 $(info) |
87 .html($lang.get('yubiauth_msg_close_instructions')) |
88 .append('<span style="color: #ffffff; font-size: smaller;">' + $lang.get('yubiauth_msg_close_instructions') + '</span> ') |
|
89 .append('<a class="abutton abutton_green" href="#" onclick="miniPromptDestroy(this); return false;">' + $lang.get('etc_cancel') + '</a> ') |
|
90 //.append('<br />') |
|
91 .append('<span style="color: #909090; font-size: smaller;">' + $lang.get('yubiauth_msg_close_instructions') + '</span>') |
88 .css('margin-top', '0'); |
92 .css('margin-top', '0'); |
89 mp.appendChild(info); |
93 mp.appendChild(info); |
90 } |
94 } |
91 |
95 |
92 function yk_handle_submit(ta) |
96 function yk_handle_submit(ta) |