Merge pull request #2477 from Laravel-Backpack/delete-operation-can-respond-with-notifications

[4.0][Feature][Ready] Delete operation can respond with Notification Bubbles

Author: tabacitu

src/resources/views/crud/buttons/bulk_delete.blade.php

@@ -51,11 +51,34 @@ className: "bg-danger",
 						type: 'POST',
 						data: { entries: crud.checkedItems },
 						success: function(result) {
-						    // Show an alert with the result
-							new Noty({
-								type: "success",
-								text: "<strong>{!! trans('backpack::crud.bulk_delete_sucess_title') !!}</strong><br>"+crud.checkedItems.length+"{!! trans('backpack::crud.bulk_delete_sucess_message') !!}"
-							}).show();
+							if (Array.isArray(result)) {
+							  // Show a success notification bubble
+							  new Noty({
+							    type: "success",
+							    text: "<strong>{!! trans('backpack::crud.bulk_delete_sucess_title') !!}</strong><br>"+crud.checkedItems.length+"{!! trans('backpack::crud.bulk_delete_sucess_message') !!}"
+							  }).show();
+							} else {
+							  // if the result is an array, it means 
+							  // we have notification bubbles to show
+								  if (result instanceof Object) {
+								  	// trigger one or more bubble notifications 
+								  	Object.entries(result).forEach(function(entry, index) {
+								  	  var type = entry[0];
+								  	  entry[1].forEach(function(message, i) {
+								      	  new Noty({
+								            type: type,
+								            text: message
+								          }).show();
+								  	  });
+								  	});
+								  } else {
+								  	// Show a warning notification bubble
+									new Noty({
+										type: "warning",
+										text: "<strong>{!! trans('backpack::crud.bulk_delete_error_title') !!}</strong><br>{!! trans('backpack::crud.bulk_delete_error_message') !!}"
+									}).show();
+								  }			          	  
+							}
 
 						  	crud.checkedItems = [];
 							  	crud.table.ajax.reload();

src/resources/views/crud/buttons/delete.blade.php

@@ -43,24 +43,12 @@ className: "bg-danger",
 			      url: route,
 			      type: 'DELETE',
 			      success: function(result) {
-			          if (result != 1) {
-			          	// Show an error alert
-			              swal({
-			              	title: "{!! trans('backpack::crud.delete_confirmation_not_title') !!}",
-			              	text: "{!! trans('backpack::crud.delete_confirmation_not_message') !!}",
-			              	icon: "error",
-			              	timer: 2000,
-			              	buttons: false,
-			              });
-			          } else {
-			          	  // Show a success message
-			              swal({
-			              	title: "{!! trans('backpack::crud.delete_confirmation_title') !!}",
-			              	text: "{!! trans('backpack::crud.delete_confirmation_message') !!}",
-			              	icon: "success",
-			              	timer: 4000,
-			              	buttons: false,
-			              });
+			          if (result == 1) {
+			          	  // Show a success notification bubble
+			              new Noty({
+		                    type: "success",
+		                    text: "{!! '<strong>'.trans('backpack::crud.delete_confirmation_title').'</strong><br>'.trans('backpack::crud.delete_confirmation_message') !!}"
+		                  }).show();
 
 			              // Hide the modal, if any
 			              $('.modal').modal('hide');
@@ -72,13 +60,36 @@ className: "bg-danger",
 
 			              // Remove the row from the datatable
 			              row.remove();
+			          } else {
+			              // if the result is an array, it means 
+			              // we have notification bubbles to show
+			          	  if (result instanceof Object) {
+			          	  	// trigger one or more bubble notifications 
+			          	  	Object.entries(result).forEach(function(entry, index) {
+			          	  	  var type = entry[0];
+			          	  	  entry[1].forEach(function(message, i) {
+					          	  new Noty({
+				                    type: type,
+				                    text: message
+				                  }).show();
+			          	  	  });
+			          	  	});
+			          	  } else {// Show an error alert
+				              swal({
+				              	title: "{!! trans('backpack::crud.delete_confirmation_not_title') !!}",
+	                            text: "{!! trans('backpack::crud.delete_confirmation_not_message') !!}",
+				              	icon: "error",
+				              	timer: 4000,
+				              	buttons: false,
+				              });
+			          	  }			          	  
 			          }
 			      },
 			      error: function(result) {
 			          // Show an alert with the result
 			          swal({
 		              	title: "{!! trans('backpack::crud.delete_confirmation_not_title') !!}",
-		              	text: "{!! trans('backpack::crud.delete_confirmation_not_message') !!}",
+                        text: "{!! trans('backpack::crud.delete_confirmation_not_message') !!}",
 		              	icon: "error",
 		              	timer: 4000,
 		              	buttons: false,
@@ -94,4 +105,4 @@ className: "bg-danger",
 	// make it so that the function above is run after each DataTable draw event
 	// crud.addFunctionToDataTablesDrawEventQueue('deleteEntry');
 </script>
-@if (!$crud->request->ajax()) @endpush @endif
+@if (!$crud->request->ajax()) @endpush @endif