Added confirmation for approving rejected messages (#265)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

src/TagzApp.Web/Pages/Moderation.cshtml

@@ -37,6 +37,7 @@
 	@section Scripts {
 
 		<script src="~/js/masonry.js" asp-append-version="true"></script>
+		<script src="~/lib/sweetalert/dist/sweetalert.min.js"></script>
 		<script>
 
 			window.TagzApp.ListenForModerationContent("@Model.Tags.FirstOrDefault()");

src/TagzApp.Web/libman.json

@@ -30,6 +30,14 @@
 			"provider": "cdnjs",
 			"library": "[email protected]",
 			"destination": "wwwroot/lib/simplemde/"
+		},
+		{
+			"provider": "jsdelivr",
+			"library": "[email protected]",
+			"destination": "wwwroot/lib/sweetalert/",
+			"files":[
+				"dist/sweetalert.min.js"
+			]
 		}
 	]
 }

src/TagzApp.Web/wwwroot/js/site.js

@@ -413,15 +413,34 @@
 		hoverPanel
 			.querySelector('i.approve')
 			.addEventListener('click', function (ev) {
-				connection.invoke(
-					'SetStatus',
-					hovered.getAttribute('data-provider'),
-					hovered.getAttribute('data-providerid'),
-					ModerationState.Approved,
-				);
-				hoverPanel.remove();
-				hovered.classList.remove('status-rejected');
-				hovered.classList.add('status-approved');
+				let approveFunc = function () {
+					connection.invoke(
+						'SetStatus',
+						hovered.getAttribute('data-provider'),
+						hovered.getAttribute('data-providerid'),
+						ModerationState.Approved,
+					);
+					hoverPanel.remove();
+					hovered.classList.remove('status-rejected');
+					hovered.classList.add('status-approved');
+				};
+
+				if (hovered.classList.contains('status-rejected')) {
+					// Confirm that we are flipping this
+					swal({
+						title: 'Are you sure?',
+						text: 'This message was previously rejected. Are you sure you want to approve it?',
+						icon: 'warning',
+						buttons: true,
+						dangerMode: true,
+					}).then((willApprove) => {
+						if (willApprove) {
+							approveFunc();
+						}
+					});
+				} else {
+					approveFunc();
+				}
 			});
 
 		hoverPanel