Minor tweak to client hints UI for when none are available

enwikipedia-acc · Jul 27, 2023 · 1b54ad9 · 1b54ad9
1 parent 3822c46
commit 1b54ad9
Showing 1 changed file with 17 additions and 11 deletions.
diff --git a/templates/view-request/main-with-checkuser-data.tpl b/templates/view-request/main-with-checkuser-data.tpl
@@ -16,21 +16,27 @@
         <div class="row">
             <div class="col-md-4"><strong>Client Hints:</strong></div>
             <div class="col-md-8">
-                <button class="btn btn-sm btn-outline-secondary" type="button" data-toggle="collapse" data-target="#client-hint-container" aria-expanded="false">Show Client Hint data</button>
+                {if count($requestClientHints) > 0}
+                    <button class="btn btn-sm btn-outline-secondary" type="button" data-toggle="collapse" data-target="#client-hint-container" aria-expanded="false">Show Client Hint data</button>
+                {else}
+                    <span class="text-muted font-italic">Client hints purged</span>
+                {/if}
             </div>
         </div>
 
-        <div class="row collapse" id="client-hint-container">
-            <div class="col">
-                {foreach $requestClientHints as $ch}
-                    <div class="row client-hint">
-                        <div class="client-hint-name"><strong>{$ch->getName()|escape}</strong></div>
-                        <div class="client-hint-value">
-                            {$ch->getValue()|escape}
+        {if count($requestClientHints) > 0}
+            <div class="row collapse" id="client-hint-container">
+                <div class="col">
+                    {foreach $requestClientHints as $ch}
+                        <div class="row client-hint">
+                            <div class="client-hint-name"><strong>{$ch->getName()|escape}</strong></div>
+                            <div class="client-hint-value">
+                                {$ch->getValue()|escape}
+                            </div>
                         </div>
-                    </div>
-                {/foreach}
+                    {/foreach}
+                </div>
             </div>
-        </div>
+        {/if}
     {/if}
 {/block}