+ mounted: function() {
+ [document.getElementById("eogDiv"),document.getElementById("adjuster")]
+ .forEach(elt => elt.addEventListener("click", processModalClick));
+ // Take full width on small screens:
+ let boardSize = parseInt(localStorage.getItem("boardSize"));
+ if (!boardSize)
+ {
+ boardSize = (window.innerWidth >= 768
+ ? Math.min(600, 0.5*window.innerWidth) //heuristic...
+ : window.innerWidth);
+ }
+ const movesWidth = (window.innerWidth >= 768 ? 280 : 0);
+ document.getElementById("boardContainer").style.width = boardSize + "px";
+ let gameContainer = document.getElementById("gameContainer");
+ gameContainer.style.width = (boardSize + movesWidth) + "px";
+ // TODO: find the right formula here:
+ //document.getElementById("boardSize").value = Math.floor(boardSize / 10);
+ // timeout to avoid calling too many time the adjust method
+ let timeoutLaunched = false;
+ window.addEventListener("resize", (e) => {
+ if (!timeoutLaunched)
+ {
+ timeoutLaunched = true;
+ setTimeout( () => {
+ this.adjustBoard();
+ timeoutLaunched = false;
+ }, 500);
+ }
+ });
+ },