|
37 | 37 | ) }} |
38 | 38 |
|
39 | 39 | {{ usage_carbon_emission_graph|raw }} |
40 | | -<div class="card-body" id="plugin_carbon_usage_impacts"> |
| 40 | +<div class="card-body d-flex flex-wrap" id="plugin_carbon_usage_impacts"> |
| 41 | + <div class="col-12 col-xxl-12 flex-column"> |
| 42 | + <div class="d-flex flex-row flex-wrap flex-xl-nowrap"> |
| 43 | + <div class="row flex-row align-items-start flex-grow-1 col-12 col-sm-6 mb-2"> |
| 44 | + {% for criteria, label in usage_labels %} |
| 45 | + {% if usage_impact.fields[criteria] ?? null is not null %} |
| 46 | + <div class="col-xxl-7"> |
| 47 | + {{ label }} |
| 48 | + </div> |
| 49 | + <div class="col-xxl-5"> |
| 50 | + <span id="embodied_{{criteria}}_tip"> |
| 51 | + {{ usage_impact.getHumanReadableImpact(criteria)|raw }} |
| 52 | + {# <i class="fa-solid fa-circle-info"></i> #} |
| 53 | + </span> |
| 54 | + {{ tooltips[criteria]|raw }} |
| 55 | + </div> |
| 56 | + {% endif %} |
| 57 | + {% endfor %} |
| 58 | + </div> |
| 59 | + </div> |
| 60 | + </div> |
41 | 61 | {% if usage_impact.fields.gwp ?? null is not null %} |
42 | 62 | <div class="h1 mb-3">{{ usage_impact.getHumanReadableImpact('gwp')|raw }}</div> |
43 | 63 | {% endif %} |
|
71 | 91 | 'fas fa-chart-pie' |
72 | 92 | ) }} |
73 | 93 |
|
74 | | -<div class="card-body" id="plugin_carbon_embodied_impacts"> |
75 | | - {% if embodied_impact.fields.gwp ?? null is not null %} |
76 | | - <div class="h1 mb-3"> |
77 | | - <span id="embodied_carbon_emission_tip"> |
78 | | - {{ embodied_impact.getHumanReadableImpact('gwp')|raw }} |
79 | | - {# <i class="fa-solid fa-circle-info"></i> #} |
80 | | - </span> |
81 | | - {{ carbon_emission_tooltip_html|raw }} |
82 | | - </div> |
83 | | - {% endif %} |
84 | | - |
85 | | - {% if embodied_impact.fields.adp ?? null is not null %} |
86 | | - <div class="h1 mb-3"> |
87 | | - <span id="embodied_abiotic_depletion_tip"> |
88 | | - {{ embodied_impact.getHumanReadableImpact('adp')|raw }} |
89 | | - {# <i class="fa-solid fa-circle-info"></i> #} |
90 | | - </span> |
91 | | - {{ embodied_abiotic_depletion_tooltip_html|raw }} |
92 | | - </div> |
93 | | - {% endif %} |
94 | | - |
95 | | - {% if embodied_impact.fields.pe ?? null is not null %} |
96 | | - <div class="h1 mb-3"> |
97 | | - <span id="embodied_primary_energy_tip"> |
98 | | - {{ embodied_impact.getHumanReadableImpact('pe')|raw }} |
99 | | - {# <i class="fa-solid fa-circle-info"></i> #} |
100 | | - </span> |
101 | | - {{ embodied_primary_energy_tooltip_html|raw }} |
| 94 | +<div class="card-body d-flex flex-wrap" id="plugin_carbon_embodied_impacts"> |
| 95 | + <div class="col-12 col-xxl-12 flex-column"> |
| 96 | + <div class="d-flex flex-row flex-wrap flex-xl-nowrap"> |
| 97 | + <div class="row flex-row align-items-start flex-grow-1 col-12 col-sm-6 mb-2"> |
| 98 | + {% for criteria, label in embodied_labels %} |
| 99 | + {% if embodied_impact.fields[criteria] ?? null is not null %} |
| 100 | + <div class="col-xxl-7"> |
| 101 | + {{ label }} |
| 102 | + </div> |
| 103 | + <div class="col-xxl-5"> |
| 104 | + <span id="embodied_{{criteria}}_tip"> |
| 105 | + {{ embodied_impact.getHumanReadableImpact(criteria)|raw }} |
| 106 | + {# <i class="fa-solid fa-circle-info"></i> #} |
| 107 | + </span> |
| 108 | + {{ tooltips[criteria]|raw }} |
| 109 | + </div> |
| 110 | + {% endif %} |
| 111 | + {% endfor %} |
| 112 | + </div> |
102 | 113 | </div> |
103 | | - {% endif %} |
104 | | - |
| 114 | + </div> |
105 | 115 | <div> |
106 | 116 | {% if not embodied_impact.isNewItem() %} |
107 | 117 | {% set reset_args = "{_glpi_csrf_token: '" ~ csrf_token() ~ "', reset: '', id: '" ~ embodied_impact.getID() ~ "'}" %} |
|
0 commit comments