Sha256: 6a201f0eb2b9961d9fd55edbaa8487fe2d1c104ffa59a464840490a0d308be25
Contents?: true
Size: 1 KB
Versions: 5
Compression:
Stored size: 1 KB
Contents
if(window.Resizing === undefined) { window.Resizing = {} }
if(window.Resizing.Rails === undefined) { window.Resizing.Rails = {} }
// Usage
// toast = new Resizing.Rails.Toast()
// toast.show('title', 'body-text')
//
class Toast {
constructor() {
this.container = document.getElementById('toast-container')
this.template = document.getElementById('toast-template').content
}
show(title, text) {
let $node = document.importNode(this.template, true)
let $toast = $node.querySelector('.toast')
let id = $toast.id = `toast-${this.generateUniqueId()}`
$node.querySelector('.toast-title').textContent = title
$node.querySelector('.toast-body').textContent = text
this.container.appendChild($node)
let $elem = document.getElementById(id)
let t = new bootstrap.Toast($elem)
t.show()
$elem.addEventListener('hidden.bs.toast',() => {
$elem.remove()
})
}
generateUniqueId() {
return (new Date).getTime().toString(16)
}
}
window.Resizing.Rails.Toast = Toast
Version data entries
5 entries across 5 versions & 1 rubygems