From 6331777efd5b909fd92b061b201b13bc28b7caef Mon Sep 17 00:00:00 2001
From: Alex Garel <alex@garel.org>
Date: Mon, 30 May 2022 16:28:02 +0200
Subject: [PATCH] feat: expand some panels only on large devices (#6834)

for now web is always considered large, but we have a specific class we could play upon.
Applied to nutrition and ingredients panels

fixes #6786
---
 .../health/ingredients/ingredients.tt.json             |  3 ++-
 .../health/nutrition/nutrition_facts_table.tt.json     |  3 ++-
 templates/web/panels/panel.tt.html                     | 10 +++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/templates/api/knowledge-panels/health/ingredients/ingredients.tt.json b/templates/api/knowledge-panels/health/ingredients/ingredients.tt.json
index 465ffefefd346..fc55df38038be 100644
--- a/templates/api/knowledge-panels/health/ingredients/ingredients.tt.json
+++ b/templates/api/knowledge-panels/health/ingredients/ingredients.tt.json
@@ -4,7 +4,8 @@
         "health"
     ],
     "type": "inline",
-    "expanded": true,
+    "expanded": false,
+    "expand_for": "large",
     "elements": [
         {
             "element_type": "text",
diff --git a/templates/api/knowledge-panels/health/nutrition/nutrition_facts_table.tt.json b/templates/api/knowledge-panels/health/nutrition/nutrition_facts_table.tt.json
index de4da4c7cd45d..55b026acd728e 100644
--- a/templates/api/knowledge-panels/health/nutrition/nutrition_facts_table.tt.json
+++ b/templates/api/knowledge-panels/health/nutrition/nutrition_facts_table.tt.json
@@ -4,7 +4,8 @@
         "health"
     ],
     "type": "inline",
-    "expanded": true,
+    "expanded": false,
+    "expand_for": "large",
     "elements": [   
         {
             "element_type": "table",
diff --git a/templates/web/panels/panel.tt.html b/templates/web/panels/panel.tt.html
index 48560f32f5df4..ea7e0c9dffcf6 100644
--- a/templates/web/panels/panel.tt.html
+++ b/templates/web/panels/panel.tt.html
@@ -81,7 +81,15 @@ <h4>[% panel.title_element.subtitle %]</h4>
 
 
     [% IF panel.elements.defined %]
-    <div id="panel_[% panel_id | replace(':','-') %]_content" class="content panel_content[% IF (panel.type == 'card') OR (panel.type == 'inline') %]_[% panel.type %][% END %][% IF panel.expanded %] active[% END %]">
+    <div
+      id="panel_[% panel_id | replace(':','-') %]_content"
+      class="content panel_content[%
+          IF (panel.type == 'card') OR (panel.type == 'inline') %]_[% panel.type %][% END
+        %][%
+          IF (panel.expanded) OR (panel.expand_for == 'large') %] active[% END
+        %]
+        [% IF panel.expand_for %]expand-for-[% panel.expand_for %][% END %]"
+    >
     [% FOREACH element_ref IN panel.elements %]
         [% element_type = element_ref.element_type %]