From a158abb69fc5a36c0d79c83dbb1f3be2ba760173 Mon Sep 17 00:00:00 2001
From: artem <artem@webart-tech.ru>
Date: Mon, 2 Dec 2024 19:06:21 +0300
Subject: [PATCH] fix null in showing

---
 src/pages/workouts/WorkoutItem.vue | 23 ++++++++++++-----------
 src/pages/workouts/WorkoutList.vue | 12 ++++++------
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/pages/workouts/WorkoutItem.vue b/src/pages/workouts/WorkoutItem.vue
index 5a0a658..4cddd10 100644
--- a/src/pages/workouts/WorkoutItem.vue
+++ b/src/pages/workouts/WorkoutItem.vue
@@ -195,19 +195,20 @@ const chartOptions = {
             callbacks: {
                 label: function (context: any) {
                     currentCoordinates.value = lineCoordinates.value[context.dataIndex];
-                    let label = context.dataset.label || '';
-
-                    if (label) {
-                        label += ': ';
+                    let show_data = [];
+                    if (data.value.datasets[0].data[context.dataIndex]) {
+                        show_data.push("Скорость: " + Math.floor(data.value.datasets[0].data[context.dataIndex]));
                     }
-                    if (context.parsed.x !== null) {
-                        label += new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(context.parsed.y);
+                    if (data.value.datasets[1].data[context.dataIndex]) {
+                        show_data.push("Пульс: " + data.value.datasets[1].data[context.dataIndex]);
                     }
-                    return ["Скорость: " + Math.floor(data.value.datasets[0].data[context.dataIndex]),
-                    "Пульс: " + data.value.datasets[1].data[context.dataIndex],
-                    "Мощность: " + data.value.datasets[2].data[context.dataIndex],
-                    "Подъем: " + data.value.datasets[3].data[context.dataIndex],
-                    ];
+                    if (data.value.datasets[2].data[context.dataIndex]) {
+                        show_data.push("Мощность: " + data.value.datasets[2].data[context.dataIndex]);
+                    }
+                    if (Math.floor(data.value.datasets[3].data[context.dataIndex])) {
+                        show_data.push("Подъем: " + Math.floor(data.value.datasets[3].data[context.dataIndex]));
+                    }
+                    return show_data;
                 }
             }
         },
diff --git a/src/pages/workouts/WorkoutList.vue b/src/pages/workouts/WorkoutList.vue
index 3e1f293..e0d15f9 100644
--- a/src/pages/workouts/WorkoutList.vue
+++ b/src/pages/workouts/WorkoutList.vue
@@ -13,12 +13,12 @@
         <VaIcon name="delete_forever" size="22px" color="#bbc1c3" class="news-item-icon" @click="(event: any) => deleteItem(item.id, event)"/>
       </div>
         <ul class="metadata">
-            <li><span>Скорость:</span> {{ speedConvert(item.speed) }} км/ч</li>
-            <li><span>Пульс:</span> {{ item.heart_rate }} уд  /мин</li>
-            <li><span>Каденс:</span> {{ item.cadence }} об/мин</li>
-            <li><span>Расстояние:</span> {{ distConvert(item.distantion) }} км</li>
-            <li><span>Продолжительность:</span> {{ secondsToDuration(item.duraion_sec) }} </li>
-            <li><span>Мощность:</span> {{ Math.round(item.power) }} Вт</li>
+            <li v-if="item.speed"><span>Скорость:</span> {{ speedConvert(item.speed) }} км/ч</li>
+            <li v-if="item.heart_rate"><span>Пульс:</span> {{ item.heart_rate }} уд  /мин</li>
+            <li v-if="item.cadence"><span>Каденс:</span> {{ item.cadence }} об/мин</li>
+            <li v-if="item.distantion"><span>Расстояние:</span> {{ distConvert(item.distantion) }} км</li>
+            <li v-if="item.duraion_sec"><span>Продолжительность:</span> {{ secondsToDuration(item.duraion_sec) }} </li>
+            <li v-if="item.power"><span>Мощность:</span> {{ Math.round(item.power) }} Вт</li>
         </ul>
         <div v-if="item.attachment" 
         class="image-container"