src/components/Modules/PaperRollWeightLengthCalculate.vue

@@ -93,26 +93,57 @@
             {{ $t('results') }}
           </v-card-title>
 
-          <v-row>
-            <v-col cols="12">
-              <result-card
-                :label="$t('paperRollWeight')"
-                :value="result.paperRollWeight"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="$t('paperRollLength')"
-                :value="result.paperRollLength"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="$t('paperThickness')"
-                :value="result.paperThickness"
-              />
-            </v-col>
-          </v-row>
+          <v-list lines="two">
+            <result-section
+              :label="$t('paperRollWeight')"
+              :value="result.paperRollWeight"
+            />
+            <result-section
+              :label="$t('paperRollLength')"
+              :value="result.paperRollLength"
+            />
+            <result-section
+              :label="$t('paperThickness')"
+              :value="result.paperThickness"
+            />
+          </v-list>
+
+          <v-expansion-panels flat multiple>
+            <v-expansion-panel hide-actions>
+              <v-expansion-panel-title class="text-warning font-weight-bold">
+                <template #default="{ expanded }">
+                  <span>
+                    <v-icon icon="mdi-information-outline" />
+                    {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
+                  </span>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('paperCoreDiameter')" :value="paperCoreDiameter" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('paperRollExternalDiameter')" :value="paperRollExternalDiameter" />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('paperRollWidth')" :value="paperRollWidth" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('paperDensity')" :value="paperDensity" />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('paperGrammage')" :value="paperGrammage" />
+                  </v-col>
+                </v-row>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
+
         </v-card>
       </v-col>
     </v-row>