<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="expires" content="Friday 24 October 1997 09:30 GMT">
<title>Playlist Editor</title>
<link rel=stylesheet href='../../../common.css' type='text/css'>
<link rel=stylesheet href='styles.css' type='text/css'>
<script type="text/javascript">
function changeImage(img){
document.getElementById('aqt').src=img;
}
function ins()
{
var ea=document.getElementById('available');
for(var i=0;i<ea.length;i++)
{
if(ea.options[i].selected)
{
var option=document.createElement("option");
option.text=ea.options[i].text;
document.getElementById('plist').add(option);
}
}
}
function rm()
{
var er=document.getElementById('plist');
for(var i=0;i<er.length;i++)
{
if(er.options[i].selected)
er.remove(i--);
}
}
function mvup()
{
var er=document.getElementById('plist');
for(var i=0;i<er.length;i++)
{
if(er.options[i].selected&&i!=0)
{
var t=er.options[i-1].text,tv=er.options[i-1].value;
er.options[i-1].text=er.options[i].text;
er.options[i-1].value=er.options[i].value;
er.options[i].text=t;
er.options[i].value=tv;
er.options[i].selected=false;
er.options[i-1].selected=true;
}
}
}
function mvdn()
{
var er=document.getElementById('plist');
for(var i=er.length-1;i>=0;i--)
{
if(er.options[i].selected&&i!=er.length-1)
{
var t=er.options[i+1].text,tv=er.options[i+1].value;
er.options[i+1].text=er.options[i].text;
er.options[i+1].value=er.options[i].value;
er.options[i].text=t;
er.options[i].value=tv;
er.options[i].selected=false;
er.options[i+1].selected=true;
}
}
}
function submitplist()
{
var er=document.getElementById('plist');
for(var i=0;i<er.length;i++)er.options[i].selected=true;
document.getElementById("result").submit();
}
</script>
</head>
<body>
<div class="TText" style="font-size:2em"><a href="../../../../">Chrisoft</a>::<a href="../">Music Library</a></div>
<p class="TText">Note: Playlist ID 0~15 are reserved.</p>
<table style="width:100%;">
<tr>
<td style="width:40%;">
<form>
<select multiple name="available" id="available" size="30" style="width:100%;">
<?php
$files=scandir("/var/www/html/libs/music/ogg/");
for($i=0,$c=count($files);$i<$c;$i++)
{
if(!(strstr($files[$i],"ogg")))continue;
$cur=sprintf("<option value=\"%s\">%s</option>",substr($files[$i],0,strlen($files[$i])-4),substr($files[$i],0,strlen($files[$i])-4));
echo $cur;
}
?>
</select>
</form>
</td>
<td style="width:10%;text-align:center;">
<button onclick="ins();">></button><br>
<button onclick="rm();"><</button><br>
<button onclick="mvup();">^</button><br>
<button onclick="mvdn();">v</button><br>
Play List ID: <input type="number" id="plistid" name="plistid" form="result" min="1" max="100"><br>
Play List Name: <input type="text" id="plistname" name="plistname" form="result"><br>
<button onclick="submitplist();">submit</button>
</td>
<td style="width:40%;">
<form id="result" action="plistcreator.php" method="post">
<select multiple name="plist[]" id="plist" size="30" style="width:100%;">
<?php
if(isset($_GET["plistid"]))
{
if(intval($_GET["plistid"])>=0&&intval($_GET["plistid"])<100)
{
$fn=sprintf("/var/www/html/libs/music/player.d/playlists/%s",$_GET["plistid"]);
$file=fopen($fn,"r");
fgets($file);
while($item=fgets($file))
echo "<option value=\"",$item,"\">",$item,"</option>";
fclose($file);
}
}
?>
</select>
</form>
<?php
if(isset($_GET["plistid"]))
{
if(intval($_GET["plistid"])>=0&&intval($_GET["plistid"])<100)
{
echo "<script type=\"text/javascript\">document.getElementById(\"plistid\").value=",$_GET["plistid"];
$fn=sprintf("/var/www/html/libs/music/player/playlists/%s",$_GET["plistid"]);
$file=fopen($fn,"r");
$name=fgets($file);$name=substr($name,0,strlen($name)-1);
echo ";document.getElementById(\"plistname\").value=\"",$name,"\";</script>";
fclose($file);
}
}
?>
</td>
</tr>
</table>
<div class="floatingl">
<img src="../../../koishi_norm.png" alt="" width="320" id="aqt" onmouseover="changeImage('../../../koishi_hovr.png')" onmouseout="changeImage('../../../koishi_norm.png')" onclick="this.remove();">
</div>
</body>
</html>