42 lines
947 B
JavaScript
42 lines
947 B
JavaScript
var socket = require('./socket')
|
|
|
|
socket.on('client.display', function(data) {
|
|
var exists = document.getElementById(data.key)
|
|
|
|
if (exists) {
|
|
exists.tag.remove()
|
|
exists.remove()
|
|
}
|
|
|
|
var element = document.createElement('div')
|
|
element.innerHTML = data.html
|
|
element.id = data.key
|
|
element.classList.add('root-element')
|
|
|
|
var styleElement = document.createElement('style')
|
|
styleElement.setAttribute('type', 'text/css')
|
|
styleElement.innerHTML = data.css
|
|
|
|
element.tag = styleElement
|
|
|
|
document.body.appendChild(element)
|
|
document.head.appendChild(styleElement)
|
|
|
|
window.setTimeout(function (){
|
|
element.classList.add('root-element-display')
|
|
}, 50)
|
|
})
|
|
|
|
socket.on('client.hide', function (data) {
|
|
var exists = document.getElementById(data.key)
|
|
|
|
if (exists) {
|
|
exists.classList.remove('root-element-display')
|
|
|
|
window.setTimeout(function () {
|
|
exists.tag.remove()
|
|
exists.remove()
|
|
}, 1500)
|
|
}
|
|
})
|