54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
/* global $, APP */
|
|
|
|
let $overlay;
|
|
|
|
/**
|
|
* Internal function that constructs overlay with guidance how to proceed with
|
|
* gUM prompt.
|
|
* @param {string} browser - name of browser for which to construct the
|
|
* guidance overlay.
|
|
*/
|
|
function buildOverlayHtml(browser) {
|
|
$overlay = $(`
|
|
<div class='overlay_container'>
|
|
<div class='overlay_content'>
|
|
<span class="overlay_icon icon-microphone"></span>
|
|
<span class="overlay_icon icon-camera"></span>
|
|
<span data-i18n='[html]userMedia.${browser}GrantPermissions'
|
|
class='overlay_text_small'></span>
|
|
</div>
|
|
</div>`);
|
|
|
|
APP.translation.translateElement($overlay);
|
|
}
|
|
|
|
export default {
|
|
/**
|
|
* Checks whether the overlay is currently visible.
|
|
* @return {boolean} <tt>true</tt> if the overlay is visible
|
|
* or <tt>false</tt> otherwise.
|
|
*/
|
|
isVisible () {
|
|
return $overlay && $overlay.parents('body').length > 0;
|
|
},
|
|
/**
|
|
* Shows browser-specific overlay with guidance how to proceed with
|
|
* gUM prompt.
|
|
* @param {string} browser - name of browser for which to show the
|
|
* guidance overlay.
|
|
*/
|
|
show(browser) {
|
|
!$overlay && buildOverlayHtml(browser);
|
|
|
|
!this.isVisible() && $overlay.appendTo('body');
|
|
},
|
|
|
|
/**
|
|
* Hides browser-specific overlay with guidance how to proceed with
|
|
* gUM prompt.
|
|
*/
|
|
hide() {
|
|
$overlay && $overlay.detach();
|
|
}
|
|
};
|