Implements basic logic for first throw

README.md

@@ -0,0 +1 @@
+# On-Site VTT

on-site-vtt/lang/de.json

@@ -1,3 +1,4 @@
 {
-    "on-site-vtt.title": "On-Site VTT"
+    "on-site-vtt.title": "On-Site VTT",
+    "on-site-vtt.rotate": "Ansicht drehen"
 }

on-site-vtt/lang/en.json

@@ -1,3 +1,4 @@
 {
-    "on-site-vtt.title": "On-Site VTT"
+    "on-site-vtt.title": "On-Site VTT",
+    "on-site-vtt.rotate": "Rotate view"
 }

on-site-vtt/scripts/no-site-vtt.js

@@ -0,0 +1,22 @@
+Hooks.on('init', function () {
+    Hooks.on('getSceneControlButtons', (controls: SceneControl[]) => {
+        controls.find(x => x.name === 'token').tools.push({
+            icon: 'fas fa-refresh',
+            name: 'rotateView',
+            title: 'on-site-vtt.rotate',
+            visible: true,
+            toggle: false,
+            onClick: () => rotateView()
+        });
+    });
+});
+
+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";
+    }
+}

on-site-vtt/styles/no-site-vtt.css

@@ -0,0 +1,3 @@
+.nsvRotate {
+    rotate: 180deg;
+}