few frontend fixes (mostly for iphone browser)

This commit is contained in:
Robert Schumann 2018-01-01 18:13:35 +01:00
parent 0428c7fc52
commit 6a2297f68a
3 changed files with 14 additions and 6 deletions

View File

@ -17,6 +17,12 @@ td.zone-room-list {
padding-right: 2px;
text-align: center;
}
td.zone-room-list-status {
padding-left: 2px;
padding-right: 2px;
text-align: center;
font-style: italic;
}
tr.zone-room-list {
background: #D0D0D0;
}

View File

@ -35,7 +35,7 @@
<div data-role="content">
<h3>Controller</h3>
<table id="player_control"></table>
<h3>Source</h3>
<h3>Quick Source</h3>
<ul id="zone_source_list" data-role="listview" data-inset="true">
</ul>
<h3>Rooms</h3>

View File

@ -207,8 +207,8 @@ function tableEntry(name, id, online, roomZoneId, isMute, transportState, curren
td_toggle_mute.innerHTML = "<button style=\"font-size:110%\"><i onclick="+event+" class=\"fa fa-volume-off\"></i></button>";
tr.appendChild(td_toggle_mute);
var td_status = document.createElement("td");
td_status.className = "ui-btn-text zone-room-list";
td_status.innerHTML = transportState;
td_status.className = "ui-btn-text zone-room-list zone-room-list-status";
td_status.innerHTML = transportState.toLowerCase();
tr.appendChild(td_status);
return tr;
}
@ -495,16 +495,18 @@ var AppRouter = Backbone.Router.extend({
updatePlayer: function() {
var player = document.getElementById("player_control");
var player_row = document.createElement("tr");
var volume_row = document.createElement("tr");
player.appendChild(player_row);
player.appendChild(volume_row);
player_row.appendChild(playerButton('fa-backward','prev',{id: getUrlParam('id')}));
player_row.appendChild(playerButton('fa-play','play',{id: getUrlParam('id')}));
player_row.appendChild(playerButton('fa-pause','pause',{id: getUrlParam('id')}));
player_row.appendChild(playerButton('fa-forward','next',{id: getUrlParam('id')}));
player_row.appendChild(playerButton('fa-stop','stop',{id: getUrlParam('id')}));
player_row.appendChild(playerButton('fa-repeat','setPlayMode',{id: getUrlParam('id'), mode:'REPEAT_ALL'}));
player_row.appendChild(playerButton('fa-volume-down','volumeDown',{id: getUrlParam('id'), scope:'zone', value:'2'}));
player_row.appendChild(playerButton('fa-volume-up','volumeUp',{id: getUrlParam('id'), scope:'zone', value:'2'}));
player_row.appendChild(playerButton('fa-volume-off','toggleMute',{id: getUrlParam('id'), scope:'zone'}));
volume_row.appendChild(playerButton('fa-volume-down','volumeDown',{id: getUrlParam('id'), scope:'zone', value:'2'}));
volume_row.appendChild(playerButton('fa-volume-up','volumeUp',{id: getUrlParam('id'), scope:'zone', value:'2'}));
volume_row.appendChild(playerButton('fa-volume-off','toggleMute',{id: getUrlParam('id'), scope:'zone'}));
},
changePage: function (page) {