<?php
require_once ('inc/init.php');
if (!$melodyConfig -> isDatabaseReady ()) {
header ('location: install.php');
} else if (!$melodyConfig -> hasUsers ()) {
header ('location: install.php');
} else {
?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://www.w3.org/2005/10/profile">
<title>Melody Manager</title>
<script type="text/javascript" src="assets/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.cookie.js"></script>
<script type="text/javascript" src="assets/js/jqueryFileTree.js"></script>
<script type="text/javascript" src="assets/js/md5.js"></script>
<script type="text/javascript" src="assets/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="assets/js/melodymanager.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$('#tabsWrapper > ul').tabs ();
profile ('topartists');
profile ('query');
library ('recent', '', '', false);
library ('collection', '', '', false);
listPlaylists ();
});
</script>
<link href="assets/css/melodymanager.css" rel="stylesheet" type="text/css" media="screen" />
<link href="assets/css/jqueryFileTree.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="icon" type="image/bmp" href="/favicon.ico" />
</head>
<body>
<div id="pageWrapper">
<div id="bannerWrapper">
<div id="busy">
<img src="assets/img/ajax-loader.gif" />
</div>
<div id="idle" style="display:none">
<img src="assets/img/ajax-loaded.png" />
</div>
<div id="shortcuts" style="display:none">
<ul>
<li class="first"><a href="javascript:showSettingsDialog();">Setup</a></li>
<li><a href="javascript:logout();">Log Out</a></li>
</ul>
</div>
</div>
<div id="loginWrapper" style="display:none;">
<form action="#" return false;">
<div id="loginForm" name="loginForm" class="form">
<div class="field">
<div class="label"><label for="username">Username:</label></div>
<div class="value"><input type="text" name="username" id="username" value="" /></div>
</div>
<div class="field">
<div class="label"><label for="password">Password:</label></div>
<div class="value"><input type="password" name="password" id="password" value="" /></div>
</div>
<div class="buttons">
<input type="image" src="assets/img/login.png" title="Click here to access melodymanager" />
</div>
</div>
</form>
</div>
<div id="contentWrapper" style="display:none">
<div id="playlistWrapper">
<label for="randomSelection">Random:</label>
<select id="randomSelection" name="randomSelection">
<option value="1">1 track</option>
<option value="25" selected="selected">25 tracks</option>
<option value="50">50 tracks</option>
<option value="75">75 tracks</option>
<option value="100">100 tracks</option>
<option value="200">200 tracks</option>
</select>
<a href="javascript:playRandom()"><img class="icon" src="assets/img/play.png" title="Play a random selection of tracks" /></a>
 
<label for="listSelection">Playlist:</label>
<select id="listSelection" name="listSelection">
<option value="-1">Click the NEW icon to create a playlist</option>
</select>
<a href="javascript:playPlaylist()"><img class="icon" src="assets/img/play.png" title="Play the playlist" /></a>
<a href="javascript:appendPlaylist()"><img class="icon" src="assets/img/add.png" title="Add your selection below to the playlist" /></a>
 
<a href="javascript:newPlaylist()"><img class="icon" src="assets/img/new.png" title="Create a new playlist" /></a>
<a href="javascript:editPlaylist()"><img class="icon" src="assets/img/edit.png" title="Edit the playlist" /></a>
<a href="javascript:deletePlaylist()"><img class="icon" src="assets/img/delete.png" title="Delete the playlist" /></a>
</div>
<div id="tabsWrapper">
<ul class="ui-tabs-nav">
<li class="ui-tabs-selected"><a href="#profile"><span>Profile</span></a></li>
<li class="ui-tabs-unselected"><a href="#collection"><span>Collection</span></a></li>
<li class="ui-tabs-unselected"><a href="#recent"><span>Recently Added</span></a></li>
<li class="ui-tabs-unselected"><a href="#topartists"><span>Top Artists</span></a></li>
<li class="ui-tabs-unselected"><a href="#search"><span>Search</span></a></li>
</ul>
<div id="profile" class="ui-tabs-panel">
<div class="inner-tab">
</div>
</div>
<div id="collection" class="ui-tabs-panel">
<div class="inner-tab">
</div>
</div>
<div id="recent" class="ui-tabs-panel">
<div class="inner-tab">
</div>
</div>
<div id="topartists" class="ui-tabs-panel">
<div class="inner-tab">
</div>
</div>
<div id="search" class="ui-tabs-panel">
<div class="inner-tab">
<div class="breadcrumb">
<div class="indexWrapper">
<label for="q">Look for artist/album/track</label>:
<input type="text" name="q" id="q" size="50" maxlength="50" />
<a href="javascript:search($('#q').val())"><img class="icon" src="assets/img/search.png" title="Begin your search" /></a>
</div>
</div>
<div id="results" class="short listing">
</div>
</div>
</div>
</div>
</div>
<div id="footer">
Powered by <a href="http://melodymanager.sourceforge.net" target="_blank">melodymanager</a> - <?php echo $melodyConfig -> getConfig ('version'); ?>
</div>
</div>
<div id="settingsDialog" class="dialog" style="display:none">
<div class="dialogInternal">
<div class="dialogTitle">
<div class="dialogTitleText">Settings</div>
<div class="dialogCloseIcon"><a href="javascript:toggleDialog('#settingsDialog',false);"><img src="assets/img/close.png" title="Close this menu" class="icon" /></a></div>
</div>
<div class="dialogContent">
<ul>
<li><a href="javascript:showScanDialog ();">Scan for music files</a></li>
</ul>
</div>
</div>
</div>
<div id="scanDialog" class="dialog" style="display:none">
<div class="dialogInternal">
<div class="dialogTitle">
<div class="dialogTitleText">Find music</div>
<div class="dialogCloseIcon"><a href="javascript:toggleDialog('#settingsDialog',true);"><img src="assets/img/close.png" title="Close this menu" class="icon" /></a></div>
</div>
<div class="dialogContent">
<div id="fileTree"></div>
<input type="checkbox" name="scanIgnoreTimestamp" id="scanIgnoreTimestamp" /> <label for="scanIgnoreTimestamp">Ignore file times and dates</label> <br />
<input type="button" id="scanButton" name="scanButton" disabled="disabled" value="Scan selected folder" scan();" />
</div>
</div>
</div>
<div id="scanProgressDialog" class="dialog" style="display:none">
<div class="dialogInternal">
<div class="dialogTitle">
<div class="dialogTitleText">Finding music...Please wait</div>
<div class="dialogCloseIcon"></div>
</div>
<div class="dialogContent">
<div id="scanProgress"></div>
<input type="button" id="scanProgressButton" name="scanProgressButton" value="Cancel" cancelScan();" />
</div>
</div>
</div>
</body>
</html>
<?php
}
require_once ('inc/destroy.php');
?>