relplace settings alert with a notification WordPress style #220

Author: Shelob9

assets/js/epoch-admin.js

@@ -7,7 +7,7 @@ jQuery( document ).ready( function ( $ ) {
         var $spinner = $( '#epoch-spinner');
         $spinner.attr( 'aria-hidden', false ).show().css( 'visibility', 'visible' );
         var infinity = document.getElementById('epoch-infinity_scroll').checked;
-        
+        $( '.epoch-settings-indicator' ).hide().css( 'visibility', 'hidden' ).attr( 'aria-hidden', true );
         var data = {
             order: $( '#epoch-order' ).val(),
             per_page: $( '#epoch-per_page' ).val(),
@@ -18,9 +18,9 @@ jQuery( document ).ready( function ( $ ) {
             action: "epoch_settings"
         };
         $.post( ajaxurl, data ).done( function () {
-           alert( EpochAdmin.saved );
+            $( '#epoch-saved-good' ).attr( 'aria-hidden', false ).show().css( 'visibility', 'visible' );
         }).error( function () {
-            alert( EpochAdmin.error );
+            $( '#epoch-saved-bad' ).attr( 'aria-hidden', false ).show().css( 'visibility', 'visible' );
         }).always( function () {
             $spinner.attr( 'aria-hidden', true ).hide().css( 'visibility', 'hidden' );
         })

assets/templates/admin-screen.php

@@ -14,7 +14,17 @@
 ?>
 <div id="epoch-admin">
 	<div id="epoch-admin-header">
-		HEADER
+		HEADER - Hi Jason:)
+	</div>
+	<div id="epoch-saved-good" class="epoch-settings-indicator" style="display: none;visibility: hidden;" aria-hidden="true">
+		<p class="notice notice-success">
+			<?php esc_html_e( 'Settings Saved Successfully', 'epoch' ); ?>
+		</p>
+	</div>
+	<div id="epoch-saved-bad" class="epoch-settings-indicator" style="display: none;visibility: hidden;" aria-hidden="true">
+		<p class="notice notice-error">
+			<?php esc_html_e( 'Settings Could Not Be Saved.', 'epoch' ); ?>
+		</p>
 	</div>
 	<form id="epoch-admin-settings">
 		<div class="epoch-field-group">

src/admin/save.php

@@ -33,6 +33,7 @@ public function save_settings(){
 				}
 			}
 		}
+
 		status_header( 201 );
 		echo update_option( $this->option_key,  $data );
 		exit;