Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent Google Translate from breaking Material Icons and fix lang attribute

Browse Source
This commit is contained in:
Johan Samudio
2026-03-31 18:29:55 -05:00
parent a9b906099e
commit a60b079d94
43 changed files with 459 additions and 320 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/views/AdminSchedules.vue
View File

@ -3,7 +3,7 @@
<div class="glass-container">
<div class="header">
<button class="back-link" @click="router.push('/admin')">
<span class="material-icons">arrow_back</span>
<span class="material-icons notranslate" translate="no">arrow_back</span>
Volver al Panel
</button>
<h1 class="premium-title">Gestión de Horarios</h1>
@ -12,7 +12,7 @@
<!-- Route Selection -->
<div class="selection-card glass-morphism">
<div class="input-w-icon">
<span class="material-icons">route</span>
<span class="material-icons notranslate" translate="no">route</span>
<select v-model="selectedRouteId" @change="loadSchedules" class="premium-select">
<option value="">-- Selecciona una ruta para gestionar --</option>
<option v-for="route in routes" :key="route.id" :value="route.id">
@ -26,7 +26,7 @@
<div class="actions-header">
<h2 class="section-title">Horarios Configurados</h2>
<button class="add-btn premium-btn" @click="showAddForm = true">
<span class="material-icons">add</span> Nuevo Horario
<span class="material-icons notranslate" translate="no">add</span> Nuevo Horario
</button>
</div>
@ -38,21 +38,21 @@
<div class="form-group">
<label>Hora de Salida</label>
<div class="input-wrapper">
<span class="material-icons">schedule</span>
<span class="material-icons notranslate" translate="no">schedule</span>
<input v-model="form.departure_time" type="time" required>
</div>
</div>
<div class="form-group">
<label>Frecuencia (min)</label>
<div class="input-wrapper">
<span class="material-icons">update</span>
<span class="material-icons notranslate" translate="no">update</span>
<input v-model.number="form.frequency_minutes" type="number" placeholder="30">
</div>
</div>
<div class="form-group">
<label>Tipo de Día</label>
<div class="input-wrapper">
<span class="material-icons">calendar_today</span>
<span class="material-icons notranslate" translate="no">calendar_today</span>
<select v-model="form.schedule_type">
<option value="weekday">Día de Semana</option>
<option value="weekend">Fin de Semana</option>
@ -83,11 +83,11 @@
<!-- Schedules List -->
<div class="schedules-list">
<div v-if="isLoadingSchedules" class="loader-container">
<span class="material-icons spin">refresh</span>
<span class="material-icons spin notranslate" translate="no">refresh</span>
<p>Cargando horarios...</p>
</div>
<div v-else-if="schedules.length === 0" class="empty-state glass-morphism">
<span class="material-icons">event_busy</span>
<span class="material-icons notranslate" translate="no">event_busy</span>
<p>No hay horarios configurados para esta ruta.</p>
</div>
<div v-else class="grid-container">
@ -111,10 +111,10 @@
</div>
<div class="action-buttons">
<button class="icon-btn edit-btn" @click="editSchedule(schedule)" title="Editar">
<span class="material-icons">edit</span>
<span class="material-icons notranslate" translate="no">edit</span>
</button>
<button class="icon-btn delete-btn" @click="handleDelete(schedule.id)" title="Eliminar">
<span class="material-icons">delete</span>
<span class="material-icons notranslate" translate="no">delete</span>
</button>
</div>
</div>
@ -125,7 +125,7 @@
<div v-else class="no-selection-state">
<div class="icon-circle">
<span class="material-icons">list_alt</span>
<span class="material-icons notranslate" translate="no">list_alt</span>
</div>
<h3>Gestión de Despachos</h3>
<p>Selecciona una ruta del menú superior para administrar los horarios de salida y frecuencia.</p>