From c2c29d8ae493cda4c4f99a79a7b10965e2c35987 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Sat, 20 Jun 2020 22:17:53 -0400
Subject: [PATCH] Allow entities to be flipped (not saved yet)

---
 macrovision.css  | 7 ++++++-
 macrovision.html | 3 +++
 macrovision.js   | 8 ++++++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/macrovision.css b/macrovision.css
index 0cea0570..9b89b4ad 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -49,6 +49,10 @@ body {
     filter: brightness(var(--brightness));
 }
 
+.entity-image.flipped {
+    transform: translate(-50%, var(--offset)) scale(-1, 1);
+}
+
 .entity-name {
     display: none;
     position: absolute;
@@ -1028,4 +1032,5 @@ button {
     left: 0%;
     z-index: 1;
     user-select: none;
-}
\ No newline at end of file
+}
+
diff --git a/macrovision.html b/macrovision.html
index a742c19e..0c1e3b9c 100644
--- a/macrovision.html
+++ b/macrovision.html
@@ -210,6 +210,9 @@
         <div class="options-label">
           Brightness
         </div>
+        <div class="options-row">
+          <button class="options-button" id="options-flip">Flip</button>
+        </div>
         <div class="options-two-buttons" id="options-brightness">
           <button id="options-brightness-down">Down</button>
           <div id="options-brightness-display"></div>
diff --git a/macrovision.js b/macrovision.js
index 29415ad2..bc546431 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -2035,6 +2035,14 @@ document.addEventListener("DOMContentLoaded", () => {
         updateSizes();
     });
 
+    document.querySelector("#options-flip").addEventListener("click", e => {
+        if (selected) {
+            selected.querySelector(".entity-image").classList.toggle("flipped");
+        }
+        document.querySelector("#options-brightness-display").innerText = entities[selected.dataset.key].brightness;
+        updateSizes();
+    });
+
     const sceneChoices = document.querySelector("#scene-choices");
 
     Object.entries(scenes).forEach(([id, scene]) => {