Merge pull request #14 from westonruter/add/error-template-messages

Update displaying of error details and error message on offline/500 templates

500.php

@@ -19,23 +19,12 @@
 				</header><!-- .page-header -->
 				<div class="page-content">
 					<p><?php esc_html_e( 'Something prevented the page from being rendered. Please try again.', 'twentyseventeen-westonson' ); ?></p>
-					<?php if ( ! ( function_exists( 'is_amp_endpoint' ) && is_amp_endpoint() ) ) : ?>
-						<details id="error-details" hidden>
-							<summary><?php esc_html_e( 'More details', 'twentyseventeen-westonson' ); ?></summary>
-							<iframe srcdoc=""></iframe>
-							<script>
-							function renderErrorDetails( data ) {
-								if ( data.bodyText.trim().length ) {
-									const details = document.getElementById( 'error-details' );
-									details.querySelector( 'iframe' ).srcdoc = data.bodyText;
-									details.hidden = false;
-								}
-							}
-							</script>
-							<?php wp_print_service_worker_error_details_script( 'renderErrorDetails' ); ?>
-						</details>
-					<?php endif; ?>
-				</div><!-- .page-content -->
+
+					<?php
+					if ( function_exists( 'wp_service_worker_error_details_template' ) ) {
+						wp_service_worker_error_details_template();
+					}
+					?>
 			</section><!-- .error-500 -->
 		</main><!-- #main -->
 	</div><!-- #primary -->

offline.php

@@ -23,6 +23,12 @@
 
 				<div class="page-content">
 					<p><?php esc_html_e( 'Please check your internet connection, and try again.', 'twentyseventeen-westonson' ); ?></p>
+
+					<?php
+					if ( function_exists( 'wp_service_worker_error_message_placeholder' ) ) {
+						wp_service_worker_error_message_placeholder();
+					}
+					?>
 				</div><!-- .page-content -->
 			</section><!-- .error-offline -->
 		</main><!-- #main -->