ETA/WebETA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: filter statue load in storeview

Browse Source
This commit is contained in:
Alexandro Uc Santos
2025-04-12 15:23:32 -06:00
parent 331e5d6c8a
commit ccac94237c
16 changed files with 165 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/CreateLocationModal.vue
View File

@@ -182,21 +182,21 @@
:error="errors.address"
/>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('directory.state')}}*</label>
<label class="custom-label required">{{ t('directory.state')}}*</label>
<States
v-model="locationForm.state"
/>
<span class="error-msg" v-if="errors.state">{{ errors.state }}</span>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('directory.city')}}*</label>
<label class="custom-label required">{{ t('directory.city')}}*</label>
<Cities
v-model="locationForm.city"
/>
<span class="error-msg" v-if="errors.city">{{ errors.city }}</span>
</div>
<div class="d-flex flex-column mb-4">
<label class="custom-label" for="role">{{ t('directory.typeDirectory') + '*'}}</label>
<label class="custom-label required" for="role">{{ t('directory.typeDirectory') + '*'}}</label>
<select
class="custom-input-light"
name="type"

4
src/components/CreateUserModal.vue
View File

@@ -225,7 +225,7 @@
v-if="userForm.job_role !== 'owner'"
class="d-flex flex-column"
>
<label class="custom-label" for="role">{{ t('labels.userRole') }}*</label>
<label class="custom-label required" for="role">{{ t('labels.userRole') }}*</label>
<select
class="custom-input-light"
name="role"
@@ -254,7 +254,7 @@
<div v-if="userForm.job_role === 'warehouse'">
<Spiner v-if="loadingWarehouses"/>
<div class="d-flex flex-column my-4" v-if="!loadingWarehouses">
<label class="custom-label" for="locationLoad">{{ t('labels.warehouses') }}*</label>
<label class="custom-label required" for="locationLoad">{{ t('labels.warehouses') }}*</label>
<select
class="custom-input-light"
name="locationLoad"

12
src/components/CreateVehicleModal.vue
View File

@@ -163,14 +163,14 @@
<form @submit.prevent="handleSaveVehicle" autocomplete="off" class="vehicle-form">
<div class="row">
<div class="col-lg-6 col-12 mt-4">
<label class="custom-label">{{ t('directory.typeTruck') }}*</label>
<label class="custom-label required">{{ t('directory.typeTruck') }}*</label>
<TruckTypes
v-model="vehicleForm.truck_type"
/>
<span class="error-msg" v-if="errors.truck_type">{{ errors.truck_type }}</span>
</div>
<div class="col-lg-6 col-12 mt-4">
<label class="custom-label">{{ t('vehicles.segments') }}*</label>
<label class="custom-label required">{{ t('vehicles.segments') }}*</label>
<Segments
v-model="vehicleForm.categories"
:multiple="true"
@@ -217,14 +217,14 @@
</div>
<div class="row">
<div class="col-lg-6 col-12 mb-4">
<label class="custom-label">{{ t('labels.stateBase') }}*</label>
<label class="custom-label required">{{ t('labels.stateBase') }}*</label>
<States
v-model="vehicleForm.state"
/>
<span class="error-msg" v-if="errors.state">{{ errors.state }}</span>
</div>
<div class="col-lg-6 col-12 mb-4">
<label class="custom-label">{{ t('labels.cityBase') }}*</label>
<label class="custom-label required">{{ t('labels.cityBase') }}*</label>
<Cities
v-model="vehicleForm.city"
/>
@@ -233,14 +233,14 @@
</div>
<div class="row">
<div class="col-lg-6 col-12 mb-4">
<label class="custom-label">{{t('vehicles.destinationState')}}*</label>
<label class="custom-label required">{{t('vehicles.destinationState')}}*</label>
<States
v-model="vehicleForm.destinoState"
/>
<span class="error-msg" v-if="errors.destinoState">{{ errors.destinoState }}</span>
</div>
<div class="col-lg-6 col-12 mb-4">
<label class="custom-label">{{t('vehicles.destinationCity')}}*</label>
<label class="custom-label required">{{t('vehicles.destinationCity')}}*</label>
<Cities
v-model="vehicleForm.destinoCity"
/>

12
src/components/FormLoadModal.vue
View File

