klafyvel/live_share_youtube
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix de la sélection au click

Browse source
This commit is contained in:
Klafyvel 2018-03-28 17:54:07 +02:00
parent 70025d0e64
commit 4cd6b830a9
2 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
player/templates/player/playlist.html
View file

@ -57,7 +57,7 @@
<h2>Pistes à venir</h2> <h2>Pistes à venir</h2>
<div id="links"> <div id="links">
{% for link in playlist.link_set.all %} {% for link in playlist.link_set.all %}
<div class="card bg-secondary text-white" onclick="setCurrentFromToken('{{link.token}}');" id="{{link.token}}"> <div class="card bg-secondary text-white" onclick="setCurrent(parseInt(this.id));" id="{{ forloop.counter0 }}">
<div class="card-body"> <div class="card-body">
<div class="row container"> <div class="row container">
<div class="col-md-6" > <div class="col-md-6" >
@ -79,7 +79,7 @@
</div> </div>
</div> </div>
</div> </div>
<div style="display:none;" class="card bg-secondary text-white" id="link_template"> <div style="display:none;" onclick="setCurrent(parseInt(this.id));" class="card bg-secondary text-white" id="link_template">
<div class="card-body"> <div class="card-body">
<div class="row container"> <div class="row container">
<div class="col-md-6"> <div class="col-md-6">

11
static_files/js/playlist.js
View file

@ -30,8 +30,8 @@ function onPlayerReady(event) {
function play() { function play() {
player.loadVideoById(tracks[current_link]); player.loadVideoById(tracks[current_link]);
player.playVideo(); player.playVideo();
document.getElementById(tracks[current_link]).classList.add('bg-success'); document.getElementById(current_link).classList.add('bg-success');
document.getElementById(tracks[current_link]).classList.remove('bg-secondary'); document.getElementById(current_link).classList.remove('bg-secondary');
} }
function next() { function next() {
if (current_link < (tracks.length -1)) { if (current_link < (tracks.length -1)) {
@ -49,13 +49,15 @@ function prev() {
function setCurrent(c) { function setCurrent(c) {
if(c > 0 && c < tracks.length) { if(c > 0 && c < tracks.length) {
document.getElementById(current_link).classList.remove('bg-success');
document.getElementById(current_link).classList.add('bg-secondary');
current_link = c; current_link = c;
play(); play();
} }
} }
function setCurrentFromToken(token) { function setCurrentFromToken(token) {
setCurrent(tracks.indexOf(token)); setCurrent(tracks.lastIndexOf(token));
} }
function onPlayerStateChange(event) { function onPlayerStateChange(event) {
@ -96,8 +98,7 @@ function updateLinks(data) {
tracks.push(token); tracks.push(token);
var card = model.cloneNode(true); var card = model.cloneNode(true);
card.style.display = 'block'; card.style.display = 'block';
card.id = token; card.id = i.toString();
card.onclick = function(){setCurrent(this.id);};
card.getElementsByClassName('link_name')[0].innerHTML = token; card.getElementsByClassName('link_name')[0].innerHTML = token;
if (i==current_link) { if (i==current_link) {
card.classList.add('bg-success'); card.classList.add('bg-success');