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>
@@ -223,15 +225,13 @@
                                 <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>
+                        <div id="explorerUploadProgress" class="progress-bar" role="progressbar" ></div>
                     </div>
-                    <br>
+                </div>
+                <br> 
 				</div>
             </fieldset>
         </div>
@@ -259,6 +259,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>
@@ -273,6 +274,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>
@@ -538,6 +540,10 @@
     $('#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();
@@ -659,8 +665,9 @@
 				  if (evt.lengthComputable) {
 					var percentComplete = evt.loaded / evt.total;
 					percentComplete = parseInt(percentComplete * 100);
-					console.log(percentComplete);
-                    $("#explorerUploadProgress").css("width", percentComplete + "%").text(percentComplete);
+                    console.log(percentComplete);
+                    var percent = percentComplete + '%';
+                    $("#explorerUploadProgress").css('width', percent).text(percent);
 				  }
 				}, false);