@@ -385,14 +385,14 @@
<div class="form-box">
<div class="form-section">
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('global.segment') }}*</label>
<label class="custom-label required">{{ t('global.segment') }}*</label>
<Segments
v-model="formLoad.segment"
/>
<span class="error-msg" v-if="submited && errors.segment">{{ errors.segment }}</span>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('directory.typeTruck') }}*</label>
<label class="custom-label required">{{ t('directory.typeTruck') }}*</label>
<TruckTypes
v-model="formLoad.truckType"
/>
@@ -495,14 +495,14 @@
v-model:field="origin.address"
/>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('global.city') }}*</label>
<label class="custom-label required">{{ t('global.city') }}*</label>
<Cities
v-model="origin.city"
/>
<span class="error-msg" v-if="submited && errors.cityOrigin">{{ errors.cityOrigin }}</span>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{ t('global.state') }}*</label>
<label class="custom-label required">{{ t('global.state') }}*</label>
<States
v-model="origin.state"
/>
@@ -566,14 +566,14 @@
v-model:field="destination.address"
/>
<div class="mb-4 mt-3">
<label class="custom-label">{{t('global.city')}}*</label>
<label class="custom-label required">{{t('global.city')}}*</label>
<Cities
v-model="destination.city"
/>
<span class="error-msg" v-if="submited && errors.cityDestination">{{ errors.cityDestination }}</span>
</div>
<div class="mb-4 mt-3">
<label class="custom-label">{{t('global.state')}}*</label>
<label class="custom-label required">{{t('global.state')}}*</label>
<States
v-model="destination.state"
/>

7
src/components/ui/Cities.vue
View File

@@ -19,6 +19,10 @@
disabled: {
type: Boolean,
default: false
},
required: {
type: Boolean,
default: false
}
});
defineEmits(['update:selectedCities', 'clear-option'])
@@ -49,6 +53,9 @@
:selectLabel="t('global.helpSelected')"
:selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
:class="[
required ? 'border-required' : '',
]"
>
<template #noResult>
{{ t('global.notFound') }}

13
src/components/ui/CustomInput.vue
View File

@@ -48,10 +48,17 @@
<template>
<div class="d-flex flex-column gap-2 mb-4">
<label class="custom-label" :for="name">{{ label }}</label>
<label
class="custom-label"
:class="[label.includes('*') ? 'required' : '']"
:for="name"
>{{ label }}</label>
<input
class="custom-input"
:class="[!filled ? 'custom-input-light' : '']"
:class="[
!filled ? 'custom-input-light' : '',
// label.includes('*') ? 'border-required' : ''
]"
:type="type"
:id="name"
:name="name"
@@ -77,6 +84,6 @@
.error-msg {
color: red;
font-size: 12px;
font-weight: 300;
font-weight: 400;
}
</style>

7
src/components/ui/Products.vue
View File

@@ -19,6 +19,10 @@
disabled: {
type: Boolean,
default: false
},
required: {
type: Boolean,
default: false
}
});
defineEmits(['update:selectedProduct', 'clear-option'])
@@ -49,6 +53,9 @@
:selectLabel="t('global.helpSelected')"
:selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
:class="[
required ? 'border-required' : '',
]"
>
<template #noResult>
{{ t('global.notFound') }}

7
src/components/ui/Segments.vue
View File

@@ -15,6 +15,10 @@
multiple: {
type: Boolean,
default: false
},
required: {
type: Boolean,
default: false
}
});
defineEmits(['update:selectedCategory', 'clear-option'])
@@ -44,6 +48,9 @@
:selectLabel="t('global.helpSelected')"
:selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
:class="[
required ? 'border-required' : '',
]"
>
<template #noResult>
{{ t('global.notFound') }}

9
src/components/ui/States.vue
View File

@@ -15,6 +15,10 @@
multiple: {
type: Boolean,
default: false
},
required: {
type: Boolean,
default: false
}
});
defineEmits(['update:selectedState', 'clear-option'])
@@ -45,8 +49,9 @@
:selectLabel="t('global.helpSelected')"
:selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
:class="[
required ? 'border-required' : '',
]"
>
<template #noResult>
{{ t('global.notFound') }}

7
src/components/ui/TruckTypes.vue
View File

@@ -19,6 +19,10 @@
disabled: {
type: Boolean,
default: false
},
required: {
type: Boolean,
default: false
}
});
defineEmits(['update:selectedTruckType', 'clear-option'])
@@ -53,6 +57,9 @@
:selectLabel="t('global.helpSelected')"
:selectedLabel="t('global.selected')"
:deselectLabel="t('global.removeSelected')"
:class="[
required ? 'border-required' : '',
]"
>
<template #noResult>
{{ t('global.notFound') }}