Tengo estas funciones, un boton toogle, para fullscreen, y que además añada o elimine unas clases en otros elementos. Por ahora me funciona bien, pero no se si es la mejor forma, para Angular8. ¿Como sería la mejor forma de hacerlo?
Togglefullscreen() {
var isInFullScreen = (document.fullscreenElement && document.fullscreenElement !== null)
var docElm = document.getElementById("fullscreen");
if (!isInFullScreen) {
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
document.getElementById("fullscreen").addEventListener("click", myres);
}
} else {
if (document.exitFullscreen) {
document.exitFullscreen();
document.getElementById("fullscreen").addEventListener("click", mydes);
}
}
function myres() {
document.getElementById("cameraPublisherContainer").classList.add("full");
}
function mydes() {
document.getElementById("cameraPublisherContainer").classList.remove("full");
}
}