const tableRow = ({id, name, token, owner_id}) => (`
<tr id="${id}" class="table-activate">
<td scope="col">${id}</td>
<td scope="col">${name}</td>
<td scope="col">${token}</td>
<td scope="col">${owner_id}</td>
</tr>
`);
const tableBody = data => data.reduce((body, elem) => (body + tableRow(elem)), '');
content.append(`
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
${tableBody(data)}
</tbody>
`);
#page {
overflow-x: hidden;
}
marqueeContent.appendChild(marqueeContent.children[i].cloneNode(true));
function resizeElement() {
jQuery(document).ready(function() {
const root = document.documentElement;
const marqueeElementsDisplayed = getComputedStyle(root).getPropertyValue("--marquee-elements-displayed");
const marqueeContent = document.querySelector("ul.marquee-content");
root.style.setProperty("--marquee-elements", marqueeContent.children.length);
/*
это нафиг
for(let i=0; i<marqueeElementsDisplayed; i++) {
marqueeContent.appendChild(marqueeContent.children[i].cloneNode(true));
}
*/
});
}
window.addEventListener("resize", resizeElement);
resizeElement()