Hooks.on('init', function () {
    Hooks.on('getSceneControlButtons', (controls: SceneControl[]) => {
        controls.find(x => x.name === 'token').tools.push({
            name: 'rotateView',
            title: 'on-site-vtt.rotate',
            icon: 'fas fa-refresh',
            onClick: () => rotateView(),
            button: true
        });
    });
});

function rotateView() {
    if(document.getElementsByTagName("body")[0].className.includes("nsvRotate")) {
        document.getElementsByTagName("body")[0].className = document.getElementsByTagName("body")[0].className.replace( /(?:^|\s)nsvRotate(?!\S)/g , '' )
        document.getElementById("board").className = document.getElementById("board").className.replace( /(?:^|\s)nsvRotate(?!\S)/g , '' )
    } else {
        document.getElementsByTagName("body")[0].className += " nsvRotate";
        document.getElementById("board").className += " nsvRotate";
    }
}