2020-06-19 20:48:02 +01:00

39 lines
1.4 KiB
JavaScript

function showToast(title, content) {
const container = document.getElementById('toast-container');
container.innerHTML += `
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false">
<div class="toast-header">
<strong class="mr-auto">${title}</strong>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="toast-body">
${content}
</div>
</div>
`;
$('.toast').toast('show');
}
function appendTd(tr, content) {
const td = document.createElement('td');
td.appendChild(document.createTextNode(content));
td.classList.add('white');
tr.appendChild(td);
return td
}
function appendButton(tr, content, onclick) {
const tdRemove = document.createElement('td');
const removeButton = document.createElement('button');
removeButton.type = 'submit';
removeButton.classList.add('btn', 'btn-primary', 'btn-fill', 'mx-auto');
removeButton.appendChild(document.createTextNode(content));
removeButton.onclick = onclick;
tdRemove.appendChild(removeButton);
tr.appendChild(tdRemove);
}