From d210138fff9caa0fb030c5bb38a06c85e75d03ac Mon Sep 17 00:00:00 2001
From: alexandre <alexandre@verdnatura.es>
Date: Mon, 17 Apr 2023 10:48:13 +0200
Subject: [PATCH 1/3] refs #5293 added section buttons

---
 src/composables/getUrl.js          | 19 +++++++
 src/pages/Claim/Card/ClaimCard.vue | 80 ++++++++++++++++++++++++++++--
 2 files changed, 96 insertions(+), 3 deletions(-)
 create mode 100644 src/composables/getUrl.js

diff --git a/src/composables/getUrl.js b/src/composables/getUrl.js
new file mode 100644
index 000000000..63eb63c0b
--- /dev/null
+++ b/src/composables/getUrl.js
@@ -0,0 +1,19 @@
+import axios from 'axios';
+
+export async function getUrl(route, appName = 'salix') {
+    let url;
+    const env = process.env.NODE_ENV === 'development' ? 'dev' : process.env.NODE_ENV;
+    const filter = {
+        where: {and: [
+            {appName: appName},
+            {environment:  env}
+        ]}
+    };
+
+    await axios.get('Urls/findOne', {params: {filter}})
+        .then(res => {
+            url = res.data.url + route;
+        });
+
+    return url;
+}
diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index 2c878b74b..705520e24 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -1,12 +1,35 @@
 <script setup>
-import { useI18n } from 'vue-i18n';
-import { useStateStore } from 'stores/useStateStore';
-import ClaimDescriptor from './ClaimDescriptor.vue';
 import LeftMenu from 'components/LeftMenu.vue';
+import { getUrl } from 'composables/getUrl';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import { useStateStore } from 'stores/useStateStore';
+import { computed, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+import ClaimDescriptor from './ClaimDescriptor.vue';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
+const route = useRoute();
+const $props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+});
+const entityId = computed(() => {
+    return $props.id || route.params.id;
+});
+
+let salixUrl;
+onMounted(async () => {
+    salixUrl = await getUrl(`claim/${entityId.value}`);
+});
+
+function openNewTab(url) {
+    window.open(url, '_blank');
+}
 </script>
 <template>
     <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
@@ -22,6 +45,53 @@ const { t } = useI18n();
             <ClaimDescriptor />
             <QSeparator />
             <LeftMenu source="card" />
+            <QSeparator />
+            <QList>
+                <QItem
+                    active-class="text-primary"
+                    @click="openNewTab(salixUrl + '/detail')"
+                    clickable
+                    v-ripple
+                >
+                    <QItemSection avatar>
+                        <QIcon name="disabled_by_default" />
+                    </QItemSection>
+                    <QItemSection> {{ t('Details') }} </QItemSection>
+                </QItem>
+                <QItem
+                    active-class="text-primary"
+                    @click="openNewTab(salixUrl + '/note/index')"
+                    clickable
+                    v-ripple
+                >
+                    <QItemSection avatar>
+                        <QIcon name="disabled_by_default" />
+                    </QItemSection>
+                    <QItemSection> {{ t('Notes') }} </QItemSection>
+                </QItem>
+                <QItem
+                    active-class="text-primary"
+                    @click="openNewTab(salixUrl + '/development')"
+                    clickable
+                    v-ripple
+                >
+                    <QItemSection avatar>
+                        <QIcon name="disabled_by_default" />
+                    </QItemSection>
+                    <QItemSection> {{ t('Development') }} </QItemSection>
+                </QItem>
+                <QItem
+                    active-class="text-primary"
+                    @click="openNewTab(salixUrl + '/action')"
+                    clickable
+                    v-ripple
+                >
+                    <QItemSection avatar>
+                        <QIcon name="disabled_by_default" />
+                    </QItemSection>
+                    <QItemSection> {{ t('Action') }} </QItemSection>
+                </QItem>
+            </QList>
         </QScrollArea>
     </QDrawer>
     <QPageContainer>
@@ -35,4 +105,8 @@ const { t } = useI18n();
 es:
     Search claim: Buscar reclamación
     You can search by claim id or customer name: Puedes buscar por id de la reclamación o nombre del cliente
+    Details: Detalles
+    Notes: Notas
+    Development: Trazabilidad
+    Action: Acción
 </i18n>
-- 
2.40.1


