reintroduce arrow and placeholder in the dropdown box. switch to music tab when browsing files. add percent to progressbar.

html/management.html

@@ -120,6 +120,8 @@
             -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,12 +193,10 @@
                                 <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> 
@@ -227,6 +227,7 @@
                             <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 @@
                         <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>
@@ -506,6 +508,10 @@
 
         $('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();
             $('.option-file').hide();
@@ -627,7 +633,8 @@
 					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);