add: filters locations & offerts

This commit is contained in:
Alexandro Uc Santos
2024-10-03 21:32:23 -06:00
parent 0b56a2a223
commit f129acf9e6
9 changed files with 162 additions and 27 deletions

View File

@@ -65,7 +65,7 @@
<div class="card-fixed card-location">
<div>
<p><span>{{ t('directory.name') }}:</span> {{location.branch_name}}</p>
<p><span>{{ t('directory.address') }}:</span> <template v-if="location.address">{{location.address}}, </template><template v-if="location.city">{{location.city}}, </template><template v-if="location.state">{{location.state}}</template></p>
<p><span>{{ t('directory.address') }}:</span> <template v-if="location.address">{{location.address}}, </template><template v-if="location.zipcode">CP. {{location.zipcode}}, </template><template v-if="location.city">{{location.city}}, </template><template v-if="location.state">{{location.state}}</template></p>
<p><span>{{ t('labels.phone') }}:</span> {{location.phone}}</p>
<p><span>{{ t('directory.typeTruckNeed') }}:</span> {{location.truck_type?.map((e) => e).join(', ')}}</p>
<p><span>{{ t('global.segments') }}:</span> {{location.categories?.map((e) => e.name).join(', ')}}</p>

View File

@@ -18,6 +18,8 @@
}
});
console.log(props.location);
defineEmits(['reset-location']);
const authStore = useAuthStore();
@@ -72,7 +74,7 @@
locationForm.zipcode = props.location.zipcode;
locationForm.address = props.location.address;
locationForm.description = props.location.description;
locationForm.zipcode = "";
locationForm.zipcode = props.location.zipcode;
} else {
Object.assign(locationForm, initState);
}
@@ -84,7 +86,7 @@
const saveLocation = async() => {
validations();
if(errors.value.branch_name || errors.value.address || errors.value.city || errors.value.state || errors.value.zipcode) {
if(errors.value.branch_name || errors.value.address || errors.value.city || errors.value.state || errors.value.zipcode || errors.value.location_type) {
return;
} else {
@@ -194,7 +196,7 @@
<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" for="role">{{ t('directory.typeDirectory') + '*'}}</label>
<select
class="custom-input-light"
name="type"
@@ -210,9 +212,10 @@
<span class="error-msg" v-if="errors.location_type">{{ errors.location_type }}</span>
</div>
<CustomInput
:label="t('directory.zipCode')"
:label="t('directory.zipCode') + '*'"
name="zipcode"
type="number"
:step="1"
v-model:field="locationForm.zipcode"
:filled="false"
:error="errors.zipcode"