djsundog
/
netv-mam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some refactoring

This commit is contained in:
Sundog Jones 2024-09-03 11:34:40 -04:00
parent f569d26744
commit de08f9fa0c
1 changed files with 40 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
layout.html
View File

@ -376,15 +376,32 @@
const api_url = "media.php"; const api_url = "media.php";
fetch(api_url).then((response) => { fetch(api_url).then((response) => {
if (response.ok) { if (response.ok) {
response.json().then((rows) => { response.json().then(populate_media_library);
const media_library_target = document.getElementById("media_library_contents"); }
});
}
const fetch_filtered_media_items = () => {
const filter_term = document.querySelector("#media_library_filter").value;
const api_url = "media.php?filter=" + filter_term;
fetch(api_url).then((response) => {
if (response.ok) {
response.json().then(populate_media_library);
}
});
}
const populate_media_library = (rows) => {
const media_library_target = document.querySelector("#media_library_contents");
media_library_target.innerHTML = ""; media_library_target.innerHTML = "";
rows.forEach((row) => { rows.forEach((row) => {
const duration = new Date(row['duration_secs'] * 1000).toISOString().substring(11, 19); const duration = new Date(row['duration_secs'] * 1000).toISOString().substring(11, 19);
const template = document.getElementById("media_item_template"); const template = document.getElementById("media_item_template");
const template_clone = template.content.firstElementChild.cloneNode(true); const template_clone = template.content.firstElementChild.cloneNode(true);
template_clone.querySelector(".media_item_title").innerHTML = row['title']; template_clone.querySelector(".media_item_title").innerHTML = row['title'];
template_clone.querySelector(".media_item_info").innerHTML = "<p>" + row['description'] + "</p><p>Season " + row['season'] + " Episode " + row['episode_number'] + " - (Duration " + duration + ")</p>"; template_clone.querySelector(".media_item_info").innerHTML = `<p>${row['description']}</p><p>Season ${row['season']} Episode ${row['episode_number']} - (Duration ${duration})</p>`;
const thisRow = media_library_target.appendChild(template_clone); const thisRow = media_library_target.appendChild(template_clone);
thisRow.setAttribute("data-id", row['id']); thisRow.setAttribute("data-id", row['id']);
thisRow.setAttribute("data-title", row['title']); thisRow.setAttribute("data-title", row['title']);
@ -401,9 +418,6 @@
edit_media_item(media_item); edit_media_item(media_item);
}); });
}); });
});
}
});
} }
const edit_media_item = (media_item_element) => { const edit_media_item = (media_item_element) => {