Commit d3c47cae authored by Jr Prévost's avatar Jr Prévost Committed by Felix Paul Kühne

Improve feedback for IE9

Signed-off-by: Felix Paul Kühne's avatarFelix Paul Kühne <fkuehne@videolan.org>
parent a9726b4d
......@@ -28,13 +28,35 @@ $(function(){
$.each(data.files, function(index, file){
file._ID = xhrCache.length;
xhrCache[file._ID] = xhr;
var hasProgressbar = ('FormData' in window);
var html = '<li data-file-id="' + file._ID + '">';
html += '<div class="filename">' + file.name + '</div>';
html += '<div class="progress"><div class="bar" style="width: 0%"></div></div>';
html += '<div class="stop"></div>';
html += '<div class="progress"><div class="bar" style="width: 0%"></div>';
if (!hasProgressbar) { html += '<span class="dots"></span>'; }
html += '</div>';
if (hasProgressbar) { html += '<div class="stop"></div>'; }
html += '</li>';
var tmpl = $(html);
$('.uploads ul').append(html);
if (!hasProgressbar) {
var progress = tmpl.find('.progress');
var bar = progress.find('.bar');
var dots = progress.find('.dots');
function doting() {
if (bar.css('width') != '0px') { return; }
if (dots.text().length == 3) {
dots.text('');
}
else {
dots.text(dots.text() + '.');
}
setTimeout(doting, 750);
}
setTimeout(doting, 10);
}
$('.uploads ul').append(tmpl);
});
}
......
......@@ -176,10 +176,25 @@ nav {
box-shadow: none;
}
.uploads .progress .dots {
padding: 0 8px;
line-height: 0px;
font-size: 20px;
font-weight: bold;
float: left;
color: #c95a07;
}
.uploads .progress .dots:before {
content: "uploading ";
color: white;
line-height: 12px;
font-size: 12px;
}
.uploads li.fail .progress:before,
.uploads li.done .progress .bar:before {
line-height: 12px;
font-size: 13px;
font-size: 12px;
font-weight: bold;
padding: 0 12px;
float: right;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment