From 2cbeffc6a15428688140791f6d6956177e6162a1 Mon Sep 17 00:00:00 2001
From: Alexander <alex@aweleczka>
Date: Sun, 10 Dec 2023 18:00:02 +0100
Subject: [PATCH] Implements basic logic for first throw

---
 README.md                          |  1 +
 on-site-vtt/lang/de.json           |  3 ++-
 on-site-vtt/lang/en.json           |  3 ++-
 on-site-vtt/scripts/no-site-vtt.js | 22 ++++++++++++++++++++++
 on-site-vtt/styles/no-site-vtt.css |  3 +++
 5 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 on-site-vtt/scripts/no-site-vtt.js
 create mode 100644 on-site-vtt/styles/no-site-vtt.css

diff --git a/README.md b/README.md
index e69de29..a33dfe8 100644
--- a/README.md
+++ b/README.md
@@ -0,0 +1 @@
+# On-Site VTT
\ No newline at end of file
diff --git a/on-site-vtt/lang/de.json b/on-site-vtt/lang/de.json
index 1a18d46..4da3442 100644
--- a/on-site-vtt/lang/de.json
+++ b/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"
 }
\ No newline at end of file
diff --git a/on-site-vtt/lang/en.json b/on-site-vtt/lang/en.json
index 1a18d46..f36600a 100644
--- a/on-site-vtt/lang/en.json
+++ b/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"
 }
\ No newline at end of file
diff --git a/on-site-vtt/scripts/no-site-vtt.js b/on-site-vtt/scripts/no-site-vtt.js
new file mode 100644
index 0000000..43321ec
--- /dev/null
+++ b/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";
+    }
+}
\ No newline at end of file
diff --git a/on-site-vtt/styles/no-site-vtt.css b/on-site-vtt/styles/no-site-vtt.css
new file mode 100644
index 0000000..dbe4e2d
--- /dev/null
+++ b/on-site-vtt/styles/no-site-vtt.css
@@ -0,0 +1,3 @@
+.nsvRotate {
+    rotate: 180deg;
+}
\ No newline at end of file