diff --git a/files/assets/js/header.js b/files/assets/js/header.js index 25e06f9ab..a16f273e7 100644 --- a/files/assets/js/header.js +++ b/files/assets/js/header.js @@ -1,8 +1,23 @@ +function initializeBootstrap() { + // tooltips + let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); + tooltipTriggerList.map(function(element){ + return new bootstrap.Tooltip(element); + }); + // popovers + let popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')); + let popoverList = popoverTriggerList.map(function(popoverTriggerEl) { + let popoverId = popoverTriggerEl.getAttribute('data-content-id'); + let contentEl = document.getElementById(popoverId).innerHTML; + return new bootstrap.Popover(popoverTriggerEl, { + content: contentEl, + html: true, + }); + }) +} + document.addEventListener("DOMContentLoaded", function(){ - var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); - tooltipTriggerList.map(function(element){ - return new bootstrap.Tooltip(element); - }); + initializeBootstrap() }); function post_toast(url, reload, data) { diff --git a/files/assets/js/viewmore.js b/files/assets/js/viewmore.js index ce54f4311..5cf6f927c 100644 --- a/files/assets/js/viewmore.js +++ b/files/assets/js/viewmore.js @@ -1,22 +1,21 @@ -function loadMore() { - // const btn = document.getElementById(trigger) // trigger button - // const el = document.getElementById(id) // target element to populate - // const form = new FormData(); - // const xhr = new XMLHttpRequest(); +function loadMore(pid,sort,offset,id,trigger) { + const btn = document.getElementById(trigger) // trigger button + const el = document.getElementById(id) // target element to populate + const form = new FormData(); + const xhr = new XMLHttpRequest(); - // btn.classList.toggle('animate-pulse'); + btn.classList.toggle('animate-pulse'); - // xhr.open("post", `/viewmore/${pid}/${sort}/${offset}`); - // xhr.withCredentials=true; - // xhr.onload=function(){ - // if (xhr.status==200) { - // el.innerHTML = xhr.response.replace(/data-src/g, 'src').replace(/data-cfsrc/g, 'src').replace(/style="display:none;visibility:hidden;"/g, ''); // replace desired element with response html - // btn.style.display = "none"; // hide button - // initializeBootstrap() - // } else { - // btn.disabled = false; // enable our button if GET fails - // } - // } - // xhr.send(form) - console.log(pid,sort,offset,id,trigger) + xhr.open("post", `/viewmore/${pid}/${sort}/${offset}`); + xhr.withCredentials=true; + xhr.onload=function(){ + if (xhr.status==200) { + el.innerHTML = xhr.response.replace(/data-src/g, 'src').replace(/data-cfsrc/g, 'src').replace(/style="display:none;visibility:hidden;"/g, ''); // replace desired element with response html + btn.style.display = "none"; // hide button + initializeBootstrap() + } else { + btn.disabled = false; // enable our button if GET fails + } + } + xhr.send(form) } \ No newline at end of file