Refactor Event Inspector

TorbenLundsgaard · Oct 13, 2024 · e695353 · e695353
1 parent 80f7b85
commit e695353
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 7 deletions.
diff --git a/assets/frontend/event-inspector-rtl.css b/assets/frontend/event-inspector-rtl.css
diff --git a/assets/frontend/event-inspector.asset.php b/assets/frontend/event-inspector.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '361fa528b625299cad80');
+<?php return array('dependencies' => array(), 'version' => 'd328580771c8363d4991');
diff --git a/assets/frontend/event-inspector.css b/assets/frontend/event-inspector.css
diff --git a/assets/frontend/event-inspector.js b/assets/frontend/event-inspector.js
diff --git a/src/Frontend/Frontend.php b/src/Frontend/Frontend.php
@@ -344,8 +344,13 @@ public function dns_prefetch( array $hints, string $relation_type ): array {
 	 * Get the Event Inspector HTML
 	 */
 	public function get_event_inspector(): void {
+		$restrict = apply_filters( 'gtmkit_restrict_event_inspector', false );
 		?>
-		<div id="gtmkit-event-inspector">
+		<div id="gtmkit-event-inspector" 
+		<?php
+		if ( $restrict ) :
+			?>
+			class="restrict"<?php endif; ?>>
 			<div id="gtmkit-event-inspector-wrapper">
 				<div id="gtmkit-event-inspector-title">GTM Kit Event Inspector:</div>
 				<ul id="gtmkit-event-inspector-list"></ul>

diff --git a/src/js/frontend/event-inspector/index.js b/src/js/frontend/event-inspector/index.js
@@ -35,7 +35,7 @@ function getDataLayer() {
 			) {
 				return;
 			}
-			storedEvents.push( event.event );
+			storedEvents.push( event );
 		} );
 
 		if ( storedEvents.length > 5 ) {
@@ -56,7 +56,7 @@ function renderList( events ) {
 	const listItem = '<li>{{event}}</li>';
 	const reversedList = [ ...events ].reverse();
 	const rendered = reversedList.map( ( item ) => {
-		return listItem.replace( '{{event}}', item );
+		return listItem.replace( '{{event}}', item.event );
 	} );
 
 	document.getElementById( 'gtmkit-event-inspector-list' ).innerHTML =

diff --git a/src/js/frontend/event-inspector/styles.scss b/src/js/frontend/event-inspector/styles.scss
@@ -12,6 +12,9 @@
 	background-color: var(--gtmkit-background-white);
 	border-top: 2px solid var(--gtmkit-color-grey);
 
+	&.restrict {
+		display: none;
+	}
 }
 
 #gtmkit-event-inspector-wrapper{
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array(), 'version' => '361fa528b625299cad80');
		<?php return array('dependencies' => array(), 'version' => 'd328580771c8363d4991');