UI fix for volume controller

vaslabs · Apr 3, 2016 · 63e5a19 · 63e5a19
1 parent 1a6273b
commit 63e5a19
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/usr/libexec/pi-web-agent/js/volume_manager.js b/usr/libexec/pi-web-agent/js/volume_manager.js
@@ -47,9 +47,9 @@ function renderControlsUI(data) {
         if (index == 0) {
             option$ = $(option$).attr('selected', 'selected');
         }
-        $('#control_list').append(option$);
+        $('select#control_list').append(option$);
     });
-    selectMenu = $("#control_list").selectmenu();
+    $('select').material_select();
     if (data.length > 0) {
         url = '/cgi-bin/toolkit/volume_api.py?op=get_vol&mixer=' + data[0];
         getJSONResponse(url, create_controls);

diff --git a/usr/libexec/pi-web-agent/templates/volume_controller.htm b/usr/libexec/pi-web-agent/templates/volume_controller.htm
@@ -1,8 +1,10 @@
-<label for="control_list">Select a volume control</label>
-<select name="control_list" id="control_list" style="display:none" class="span16">
-</select>    
-<br>
-<br>
+<div class="row">
+    <div class="input-field col s12">    
+        <select name="control_list" id="control_list">
+        </select>
+        <label>Select a volume control</label>
+    </div>
+</div>
 <div id="slider-vertical" style="height:15px;width:90%; float: left;"></div>
 <div id="amount" style="width:10%; float: right;">
       <p id="amount" align="right" style="border:0; color:#f6931f; font-weight:bold;"></p>
@@ -17,10 +19,6 @@
     fieldset {
       border: 0;
     }
-    label {
-      display: block;
-      margin: 30px 0 0 0;
-    }
     .overflow {
       height: 200px;
     }