From 94ba87062d07f25aac3cde5717c7e7f2dfa10c7f Mon Sep 17 00:00:00 2001
From: jacques42 <github.com@weismantel.de>
Date: Sun, 6 Jun 2021 00:01:27 +0200
Subject: [PATCH] remote_buzzer: Implements rotary button for stand-alone
 gallery, fixes crash

---
 gallery.php                 | 3 +++
 src/js/gallery.js           | 2 +-
 src/sass/classic_style.scss | 3 ++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/gallery.php b/gallery.php
index 4ed73c964..e6efc5ceb 100644
--- a/gallery.php
+++ b/gallery.php
@@ -96,6 +96,7 @@
 	<script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
 	<script type="text/javascript" src="vendor/PhotoSwipe/dist/photoswipe.min.js"></script>
 	<script type="text/javascript" src="vendor/PhotoSwipe/dist/photoswipe-ui-default.min.js"></script>
+	<script type="text/javascript" src="resources/js/remotebuzzer_client.js"></script>
 	<script type="text/javascript" src="resources/js/photoinit.js"></script>
 	<script type="text/javascript" src="resources/js/theme.js"></script>
 	<script type="text/javascript" src="resources/js/core.js"></script>
@@ -105,5 +106,7 @@
 	<?php endif; ?>
 	<script src="node_modules/@andreasremdt/simple-translator/dist/umd/translator.min.js"></script>
 	<script type="text/javascript" src="resources/js/i18n.js"></script>
+
+	<?php require_once('lib/services_start.php'); ?>
 </body>
 </html>
diff --git a/src/js/gallery.js b/src/js/gallery.js
index 5a56410e6..c0aed25b8 100644
--- a/src/js/gallery.js
+++ b/src/js/gallery.js
@@ -1,6 +1,6 @@
 /* globals photoBooth */
 $(function () {
-    const reloadElement = $('<a class="gallery__reload">');
+    const reloadElement = $('<a class="gallery__reload rotaryfocus">');
     reloadElement.append('<i class="fa fa-refresh"></i>');
     reloadElement.attr('href', '#');
     reloadElement.on('click', () => photoBooth.reloadPage());
diff --git a/src/sass/classic_style.scss b/src/sass/classic_style.scss
index 92a2073a0..91f6378bd 100644
--- a/src/sass/classic_style.scss
+++ b/src/sass/classic_style.scss
@@ -449,7 +449,8 @@ hr.small {
 .gallery__img:active > img,
 .gallery__img:focus > img,
 .gallery__img:hover > img,
-.gallery__img.focused > img {
+.gallery__img.focused > img,
+.rotaryfocus.focused {
   opacity: 0.6;
 }