hyper-set-reda/HyperSet/vues/js/Settings.js

/*var color = 'normal';
var nb = 0;

function changeColorMode() {
    let selectColor = document.getElementById('color-selector');
    selectColor.addEventListener('change', function() {
        var index = selectColor.selectedIndex;
        // Rapporter cette donnée au <p>
        if (index != null){
            nb= index;
        }

    })
   /* if(color !== selectColor.value){
        color = selectColor.value;
    }
    return nb;

}


console.log(nb);
/*var nb = 0;

let selectColor = document.getElementById('color-selector');

selectColor.addEventListener('change', function() {
    var index = selectColor.selectedIndex;
    // Rapporter cette donnée au <p>
    if (index != null){
        nb= index;
    }

})



 */
/*var mode;

let selectMode = document.getElementById('mode-selector');

selectMode.addEventListener('change', function() {
    var index = selectMode.selectedIndex;
    // Rapporter cette donnée au <p>
    if (index != null){
        mode= index;
    }

});*/


var popupSettings = document.getElementById('popupSettings');
var popupExplain = document.getElementById('popupExplain');

window.onclick = function(event) {
    if (event.target === popupSettings) {
        popupSettings.style.display = "none";
        saveSettings();
    }
    if (event.target === popupExplain) {
        popupExplain.style.display = "none";
    }
};

function showSettings(){
    document.getElementById('popupSettings').style.display='block';
}

function showExplain(){
    document.getElementById('popupExplain').style.display='block';
}


function goHome(){
    document.getElementById('home').style.display='block';
    document.getElementById('selectMode').style.display='none';
}
function showGameHS(){
    document.getElementById('gameHS').style.display='block';
    document.getElementById('selectModeHyperSet').style.display='none';

    Game.dealHS();
}
function showGameHS0(){
    document.getElementById('gameHS0').style.display='block';
    document.getElementById('selectModeHyperSet').style.display='none';
    Game.dealHS0();
}

function showGameHS1(){
    document.getElementById('gameHS1').style.display='block';
    document.getElementById('selectModeHyperSet').style.display='none';
    Game.dealHS1();
}
function showGameHS2(){
    document.getElementById('gameHS2').style.display='block';
    document.getElementById('selectModeHyperSet').style.display='none';
    Game.dealHS2();
}
function showGameHS3(){
    document.getElementById('gameHS3').style.display='block';
    document.getElementById('selectModeHyperSet').style.display='none';
    Game.dealHS3();
}
function showGameHS4(){
    document.getElementById('gameHS4').style.display='block';
    document.getElementById('selectModeHyperSet').style.display='none';
    Game.dealHS4();
}




function showGame0(){
    document.getElementById('game0').style.display='block';
    document.getElementById('selectModeSet').style.display='none';
    Game.deal0();
}

function showGame(){

    document.getElementById('game').style.display='block';
    document.getElementById('selectModeSet').style.display='none';
    Game.deal();




}

function showGame1(){
    document.getElementById('game1').style.display='block';
    document.getElementById('selectModeSet').style.display='none';

    Game.deal1();
}

function showGame2(){
    document.getElementById('game2').style.display='block';
    document.getElementById('selectModeSet').style.display='none';

    Game.deal2();

}
function showGame3(){
    document.getElementById('game3').style.display='block';
    document.getElementById('selectModeSet').style.display='none';

    Game.deal3();

}
function showGame4(){
    document.getElementById('game4').style.display='block';
    document.getElementById('selectModeSet').style.display='none';
    Game.deal4();
}




function showModeGame(){
    document.getElementById('selectModeSet').style.display='block';
    document.getElementById('selectMode').style.display='none';
}

function showModeGame1(){
    document.getElementById('selectModeHyperSet').style.display='block';
    document.getElementById('selectMode').style.display='none';
}






function showModeGames(){
    document.getElementById('selectMode').style.display='block';
    document.getElementById('home').style.display='none';
}


function closeExplainPopup() {
    document.getElementById('popupExplain').style.display='none';
}

function closeSettingsPopup() {
    document.getElementById('popupSettings').style.display='none';
    saveSettings();
}


function saveSettings(){
    localStorage.setItem('isRootTheme', isRootTheme);
    localStorage.setItem('isBackgroundAnimated', isBackgroundAnimated);
    localStorage.setItem('lang', lang);

}


const html = document.getElementsByTagName('html')[0];
const themeSwitch = document.getElementById('themeSwitch');

themeSwitch.addEventListener('click', () => {
    html.classList.toggle('dark');

});

function setTheme() {
    if(!isRootTheme) {
        document.body.classList.toggle('dark');
        document.getElementById('themeSwitch').checked = true;
    }
    else{
        if(document.body.classList.contains('dark'))
            document.body.classList.toggle('dark');
        document.getElementById('themeSwitch').checked = false;

    }
}

function goSelect(){
    document.getElementById('selectMode').style.display='block';
    document.getElementById('selectModeSet').style.display='none';
}

function goSelect1(){
    document.getElementById('selectMode').style.display='block';
    document.getElementById('selectModeHyperSet').style.display='none';
    document.getElementById('selectMode').style.display='home';

}




function goSelectMode(){
    window.location.reload();
}
function goSelectMode1(){
    document.getElementById('selectModeSet').style.display='block';
    document.getElementById('game1').style.display='none';
    document.getElementById('carte1').innerHTML = "";

}
function goSelectMode2(){
    document.getElementById('selectModeSet').style.display='block';
    document.getElementById('game2').style.display='none';
    document.getElementById('carte2').innerHTML = "";

}
function goSelectMode3(){
    document.getElementById('selectModeSet').style.display='block';
    document.getElementById('game3').style.display='none';
    document.getElementById('carte3').innerHTML = "";

}
function goSelectMode4(){
    document.getElementById('selectModeSet').style.display='block';
    document.getElementById('game4').style.display='none';
    document.getElementById('carte4').innerHTML = "";

}
function goSelectMode0(){
    window.location.reload();

}


function goSelectModeHyperSet(){
    document.getElementById('selectModeHyperSet').style.display='block';
    document.getElementById('gameHS').style.display='none';
    document.getElementById('carteHS').innerHTML = "";

}
function goSelectModeHyperSet0(){
    document.getElementById('gameHS0').style.display='none';
    document.getElementById('selectModeHyperSet').style.display='block';
    document.getElementById('carteHS0').innerHTML = "";

}
function goSelectModeHyperSet1(){
    document.getElementById('gameHS1').style.display='none';
    document.getElementById('selectModeHyperSet').style.display='block';
    document.getElementById('carteHS1').innerHTML = "";
}
function goSelectModeHyperSet2(){
    document.getElementById('gameHS2').style.display='none';
    document.getElementById('selectModeHyperSet').style.display='block';
    document.getElementById('carteHS2').innerHTML = "";
}
function goSelectModeHyperSet3(){
    document.getElementById('gameHS3').style.display='none';
    document.getElementById('selectModeHyperSet').style.display='block';
    document.getElementById('carteHS3').innerHTML = "";
}
function goSelectModeHyperSet4(){
    document.getElementById('gameHS4').style.display='none';
    document.getElementById('selectModeHyperSet').style.display='block';
    document.getElementById('carteHS4').innerHTML = "";
}