From 47d0846f993375d79ab68edbbcfa89891058cc88 Mon Sep 17 00:00:00 2001
From: Deon George <deon@dege.au>
Date: Sun, 6 Oct 2024 17:11:55 +1100
Subject: [PATCH] Add a swap/scroll button

---
 .../views/catalog/deletereview.blade.php      | 60 +++++++++++--------
 .../views/catalog/duplicatereview.blade.php   | 60 +++++++++++--------
 .../views/photo/widgets/thumbnail.blade.php   |  5 +-
 .../views/video/widgets/thumbnail.blade.php   |  3 +
 4 files changed, 76 insertions(+), 52 deletions(-)

diff --git a/resources/views/catalog/deletereview.blade.php b/resources/views/catalog/deletereview.blade.php
index 071138b..928f7f3 100644
--- a/resources/views/catalog/deletereview.blade.php
+++ b/resources/views/catalog/deletereview.blade.php
@@ -43,37 +43,47 @@
 
 @section('page-scripts')
 	<script type="text/javascript">
+		function swap(item) {
+			var tr = item.closest('tr');
+
+			try {
+				['duplicate','remove'].forEach(function(item) {
+					var items = tr.find('input[name^="'+item+'\["]');
+
+					if (items.length !== 2) {
+						alert('cannot swap');
+						throw new Error('CANNOT SWAP');
+					}
+
+					var rotate = items[0].checked;
+					$(items[0]).prop('checked',items[1].checked);
+					$(items[1]).prop('checked',rotate);
+				});
+
+			} catch (e) {
+				// NOOP
+			}
+		}
+
+		function scroll(item) {
+			var next = item.closest('div.card').closest('tr').next();
+
+			if (next.length)
+				$('html,body').animate({scrollTop: next.offset().top},'fast');
+		}
+
 		$(document).ready(function() {
 			$('span.swap').on('click',function() {
-				var that = $(this);
-				var tr = that.closest('tr');
-
-				try {
-					['duplicate','remove'].forEach(function(item) {
-						var items = tr.find('input[name^="'+item+'\["]');
-
-						if (items.length !== 2) {
-							alert('cannot swap');
-							throw new Error('CANNOT SWAP');
-						}
-
-						var rotate = items[0].checked;
-						$(items[0]).prop('checked',items[1].checked);
-						$(items[1]).prop('checked',rotate);
-
-						that.removeData();
-					});
-
-				} catch (e) {
-					// NOOP
-				}
+				swap($(this));
 			});
 
 			$('span.scroll').on('click',function() {
-				var next = $(this).closest('div.card').closest('tr').next();
+				scroll($(this));
+			});
 
-				if (next.length)
-					$('html,body').animate({scrollTop: next.offset().top},'fast');
+			$('span.swapscroll').on('click',function() {
+				swap($(this));
+				scroll($(this));
 			});
 		});
 	</script>
diff --git a/resources/views/catalog/duplicatereview.blade.php b/resources/views/catalog/duplicatereview.blade.php
index d8ee3d9..2844cdb 100644
--- a/resources/views/catalog/duplicatereview.blade.php
+++ b/resources/views/catalog/duplicatereview.blade.php
@@ -43,37 +43,47 @@
 
 @section('page-scripts')
 	<script type="text/javascript">
+		function swap(item) {
+			var tr = item.closest('tr');
+
+			try {
+				['duplicate','remove'].forEach(function(item) {
+					var items = tr.find('input[name^="'+item+'\["]');
+
+					if (items.length !== 2) {
+						alert('cannot swap');
+						throw new Error('CANNOT SWAP');
+					}
+
+					var rotate = items[0].checked;
+					$(items[0]).prop('checked',items[1].checked);
+					$(items[1]).prop('checked',rotate);
+				});
+
+			} catch (e) {
+				// NOOP
+			}
+		}
+
+		function scroll(item) {
+			var next = item.closest('div.card').closest('tr').next();
+
+			if (next.length)
+				$('html,body').animate({scrollTop: next.offset().top},'fast');
+		}
+
 		$(document).ready(function() {
 			$('span.swap').on('click',function() {
-				var that = $(this);
-				var tr = that.closest('tr');
-
-				try {
-					['duplicate','remove'].forEach(function(item) {
-						var items = tr.find('input[name^="'+item+'\["]');
-
-						if (items.length !== 2) {
-							alert('cannot swap');
-							throw new Error('CANNOT SWAP');
-						}
-
-						var rotate = items[0].checked;
-						$(items[0]).prop('checked',items[1].checked);
-						$(items[1]).prop('checked',rotate);
-
-						that.removeData();
-					});
-
-				} catch (e) {
-					// NOOP
-				}
+				swap($(this));
 			});
 
 			$('span.scroll').on('click',function() {
-				var next = $(this).closest('div.card').closest('tr').next();
+				scroll($(this));
+			});
 
-				if (next.length)
-					$('html,body').animate({scrollTop: next.offset().top},'fast');
+			$('span.swapscroll').on('click',function() {
+				swap($(this));
+				scroll($(this));
 			});
 		});
 	</script>
diff --git a/resources/views/photo/widgets/thumbnail.blade.php b/resources/views/photo/widgets/thumbnail.blade.php
index 613f3a8..c9bd1b7 100644
--- a/resources/views/photo/widgets/thumbnail.blade.php
+++ b/resources/views/photo/widgets/thumbnail.blade.php
@@ -22,8 +22,9 @@
 
 	<div class="card-body">
 		<x-photo.thumbnail :id="$o->id" :css="$css ?? NULL"/>
-		<span class="btn btn-sm float-right scroll"> <i class="fas fa-fw fa-level-down-alt"></i></span>
-		<span class="btn btn-sm btn-outline-dark float-right swap">SWAP</span>
+		<span class="btn btn-sm btn-outline-dark float-right scroll m-1"> <i class="fas fa-fw fa-level-down-alt"></i></span>
+		<span class="btn btn-sm btn-outline-dark float-right swap m-1"> <i class="fas fa-fw fa-exchange-alt"></i></span>
+		<span class="btn btn-sm btn-outline-dark float-right swapscroll m-1"> <i class="fas fa-fw fa-exchange-alt"></i><i class="fas fa-fw fa-level-down-alt"></i></span>
 	</div>
 
 	<div class="card-footer card-comments">
diff --git a/resources/views/video/widgets/thumbnail.blade.php b/resources/views/video/widgets/thumbnail.blade.php
index 3ea8f05..2220de5 100644
--- a/resources/views/video/widgets/thumbnail.blade.php
+++ b/resources/views/video/widgets/thumbnail.blade.php
@@ -22,6 +22,9 @@
 
 	<div class="card-body">
 		<x-video.thumbnail :id="$o->id" :css="$css ?? NULL"/>
+		<span class="btn btn-sm btn-outline-dark float-right scroll m-1"> <i class="fas fa-fw fa-level-down-alt"></i></span>
+		<span class="btn btn-sm btn-outline-dark float-right swap m-1"> <i class="fas fa-fw fa-exchange-alt"></i></span>
+		<span class="btn btn-sm btn-outline-dark float-right swapscroll m-1"> <i class="fas fa-fw fa-exchange-alt"></i><i class="fas fa-fw fa-level-down-alt"></i></span>
 	</div>
 
 	<div class="card-footer card-comments">