remote_buzzer: Implements rotary button for stand-alone gallery, fixe…

…s crash
andi34 · Jun 18, 2021 · 94ba870 · 94ba870
1 parent c4ddc23
commit 94ba870
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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;
 }