Some web enhancement
This commit is contained in:
parent
c1c1390185
commit
f1e4066782
@ -45,7 +45,15 @@
|
|||||||
<!-- Scripts-->
|
<!-- Scripts-->
|
||||||
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
||||||
<script src="js/materialize.js"></script>
|
<script src="js/materialize.js"></script>
|
||||||
<script src="js/init.js"></script>
|
<script>
|
||||||
|
$('.button-collapse-1').sideNav({
|
||||||
|
menuWidth: 400, // Default is 300
|
||||||
|
edge: 'right', // Choose the horizontal origin
|
||||||
|
closeOnClick: false, // Closes side-nav on <a> clicks, useful for Angular/Meteor
|
||||||
|
draggable: true // Choose whether you can drag to open on touch screens,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<!--<script src="js/init.js"></script>-->
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
@ -72,15 +72,18 @@ $(document).ready(function() {
|
|||||||
playlistLimit: $('#limit_range').val(),
|
playlistLimit: $('#limit_range').val(),
|
||||||
onHead: true
|
onHead: true
|
||||||
};
|
};
|
||||||
|
$('#input_link').val('');
|
||||||
sendCommand(JSON.stringify(command));
|
sendCommand(JSON.stringify(command));
|
||||||
})
|
})
|
||||||
$('#btn_add_bottom').click(function () {
|
$('#btn_add_bottom').click(function () {
|
||||||
|
|
||||||
var command = {
|
var command = {
|
||||||
command: "ADD",
|
command: "ADD",
|
||||||
url: $('#input_link').val(),
|
url: $('#input_link').val(),
|
||||||
playlistLimit: $('#limit_range').val(),
|
playlistLimit: $('#limit_range').val(),
|
||||||
onHead: false
|
onHead: false
|
||||||
};
|
};
|
||||||
|
$('#input_link').val('');
|
||||||
sendCommand(JSON.stringify(command));
|
sendCommand(JSON.stringify(command));
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -200,7 +203,7 @@ function getPlayList() {
|
|||||||
content = content.replace("@title", element.title);
|
content = content.replace("@title", element.title);
|
||||||
content = content.replace("@author", element.author);
|
content = content.replace("@author", element.author);
|
||||||
content = content.replace("@lenght", msToTime(element.length));
|
content = content.replace("@lenght", msToTime(element.length));
|
||||||
content = content.replace("@url", element.uri)
|
content = content.replace(/@url/g, element.uri);
|
||||||
template.html(content);
|
template.html(content);
|
||||||
|
|
||||||
$('#playlist_list').append(template);
|
$('#playlist_list').append(template);
|
||||||
@ -254,7 +257,7 @@ function updateControl(data){
|
|||||||
$('#btn_next').removeClass("disabled");
|
$('#btn_next').removeClass("disabled");
|
||||||
}
|
}
|
||||||
|
|
||||||
$('#music_img').attr("src","http://img.youtube.com/vi/"+data.info.identifier+"/hqdefault.jpg");
|
$('#music_img').attr("src","https://img.youtube.com/vi/"+data.info.identifier+"/hqdefault.jpg");
|
||||||
updateModal(data);
|
updateModal(data);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -167,7 +167,7 @@
|
|||||||
<ul class="collection">
|
<ul class="collection">
|
||||||
<li class="collection-item">Author: @author</li>
|
<li class="collection-item">Author: @author</li>
|
||||||
<li class="collection-item">Duration: @lenght</li>
|
<li class="collection-item">Duration: @lenght</li>
|
||||||
<li class="collection-item">URL: <a>@url</a></li>
|
<li class="collection-item">URL: <a href="@url">@url</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
Loading…
Reference in New Issue
Block a user