mejoras en el mapa

This commit is contained in:
2026-03-10 09:33:39 -05:00
parent c0a476cdb8
commit bf9adf1d3a
4 changed files with 91 additions and 125 deletions

View File

@ -122,12 +122,12 @@ async function saveShuttle() {
<div class="form-group grid-row">
<div class="input-box">
<label>Nombre de la Empresa</label>
<input v-model="shuttleForm.company_name" type="text" placeholder="Ej: Chiriqui Transfers">
<input v-model="shuttleForm.company_name" type="text" placeholder="Ej: Chiriqui Transfers" />
</div>
<div class="input-box">
<label>Imagen del Transporte</label>
<div class="file-upload-wrapper">
<input type="file" @change="handleImageChange" accept="image/*" id="file-input">
<input type="file" @change="handleImageChange" accept="image/*" id="file-input" />
<label for="file-input" class="file-label">
<span class="material-icons">cloud_upload</span>
{{ selectedFileName || 'SELECCIONAR IMAGEN' }}
@ -140,18 +140,18 @@ async function saveShuttle() {
<div class="form-group grid-row">
<div class="input-box">
<label>Origen</label>
<input v-model="shuttleForm.origin" type="text" placeholder="Boquete">
<input v-model="shuttleForm.origin" type="text" placeholder="Boquete" />
</div>
<div class="input-box">
<label>Destino</label>
<input v-model="shuttleForm.destination" type="text" placeholder="Santa Catalina">
<input v-model="shuttleForm.destination" type="text" placeholder="Santa Catalina" />
</div>
</div>
<div class="form-group grid-row">
<div class="input-box">
<label>Tipo de Vehículo</label>
<input v-model="shuttleForm.vehicle_type" type="text" placeholder="Mini Van Compartida">
<input v-model="shuttleForm.vehicle_type" type="text" placeholder="Mini Van Compartida" />
</div>
<div class="input-box">
<label>Categoría</label>
@ -175,22 +175,22 @@ async function saveShuttle() {
<div class="form-group grid-row">
<div class="input-box">
<label>Duración Estimada</label>
<input v-model="shuttleForm.estimated_duration" type="text" placeholder="4.5 horas">
<input v-model="shuttleForm.estimated_duration" type="text" placeholder="4.5 horas" />
</div>
<div class="input-box">
<label>Salidas</label>
<input v-model="shuttleForm.departure_times" type="text" placeholder="Todos los días 8:00 AM">
<input v-model="shuttleForm.departure_times" type="text" placeholder="Todos los días 8:00 AM" />
</div>
</div>
<div class="form-group grid-row">
<div class="input-box">
<label>Precio por Persona ($)</label>
<input v-model="shuttleForm.price_per_person" type="number">
<input v-model="shuttleForm.price_per_person" type="number" />
</div>
<div class="input-box">
<label>Precio Viaje Privado ($)</label>
<input v-model="shuttleForm.price_private_trip" type="number">
<input v-model="shuttleForm.price_private_trip" type="number" />
</div>
</div>
@ -199,12 +199,12 @@ async function saveShuttle() {
<label>WhatsApp (Sin +)</label>
<div class="whatsapp-input">
<span class="prefix">+</span>
<input v-model="shuttleForm.contact_whatsapp" type="text" placeholder="50760000000">
<input v-model="shuttleForm.contact_whatsapp" type="text" placeholder="50760000000" />
</div>
</div>
<div class="input-box">
<label>Teléfono de Llamada</label>
<input v-model="shuttleForm.phone_number" type="text" placeholder="50760000000">
<input v-model="shuttleForm.phone_number" type="text" placeholder="50760000000" />
</div>
</div>
@ -215,7 +215,7 @@ async function saveShuttle() {
<span>¿Habla Inglés? (Bilingüe)</span>
</div>
<div class="nexus-switch">
<input type="checkbox" v-model="shuttleForm.english_speaking">
<input type="checkbox" v-model="shuttleForm.english_speaking" />
<span class="slider"></span>
</div>
</label>
@ -870,4 +870,3 @@ async function saveShuttle() {
.preview-panel { order: -1; }
}
</style>