From 0d67ac4450386cc2821cd4df9456c69a74cd5aff Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 31 Jul 2023 14:09:07 +0200
Subject: [PATCH 1/2] refs #6075 VnLabelValue created

---
 src/components/ui/VnLabelValue.vue | 46 ++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/components/ui/VnLabelValue.vue

diff --git a/src/components/ui/VnLabelValue.vue b/src/components/ui/VnLabelValue.vue
new file mode 100644
index 000000000..5762237c2
--- /dev/null
+++ b/src/components/ui/VnLabelValue.vue
@@ -0,0 +1,46 @@
+<script setup>
+import { computed } from 'vue';
+const $props = defineProps({
+  label: { type: String, default: '' },
+  value: {
+    type: [String, Boolean],
+    required: true,
+  },
+  info: { type: String, default: '' },
+});
+const isBooleanValue = computed(() => typeof $props.value === 'boolean');
+
+</script>
+<template>
+  <div class="vn-label-value">
+    <div class="label">
+      <slot name="label"></slot>
+    </div>
+    <div class="value">
+      <span v-if="isBooleanValue">
+        <QIcon :name="value ? `check` : `close`" :class="value ? `positive` : `negative`" />
+      </span>
+      <span v-else>
+        <slot name="value"></slot>
+      </span>
+    </div>
+    <div class="info" v-if="$props.info">
+      <QIcon name="info">
+        <QTooltip class="bg-dark text-white shadow-4" :offset="[10, 10]" square>
+          {{ $props.info }}
+        </QTooltip>
+      </QIcon>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+@import '../../css/quasar.variables.scss';
+
+.positive {
+  color: $positive
+}
+
+.negative {
+  color: $negative
+}
+</style>
\ No newline at end of file

From 2549b201585015905bd6adb885cee0b63d62f08a Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 31 Jul 2023 15:31:29 +0200
Subject: [PATCH 2/2] refs #6075 refactor changes

---
 .../ui/{VnLabelValue.vue => VnLv.vue}         | 26 ++++++-------------
 1 file changed, 8 insertions(+), 18 deletions(-)
 rename src/components/ui/{VnLabelValue.vue => VnLv.vue} (61%)

diff --git a/src/components/ui/VnLabelValue.vue b/src/components/ui/VnLv.vue
similarity index 61%
rename from src/components/ui/VnLabelValue.vue
rename to src/components/ui/VnLv.vue
index 5762237c2..b0b0316ad 100644
--- a/src/components/ui/VnLabelValue.vue
+++ b/src/components/ui/VnLv.vue
@@ -1,24 +1,25 @@
 <script setup>
 import { computed } from 'vue';
 const $props = defineProps({
-  label: { type: String, default: '' },
+  label: { type: String, default: null },
   value: {
     type: [String, Boolean],
-    required: true,
+    default: null,
   },
-  info: { type: String, default: '' },
+  info: { type: String, default: null },
 });
 const isBooleanValue = computed(() => typeof $props.value === 'boolean');
 
 </script>
 <template>
   <div class="vn-label-value">
-    <div class="label">
+    <div v-if="$props.label || $slots.label" class="label">
+      <div v-if="!$slots.label">{{ $props.label }}</div>
       <slot name="label"></slot>
     </div>
-    <div class="value">
+    <div v-if="$props.value || $slots.value" class="value">
       <span v-if="isBooleanValue">
-        <QIcon :name="value ? `check` : `close`" :class="value ? `positive` : `negative`" />
+        <QIcon :name="$props.value ? `check` : `close`" :color="$props.value ? `positive` : `negative`" />
       </span>
       <span v-else>
         <slot name="value"></slot>
@@ -26,21 +27,10 @@ const isBooleanValue = computed(() => typeof $props.value === 'boolean');
     </div>
     <div class="info" v-if="$props.info">
       <QIcon name="info">
-        <QTooltip class="bg-dark text-white shadow-4" :offset="[10, 10]" square>
+        <QTooltip class="bg-dark text-white shadow-4" :offset="[10, 10]">
           {{ $props.info }}
         </QTooltip>
       </QIcon>
     </div>
   </div>
 </template>
-<style lang="scss" scoped>
-@import '../../css/quasar.variables.scss';
-
-.positive {
-  color: $positive
-}
-
-.negative {
-  color: $negative
-}
-</style>
\ No newline at end of file