From 50af8c7acbf62e88f54c894c68a5b5c2c6d2f6c3 Mon Sep 17 00:00:00 2001
From: deurstann <tristan.derouet@gmail.com>
Date: Thu, 11 Feb 2021 21:28:10 +0100
Subject: [PATCH] first test with tabs for queue/playlist
---
instance/index.html | 15 ++++++++++++++-
instance/main.js | 6 +++---
2 files changed, 17 insertions(+), 4 deletions(-)
diff --git a/instance/index.html b/instance/index.html
index cfc848e..11c4de4 100644
--- a/instance/index.html
+++ b/instance/index.html
@@ -138,7 +138,20 @@
></div>
<div id="panelWrapper" class="row">
<ul id="panelLeft" class="col panel d-flex flex-column bd-highlight mb-3"></ul>
- <ul id="panelRight" class="col panel d-flex flex-column bd-highlight mb-3"></ul>
+ <div id="panelRight" class="col panel d-flex flex-column bd-highlight mb-3">
+ <ul class="nav nav-tabs">
+ <li class="active"><a data-toggle="tab" href="#queue">queue</a></li>
+ <li><a data-toggle="tab" href="#playlist">Playlist</a></li>
+ </ul>
+ <div class="tab-content">
+ <div id="queue" class="tab-pane fade in active">
+ <ul id="queueList"></ul>
+ </div>
+ <div id="playlist" class="tab-pane fade">
+ <ul id="playlistList"></ul>
+ </div>
+ </div>
+ </div>
</div>
<div
id="progress"
diff --git a/instance/main.js b/instance/main.js
index 8b0dc0e..255f0cc 100644
--- a/instance/main.js
+++ b/instance/main.js
@@ -197,13 +197,13 @@ ipcRenderer.on('reload-db-responce', (event, arg) => {
ipcRenderer.on('reload-queue-responce', (event, arg) => {
logger.debug('instance', `Web page got reload-queue`);
countKaraInQueue = 0;
- document.getElementById('panelRight').innerHTML = '';
+ document.getElementById('queueList').innerHTML = '';
arg.forEach(kara => {
countKaraInQueue++;
ejs.renderFile(__dirname + '/views/karaQueueListItem.ejs', { kara: kara }, (err, data) => {
if (err) logger.error('instance', err);
- document.getElementById('panelRight').innerHTML = `
- ${document.getElementById('panelRight').innerHTML}
+ document.getElementById('queueList').innerHTML = `
+ ${document.getElementById('queueList').innerHTML}
${data}`;
});
});
--
GitLab