From b6fedd3873afb15774cbc4434a492c98f7cac77d Mon Sep 17 00:00:00 2001
From: alexandre <alexandre@verdnatura.es>
Date: Mon, 17 Apr 2023 12:18:37 +0200
Subject: [PATCH 2/3] refs #5293 sections in a array

---
 src/pages/Claim/Card/ClaimCard.vue | 45 +++++++-----------------------
 1 file changed, 10 insertions(+), 35 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index 705520e24..fe56c58dd 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -21,6 +21,12 @@ const $props = defineProps({
 const entityId = computed(() => {
     return $props.id || route.params.id;
 });
+const claimSections = [
+    { name: 'Details', url: '/detail' },
+    { name: 'Notes', url: '/note/index' },
+    { name: 'Development', url: '/development' },
+    { name: 'Action', url: '/action' },
+];
 
 let salixUrl;
 onMounted(async () => {
@@ -48,48 +54,17 @@ function openNewTab(url) {
             <QSeparator />
             <QList>
                 <QItem
+                    v-for="section in claimSections"
+                    :key="section.name"
                     active-class="text-primary"
-                    @click="openNewTab(salixUrl + '/detail')"
+                    @click="openNewTab(salixUrl + section.url)"
                     clickable
                     v-ripple
                 >
                     <QItemSection avatar>
                         <QIcon name="disabled_by_default" />
                     </QItemSection>
-                    <QItemSection> {{ t('Details') }} </QItemSection>
-                </QItem>
-                <QItem
-                    active-class="text-primary"
-                    @click="openNewTab(salixUrl + '/note/index')"
-                    clickable
-                    v-ripple
-                >
-                    <QItemSection avatar>
-                        <QIcon name="disabled_by_default" />
-                    </QItemSection>
-                    <QItemSection> {{ t('Notes') }} </QItemSection>
-                </QItem>
-                <QItem
-                    active-class="text-primary"
-                    @click="openNewTab(salixUrl + '/development')"
-                    clickable
-                    v-ripple
-                >
-                    <QItemSection avatar>
-                        <QIcon name="disabled_by_default" />
-                    </QItemSection>
-                    <QItemSection> {{ t('Development') }} </QItemSection>
-                </QItem>
-                <QItem
-                    active-class="text-primary"
-                    @click="openNewTab(salixUrl + '/action')"
-                    clickable
-                    v-ripple
-                >
-                    <QItemSection avatar>
-                        <QIcon name="disabled_by_default" />
-                    </QItemSection>
-                    <QItemSection> {{ t('Action') }} </QItemSection>
+                    <QItemSection> {{ t(section.name) }} </QItemSection>
                 </QItem>
             </QList>
         </QScrollArea>
-- 
2.40.1


From f4098380f13f3168db1e8004ca90487369cf68fd Mon Sep 17 00:00:00 2001
From: alexandre <alexandre@verdnatura.es>
Date: Thu, 20 Apr 2023 08:04:07 +0200
Subject: [PATCH 3/3] refs #5293 open section in the same page

---
 src/pages/Claim/Card/ClaimCard.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index fe56c58dd..2691bbc51 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -22,20 +22,15 @@ const entityId = computed(() => {
     return $props.id || route.params.id;
 });
 const claimSections = [
-    { name: 'Details', url: '/detail' },
-    { name: 'Notes', url: '/note/index' },
-    { name: 'Development', url: '/development' },
-    { name: 'Action', url: '/action' },
+    { name: 'Notes', url: '/note/index', icon: 'draft' },
+    { name: 'Development', url: '/development', icon: 'vn:traceability' },
+    { name: 'Action', url: '/action', icon: 'vn:actions' },
 ];
 
 let salixUrl;
 onMounted(async () => {
     salixUrl = await getUrl(`claim/${entityId.value}`);
 });
-
-function openNewTab(url) {
-    window.open(url, '_blank');
-}
 </script>
 <template>
     <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
@@ -57,12 +52,12 @@ function openNewTab(url) {
                     v-for="section in claimSections"
                     :key="section.name"
                     active-class="text-primary"
-                    @click="openNewTab(salixUrl + section.url)"
+                    :href="salixUrl + section.url"
                     clickable
                     v-ripple
                 >
                     <QItemSection avatar>
-                        <QIcon name="disabled_by_default" />
+                        <QIcon :name="section.icon" />
                     </QItemSection>
                     <QItemSection> {{ t(section.name) }} </QItemSection>
                 </QItem>
-- 
2.40.1