60 lines
1.6 KiB
JavaScript
60 lines
1.6 KiB
JavaScript
import $ from 'jquery';
|
|
|
|
/**
|
|
* Created by hristo on 12/22/14.
|
|
*/
|
|
const UIUtil = {
|
|
|
|
/**
|
|
* Escapes the given text.
|
|
*/
|
|
escapeHtml(unsafeText) {
|
|
return $('<div/>').text(unsafeText)
|
|
.html();
|
|
},
|
|
|
|
/**
|
|
* Inserts given child element as the first one into the container.
|
|
* @param container the container to which new child element will be added
|
|
* @param newChild the new element that will be inserted into the container
|
|
*/
|
|
prependChild(container, newChild) {
|
|
const firstChild = container.childNodes[0];
|
|
let result;
|
|
|
|
if (firstChild) {
|
|
result = container.insertBefore(newChild, firstChild);
|
|
} else {
|
|
result = container.appendChild(newChild);
|
|
}
|
|
|
|
return result;
|
|
},
|
|
|
|
/**
|
|
* Indicates if we're currently in full screen mode.
|
|
*
|
|
* @return {boolean} {true} to indicate that we're currently in full screen
|
|
* mode, {false} otherwise
|
|
*/
|
|
isFullScreen() {
|
|
return Boolean(document.fullscreenElement
|
|
|| document.mozFullScreenElement
|
|
|| document.webkitFullscreenElement
|
|
|| document.msFullscreenElement);
|
|
},
|
|
|
|
/**
|
|
* Checks if the given DOM element is currently visible. The offsetParent
|
|
* will be null if the "display" property of the element or any of its
|
|
* parent containers is set to "none". This method will NOT check the
|
|
* visibility property though.
|
|
* @param {el} The DOM element we'd like to check for visibility
|
|
*/
|
|
isVisible(el) {
|
|
return Boolean(el) && el.offsetParent !== null;
|
|
}
|
|
};
|
|
|
|
export default UIUtil;
|