javier/construprogress
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: i18n, language switcher fix, DataTable improvements, blade translations

Browse Source 
- Translation system: lang/es/ PHP files (auth, validation, pagination, passwords)
- Rappasoft vendor translations published (lang/vendor/livewire-tables/es/)
- JSON files synced to 391 keys (EN + ES, full parity)
- APP_LOCALE changed to 'es', users.locale column default changed to 'es'
- Language switcher fixed: JS event + window.location.reload() avoids /livewire/update redirect
- SetLocale middleware fallback uses config('app.locale') instead of hardcoded 'en'
- setSortingPillsEnabled(false) on ProjectTable, CompanyTable, UserTable
- Translated 17 blade views: project-map, template-manager, layer-manager,
  company-management, phase-list, media-manager, reports-dashboard,
  client-projects, layer-upload, project-form, project-map-editor-tab,
  admin/users, projects/media, projects/templates, layouts/client
- Navigation 'Empresas' link uses __('Companies')
- Fixed typo key 'Fases and layers' -> 'Phases and layers'

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Javier Braña
2026-06-16 18:05:53 +02:00
parent 052e1397df
commit 7d854ffb0a
85 changed files with 8499 additions and 1339 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/reports/reports-dashboard.blade.php
+38 -38
View File
@@ -1,84 +1,84 @@
<div>
<div class="mb-6">
<h2 class="text-xl font-bold mb-4">Reportes y Analítica</h2>
<div class="mb-4">\n <div class="flex space-x-3">\n <a href="{{ route("reports.export.projects") }}"\n class="btn btn-success btn-sm flex items-center">\n <i class="fas fa-file-excel mr-1"></i> Exportar Proyectos\n </a>\n <a href="{{ route("reports.export.phases") }}"\n class="btn btn-info btn-sm flex items-center">\n <i class="fas fa-file-excel mr-1"></i> Exportar Fases\n </a>\n <a href="{{ route("reports.export.inspections") }}"\n class="btn btn-warning btn-sm flex items-center">\n <i class="fas fa-file-excel mr-1"></i> Exportar Inspecciones\n </a>\n </div>\n </div>
<h2 class="text-xl font-bold mb-4">{{ __('Reports and Analytics') }}</h2>
<div class="mb-4">\n <div class="flex space-x-3">\n <a href="{{ route("reports.export.projects") }}"\n class="btn btn-success btn-sm flex items-center">\n <i class="fas fa-file-excel mr-1"></i> {{ __('Export') }} {{ __('Projects') }}\n </a>\n <a href="{{ route("reports.export.phases") }}"\n class="btn btn-info btn-sm flex items-center">\n <i class="fas fa-file-excel mr-1"></i> {{ __('Export') }} {{ __('Phases') }}\n </a>\n <a href="{{ route("reports.export.inspections") }}"\n class="btn btn-warning btn-sm flex items-center">\n <i class="fas fa-file-excel mr-1"></i> {{ __('Export') }} {{ __('Inspections') }}\n </a>\n </div>\n </div>
<div class="flex flex-wrap gap-4 mb-6">
<div class="flex items-center gap-2">
<span class="text-sm font-medium">Rango de tiempo:</span>
<span class="text-sm font-medium">{{ __('Time range:') }}</span>
<select wire:model="dateRange" class="border border-gray-300 rounded px-3 py-1">
<option value="week">Esta semana</option>
<option value="month" selected>Este mes</option>
<option value="quarter">Este trimestre</option>
<option value="year">Este año</option>
<option value="week">{{ __('This week') }}</option>
<option value="month" selected>{{ __('This month') }}</option>
<option value="quarter">{{ __('This quarter') }}</option>
<option value="year">{{ __('This year') }}</option>
</select>
</div>
<button wire:click="loadChartData"
<button wire:click="loadChartData"
class="btn btn-primary btn-sm">
Actualizar
{{ __('Update') }}
</button>
</div>
</div>
@if(isset($chartData['months']))
<div class="grid gap-6 mb-8">
{{-- Gráfico de progreso de proyectos --}}
{{-- Project progress chart --}}
<div class="bg-white rounded-lg shadow p-4">
<h3 class="text-lg font-semibold mb-4">Progreso de Proyectos (últimos 6 meses)</h3>
<h3 class="text-lg font-semibold mb-4">{{ __('Project Progress (last 6 months)') }}</h3>
<div style="position: relative; height: 300px;">
<canvas id="projectProgressChart"></canvas>
</div>
</div>
{{-- Gráfico de inspecciones por tipo --}}
{{-- Inspections by type chart --}}
<div class="bg-white rounded-lg shadow p-4">
<h3 class="text-lg font-semibold mb-4">Inspecciones por Tipo</h3>
<h3 class="text-lg font-semibold mb-4">{{ __('Inspections by Type') }}</h3>
<div style="position: relative; height: 300px;">
<canvas id="inspectionTypesChart"></canvas>
</div>
</div>
{{-- Gráfico de proyectos por estado --}}
{{-- Projects by status chart --}}
<div class="bg-white rounded-lg shadow p-4">
<h3 class="text-lg font-semibold mb-4">Distribución de Proyectos por Estado</h3>
<h3 class="text-lg font-semibold mb-4">{{ __('Projects by Status') }}</h3>
<div style="position: relative; height: 300px;">
<canvas id="projectsByStatusChart"></canvas>
</div>
</div>
{{-- Gráfico de progreso promedio por proyecto --}}
{{-- Average progress by project chart --}}
<div class="bg-white rounded-lg shadow p-4">
<h3 class="text-lg font-semibold mb-4">Progreso Promedio por Proyecto</h3>
<h3 class="text-lg font-semibold mb-4">{{ __('Average Progress by Project') }}</h3>
<div style="position: relative; height: 300px;">
<canvas id="projectPhaseProgressChart"></canvas>
</div>
</div>
</div>
{{-- Tarjetas de métricas clave --}}
{{-- Key metrics cards --}}
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<div class="bg-white rounded-lg shadow p-4">
<div class="text-sm text-gray-500 uppercase tracking-wide mb-2">
Total Proyectos Activos
{{ __('Total Active Projects') }}
</div>
<div class="text-2xl font-bold">
{{ \App\Models\Project::where('status', 'in_progress')->count() }}
</div>
</div>
<div class="bg-white rounded-lg shadow p-4">
<div class="text-sm text-gray-500 uppercase tracking-wide mb-2">
Inspecciones Este Mes
{{ __('Inspections This Month') }}
</div>
<div class="text-2xl font-bold">
{{ \App\Models\Inspection::whereDate('created_at', '>=', now()->startOfMonth())->count() }}
</div>
</div>
<div class="bg-white rounded-lg shadow p-4">
<div class="text-sm text-gray-500 uppercase tracking-wide mb-2">
Promedio de Progreso
{{ __('Average Progress') }}
</div>
<div class="text-2xl font-bold">
@php
@@ -88,10 +88,10 @@
{{ number_format($avgProgress, 1) }}%
</div>
</div>
<div class="bg-white rounded-lg shadow p-4">
<div class="text-sm text-gray-500 uppercase tracking-wide mb-2">
Proyectos Completados
{{ __('Completed Projects') }}
</div>
<div class="text-2xl font-bold">
{{ \App\Models\Project::where('status', 'completed')->count() }}
@@ -100,7 +100,7 @@
</div>
@else
<div class="bg-white rounded-lg shadow p-6 text-center">
<p class="text-gray-500">Cargando datos...</p>
<p class="text-gray-500">{{ __('Loading data...') }}</p>
</div>
@endif
</div>
@@ -112,17 +112,17 @@
window.addEventListener('livewire:load', function() {
initializeCharts();
});
window.addEventListener('livewire:updated', function() {
initializeCharts();
});
function initializeCharts() {
if (typeof Chart === 'undefined') {
console.warn('Chart.js not loaded');
return;
}
// Destroy existing charts if they exist
const chartIds = ['projectProgressChart', 'inspectionTypesChart', 'projectsByStatusChart', 'projectPhaseProgressChart'];
chartIds.forEach(id => {
@@ -162,7 +162,7 @@
max: 100,
title: {
display: true,
text: 'Progreso (%)'
text: '{{ __("Progress") }} (%)'
}
}
}
@@ -178,7 +178,7 @@
data: {
labels: @json($chartData['inspectionTypes']['labels'] ?? []),
datasets: [{
label: 'Cantidad de inspecciones',
label: '{{ __("Inspections") }}',
data: @json($chartData['inspectionTypes']['data'] ?? []),
backgroundColor: 'rgba(54, 162, 235, 0.5)',
borderColor: 'rgba(54, 162, 235, 1)',
@@ -198,7 +198,7 @@
beginAtZero: true,
title: {
display: true,
text: 'Cantidad'
text: '{{ __("Total") }}'
}
}
}
@@ -214,7 +214,7 @@
data: {
labels: @json($chartData['projectsByStatus']['labels'] ?? []),
datasets: [{
label: 'Proyectos por estado',
label: '{{ __("Projects by Status") }}',
data: @json($chartData['projectsByStatus']['data'] ?? []),
backgroundColor: [
'rgba(255, 99, 132, 0.5)',
@@ -255,13 +255,13 @@
if (projectPhaseProgressCtx) {
// Sort by progress descending
const sortedData = (@json($chartData['projectPhaseProgress'] ?? [])).sort((a, b) => b.progress - a.progress);
new Chart(projectPhaseProgressCtx, {
type: 'bar',
data: {
labels: sortedData.map(item => item.name),
datasets: [{
label: 'Progreso promedio (%)',
label: '{{ __("Average Progress") }} (%)',
data: sortedData.map(item => item.progress),
backgroundColor: 'rgba(75, 192, 192, 0.5)',
borderColor: 'rgba(75, 192, 192, 1)',
@@ -283,7 +283,7 @@
max: 100,
title: {
display: true,
text: 'Progreso (%)'
text: '{{ __("Progress") }} (%)'
}
}
}