From 44e3eb779dae04057aa84f2a57d8fb413065beb8 Mon Sep 17 00:00:00 2001 From: alexm Date: Wed, 7 Aug 2024 14:40:28 +0200 Subject: [PATCH 1/5] feat(VnCard): use props searchbar --- src/components/common/VnCard.vue | 9 ++------- src/pages/Account/Alias/Card/AliasCard.vue | 9 ++++++--- src/pages/Account/Card/AccountCard.vue | 10 ++++++---- src/pages/Account/Role/Card/RoleCard.vue | 10 ++++++---- src/pages/Claim/Card/ClaimCard.vue | 8 +++++--- src/pages/Customer/Card/CustomerCard.vue | 8 +++++--- src/pages/Entry/Card/EntryCard.vue | 8 +++++--- src/pages/Item/Card/ItemCard.vue | 8 +++++--- src/pages/Parking/Card/ParkingCard.vue | 8 +++++--- src/pages/Route/Agency/Card/AgencyCard.vue | 8 +++++--- src/pages/Route/Roadmap/RoadmapCard.vue | 8 +++++--- src/pages/Supplier/Card/SupplierCard.vue | 4 +++- src/pages/Ticket/Card/TicketCard.vue | 9 ++++++--- src/pages/Travel/Card/TravelCard.vue | 8 +++++--- src/pages/Worker/Card/WorkerCard.vue | 8 +++++--- src/pages/Zone/Card/ZoneCard.vue | 11 ++++++----- 16 files changed, 80 insertions(+), 54 deletions(-) diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue index b211a3c7f..24da5417b 100644 --- a/src/components/common/VnCard.vue +++ b/src/components/common/VnCard.vue @@ -20,10 +20,7 @@ const props = defineProps({ searchUrl: { type: String, default: undefined }, searchbarLabel: { type: String, default: '' }, searchbarInfo: { type: String, default: '' }, - searchCustomRouteRedirect: { type: String, default: undefined }, - searchRedirect: { type: Boolean, default: true }, - searchMakeFetch: { type: Boolean, default: true }, - searchUrlQuery: { type: String, default: undefined }, + searchbar: { type: Object, default: undefined }, }); const stateStore = useStateStore(); @@ -71,9 +68,7 @@ if (props.baseUrl) { :url="props.searchUrl" :label="props.searchbarLabel" :info="props.searchbarInfo" - :search-url="props.searchUrlQuery" - :custom-route-redirect-name="searchCustomRouteRedirect" - :redirect="searchRedirect" + v-bind="$attrs['searchbar']" /> diff --git a/src/pages/Account/Alias/Card/AliasCard.vue b/src/pages/Account/Alias/Card/AliasCard.vue index f5103cf03..c4321c070 100644 --- a/src/pages/Account/Alias/Card/AliasCard.vue +++ b/src/pages/Account/Alias/Card/AliasCard.vue @@ -25,9 +25,12 @@ const searchBarDataKeys = { base-url="MailAliases" :descriptor="AliasDescriptor" :search-data-key="searchBarDataKeys[routeName]" - :search-custom-route-redirect="customRouteRedirectName" - :search-redirect="!!customRouteRedirectName" :searchbar-label="t('mailAlias.search')" - :searchbar-info="t('mailAlias.searchInfo')" + :searchbar="{ + redirect: !!customRouteRedirectName, + customRouteRedirectName, + info: t('mailAlias.searchInfo'), + label: t('mailAlias.search'), + }" /> diff --git a/src/pages/Account/Card/AccountCard.vue b/src/pages/Account/Card/AccountCard.vue index e4db3ee2b..46d6e77b1 100644 --- a/src/pages/Account/Card/AccountCard.vue +++ b/src/pages/Account/Card/AccountCard.vue @@ -26,9 +26,11 @@ const searchBarDataKeys = { data-key="Account" :descriptor="AccountDescriptor" :search-data-key="searchBarDataKeys[routeName]" - :search-custom-route-redirect="customRouteRedirectName" - :search-redirect="!!customRouteRedirectName" - :searchbar-label="t('account.search')" - :searchbar-info="t('account.searchInfo')" + :searchbar="{ + redirect: !!customRouteRedirectName, + customRouteRedirectName, + label: t('account.search'), + info: t('account.searchInfo'), + }" /> diff --git a/src/pages/Account/Role/Card/RoleCard.vue b/src/pages/Account/Role/Card/RoleCard.vue index 8a65d37d7..c24b36745 100644 --- a/src/pages/Account/Role/Card/RoleCard.vue +++ b/src/pages/Account/Role/Card/RoleCard.vue @@ -23,9 +23,11 @@ const searchBarDataKeys = { data-key="Role" :descriptor="RoleDescriptor" :search-data-key="searchBarDataKeys[routeName]" - :search-custom-route-redirect="customRouteRedirectName" - :search-redirect="!!customRouteRedirectName" - :searchbar-label="t('role.searchRoles')" - :searchbar-info="t('role.searchInfo')" + :searchbar="{ + redirect: !!customRouteRedirectName, + customRouteRedirectName, + label: t('role.searchRoles'), + info: t('role.searchInfo'), + }" /> diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue index 19d63e3b2..09eaa13d4 100644 --- a/src/pages/Claim/Card/ClaimCard.vue +++ b/src/pages/Claim/Card/ClaimCard.vue @@ -11,9 +11,11 @@ import filter from './ClaimFilter.js'; :descriptor="ClaimDescriptor" :filter-panel="ClaimFilter" search-data-key="ClaimList" - search-url="Claims/filter" - searchbar-label="Search claim" - searchbar-info="You can search by claim id or customer name" :filter="filter" + :searchbar="{ + url: 'Claims/filter', + label: 'Search claim', + info: 'You can search by claim id or customer name', + }" /> diff --git a/src/pages/Customer/Card/CustomerCard.vue b/src/pages/Customer/Card/CustomerCard.vue index 17f123e7b..0cc41e024 100644 --- a/src/pages/Customer/Card/CustomerCard.vue +++ b/src/pages/Customer/Card/CustomerCard.vue @@ -10,8 +10,10 @@ import CustomerFilter from '../CustomerFilter.vue'; :descriptor="CustomerDescriptor" :filter-panel="CustomerFilter" search-data-key="CustomerList" - search-url="Clients/extendedListFilter" - searchbar-label="Search customer" - searchbar-info="You can search by customer id or name" + :searchbar="{ + url: 'Clients/extendedListFilter', + label: 'Search customer', + info: 'You can search by customer id or name', + }" /> diff --git a/src/pages/Entry/Card/EntryCard.vue b/src/pages/Entry/Card/EntryCard.vue index 9fadd2d06..75a3567cb 100644 --- a/src/pages/Entry/Card/EntryCard.vue +++ b/src/pages/Entry/Card/EntryCard.vue @@ -10,8 +10,10 @@ import EntryFilter from '../EntryFilter.vue'; :descriptor="EntryDescriptor" :filter-panel="EntryFilter" search-data-key="EntryList" - search-url="Entries/filter" - searchbar-label="Search entries" - searchbar-info="You can search by entry reference" + :searchbar="{ + url: 'Entries/filter', + label: 'Search entries', + info: 'You can search by entry reference', + }" /> diff --git a/src/pages/Item/Card/ItemCard.vue b/src/pages/Item/Card/ItemCard.vue index 66d46f576..01eda25b0 100644 --- a/src/pages/Item/Card/ItemCard.vue +++ b/src/pages/Item/Card/ItemCard.vue @@ -10,8 +10,10 @@ import ItemListFilter from '../ItemListFilter.vue'; :descriptor="ItemDescriptor" :filter-panel="ItemListFilter" search-data-key="ItemList" - search-url="Items/filter" - searchbar-label="searchbar.label" - searchbar-info="searchbar.info" + :searchbar="{ + url: 'Items/filter', + label: 'searchbar.labelr', + info: 'searchbar.info', + }" /> diff --git a/src/pages/Parking/Card/ParkingCard.vue b/src/pages/Parking/Card/ParkingCard.vue index 620f4bb2d..5912c424c 100644 --- a/src/pages/Parking/Card/ParkingCard.vue +++ b/src/pages/Parking/Card/ParkingCard.vue @@ -16,8 +16,10 @@ const filter = { :descriptor="ParkingDescriptor" :filter-panel="ParkingFilter" search-data-key="ParkingList" - search-url="Parkings" - searchbar-label="parking.searchBar.label" - searchbar-info="parking.searchBar.info" + :searchbar="{ + url: 'Parkings', + label: 'parking.searchBar.label', + info: 'parking.searchBar.info', + }" /> diff --git a/src/pages/Route/Agency/Card/AgencyCard.vue b/src/pages/Route/Agency/Card/AgencyCard.vue index e1eebabf7..365cb6f58 100644 --- a/src/pages/Route/Agency/Card/AgencyCard.vue +++ b/src/pages/Route/Agency/Card/AgencyCard.vue @@ -8,8 +8,10 @@ import VnCard from 'components/common/VnCard.vue'; base-url="Agencies" :descriptor="AgencyDescriptor" search-data-key="AgencyList" - search-url="Agencies" - searchbar-label="agency.searchBar.label" - searchbar-info="agency.searchBar.info" + :searchbar="{ + url: 'Agencies', + label: 'agency.searchBar.label', + info: 'agency.searchBar.info', + }" /> diff --git a/src/pages/Route/Roadmap/RoadmapCard.vue b/src/pages/Route/Roadmap/RoadmapCard.vue index 4e8f8dd50..02450887b 100644 --- a/src/pages/Route/Roadmap/RoadmapCard.vue +++ b/src/pages/Route/Roadmap/RoadmapCard.vue @@ -10,8 +10,10 @@ import RoadmapFilter from 'pages/Route/Roadmap/RoadmapFilter.vue'; :descriptor="RoadmapDescriptor" :filter-panel="RoadmapFilter" search-data-key="RoadmapList" - search-url="Roadmaps" - searchbar-label="Search roadmap" - searchbar-info="You can search by roadmap id or customer name" + :searchbar="{ + url: 'Roadmaps', + label: 'Search roadmap', + info: 'You can search by roadmap id or customer name', + }" /> diff --git a/src/pages/Supplier/Card/SupplierCard.vue b/src/pages/Supplier/Card/SupplierCard.vue index ed4ce7eb2..880d2a977 100644 --- a/src/pages/Supplier/Card/SupplierCard.vue +++ b/src/pages/Supplier/Card/SupplierCard.vue @@ -12,6 +12,8 @@ import SupplierListFilter from '../SupplierListFilter.vue'; search-data-key="SupplierList" search-url="Suppliers/filter" searchbar-label="Search suppliers" - search-url-query="table" + :searchbar="{ + searchUrl: 'table', + }" /> diff --git a/src/pages/Ticket/Card/TicketCard.vue b/src/pages/Ticket/Card/TicketCard.vue index 8c9745c02..11ac53832 100644 --- a/src/pages/Ticket/Card/TicketCard.vue +++ b/src/pages/Ticket/Card/TicketCard.vue @@ -11,6 +11,7 @@ const { t } = useI18n(); const route = useRoute(); const routeName = computed(() => route.name); +const customRouteRedirectName = computed(() => routeName.value); diff --git a/src/pages/Travel/Card/TravelCard.vue b/src/pages/Travel/Card/TravelCard.vue index a3c1430e9..2a42d4580 100644 --- a/src/pages/Travel/Card/TravelCard.vue +++ b/src/pages/Travel/Card/TravelCard.vue @@ -35,10 +35,12 @@ const filter = { data-key="Travel" base-url="Travels" search-data-key="TravelList" - searchbar-label="Search travel" - searchbar-info="You can search by travel id or name" - search-url="Travels" :filter="filter" :descriptor="TravelDescriptor" + :searchbar="{ + url: 'Travels', + label: 'Search travel', + info: 'You can search by travel id or name', + }" /> diff --git a/src/pages/Worker/Card/WorkerCard.vue b/src/pages/Worker/Card/WorkerCard.vue index 1a5bacf2f..8d8e348e0 100644 --- a/src/pages/Worker/Card/WorkerCard.vue +++ b/src/pages/Worker/Card/WorkerCard.vue @@ -10,8 +10,10 @@ import WorkerFilter from '../WorkerFilter.vue'; :descriptor="WorkerDescriptor" :filter-panel="WorkerFilter" search-data-key="WorkerList" - search-url="Workers/filter" - searchbar-label="Search worker" - searchbar-info="You can search by worker id or name" + :searchbar="{ + url: 'Workers/filter', + label: 'Search worker', + info: 'You can search by worker id or name', + }" /> diff --git a/src/pages/Zone/Card/ZoneCard.vue b/src/pages/Zone/Card/ZoneCard.vue index 59049a5b3..84a1df5f5 100644 --- a/src/pages/Zone/Card/ZoneCard.vue +++ b/src/pages/Zone/Card/ZoneCard.vue @@ -28,11 +28,12 @@ const searchBarDataKeys = { data-key="Zone" :descriptor="ZoneDescriptor" :search-data-key="searchBarDataKeys[routeName]" - :search-custom-route-redirect="customRouteRedirectName" - :search-redirect="!!customRouteRedirectName" - :search-make-fetch="searchbarMakeFetch" - :searchbar-label="t('list.searchZone')" - :searchbar-info="t('list.searchInfo')" + :filter-panel="ZoneFilterPanel" + :searchbar="{ + url: 'Zones', + label: t('list.searchZone'), + info: t('list.searchInfo'), + }" > From 3a77be0043922d185755f9233b7cb52bdb8fe25f Mon Sep 17 00:00:00 2001 From: alexm Date: Thu, 8 Aug 2024 07:56:29 +0200 Subject: [PATCH 5/5] change searchbar to searchbarProps --- src/components/common/VnCard.vue | 4 ++-- src/pages/Account/Alias/Card/AliasCard.vue | 2 +- src/pages/Account/Card/AccountCard.vue | 2 +- src/pages/Account/Role/Card/RoleCard.vue | 2 +- src/pages/Claim/Card/ClaimCard.vue | 2 +- src/pages/Customer/Card/CustomerCard.vue | 2 +- src/pages/Entry/Card/EntryCard.vue | 2 +- src/pages/InvoiceOut/Card/InvoiceOutCard.vue | 2 +- src/pages/Item/Card/ItemCard.vue | 2 +- src/pages/Parking/Card/ParkingCard.vue | 2 +- src/pages/Route/Agency/Card/AgencyCard.vue | 2 +- src/pages/Route/Roadmap/RoadmapCard.vue | 2 +- src/pages/Supplier/Card/SupplierCard.vue | 6 +++--- src/pages/Ticket/Card/TicketCard.vue | 2 +- src/pages/Travel/Card/TravelCard.vue | 2 +- src/pages/Worker/Card/WorkerCard.vue | 2 +- src/pages/Zone/Card/ZoneCard.vue | 2 +- 17 files changed, 20 insertions(+), 20 deletions(-) diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue index c33e18dcd..27e301426 100644 --- a/src/components/common/VnCard.vue +++ b/src/components/common/VnCard.vue @@ -17,7 +17,7 @@ const props = defineProps({ descriptor: { type: Object, required: true }, filterPanel: { type: Object, default: undefined }, searchDataKey: { type: String, default: undefined }, - searchbar: { type: Object, default: undefined }, + searchbarProps: { type: Object, default: undefined }, }); const stateStore = useStateStore(); @@ -60,7 +60,7 @@ if (props.baseUrl) { - + diff --git a/src/pages/Account/Alias/Card/AliasCard.vue b/src/pages/Account/Alias/Card/AliasCard.vue index 07ded9316..d997af4a9 100644 --- a/src/pages/Account/Alias/Card/AliasCard.vue +++ b/src/pages/Account/Alias/Card/AliasCard.vue @@ -25,7 +25,7 @@ const searchBarDataKeys = { base-url="MailAliases" :descriptor="AliasDescriptor" :search-data-key="searchBarDataKeys[routeName]" - :searchbar="{ + :searchbarProps="{ redirect: !!customRouteRedirectName, customRouteRedirectName, info: t('mailAlias.searchInfo'), diff --git a/src/pages/Account/Card/AccountCard.vue b/src/pages/Account/Card/AccountCard.vue index 46d6e77b1..c64515aab 100644 --- a/src/pages/Account/Card/AccountCard.vue +++ b/src/pages/Account/Card/AccountCard.vue @@ -26,7 +26,7 @@ const searchBarDataKeys = { data-key="Account" :descriptor="AccountDescriptor" :search-data-key="searchBarDataKeys[routeName]" - :searchbar="{ + :searchbarProps="{ redirect: !!customRouteRedirectName, customRouteRedirectName, label: t('account.search'), diff --git a/src/pages/Account/Role/Card/RoleCard.vue b/src/pages/Account/Role/Card/RoleCard.vue index c24b36745..72134b53d 100644 --- a/src/pages/Account/Role/Card/RoleCard.vue +++ b/src/pages/Account/Role/Card/RoleCard.vue @@ -23,7 +23,7 @@ const searchBarDataKeys = { data-key="Role" :descriptor="RoleDescriptor" :search-data-key="searchBarDataKeys[routeName]" - :searchbar="{ + :searchbarProps="{ redirect: !!customRouteRedirectName, customRouteRedirectName, label: t('role.searchRoles'), diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue index 09eaa13d4..64cf35f81 100644 --- a/src/pages/Claim/Card/ClaimCard.vue +++ b/src/pages/Claim/Card/ClaimCard.vue @@ -12,7 +12,7 @@ import filter from './ClaimFilter.js'; :filter-panel="ClaimFilter" search-data-key="ClaimList" :filter="filter" - :searchbar="{ + :searchbarProps="{ url: 'Claims/filter', label: 'Search claim', info: 'You can search by claim id or customer name', diff --git a/src/pages/Customer/Card/CustomerCard.vue b/src/pages/Customer/Card/CustomerCard.vue index 0cc41e024..c77e429ef 100644 --- a/src/pages/Customer/Card/CustomerCard.vue +++ b/src/pages/Customer/Card/CustomerCard.vue @@ -10,7 +10,7 @@ import CustomerFilter from '../CustomerFilter.vue'; :descriptor="CustomerDescriptor" :filter-panel="CustomerFilter" search-data-key="CustomerList" - :searchbar="{ + :searchbarProps="{ url: 'Clients/extendedListFilter', label: 'Search customer', info: 'You can search by customer id or name', diff --git a/src/pages/Entry/Card/EntryCard.vue b/src/pages/Entry/Card/EntryCard.vue index 75a3567cb..a1fd83d05 100644 --- a/src/pages/Entry/Card/EntryCard.vue +++ b/src/pages/Entry/Card/EntryCard.vue @@ -10,7 +10,7 @@ import EntryFilter from '../EntryFilter.vue'; :descriptor="EntryDescriptor" :filter-panel="EntryFilter" search-data-key="EntryList" - :searchbar="{ + :searchbarProps="{ url: 'Entries/filter', label: 'Search entries', info: 'You can search by entry reference', diff --git a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue index 7365eaba0..26f34d0d3 100644 --- a/src/pages/InvoiceOut/Card/InvoiceOutCard.vue +++ b/src/pages/InvoiceOut/Card/InvoiceOutCard.vue @@ -10,7 +10,7 @@ import InvoiceOutFilter from '../InvoiceOutFilter.vue'; :descriptor="InvoiceOutDescriptor" :filter-panel="InvoiceOutFilter" search-data-key="InvoiceOutList" - :searchbar="{ + :searchbarProps="{ url: 'InvoiceOuts/filter', label: 'Search invoice', info: 'You can search by invoice reference', diff --git a/src/pages/Item/Card/ItemCard.vue b/src/pages/Item/Card/ItemCard.vue index 01eda25b0..d125e9bbd 100644 --- a/src/pages/Item/Card/ItemCard.vue +++ b/src/pages/Item/Card/ItemCard.vue @@ -10,7 +10,7 @@ import ItemListFilter from '../ItemListFilter.vue'; :descriptor="ItemDescriptor" :filter-panel="ItemListFilter" search-data-key="ItemList" - :searchbar="{ + :searchbarProps="{ url: 'Items/filter', label: 'searchbar.labelr', info: 'searchbar.info', diff --git a/src/pages/Parking/Card/ParkingCard.vue b/src/pages/Parking/Card/ParkingCard.vue index 5912c424c..5c29e5665 100644 --- a/src/pages/Parking/Card/ParkingCard.vue +++ b/src/pages/Parking/Card/ParkingCard.vue @@ -16,7 +16,7 @@ const filter = { :descriptor="ParkingDescriptor" :filter-panel="ParkingFilter" search-data-key="ParkingList" - :searchbar="{ + :searchbarProps="{ url: 'Parkings', label: 'parking.searchBar.label', info: 'parking.searchBar.info', diff --git a/src/pages/Route/Agency/Card/AgencyCard.vue b/src/pages/Route/Agency/Card/AgencyCard.vue index 365cb6f58..65a095e48 100644 --- a/src/pages/Route/Agency/Card/AgencyCard.vue +++ b/src/pages/Route/Agency/Card/AgencyCard.vue @@ -8,7 +8,7 @@ import VnCard from 'components/common/VnCard.vue'; base-url="Agencies" :descriptor="AgencyDescriptor" search-data-key="AgencyList" - :searchbar="{ + :searchbarProps="{ url: 'Agencies', label: 'agency.searchBar.label', info: 'agency.searchBar.info', diff --git a/src/pages/Route/Roadmap/RoadmapCard.vue b/src/pages/Route/Roadmap/RoadmapCard.vue index 02450887b..6bd6816ff 100644 --- a/src/pages/Route/Roadmap/RoadmapCard.vue +++ b/src/pages/Route/Roadmap/RoadmapCard.vue @@ -10,7 +10,7 @@ import RoadmapFilter from 'pages/Route/Roadmap/RoadmapFilter.vue'; :descriptor="RoadmapDescriptor" :filter-panel="RoadmapFilter" search-data-key="RoadmapList" - :searchbar="{ + :searchbarProps="{ url: 'Roadmaps', label: 'Search roadmap', info: 'You can search by roadmap id or customer name', diff --git a/src/pages/Supplier/Card/SupplierCard.vue b/src/pages/Supplier/Card/SupplierCard.vue index 880d2a977..594026d18 100644 --- a/src/pages/Supplier/Card/SupplierCard.vue +++ b/src/pages/Supplier/Card/SupplierCard.vue @@ -10,10 +10,10 @@ import SupplierListFilter from '../SupplierListFilter.vue'; :descriptor="SupplierDescriptor" :filter-panel="SupplierListFilter" search-data-key="SupplierList" - search-url="Suppliers/filter" - searchbar-label="Search suppliers" - :searchbar="{ + :searchbar-props="{ + url: 'Suppliers/filter', searchUrl: 'table', + label: 'Search suppliers', }" /> diff --git a/src/pages/Ticket/Card/TicketCard.vue b/src/pages/Ticket/Card/TicketCard.vue index 11ac53832..b9510576a 100644 --- a/src/pages/Ticket/Card/TicketCard.vue +++ b/src/pages/Ticket/Card/TicketCard.vue @@ -20,7 +20,7 @@ const customRouteRedirectName = computed(() => routeName.value); :filter-panel="TicketFilter" :descriptor="TicketDescriptor" search-data-key="TicketList" - :searchbar="{ + :searchbarProps="{ customRouteRedirectName, label: t('card.search'), info: t('card.searchInfo'), diff --git a/src/pages/Travel/Card/TravelCard.vue b/src/pages/Travel/Card/TravelCard.vue index 2a42d4580..99271459e 100644 --- a/src/pages/Travel/Card/TravelCard.vue +++ b/src/pages/Travel/Card/TravelCard.vue @@ -37,7 +37,7 @@ const filter = { search-data-key="TravelList" :filter="filter" :descriptor="TravelDescriptor" - :searchbar="{ + :searchbarProps="{ url: 'Travels', label: 'Search travel', info: 'You can search by travel id or name', diff --git a/src/pages/Worker/Card/WorkerCard.vue b/src/pages/Worker/Card/WorkerCard.vue index 8d8e348e0..48eca8644 100644 --- a/src/pages/Worker/Card/WorkerCard.vue +++ b/src/pages/Worker/Card/WorkerCard.vue @@ -10,7 +10,7 @@ import WorkerFilter from '../WorkerFilter.vue'; :descriptor="WorkerDescriptor" :filter-panel="WorkerFilter" search-data-key="WorkerList" - :searchbar="{ + :searchbarProps="{ url: 'Workers/filter', label: 'Search worker', info: 'You can search by worker id or name', diff --git a/src/pages/Zone/Card/ZoneCard.vue b/src/pages/Zone/Card/ZoneCard.vue index 84a1df5f5..eeece3bd8 100644 --- a/src/pages/Zone/Card/ZoneCard.vue +++ b/src/pages/Zone/Card/ZoneCard.vue @@ -29,7 +29,7 @@ const searchBarDataKeys = { :descriptor="ZoneDescriptor" :search-data-key="searchBarDataKeys[routeName]" :filter-panel="ZoneFilterPanel" - :searchbar="{ + :searchbarProps="{ url: 'Zones', label: t('list.searchZone'), info: t('list.searchInfo'),