added: include landmark data in AJAX response and updated layout for landmark display

Author: SteveJonesDev

admin/class-ajax.php

@@ -305,7 +305,7 @@ function ( $a, $b ) {
 
 			foreach ( $rules as $rule ) {
 				// phpcs:ignore WordPress.DB.DirectDatabaseQuery.DirectQuery, WordPress.DB.DirectDatabaseQuery.NoCaching -- Using direct query for interacting with custom database, safe variable used for table name, caching not required for one time operation.
-				$results        = $wpdb->get_results( $wpdb->prepare( 'SELECT id, postid, object, ruletype, ignre, ignre_user, ignre_date, ignre_comment, ignre_global FROM %i where postid = %d and rule = %s and siteid = %d', $table_name, $postid, $rule['slug'], $siteid ), ARRAY_A );
+				$results        = $wpdb->get_results( $wpdb->prepare( 'SELECT id, postid, object, ruletype, ignre, ignre_user, ignre_date, ignre_comment, ignre_global, landmark FROM %i where postid = %d and rule = %s and siteid = %d', $table_name, $postid, $rule['slug'], $siteid ), ARRAY_A );
 				$count_classes  = ( 'error' === $rule['rule_type'] ) ? ' edac-details-rule-count-error' : ' edac-details-rule-count-warning';
 				$count_classes .= ( 0 !== $rule['count'] ) ? ' active' : '';
 
@@ -406,6 +406,8 @@ function ( $a, $b ) {
 						$html .= ob_get_clean();
 					}
 
+
+
 					$html .=
 						'<div class="edac-details-rule-records-labels">
 							<div class="edac-details-rule-records-labels-label" aria-hidden="true">
@@ -414,6 +416,9 @@ function ( $a, $b ) {
 							<div class="edac-details-rule-records-labels-label" aria-hidden="true">
 								Image
 							</div>
+							<div class="edac-details-rule-records-labels-label" aria-hidden="true">
+								Landmark
+							</div>
 							<div class="edac-details-rule-records-labels-label" aria-hidden="true">
 								Actions
 							</div>
@@ -461,6 +466,13 @@ function ( $a, $b ) {
 
 						$html .= '</div>';
 
+						$html .= '<div class="edac-details-rule-records-record-cell edac-details-rule-records-record-landmark">';
+
+						$landmark = isset( $row['landmark'] ) ? esc_html( $row['landmark'] ) : '';
+						$html    .= $landmark ? $landmark : '<span class="edac-no-landmark">—</span>';
+
+						$html .= '</div>';
+
 						$html .= '<div class="edac-details-rule-records-record-cell edac-details-rule-records-record-actions">';
 
 						if ( ! isset( $rule['viewable'] ) || $rule['viewable'] ) {

src/admin/sass/accessibility-checker-admin.scss

@@ -621,7 +621,7 @@
             color: variables.$color-white;
             background-color: variables.$color-dark-gray;
             display: grid;
-            grid-template-columns: auto 125px 125px;
+            grid-template-columns: auto 125px 125px 125px;
 
             &-label {
               padding: 3px;
@@ -631,7 +631,7 @@
 
           &-record {
             display: grid;
-            grid-template-columns: auto 125px 125px;
+            grid-template-columns: auto 125px 125px 125px;
 
             &-cell {
               padding: 10px;