diff --git a/src/pages/Ticket/Card/TicketExpedition.vue b/src/pages/Ticket/Card/TicketExpedition.vue index 38010a997..7da049124 100644 --- a/src/pages/Ticket/Card/TicketExpedition.vue +++ b/src/pages/Ticket/Card/TicketExpedition.vue @@ -17,6 +17,7 @@ import axios from 'axios'; import VnTable from 'src/components/VnTable/VnTable.vue'; import VnBtnSelect from 'src/components/common/VnBtnSelect.vue'; import FetchData from 'src/components/FetchData.vue'; +import useOpenURL from 'src/composables/useOpenURL'; const route = useRoute(); const stateStore = useStateStore(); @@ -123,6 +124,12 @@ const columns = computed(() => [ isPrimary: true, action: (row) => showLog(row), }, + { + title: t('Grafana'), + icon: 'vn:grafana', + isPrimary: true, + action: ({ id }) => openGrafana(id), + }, ], }, ]); @@ -192,10 +199,16 @@ const getExpeditionState = async (expedition) => { })); }; +const openGrafana = (expeditionFk) => { + useOpenURL( + `https://grafana.verdnatura.es/d/d552ab74-85b4-4e7f-a279-fab7cd9c6124/control-de-expediciones?orgId=1&var-expeditionFk=${expeditionFk}` + ); +}; + onMounted(async () => { stateStore.rightDrawer = true; - const filteredColumns = columns.value.filter((col) => col.name !== 'history'); - allColumnNames.value = filteredColumns.map((col) => col.name); + const filteredColumns = columns.value.filter(({ name }) => name !== 'history'); + allColumnNames.value = filteredColumns.map(({ name }) => name); });