|
|
|
@ -120,6 +120,8 @@ static const char management_HTML[] PROGMEM = "<!DOCTYPE html>\ |
|
|
|
-webkit-appearance: none;\ |
|
|
|
-moz-appearance: none;\ |
|
|
|
appearance: none;\ |
|
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAAAAADhgtq/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAR0lEQVR4nGP5z4ADsOCSGOoyC+NRabjMQqjQQrgUTCYeIrQQyEI3DSyFJIHkApAUkgSy21B0oLo6fiGSBKp/kCUGU4hSRQYAYg0Rw+gGlUQAAAAASUVORK5CYII=') no-repeat;\ |
|
|
|
background-position: center right;\ |
|
|
|
}\ |
|
|
|
</style>\ |
|
|
|
</head>\ |
|
|
|
@ -191,15 +193,13 @@ static const char management_HTML[] PROGMEM = "<!DOCTYPE html>\ |
|
|
|
<input name=\"uploaded_file\" id =\"uploaded_file\" onchange=\"$(this).parent().parent().find('.form-control').html($(this).val().split(/[\\|/]/).pop());\" style=\"display: none;\" type=\"file\" multiple>\ |
|
|
|
</span>\ |
|
|
|
</div>\ |
|
|
|
\ |
|
|
|
</form>\ |
|
|
|
<br>\ |
|
|
|
<div class=\"progress\">\ |
|
|
|
<div id=\"explorerUploadProgress\" class=\"progress-bar\" role=\"progressbar\" style=\"width: 0\"></div>\ |
|
|
|
\ |
|
|
|
<div id=\"explorerUploadProgress\" class=\"progress-bar\" role=\"progressbar\" ></div>\ |
|
|
|
</div>\ |
|
|
|
</div>\ |
|
|
|
<br>\ |
|
|
|
<br> \ |
|
|
|
</div>\ |
|
|
|
</fieldset>\ |
|
|
|
</div>\ |
|
|
|
@ -227,6 +227,7 @@ static const char management_HTML[] PROGMEM = "<!DOCTYPE html>\ |
|
|
|
<input type=\"text\" class=\"form-control\" id=\"fileOrUrl\" maxlength=\"255\" placeholder=\"z.B. /mp3/Hoerspiele/Yakari/Yakari_und_seine_Freunde.mp3\" pattern=\"^[^\\^#]+$\" name=\"fileOrUrl\" required>\ |
|
|
|
<label for=\"playMode\">Abspielmodus</label>\ |
|
|
|
<select class=\"form-control\" id=\"playMode\" name=\"playMode\">\ |
|
|
|
<option class=\"placeholder\" disabled selected value=\"\">Modus auswählen</option>\ |
|
|
|
<option class=\"option-file\" value=\"1\">Einzelner Titel</option>\ |
|
|
|
<option class=\"option-file\" value=\"2\">Einzelner Titel (Endlosschleife)</option>\ |
|
|
|
<option class=\"option-file-and-folder\" value=\"3\">Hörbuch</option>\ |
|
|
|
@ -241,6 +242,7 @@ static const char management_HTML[] PROGMEM = "<!DOCTYPE html>\ |
|
|
|
<div class=\"tab-pane \" id=\"rfidmod\" role=\"tabpanel\">\ |
|
|
|
<label for=\"modId\"></label>\ |
|
|
|
<select class=\"form-control\" id=\"modId\" name=\"modId\">\ |
|
|
|
<option class=\"placeholder\" disabled selected value=\"\">Modifikation auswählen</option>\ |
|
|
|
<option value=\"100\">Tastensperre</option>\ |
|
|
|
<option value=\"101\">Schlafen nach 15 Minuten</option>\ |
|
|
|
<option value=\"102\">Schlafen nach 30 Minuten</option>\ |
|
|
|
@ -505,6 +507,10 @@ static const char management_HTML[] PROGMEM = "<!DOCTYPE html>\ |
|
|
|
$('#explorerTree').on('select_node.jstree', function (e, data) {\ |
|
|
|
\ |
|
|
|
$('input[name=fileOrUrl]').val(data.node.data.path);\ |
|
|
|
\ |
|
|
|
if (ActiveSubTab !== 'rfid-music-tab') {\ |
|
|
|
$('#SubTab.nav-tabs a[id=\"rfid-music-tab\"]').tab('show');\ |
|
|
|
}\ |
|
|
|
\ |
|
|
|
if (data.node.type == \"folder\") {\ |
|
|
|
$('.option-folder').show();\ |
|
|
|
@ -627,7 +633,8 @@ static const char management_HTML[] PROGMEM = "<!DOCTYPE html>\ |
|
|
|
var percentComplete = evt.loaded / evt.total;\ |
|
|
|
percentComplete = parseInt(percentComplete * 100);\ |
|
|
|
console.log(percentComplete);\ |
|
|
|
$(\"#explorerUploadProgress\").css(\"width\", percentComplete + \"%\").text(percentComplete);\ |
|
|
|
var percent = percentComplete + '%';\ |
|
|
|
$(\"#explorerUploadProgress\").css('width', percent).text(percent);\ |
|
|
|
}\ |
|
|
|
}, false);\ |
|
|
|
\ |
|
|
|
|
Torsten Stauder
4 years ago