Add toggle for HTTP query parameters

output/html/http.php

@@ -113,8 +113,22 @@ public function output() {
 					$css = 'qm-warn';
 				}
 
-				$url = self::format_url( $row['url'] );
-				$info = '';
+				$url          = self::format_url( $row['url'] );
+				$query        = parse_url( $row['url'], PHP_URL_QUERY );
+				$query_output = '';
+				$info         = '';
+
+				if ( ! empty( $query ) ) {
+					$query = '?' . $query;
+					$url   = str_replace( $query, '', $row['url'] );
+					$url   = self::format_url( $url );
+
+					$query_output = sprintf(
+						'%s<ul class="qm-toggled"><li><span class="qm-info qm-supplemental">%s</span></li></ul>',
+						self::build_toggler(),
+						str_replace( array( '?', '&amp;' ), array( '?', '</span></li><li><span class="qm-info qm-supplemental">&amp;' ), esc_html( $query ) )
+					);
+				}
 
 				$url = preg_replace( '|^http:|', '<span class="qm-warn">http</span>:', $url );
 
@@ -165,19 +179,34 @@ public function output() {
 				);
 
 				if ( ! empty( $row['redirected_to'] ) ) {
+					$query         = parse_url( $row['redirected_to'], PHP_URL_QUERY );
+					$redirected_to = $row['redirected_to'];
+
+					if ( ! empty( $query ) ) {
+						$redirected_to = str_replace( '?' . $query, '', $redirected_to );
+					}
+
 					$url .= sprintf(
 						'<br><span class="qm-warn">%1$s%2$s</span><br>%3$s',
 						QueryMonitor::icon( 'warning' ),
 						/* translators: An HTTP API request redirected to another URL */
 						__( 'Redirected to:', 'query-monitor' ),
-						self::format_url( $row['redirected_to'] )
+						self::format_url( $redirected_to )
 					);
 				}
 
+				$classes = 'qm-url qm-ltr qm-wrap';
+
+				if ( ! empty( $query_output ) ) {
+					$classes .= ' qm-has-toggle';
+				}
+
 				printf( // WPCS: XSS ok.
-					'<td class="qm-url qm-ltr qm-wrap">%s%s</td>',
+					'<td class="%s">%s%s%s</td>',
+					$classes,
 					$info,
-					$url
+					$url,
+					$query_output
 				);
 
 				$show_toggle = ! empty( $row['info'] );