Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

173 lines (172 sloc) 6.428 kb
<!doctype html>
<html>
<head>
<title>Acoustics</title>
<meta charset="utf-8" />
<!-- CSS sheets -->
<link rel="stylesheet" href="www-data/jquery-ui-1.8.6.custom.css" />
<link rel="stylesheet" id="structure" href="www-data/acoustics2.css" />
<link rel="stylesheet" id="theme" href="www-data/dark-theme.css" />
<!-- Default favicon -->
<link rel="shortcut icon" href="www-data/images/ui2/favicon.ico" />
<!-- JS includes -->
<script src="www-data/jquery.min.js"></script>
<script src="www-data/jquery-ui-1.8.6.custom.min.js"></script>
<script src="www-data/jquery.tablesorter.min.js"></script>
<script src="www-data/jquery.address-1.3.min.js"></script>
<script src="www-data/jquery.reflection.js"></script>
<script src="www-data/jquery.favicon.js"></script>
<script src="www-data/jquery.sortElements.js"></script>
<script src="www-data/ContentFlow/contentflow.js"></script>
<!-- JS core -->
<script src="www-data/acoustics2.js"></script>
<!-- The following tags are for iOS devices -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon-precomposed" href="www-data/icons/ios/57.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="www-data/icons/ios/72.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="www-data/icons/ios/114.png" />
<script>
function selectAndGo(player_id) {
$.getJSON(
getPath_("mode=change_player;player_id="+player_id),
function(data) {
window.location = "index2.html";
}
);
}
function refreshPlayers() {
$.getJSON(
getPath('mode=global_status'),
function (json) {
if (json.player_names.length > 1) {
$("#select-player-list").html("");
for (i in json.player_names) {
var player = $("<td width=\"auto\"></td>");
player.append("<a href=\"javascript:selectAndGo('" + json.player_names[i] + "');\"><span>" + json.player_names[i] + "</span></a>");
if (json.players[json.player_names[i]]) {
$("a", player).append("<br /><img height='70' width='70' />");
$("a img", player).attr("src", newArtUrl(json.players[json.player_names[i]].song.song_id,70));
$("a", player).append("<br />" + json.players[json.player_names[i]].song.title);
$("a", player).append("<br />" + json.players[json.player_names[i]].song.artist);
} else {
$("a", player).append("<br /><img height='70' src='www-data/images/ui2/buttons/volume-up.svg' />");
$("a", player).append("<br />Nothing playing.");
$("a", player).append("<br />&nbsp;");
}
$("#select-player-list").append(player);
}
} else {
window.location = "index2.html";
}
}
);
}
function initialize() {
refreshTimer = setInterval('refreshPlayers()', 15000);
refreshPlayers();
}
</script>
<style>
.select-player-table tr td a {
display: block;
background-color: #555;
padding: 8px;
border: 1px solid #222;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
color: #fff;
}
.select-player-table tr td a:hover {
background-color: #888 !important;
color: #222;
text-decoration: none !important;
}
.select-player-table tr td a span {
font-size: 18px;
}
</style>
</head>
<body onload="initialize();">
<div id="header-bar">
<div id="header-bar-logo">
<img src="www-data/images/ui2/amp_logo_new.svg" alt="Acoustics" />
</div>
<div id="header-bar-spacer">&nbsp;</div>
<div id="header-bar-menu">
<div id="header-bar-menu-container">
<ul id="header-bar-menu-list">
<li><a href="#" id="header-bar-menu-songs">Landing Page</a></li>
<li>
<ul id="header-bar-menu-players-dropdown" class="header-bar-menu-dropdown">
<li><a href="#">Room A</a></li>
<li><a href="#">Room B</a></li>
</ul>
</li>
<li><a id="header-bar-menu-players" class="header-bar-menu-root" href="#">Players</a></li>
</ul>
</div>
</div>
<div id="header-bar-user">
<span><a href="javascript:toggleTheme()">☆</a></span>
<span id="header-bar-user-message"><a href="javascript:login()">login</a></span> <span id="user-name"></span>
</div>
</div>
<div id="main-content">
<div id="search-results" class="panel panel-left">
<div id="search-results-toolbar" class="toolbar">
<ul id="search-results-toolbar-list" class="toolbar-list">
<li id="search-results-panel-title" style="width: 100%; text-align: center;"><span>Welcome to Acoustics!</span></li>
</ul>
</div>
<div id="search-results-container" class="container">
<div style="padding: 48px; text-align: center;">
<img src="www-data/images/ui2/amp_logo_new.svg" height="100" alt="Acoustics" /><br />
<br /><br />
<table class="select-player-table" style="width: 70%; margin-left: auto; margin-right: auto; table-layout: fixed;">
<tr id="select-player-list">
<td>Loading...</td>
</tr>
</table>
<table class="select-player-table" style="width: 70%; margin-left: auto; margin-right: auto; table-layout: fixed;">
<tr>
<td id="select-player-skip">
<a href="index2.html">
<span>Skip</span><br />
<img src="www-data/images/ui2/buttons/next.svg" width="70" height="70" /><br />
(use your last player and continue)
</a>
</td>
</tr>
<tr>
<td id="select-player-skip">
<a href="index_old.html">
<span>Legacy Interface</span><br /><br />
(Unsupported)
</a>
</td>
</tr>
</table>
</div>
</div>
<div id="search-results-statusbar" class="statusbar">
<div id="search-results-blank-status"></div>
</div>
</div>
</div>
<div id="message-box-dimmer">
</div>
<div id="message-box">
<div id="message-box-inner">
<h1 id="message-box-title">Title</h1>
<span id="message-box-message">Content</span>
</div>
<div id="message-box-close">
<a class="control-button button-link" href="javascript:closeMessageBox();">Okay</a>
</div>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.