Forward from main

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/module.json

@@ -33,6 +33,11 @@
   "license": "https://gitea.aweleczka.de/aweleczka/On-Site-VTT/raw/branch/{{branch}}/LICENSE.txt",
   "flags": {
     "allowBugReporter": true
-    }
-
+  },
+  "styles": [
+    "./styles/on-site-vtt.css"
+  ],
+  "esmodules": [
+    "./scripts/on-site-vtt.js"
+  ]
 }

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

@@ -0,0 +1,37 @@
+
+function inti() {
+    if (game.modules.get("on-site-vtt")?.active) {
+        console.log("on-site-vtt | Enabled");
+
+        Hooks.on(
+            "getSceneControlButtons",
+            (controls) => {
+                controls.find(x => x.name === 'token').tools.push({
+                    name: "rotateView",
+                    title: "on-site-vtt.rotate",
+                    icon: "fas fa-refresh",
+                    visible: true,
+                    toggle: false,
+                    active: false,
+                    button: true,
+                    onClick: () => rotateView(),
+                });
+                console.log("on-site-vtt | Added control button");
+            });
+    } else {
+        console.log("on-site-vtt | Disabled");
+    }
+}
+
+
+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";
+    }
+}
+
+Hooks.on("init", init);

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

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