[Advanced search] Polished things up a bit by using alert and dialog to convey messages.

application/views/interface_assets/footer.php

@@ -153,7 +153,8 @@ $('#btn-save').on('click', function() {
 				if(result) {
 					$.post( "<?php echo site_url('search/save_query');?>", { search: JSON.stringify(resultquery, null, 2), description: $(".getqueryname").val() })
 						.done(function( data ) {
-							alert('Query saved!');
+							$(".alert").remove();
+							$(".card-body.main").append('<div class="alert alert-success"><a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>Your query has been saved!</div>');
 							$('#querydropdown').append( new Option(data.description, data.id) ); // We add the saved query to the dropdown
 						});
 				}
@@ -162,11 +163,25 @@ $('#btn-save').on('click', function() {
 
 	}
 	else{
-		alert('Make a query first');
+		BootstrapDialog.show({
+			title: 'Stored Queries',
+			type: BootstrapDialog.TYPE_WARNING,
+			size: BootstrapDialog.SIZE_NORMAL,
+			cssClass: 'queries-dialog',
+			nl2br: false,
+			message: 'You need to make a query before you search!',
+			buttons: [{
+				label: 'Close',
+				action: function (dialogItself) {
+					dialogItself.close();
+				}
+			}]
+		});
 	}
 });
 
 function run_query() {
+	$(".alert").remove();
 	$(".runbutton").addClass('running');
 	$(".runbutton").prop('disabled', true);
 	let id = $('#querydropdown').val();
@@ -231,6 +246,7 @@ function edit_stored_query(id) {
 }
 
 $('#btn-edit').on('click', function() {
+	$(".alert").remove();
 	$.ajax({
 		url: base_url + 'index.php/search/get_stored_queries',
 		type: 'post',
@@ -253,6 +269,7 @@ $('#btn-edit').on('click', function() {
 });
 
 $('#btn-get').on('click', function() {
+	$(".alert").remove();
 	var result = $('#builder').queryBuilder('getRules');
 	if (!$.isEmptyObject(result)) {
 		$(".searchbutton").addClass('running');
@@ -289,7 +306,20 @@ $('#btn-get').on('click', function() {
 			});
 	}
 	else{
-		alert('Make a query first');
+		BootstrapDialog.show({
+			title: 'Stored Queries',
+			type: BootstrapDialog.TYPE_WARNING,
+			size: BootstrapDialog.SIZE_NORMAL,
+			cssClass: 'queries-dialog',
+			nl2br: false,
+			message: 'You need to make a query before you search!',
+			buttons: [{
+				label: 'Close',
+				action: function (dialogItself) {
+					dialogItself.close();
+				}
+			}]
+		});
 	}
 });
 

application/views/search/filter.php

@@ -24,7 +24,7 @@
 	      </li>
 	    </ul>
 	  </div>
-	  <div class="card-body">
+	  <div class="card-body main">
 
 		<div class="card-text" id="builder"></div>
 
@@ -41,8 +41,8 @@
 
 
 		  <div class="form-group row">
-			  <label class="col-md-1 control-label" for="querydropdown">  Stored queries:</label>
+			  <label class="col-md-2 control-label" for="querydropdown">  Stored queries:</label>
-			  <div class="col-md-2">
+			  <div class="col-md-3">
 				  <select id="querydropdown" name="querydropdown" class="form-control custom-select-sm">
 					  <?php
 					  foreach($stored_queries as $q){