diff --git a/assets/js/plugin-check-admin.js b/assets/js/plugin-check-admin.js index 22227cc4e..f35c0cd16 100644 --- a/assets/js/plugin-check-admin.js +++ b/assets/js/plugin-check-admin.js @@ -5,6 +5,7 @@ 'plugin-check__export-controls' ); const spinner = document.getElementById( 'plugin-check__spinner' ); + const clientError = document.getElementById( 'plugin-check__client-error' ); const pluginsList = document.getElementById( 'plugin-check__plugins-dropdown' ); @@ -21,6 +22,7 @@ ! resultsContainer || ! exportContainer || ! spinner || + ! clientError || ! categoriesList.length || ! typesList.length ) { @@ -83,6 +85,9 @@ checkItButton.disabled = true; pluginsList.disabled = true; spinner.classList.add( 'is-active' ); + clientError.innerText = ''; + clientError.classList.add( 'is-hidden' ); + for ( let i = 0; i < categoriesList.length; i++ ) { categoriesList[ i ].disabled = true; } @@ -106,6 +111,10 @@ resetForm(); } ) .catch( ( error ) => { + clientError.innerText = error.message; + clientError.classList.remove( 'is-hidden' ); + clientError.focus(); + console.error( error ); resetForm(); diff --git a/includes/Admin/Admin_Page.php b/includes/Admin/Admin_Page.php index 5dd4881e8..ff8826b22 100644 --- a/includes/Admin/Admin_Page.php +++ b/includes/Admin/Admin_Page.php @@ -434,6 +434,10 @@ public function admin_footer() { .plugin-check__export-controls.is-hidden { display: none; } + /** Plugin Check Client Errors **/ + #plugin-check__client-error.is-hidden { + display: none; + } " id="plugin-check__submit" class="button button-primary" /> +