</head>
<body>
- <div>
- <h1>Current Status of db:</h1>
- <button type="button" onclick="get_updated_status()">Get Status</button>
- <h2>List of songs in the database:</h2>
- <p>Filter songs here:</p>
- <input id="allSongFilterList" type="text"></input>
- <ul style="max-height: 400px; overflow-y: auto" id="db_status_song_list">
- </ul>
- <h2>List of Song Files</h2>
- <ul style="max-height: 400px; overflow-y: auto" id="song_file_list">
-
- </ul>
- <h2>Which rooms these songs are applied to</h2>
- <ul id="list_of_rooms">
-
- </ul>
- </div>
+ <div id="outerSongList">
+ <h1><u>Song List</u></h1>
- <div>
- <h1>Room Overview</h1>
- </div>
+ <input id="songFilterInput"></input>
+ <div id="innerSongList">
- <div>
- <h1>Song Overview</h1>
+ </div>
</div>
</body>
- <div id="editElement" style="display: none; position: absolute; top: 20px; left: 20px;">
- <h2>Edit Song Menu</h2>
- <button onclick="closeEditElement()">Close</button>
-
- <p>Guessable Artist Names</p>
- <input id="editArtistName" pattern="[a-zA-Z0-9~\!]" type="text"></input>
-
- <p>Guessable Track Names</p>
- <input id="editTrackName" pattern="[a-zA-Z0-9~\!]" type="text"></input>
-
- <p>TrackViewURL (Not relevant)</p>
- <input id="editTrackViewUrl" pattern="[a-zA-Z0-9~\!]" type="text"></input>
-
- <p>Preview URL (which song file)</p>
- <input id="editPreviewUrl" pattern="[a-zA-Z0-9~\!]" type="text"></input>
- <button id="updateSongFile">Directly Rename Song File</button>
-
- <p>Artwork URL 60</p>
- <input id="editArtworkUrl60" pattern="[a-zA-Z0-9~\!]" type="text"></input>
-
- <p>Artwork URL 100</p>
- <input id="editArtworkUrl100" pattern="[a-zA-Z0-9~\!]" type="text"></input>
-
- <p>Display Names for list of Artists</p>
- <input id="editDisplayArtistNames" pattern="[a-zA-Z0-9~\!]" type="text"></input>
-
- <p>Display Names for track name</p>
- <input id="editDisplayTrackName" pattern="[a-zA-Z0-9~\!]" type="text"></input>
-
- <button onclick="setNewSongValue()">Insert Changes</button>
- </div>
<script type="text/javascript" src="/js/index.js"></script>
</html>
+let songList = []
+
+/**
+ * Get all the songs
+ **/
+async function getSongList() {
+
+
+}
+
+
+/**
+ * MAIN SONG ELEMENT
+ **/
+
+
+/**
+ * SONG FILTERING LOGIC
+ **/
+let songFilterInput = document.getElementById("songFilterInput")
+
+
+
+
+
+// ==============================================================
let AllSongs = null
let AllFilenames = null
let currentEditSong = null
editArtworkUrl60.addEventListener("focusout", closeIfNotInEditor)
editArtworkUrl100.addEventListener("focusout", closeIfNotInEditor)
editDisplayArtistNames.addEventListener("focusout", closeIfNotInEditor)
+
projects / binbsis50-sm.git / commitdiff