Slightly easier validation page error access (#14044)

resources/lang/en/validation.php

@@ -164,7 +164,7 @@ return [
         'fix' => 'Fix',
         'fixed' => 'Fix has completed, refresh to re-run validations.',
         'fetch_failed' => 'Failed to fetch validation results',
-        'backend_failed' => 'Failed to load data from backend, check webserver.',
+        'backend_failed' => 'Failed to load data from backend, check console for error.',
         'invalid_fixer' => 'Invalid Fixer',
         'show_all' => 'Show all',
         'show_less' => 'Show less',

resources/views/validate/index.blade.php

@@ -3,9 +3,17 @@
 @section('title', __('validation.results.validate'))
 
 @section('content')
-    <div x-data="{results: [], listItems: 10, errorMessage: ''}"
-         x-init="fetch('{{ route('validate.results') }}').then(response => response.json().then(data => results = data).catch(error => errorMessage=(error instanceof SyntaxError)?'{{ trans('validation.results.backend_failed') }}':error))"
-         >
+    <div x-data="{results: [], listItems: 10, errorMessage: ''}" x-init="fetch('{{ route('validate.results') }}')
+                .then(response => {
+                    if (response.ok) {
+                        response.json()
+                            .then(data => results = data)
+                            .catch(error => errorMessage = (error instanceof SyntaxError ? '{{ trans('validation.results.backend_failed') }}' : error))
+                    } else {
+                        errorMessage = '{{ trans('validation.results.backend_failed') }}';
+                        response.text().then(console.log);
+                    }
+                });">
         <div class="tw-grid tw-place-items-center" style="height: 80vh" x-show="! results.length">
             <h3 x-show="! errorMessage"><i class="fa-solid fa-spinner fa-spin"></i> {{ __('validation.results.validating') }}</h3>
             <div x-show="errorMessage" class="panel panel-danger">