From 0a73083e8a754c4e2d447ab1da18846bdbc608db Mon Sep 17 00:00:00 2001
From: TLSM <duolsm@outlook.com>
Date: Sun, 29 May 2022 03:08:28 -0400
Subject: [PATCH] Add settings toggle for UI animations.

---
 files/classes/user.py                 |  1 +
 files/routes/settings.py              |  4 ++++
 files/templates/header.html           | 11 +++++++++++
 files/templates/settings_filters.html | 18 ++++++++++++++++++
 4 files changed, 34 insertions(+)

diff --git a/files/classes/user.py b/files/classes/user.py
index e8e2cbe6a..fe963336e 100644
--- a/files/classes/user.py
+++ b/files/classes/user.py
@@ -79,6 +79,7 @@ class User(Base):
 	over_18 = Column(Boolean, default=False)
 	hidevotedon = Column(Boolean, default=False)
 	highlightcomments = Column(Boolean, default=True)
+	animations = Column(Boolean, default=True)
 	slurreplacer = Column(Boolean, default=True)
 	flairchanged = Column(Integer)
 	newtab = Column(Boolean, default=False)
diff --git a/files/routes/settings.py b/files/routes/settings.py
index 8486c8856..e1ad2e761 100644
--- a/files/routes/settings.py
+++ b/files/routes/settings.py
@@ -59,6 +59,10 @@ def settings_profile_post(v):
 		updated = True
 		v.slurreplacer = request.values.get("slurreplacer") == 'true'
 
+	elif request.values.get("animations", v.animations) != v.animations:
+		updated = True
+		v.animations = request.values.get("animations") == 'true'
+
 	elif request.values.get("hidevotedon", v.hidevotedon) != v.hidevotedon:
 		updated = True
 		v.hidevotedon = request.values.get("hidevotedon") == 'true'
diff --git a/files/templates/header.html b/files/templates/header.html
index 01ee43810..1b68c6775 100644
--- a/files/templates/header.html
+++ b/files/templates/header.html
@@ -285,3 +285,14 @@
 		}
 	</style>
 {% endif %}
+
+{% if v and not v.animations -%}
+	<style>
+		* {
+			animation: unset !important;
+		}
+		.active-anim.arrow-up::before{
+			animation: bounce-top-inset 0s 1 0s;
+		}
+	</style>
+{%- endif %}
diff --git a/files/templates/settings_filters.html b/files/templates/settings_filters.html
index f38eafc66..8c6120cd9 100644
--- a/files/templates/settings_filters.html
+++ b/files/templates/settings_filters.html
@@ -281,6 +281,24 @@
 
 					</div>
 
+					<div class="d-lg-flex border-bottom">
+
+						<div class="title w-lg-25">
+							<label for="animations">Animations</label>
+						</div>
+
+						<div class="body w-lg-100">
+
+							<div class="custom-control custom-switch">
+								<input autocomplete="off" type="checkbox" class="custom-control-input" id="animations" name="animations"{% if v.animations %} checked{% endif %} onchange="post_toast(this,'/settings/profile?animations='+document.getElementById('animations').checked);">
+								<label class="custom-control-label" for="animations"></label>
+							</div>
+
+							<span class="text-small-extra text-muted">Enables animations for user interface elements. No effect on award animations.</span>
+
+						</div>
+
+					</div>
 
 					<div class="d-lg-flex border-bottom">