Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
0b21e6bc50 | ||
|
|
350e26566f | ||
|
|
ba79fbf9ae | ||
|
|
77def3b511 | ||
|
|
ba01bc844e | ||
|
|
fa6d4bd06a | ||
|
|
f54e41d9c9 | ||
|
|
1b769a0ff4 | ||
|
|
5695643fa8 | ||
|
|
a6e71fa299 | ||
|
|
02091e14e6 | ||
|
|
827b172c66 | ||
|
|
45a1a08b16 | ||
|
|
3b9153f30a | ||
|
|
4f90032d00 | ||
|
|
f621677527 | ||
|
|
eeffdc441e | ||
|
|
351752256e | ||
|
|
abe7e40c99 | ||
|
|
3b7db0a869 | ||
|
|
0213c29465 | ||
|
|
fce370b287 | ||
|
|
537b0a6f42 | ||
|
|
a57d6633bd | ||
|
|
e18e86e918 | ||
|
|
cadf766d3c | ||
|
|
1b151fe964 | ||
|
|
c748aba650 | ||
|
|
b8b578a3f0 | ||
|
|
2455a89c3e | ||
|
|
2a99183d31 | ||
|
|
675d01bea7 | ||
|
|
26d79f1e4d | ||
|
|
496bb785c1 | ||
|
|
f513817388 | ||
|
|
92a21d8f15 | ||
|
|
753fa9915f | ||
|
|
ec0ef732f7 | ||
|
|
87adf71114 | ||
|
|
0a856a1857 | ||
|
|
247c652d40 | ||
|
|
b5ee17ce95 | ||
|
|
cca2d38b98 | ||
|
|
ebce2bb957 | ||
|
|
963485618b | ||
|
|
8f051158c1 | ||
|
|
2d8425dec5 | ||
|
|
cfae2bb9ac | ||
|
|
5d8949d7d2 | ||
|
|
304adcd9b0 | ||
|
|
20dd110928 | ||
|
|
80ffb35065 | ||
|
|
6f79abbcff | ||
|
|
d18375b85b | ||
|
|
85a84e0f63 | ||
|
|
03f42209b9 | ||
|
|
74ff64182c | ||
|
|
a9e300d6a4 | ||
|
|
143db53552 | ||
|
|
d9fbd95da3 | ||
|
|
b744a77f49 | ||
|
|
082354320b | ||
|
|
71dda05c20 | ||
|
|
b88855860d | ||
|
|
ec84f42a74 | ||
|
|
b859278ad0 | ||
|
|
32fc5bc60d | ||
|
|
7c7eff3f93 | ||
|
|
7e87306c9d | ||
|
|
88906e827b | ||
|
|
2aa4fd21b1 | ||
|
|
3089dd3724 | ||
|
|
d412399d13 | ||
|
|
c14582e92c | ||
|
|
c10248be2c | ||
|
|
7217c11e8b | ||
|
|
95012cf373 | ||
|
|
fc8c3ba7ef | ||
|
|
95c5f4d0ca | ||
|
|
ca36140255 | ||
|
|
ed3c2c295a | ||
|
|
ea46be666f |
@@ -0,0 +1,11 @@
|
|||||||
|
# F6.4 · Android Campo Moderno
|
||||||
|
|
||||||
|
Criterios de aceptación:
|
||||||
|
|
||||||
|
- el buscador de Instalación padre consulta mientras se escribe y cada resultado se puede seleccionar directamente;
|
||||||
|
- la selección de Instalación abre la clasificación compatible de Subinstalación;
|
||||||
|
- Actas utiliza un read-model móvil desacoplado del módulo documental de oficina;
|
||||||
|
- la APK conserva GPS + foto antes de habilitar Hallazgos sobre Inventario nacido en campo;
|
||||||
|
- el lifecycle Acta DRAFT → LOCKED → SEALED no cambia;
|
||||||
|
- la interfaz de campo usa el tema DH moderno y mantiene acceso claro a Actas, Inventario y Hallazgos;
|
||||||
|
- Android lint/tests/debug/release, API tests/build, WEB build y Docker contract deben quedar verdes.
|
||||||
@@ -0,0 +1,15 @@
|
|||||||
|
# Checklist final Android 0.19.0
|
||||||
|
|
||||||
|
La candidata sólo se promueve si el mismo SHA cumple:
|
||||||
|
|
||||||
|
- iniciar Inspección;
|
||||||
|
- crear/abrir Acta;
|
||||||
|
- seleccionar o crear Instalación/Subinstalación;
|
||||||
|
- exigir GPS + fotografía para Inventario nacido en campo antes de Hallazgos;
|
||||||
|
- registrar Hallazgos sobre el elemento seleccionado;
|
||||||
|
- cerrar contenido del Acta y mostrar **Pendiente de firma**;
|
||||||
|
- completar firma del Inspector y manifestación/firma o negativa de la empresa;
|
||||||
|
- mostrar el Acta como **Firmada y cerrada**;
|
||||||
|
- permitir cerrar la Inspección sólo con todas las Actas activas firmadas y cerradas;
|
||||||
|
- no exponer estados internos en inglés en la interfaz de campo;
|
||||||
|
- Android CI / RC, DH V2 CI y auditoría de dependencias en verde.
|
||||||
+61
-24
@@ -1,28 +1,71 @@
|
|||||||
# DH Inspección Android · release Campo Dinámico 0.17.0
|
# DH Inspección Android · release final de campo 0.19.0
|
||||||
|
|
||||||
## Candidata vigente
|
## Candidata vigente
|
||||||
|
|
||||||
- Fase funcional: **Campo Dinámico / alta rápida de Inventario**.
|
- Fase funcional: **Flujo final de campo · Inspección → Acta → Hallazgos → Firma**.
|
||||||
- `versionName`: **0.17.0**.
|
- `versionName`: **0.19.0**.
|
||||||
- `versionCode`: **26**.
|
- `versionCode`: **28**.
|
||||||
- Application ID release: `com.korexlabs.dhinspeccion`.
|
- Application ID release: `com.korexlabs.dhinspeccion`.
|
||||||
- Application ID debug/QA: `com.korexlabs.dhinspeccion.debug`.
|
- Application ID debug/QA: `com.korexlabs.dhinspeccion.debug`.
|
||||||
- API: `https://dhv2.korexlabs.com/api/v3/`.
|
- API: `https://dhv2.korexlabs.com/api/v3/`.
|
||||||
- Launcher de presentación: adaptación vectorial local inspirada en el escudo institucional publicado por Gobierno de Mendoza en `mendoza.gov.ar`, para reemplazar el ícono genérico del sistema.
|
|
||||||
|
|
||||||
La variante debug es independiente de la app productiva y puede instalarse para QA/presentación sin sobrescribir una instalación release histórica.
|
La variante debug es independiente de la app productiva y puede instalarse para QA/presentación sin sobrescribir una instalación release histórica.
|
||||||
|
|
||||||
## Novedades de campo 0.17.0
|
## Procedimiento operativo validado
|
||||||
|
|
||||||
La pantalla de una Inspección incorpora un acceso destacado a **Modo campo rápido**. La carga de una Subinstalación se resuelve como flujo guiado:
|
La APK 0.19.0 fija como recorrido principal de campo:
|
||||||
|
|
||||||
1. elegir la **Instalación padre** dentro del Yacimiento de la Inspección;
|
1. **Iniciar Inspección**. Al iniciarla se habilitan Actas, Hallazgos e Inventario de campo.
|
||||||
2. buscar y seleccionar la **clasificación técnica** compatible, identificar el elemento y completar únicamente los datos dinámicos que correspondan;
|
2. **Crear o abrir un Acta**. Puede haber varias Actas dentro de una misma Inspección, pero sólo una puede permanecer en elaboración al mismo tiempo.
|
||||||
3. tocar **Guardar y tomar foto**: la APK captura GPS y abre la cámara automáticamente.
|
3. **Agregar Hallazgos** sobre una Instalación o Subinstalación seleccionada.
|
||||||
|
4. Si el elemento ya existe, se lo selecciona desde el Inventario del Área/Yacimiento de la Inspección.
|
||||||
|
5. Si no existe, se da de alta desde campo sin abandonar el Acta.
|
||||||
|
6. Un elemento nuevo debe completar **GPS + fotografía** antes de poder recibir Hallazgos.
|
||||||
|
7. Al terminar el contenido del Acta se usa **Cerrar Acta y dejar pendiente de firma**. Desde ese momento el contenido queda inmutable y el estado visible es **Pendiente de firma**.
|
||||||
|
8. La firma del Inspector y la manifestación/firma o negativa de la empresa completan el Acta, que pasa a **Firmada y cerrada**.
|
||||||
|
9. La Inspección sólo puede cerrarse cuando todas sus Actas no canceladas están firmadas y cerradas.
|
||||||
|
|
||||||
Se mantienen las reglas de integridad existentes: la fotografía sigue siendo obligatoria antes de habilitar Hallazgos, el alta queda ligada al contexto de la Inspección, se conserva la posibilidad de buscar Inventario existente y el mecanismo de fusión de duplicados continúa disponible para altas de campo.
|
La nomenclatura técnica interna de API (`DRAFT`, `LOCKED`, `SEALED`, etc.) no se muestra al inspector: la interfaz usa textos operativos en castellano.
|
||||||
|
|
||||||
La búsqueda de clasificación técnica está preparada para catálogos extensos de Subinstalaciones sin obligar al inspector a recorrer una fila horizontal completa.
|
## Alta de Instalaciones y Subinstalaciones
|
||||||
|
|
||||||
|
El alta móvil queda alineada con el Dashboard y con las validaciones del servidor.
|
||||||
|
|
||||||
|
### Instalación
|
||||||
|
|
||||||
|
- contexto territorial: Yacimiento/Área de la Inspección;
|
||||||
|
- clasificación técnica compatible;
|
||||||
|
- **Nombre técnico** obligatorio;
|
||||||
|
- Nombre habitual opcional;
|
||||||
|
- Descripción opcional;
|
||||||
|
- atributos técnicos definidos por el tipo; sólo los marcados como obligatorios bloquean el guardado;
|
||||||
|
- código DH generado por el sistema cuando corresponde;
|
||||||
|
- GPS de la tablet;
|
||||||
|
- fotografía obligatoria antes de crear Hallazgos.
|
||||||
|
|
||||||
|
### Subinstalación
|
||||||
|
|
||||||
|
Además de lo anterior requiere elegir primero la **Instalación padre**. El buscador consulta mientras se escribe y cada resultado es seleccionable tocando la tarjeta.
|
||||||
|
|
||||||
|
La clasificación y los atributos se obtienen dinámicamente desde el mismo catálogo administrado por el Dashboard; la APK no mantiene listas técnicas paralelas.
|
||||||
|
|
||||||
|
## Actas y firma
|
||||||
|
|
||||||
|
La terminología visible se simplifica:
|
||||||
|
|
||||||
|
- `DRAFT` → **En elaboración**;
|
||||||
|
- `LOCKED` → **Pendiente de firma**;
|
||||||
|
- `SEALED` → **Firmada y cerrada**.
|
||||||
|
|
||||||
|
Cerrar el contenido no cierra automáticamente la Inspección y tampoco obliga a terminar la firma en ese instante: puede continuarse con otra Acta. Una vez cerrado el contenido, el Acta es inmutable.
|
||||||
|
|
||||||
|
Después de la firma/cierre definitivo se mantiene el circuito documental existente: PDF del Acta e informe INF editable (DOCX) para oficina.
|
||||||
|
|
||||||
|
## Castellano e identidad visual
|
||||||
|
|
||||||
|
Se revisaron las pantallas activas de campo para evitar exponer estados y opciones internas en inglés. Entre otros cambios: Pasaporte/Otro en documentos, estados de Inspección/Acta/Hallazgo en castellano, Correo electrónico, Huella de integridad y terminología de cierre orientada al usuario.
|
||||||
|
|
||||||
|
La pantalla de ingreso y el desbloqueo biométrico utilizan la identidad visual de Mendoza ya incorporada al proyecto.
|
||||||
|
|
||||||
## Barrera obligatoria
|
## Barrera obligatoria
|
||||||
|
|
||||||
@@ -30,22 +73,16 @@ Todo cambio Android o de API que pueda afectar al cliente móvil debe pasar `And
|
|||||||
|
|
||||||
1. validación de identidad, HTTPS y políticas básicas del manifest;
|
1. validación de identidad, HTTPS y políticas básicas del manifest;
|
||||||
2. Android lint;
|
2. Android lint;
|
||||||
3. unit tests Android reales, con verificación de que exista al menos una prueba ejecutada;
|
3. pruebas unitarias Android reales, con verificación de que exista al menos una prueba ejecutada;
|
||||||
4. `assembleDebug`;
|
4. `assembleDebug`;
|
||||||
5. `assembleRelease` para comprobar que la variante productiva compile;
|
5. `assembleRelease` para comprobar que la variante productiva compile;
|
||||||
6. empaquetado del APK debug con SHA-256 y metadata de commit/versionado.
|
6. empaquetado del APK debug con SHA-256 y metadata de commit/versionado.
|
||||||
|
|
||||||
La barrera de lint exige además manejo explícito de la revocación de permisos de ubicación durante una captura GPS y declara la cámara como capacidad de hardware opcional, sin relajar permisos ni desactivar reglas globalmente.
|
Además, `DH V2 CI` debe mantener verdes API, WEB y contrato Docker/migraciones antes de promover cambios que afecten al servidor.
|
||||||
|
|
||||||
El artefacto de CI contiene:
|
|
||||||
|
|
||||||
- APK debug;
|
|
||||||
- archivo `.sha256`;
|
|
||||||
- `release-metadata.txt` con fase, versión, versionCode, commit, applicationId, API base y canal.
|
|
||||||
|
|
||||||
## Firma release
|
## Firma release
|
||||||
|
|
||||||
La clave histórica de firma **no se versiona ni se reemplaza**. La CI compila la variante release para detectar roturas, pero la APK productiva final debe firmarse con la clave histórica antes de instalarse como actualización de `com.korexlabs.dhinspeccion`.
|
La clave histórica de firma **no se versiona ni se reemplaza**. La CI compila la variante release para detectar roturas, pero una APK productiva que deba actualizar `com.korexlabs.dhinspeccion` tiene que firmarse con la clave histórica.
|
||||||
|
|
||||||
No se debe crear una clave nueva para resolver una falta de acceso: eso rompería la continuidad de actualización de tablets que ya tengan una versión firmada con la clave anterior.
|
No se debe crear una clave nueva para resolver una falta de acceso: eso rompería la continuidad de actualización de tablets que ya tengan una versión firmada con la clave anterior.
|
||||||
|
|
||||||
@@ -54,7 +91,7 @@ No se debe crear una clave nueva para resolver una falta de acceso: eso romperí
|
|||||||
Antes de distribuir una APK productiva:
|
Antes de distribuir una APK productiva:
|
||||||
|
|
||||||
- todas las barreras de CI del SHA exacto deben estar verdes;
|
- todas las barreras de CI del SHA exacto deben estar verdes;
|
||||||
- comprobar certificado/huella de firma contra la versión histórica;
|
- comprobar certificado/huella de firma contra la versión histórica si se distribuirá como actualización productiva;
|
||||||
- realizar actualización sobre al menos una tablet con la versión productiva anterior;
|
- realizar actualización sobre al menos una tablet con la versión productiva anterior cuando corresponda;
|
||||||
- ejecutar smoke funcional contra el entorno objetivo: login, lista de inspecciones, inicio, alta rápida de Subinstalación, GPS/foto, búsqueda de Inventario existente, Acta, Hallazgo y cierre;
|
- ejecutar smoke funcional: ingreso, iniciar Inspección, crear Acta, seleccionar/crear Instalación o Subinstalación, GPS/foto, Hallazgo, cerrar Acta → Pendiente de firma, firma/manifestación, cierre de Acta y cierre de Inspección;
|
||||||
- registrar el SHA Git y SHA-256 de la APK distribuida.
|
- registrar el SHA Git y SHA-256 de la APK distribuida.
|
||||||
|
|||||||
@@ -12,8 +12,8 @@ android {
|
|||||||
applicationId = "com.korexlabs.dhinspeccion"
|
applicationId = "com.korexlabs.dhinspeccion"
|
||||||
minSdk = 26
|
minSdk = 26
|
||||||
targetSdk = 36
|
targetSdk = 36
|
||||||
versionCode = 26
|
versionCode = 28
|
||||||
versionName = "0.17.0"
|
versionName = "0.19.0"
|
||||||
|
|
||||||
testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
|
testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
|
||||||
vectorDrawables.useSupportLibrary = true
|
vectorDrawables.useSupportLibrary = true
|
||||||
|
|||||||
@@ -169,7 +169,7 @@ class MainViewModel(application: Application) : AndroidViewModel(application) {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (acts.any { it.status == "DRAFT" }) {
|
if (acts.any { it.status == "DRAFT" }) {
|
||||||
error = "Ya existe un Acta en borrador. Bloqueala o cancelala antes de crear la siguiente."
|
error = "Ya existe un Acta en elaboración. Cerrala o cancelala antes de crear la siguiente."
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
launchBusy {
|
launchBusy {
|
||||||
@@ -241,6 +241,7 @@ class MainViewModel(application: Application) : AndroidViewModel(application) {
|
|||||||
latitude: Double,
|
latitude: Double,
|
||||||
longitude: Double,
|
longitude: Double,
|
||||||
accuracyM: Double?,
|
accuracyM: Double?,
|
||||||
|
description: String? = null,
|
||||||
) {
|
) {
|
||||||
val visitId = visit?.id ?: return
|
val visitId = visit?.id ?: return
|
||||||
if (visit?.status != "IN_PROGRESS") {
|
if (visit?.status != "IN_PROGRESS") {
|
||||||
@@ -258,6 +259,7 @@ class MainViewModel(application: Application) : AndroidViewModel(application) {
|
|||||||
familyId = familyId,
|
familyId = familyId,
|
||||||
name = name.trim(),
|
name = name.trim(),
|
||||||
commonName = commonName?.trim()?.takeIf { it.isNotBlank() },
|
commonName = commonName?.trim()?.takeIf { it.isNotBlank() },
|
||||||
|
description = description?.trim()?.takeIf { it.isNotBlank() },
|
||||||
attributes = attributes,
|
attributes = attributes,
|
||||||
deviceLatitude = latitude,
|
deviceLatitude = latitude,
|
||||||
deviceLongitude = longitude,
|
deviceLongitude = longitude,
|
||||||
@@ -340,7 +342,7 @@ class MainViewModel(application: Application) : AndroidViewModel(application) {
|
|||||||
val assetId = selectedFieldAsset?.asset?.id ?: return
|
val assetId = selectedFieldAsset?.asset?.id ?: return
|
||||||
val draft = selectedDraftAct()
|
val draft = selectedDraftAct()
|
||||||
if (draft == null) {
|
if (draft == null) {
|
||||||
error = "Creá o seleccioná el Acta en borrador antes de registrar Hallazgos."
|
error = "Creá o seleccioná el Acta en elaboración antes de registrar Hallazgos."
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
launchBusy {
|
launchBusy {
|
||||||
@@ -362,7 +364,7 @@ class MainViewModel(application: Application) : AndroidViewModel(application) {
|
|||||||
val assetId = selectedFieldAsset?.asset?.id ?: return
|
val assetId = selectedFieldAsset?.asset?.id ?: return
|
||||||
val actId = selectedDraftAct()?.id
|
val actId = selectedDraftAct()?.id
|
||||||
if (actId == null) {
|
if (actId == null) {
|
||||||
error = "No hay un Acta en borrador seleccionada."
|
error = "No hay un Acta en elaboración seleccionada."
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (description.isBlank()) {
|
if (description.isBlank()) {
|
||||||
@@ -471,7 +473,7 @@ class MainViewModel(application: Application) : AndroidViewModel(application) {
|
|||||||
absenceReason = reason.trim(),
|
absenceReason = reason.trim(),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
notice = "Ausencia del responsable registrada. La manifestación de empresa quedará pendiente y deberá resolverse antes de sellar el Acta."
|
notice = "Ausencia del responsable registrada. La manifestación de empresa quedará pendiente y deberá resolverse antes de firmar y cerrar el Acta."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -480,12 +482,12 @@ class MainViewModel(application: Application) : AndroidViewModel(application) {
|
|||||||
launchBusy {
|
launchBusy {
|
||||||
actClosure = actsRepository.lock(actId)
|
actClosure = actsRepository.lock(actId)
|
||||||
refreshSelectedActInternal(actId)
|
refreshSelectedActInternal(actId)
|
||||||
notice = "Acta bloqueada. Su contenido quedó inmutable; ahora deben resolverse las firmas y manifestaciones."
|
notice = "Acta cerrada y pendiente de firma. Su contenido quedó inmutable; las firmas y manifestaciones pueden completarse a continuación."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
fun reopenSelectedAct() {
|
fun reopenSelectedAct() {
|
||||||
error = "Un Acta bloqueada es inmutable y no puede volver a borrador."
|
error = "Un Acta pendiente de firma es inmutable y no puede volver a edición."
|
||||||
}
|
}
|
||||||
|
|
||||||
fun signSelectedActAsInspector(
|
fun signSelectedActAsInspector(
|
||||||
@@ -546,7 +548,7 @@ class MainViewModel(application: Application) : AndroidViewModel(application) {
|
|||||||
refreshSelectedActInternal(actId)
|
refreshSelectedActInternal(actId)
|
||||||
loadActsInternal(currentVisit.id, selectDraft = false)
|
loadActsInternal(currentVisit.id, selectDraft = false)
|
||||||
clearFindingState()
|
clearFindingState()
|
||||||
notice = "${selectedAct?.code ?: "Acta"} SELLADA e inmutable. Podés crear otra Acta o continuar hacia el cierre de la Inspección."
|
notice = "${selectedAct?.code ?: "Acta"} firmada y cerrada. Podés crear otra Acta o continuar hacia el cierre de la Inspección."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -555,7 +557,7 @@ class MainViewModel(application: Application) : AndroidViewModel(application) {
|
|||||||
launchBusy {
|
launchBusy {
|
||||||
visit = actsRepository.closeVisit(visitId)
|
visit = actsRepository.closeVisit(visitId)
|
||||||
loadVisitsInternal()
|
loadVisitsInternal()
|
||||||
notice = "Inspección cerrada. Todas sus Actas quedaron SELLADAS y disponibles para el circuito de oficina."
|
notice = "Inspección cerrada. Todas sus Actas quedaron firmadas y disponibles para el circuito de oficina."
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -207,7 +207,7 @@ data class MobileCloseVisitRequest(
|
|||||||
)
|
)
|
||||||
|
|
||||||
private interface MobileActsApi {
|
private interface MobileActsApi {
|
||||||
@GET("inspection-visits/{visitId}/acts")
|
@GET("inspection-visits/{visitId}/acts/mobile")
|
||||||
suspend fun listActs(
|
suspend fun listActs(
|
||||||
@Header("Authorization") authorization: String,
|
@Header("Authorization") authorization: String,
|
||||||
@Path("visitId") visitId: String,
|
@Path("visitId") visitId: String,
|
||||||
|
|||||||
@@ -0,0 +1,73 @@
|
|||||||
|
package com.korexlabs.dhinspeccion.ui
|
||||||
|
|
||||||
|
import androidx.compose.foundation.isSystemInDarkTheme
|
||||||
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
||||||
|
import androidx.compose.material3.MaterialTheme
|
||||||
|
import androidx.compose.material3.darkColorScheme
|
||||||
|
import androidx.compose.material3.lightColorScheme
|
||||||
|
import androidx.compose.runtime.Composable
|
||||||
|
import androidx.compose.ui.graphics.Color
|
||||||
|
import androidx.compose.ui.unit.dp
|
||||||
|
|
||||||
|
private val DhLightColors = lightColorScheme(
|
||||||
|
primary = Color(0xFF075E63),
|
||||||
|
onPrimary = Color(0xFFFFFFFF),
|
||||||
|
primaryContainer = Color(0xFFD6F0F0),
|
||||||
|
onPrimaryContainer = Color(0xFF073F43),
|
||||||
|
secondary = Color(0xFF445E74),
|
||||||
|
onSecondary = Color(0xFFFFFFFF),
|
||||||
|
secondaryContainer = Color(0xFFDCE7F1),
|
||||||
|
onSecondaryContainer = Color(0xFF243F54),
|
||||||
|
tertiary = Color(0xFF6A5A42),
|
||||||
|
background = Color(0xFFF6F8FA),
|
||||||
|
onBackground = Color(0xFF182025),
|
||||||
|
surface = Color(0xFFFFFFFF),
|
||||||
|
onSurface = Color(0xFF182025),
|
||||||
|
surfaceVariant = Color(0xFFEDF1F4),
|
||||||
|
onSurfaceVariant = Color(0xFF455158),
|
||||||
|
outline = Color(0xFF77848B),
|
||||||
|
outlineVariant = Color(0xFFD7DEE2),
|
||||||
|
error = Color(0xFFB3261E),
|
||||||
|
onError = Color(0xFFFFFFFF),
|
||||||
|
errorContainer = Color(0xFFF9DEDC),
|
||||||
|
onErrorContainer = Color(0xFF6F1713),
|
||||||
|
)
|
||||||
|
|
||||||
|
private val DhDarkColors = darkColorScheme(
|
||||||
|
primary = Color(0xFF88D4D7),
|
||||||
|
onPrimary = Color(0xFF00373A),
|
||||||
|
primaryContainer = Color(0xFF074F53),
|
||||||
|
onPrimaryContainer = Color(0xFFB7EBED),
|
||||||
|
secondary = Color(0xFFB6CBE0),
|
||||||
|
onSecondary = Color(0xFF203646),
|
||||||
|
secondaryContainer = Color(0xFF344C60),
|
||||||
|
onSecondaryContainer = Color(0xFFDCE7F1),
|
||||||
|
background = Color(0xFF101416),
|
||||||
|
onBackground = Color(0xFFE0E4E6),
|
||||||
|
surface = Color(0xFF171C1F),
|
||||||
|
onSurface = Color(0xFFE0E4E6),
|
||||||
|
surfaceVariant = Color(0xFF263035),
|
||||||
|
onSurfaceVariant = Color(0xFFC3CDD2),
|
||||||
|
outline = Color(0xFF8C989E),
|
||||||
|
error = Color(0xFFFFB4AB),
|
||||||
|
onError = Color(0xFF690005),
|
||||||
|
errorContainer = Color(0xFF93000A),
|
||||||
|
onErrorContainer = Color(0xFFFFDAD6),
|
||||||
|
)
|
||||||
|
|
||||||
|
private val DhShapes = androidx.compose.material3.Shapes(
|
||||||
|
extraSmall = RoundedCornerShape(8.dp),
|
||||||
|
small = RoundedCornerShape(12.dp),
|
||||||
|
medium = RoundedCornerShape(16.dp),
|
||||||
|
large = RoundedCornerShape(22.dp),
|
||||||
|
extraLarge = RoundedCornerShape(28.dp),
|
||||||
|
)
|
||||||
|
|
||||||
|
@Composable
|
||||||
|
fun DhTheme(content: @Composable () -> Unit) {
|
||||||
|
MaterialTheme(
|
||||||
|
colorScheme = if (isSystemInDarkTheme()) DhDarkColors else DhLightColors,
|
||||||
|
shapes = DhShapes,
|
||||||
|
content = content,
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -185,7 +185,7 @@ fun FieldFindingScreen(model: MainViewModel) {
|
|||||||
Text(asset.name, fontWeight = FontWeight.Bold)
|
Text(asset.name, fontWeight = FontWeight.Bold)
|
||||||
Text("${asset.code} · Acta ${options.act.code}", style = MaterialTheme.typography.bodySmall)
|
Text("${asset.code} · Acta ${options.act.code}", style = MaterialTheme.typography.bodySmall)
|
||||||
Text(
|
Text(
|
||||||
"GPS + foto del Inventario: ${if (options.capture.readyForFinding) "OK" else "pendiente"}",
|
"GPS + foto del Inventario: ${if (options.capture.readyForFinding) "completo" else "pendiente"}",
|
||||||
color = if (options.capture.readyForFinding) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.error,
|
color = if (options.capture.readyForFinding) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.error,
|
||||||
style = MaterialTheme.typography.bodySmall,
|
style = MaterialTheme.typography.bodySmall,
|
||||||
)
|
)
|
||||||
@@ -210,7 +210,7 @@ fun FieldFindingScreen(model: MainViewModel) {
|
|||||||
Card(Modifier.fillMaxWidth()) {
|
Card(Modifier.fillMaxWidth()) {
|
||||||
Column(Modifier.padding(10.dp), verticalArrangement = Arrangement.spacedBy(6.dp)) {
|
Column(Modifier.padding(10.dp), verticalArrangement = Arrangement.spacedBy(6.dp)) {
|
||||||
Text("${finding.code} · ${finding.title}", fontWeight = FontWeight.SemiBold)
|
Text("${finding.code} · ${finding.title}", fontWeight = FontWeight.SemiBold)
|
||||||
Text("Gravedad: ${finding.severity ?: "s/d"} · ${finding.status}", style = MaterialTheme.typography.bodySmall)
|
Text("Gravedad: ${finding.severity ?: "s/d"} · ${findingStatusLabelEs(finding.status)}", style = MaterialTheme.typography.bodySmall)
|
||||||
Text(
|
Text(
|
||||||
"Evidencias: ${evidence.size} · Fotos: ${evidence.count { it.kind == "PHOTO" }}",
|
"Evidencias: ${evidence.size} · Fotos: ${evidence.count { it.kind == "PHOTO" }}",
|
||||||
style = MaterialTheme.typography.bodySmall,
|
style = MaterialTheme.typography.bodySmall,
|
||||||
|
|||||||
@@ -3,11 +3,13 @@ package com.korexlabs.dhinspeccion.ui
|
|||||||
import android.content.Context
|
import android.content.Context
|
||||||
import androidx.biometric.BiometricManager
|
import androidx.biometric.BiometricManager
|
||||||
import androidx.biometric.BiometricPrompt
|
import androidx.biometric.BiometricPrompt
|
||||||
|
import androidx.compose.foundation.Image
|
||||||
import androidx.compose.foundation.layout.Arrangement
|
import androidx.compose.foundation.layout.Arrangement
|
||||||
import androidx.compose.foundation.layout.Box
|
import androidx.compose.foundation.layout.Box
|
||||||
import androidx.compose.foundation.layout.Column
|
import androidx.compose.foundation.layout.Column
|
||||||
import androidx.compose.foundation.layout.fillMaxSize
|
import androidx.compose.foundation.layout.fillMaxSize
|
||||||
import androidx.compose.foundation.layout.fillMaxWidth
|
import androidx.compose.foundation.layout.fillMaxWidth
|
||||||
|
import androidx.compose.foundation.layout.height
|
||||||
import androidx.compose.foundation.layout.padding
|
import androidx.compose.foundation.layout.padding
|
||||||
import androidx.compose.material.icons.Icons
|
import androidx.compose.material.icons.Icons
|
||||||
import androidx.compose.material.icons.filled.Visibility
|
import androidx.compose.material.icons.filled.Visibility
|
||||||
@@ -29,7 +31,9 @@ import androidx.compose.runtime.saveable.rememberSaveable
|
|||||||
import androidx.compose.runtime.setValue
|
import androidx.compose.runtime.setValue
|
||||||
import androidx.compose.ui.Alignment
|
import androidx.compose.ui.Alignment
|
||||||
import androidx.compose.ui.Modifier
|
import androidx.compose.ui.Modifier
|
||||||
|
import androidx.compose.ui.layout.ContentScale
|
||||||
import androidx.compose.ui.platform.LocalContext
|
import androidx.compose.ui.platform.LocalContext
|
||||||
|
import androidx.compose.ui.res.painterResource
|
||||||
import androidx.compose.ui.text.font.FontWeight
|
import androidx.compose.ui.text.font.FontWeight
|
||||||
import androidx.compose.ui.text.input.PasswordVisualTransformation
|
import androidx.compose.ui.text.input.PasswordVisualTransformation
|
||||||
import androidx.compose.ui.text.input.VisualTransformation
|
import androidx.compose.ui.text.input.VisualTransformation
|
||||||
@@ -37,6 +41,7 @@ import androidx.compose.ui.unit.dp
|
|||||||
import androidx.core.content.ContextCompat
|
import androidx.core.content.ContextCompat
|
||||||
import androidx.fragment.app.FragmentActivity
|
import androidx.fragment.app.FragmentActivity
|
||||||
import com.korexlabs.dhinspeccion.MainViewModel
|
import com.korexlabs.dhinspeccion.MainViewModel
|
||||||
|
import com.korexlabs.dhinspeccion.R
|
||||||
|
|
||||||
private const val BIOMETRIC_PREFS = "dh_v2_biometric"
|
private const val BIOMETRIC_PREFS = "dh_v2_biometric"
|
||||||
private const val BIOMETRIC_ENABLED = "enabled"
|
private const val BIOMETRIC_ENABLED = "enabled"
|
||||||
@@ -74,7 +79,7 @@ fun DhRoot(model: MainViewModel, activity: FragmentActivity) {
|
|||||||
if (model.session == null) unlocked = false
|
if (model.session == null) unlocked = false
|
||||||
}
|
}
|
||||||
|
|
||||||
MaterialTheme {
|
DhTheme {
|
||||||
Surface(Modifier.fillMaxSize()) {
|
Surface(Modifier.fillMaxSize()) {
|
||||||
when {
|
when {
|
||||||
model.session == null -> EnhancedLoginScreen(model) {
|
model.session == null -> EnhancedLoginScreen(model) {
|
||||||
@@ -91,7 +96,7 @@ fun DhRoot(model: MainViewModel, activity: FragmentActivity) {
|
|||||||
},
|
},
|
||||||
)
|
)
|
||||||
model.fieldFindingOptions != null -> FieldFindingScreen(model)
|
model.fieldFindingOptions != null -> FieldFindingScreen(model)
|
||||||
model.visit != null -> DynamicVisitRoot(model)
|
model.visit != null -> ModernVisitRoot(model)
|
||||||
else -> MobileHomeScreen(model)
|
else -> MobileHomeScreen(model)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -105,7 +110,13 @@ private fun EnhancedLoginScreen(model: MainViewModel, onPasswordLogin: () -> Uni
|
|||||||
var passwordVisible by rememberSaveable { mutableStateOf(false) }
|
var passwordVisible by rememberSaveable { mutableStateOf(false) }
|
||||||
|
|
||||||
Box(Modifier.fillMaxSize().padding(24.dp), contentAlignment = Alignment.Center) {
|
Box(Modifier.fillMaxSize().padding(24.dp), contentAlignment = Alignment.Center) {
|
||||||
Column(Modifier.fillMaxWidth(), verticalArrangement = Arrangement.spacedBy(14.dp)) {
|
Column(Modifier.fillMaxWidth(), verticalArrangement = Arrangement.spacedBy(14.dp), horizontalAlignment = Alignment.CenterHorizontally) {
|
||||||
|
Image(
|
||||||
|
painter = painterResource(R.drawable.ic_mendoza_launcher_exact),
|
||||||
|
contentDescription = "Gobierno de Mendoza",
|
||||||
|
modifier = Modifier.fillMaxWidth().height(170.dp),
|
||||||
|
contentScale = ContentScale.Fit,
|
||||||
|
)
|
||||||
Text("DH Inspección", style = MaterialTheme.typography.headlineMedium, fontWeight = FontWeight.Bold)
|
Text("DH Inspección", style = MaterialTheme.typography.headlineMedium, fontWeight = FontWeight.Bold)
|
||||||
Text("Aplicación de campo · Dirección de Hidrocarburos")
|
Text("Aplicación de campo · Dirección de Hidrocarburos")
|
||||||
model.error?.let { Text(it, color = MaterialTheme.colorScheme.error) }
|
model.error?.let { Text(it, color = MaterialTheme.colorScheme.error) }
|
||||||
@@ -113,7 +124,7 @@ private fun EnhancedLoginScreen(model: MainViewModel, onPasswordLogin: () -> Uni
|
|||||||
OutlinedTextField(
|
OutlinedTextField(
|
||||||
value = identifier,
|
value = identifier,
|
||||||
onValueChange = { identifier = it },
|
onValueChange = { identifier = it },
|
||||||
label = { Text("Usuario o email") },
|
label = { Text("Usuario o correo electrónico") },
|
||||||
modifier = Modifier.fillMaxWidth(),
|
modifier = Modifier.fillMaxWidth(),
|
||||||
singleLine = true,
|
singleLine = true,
|
||||||
)
|
)
|
||||||
@@ -198,6 +209,12 @@ private fun BiometricUnlockScreen(
|
|||||||
verticalArrangement = Arrangement.spacedBy(14.dp),
|
verticalArrangement = Arrangement.spacedBy(14.dp),
|
||||||
horizontalAlignment = Alignment.CenterHorizontally,
|
horizontalAlignment = Alignment.CenterHorizontally,
|
||||||
) {
|
) {
|
||||||
|
Image(
|
||||||
|
painter = painterResource(R.drawable.ic_mendoza_launcher_exact),
|
||||||
|
contentDescription = "Gobierno de Mendoza",
|
||||||
|
modifier = Modifier.fillMaxWidth().height(140.dp),
|
||||||
|
contentScale = ContentScale.Fit,
|
||||||
|
)
|
||||||
Text("DH Inspección", style = MaterialTheme.typography.headlineMedium, fontWeight = FontWeight.Bold)
|
Text("DH Inspección", style = MaterialTheme.typography.headlineMedium, fontWeight = FontWeight.Bold)
|
||||||
Text("Ingresá con tu huella")
|
Text("Ingresá con tu huella")
|
||||||
error?.let { Text(it, color = MaterialTheme.colorScheme.error) }
|
error?.let { Text(it, color = MaterialTheme.colorScheme.error) }
|
||||||
|
|||||||
@@ -215,7 +215,7 @@ private fun MobileVisitCard(visit: VisitSummary, onOpen: () -> Unit) {
|
|||||||
Column(Modifier.padding(14.dp), verticalArrangement = Arrangement.spacedBy(5.dp)) {
|
Column(Modifier.padding(14.dp), verticalArrangement = Arrangement.spacedBy(5.dp)) {
|
||||||
Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {
|
Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {
|
||||||
Text(visit.code, fontWeight = FontWeight.Bold)
|
Text(visit.code, fontWeight = FontWeight.Bold)
|
||||||
Text(visit.status)
|
Text(visitStatusLabelEs(visit.status))
|
||||||
}
|
}
|
||||||
Text(visit.operatorCompany?.name ?: "Operadora sin definir")
|
Text(visit.operatorCompany?.name ?: "Operadora sin definir")
|
||||||
Text(visit.operationalArea?.name ?: "Área sin definir", style = MaterialTheme.typography.bodySmall)
|
Text(visit.operationalArea?.name ?: "Área sin definir", style = MaterialTheme.typography.bodySmall)
|
||||||
|
|||||||
+559
@@ -0,0 +1,559 @@
|
|||||||
|
package com.korexlabs.dhinspeccion.ui
|
||||||
|
|
||||||
|
import android.Manifest
|
||||||
|
import android.content.Context
|
||||||
|
import android.content.pm.PackageManager
|
||||||
|
import androidx.compose.foundation.BorderStroke
|
||||||
|
import androidx.compose.foundation.layout.Arrangement
|
||||||
|
import androidx.compose.foundation.layout.Column
|
||||||
|
import androidx.compose.foundation.layout.Row
|
||||||
|
import androidx.compose.foundation.layout.Spacer
|
||||||
|
import androidx.compose.foundation.layout.fillMaxSize
|
||||||
|
import androidx.compose.foundation.layout.fillMaxWidth
|
||||||
|
import androidx.compose.foundation.layout.height
|
||||||
|
import androidx.compose.foundation.layout.padding
|
||||||
|
import androidx.compose.foundation.layout.width
|
||||||
|
import androidx.compose.foundation.rememberScrollState
|
||||||
|
import androidx.compose.foundation.verticalScroll
|
||||||
|
import androidx.compose.material.icons.Icons
|
||||||
|
import androidx.compose.material.icons.filled.Add
|
||||||
|
import androidx.compose.material.icons.filled.Assignment
|
||||||
|
import androidx.compose.material.icons.filled.CheckCircle
|
||||||
|
import androidx.compose.material.icons.filled.EditNote
|
||||||
|
import androidx.compose.material.icons.filled.ErrorOutline
|
||||||
|
import androidx.compose.material.icons.filled.Lock
|
||||||
|
import androidx.compose.material.icons.filled.Person
|
||||||
|
import androidx.compose.material3.Button
|
||||||
|
import androidx.compose.material3.ElevatedCard
|
||||||
|
import androidx.compose.material3.FilterChip
|
||||||
|
import androidx.compose.material3.HorizontalDivider
|
||||||
|
import androidx.compose.material3.Icon
|
||||||
|
import androidx.compose.material3.MaterialTheme
|
||||||
|
import androidx.compose.material3.OutlinedButton
|
||||||
|
import androidx.compose.material3.OutlinedTextField
|
||||||
|
import androidx.compose.material3.Surface
|
||||||
|
import androidx.compose.material3.Text
|
||||||
|
import androidx.compose.runtime.Composable
|
||||||
|
import androidx.compose.runtime.LaunchedEffect
|
||||||
|
import androidx.compose.runtime.getValue
|
||||||
|
import androidx.compose.runtime.mutableStateOf
|
||||||
|
import androidx.compose.runtime.rememberCoroutineScope
|
||||||
|
import androidx.compose.runtime.saveable.rememberSaveable
|
||||||
|
import androidx.compose.runtime.setValue
|
||||||
|
import androidx.compose.ui.Alignment
|
||||||
|
import androidx.compose.ui.Modifier
|
||||||
|
import androidx.compose.ui.platform.LocalContext
|
||||||
|
import androidx.compose.ui.text.font.FontWeight
|
||||||
|
import androidx.compose.ui.text.style.TextOverflow
|
||||||
|
import androidx.compose.ui.unit.dp
|
||||||
|
import androidx.core.content.ContextCompat
|
||||||
|
import com.google.android.gms.location.LocationServices
|
||||||
|
import com.google.android.gms.location.Priority
|
||||||
|
import com.google.android.gms.tasks.CancellationTokenSource
|
||||||
|
import com.korexlabs.dhinspeccion.MainViewModel
|
||||||
|
import kotlinx.coroutines.launch
|
||||||
|
import kotlinx.coroutines.suspendCancellableCoroutine
|
||||||
|
import java.io.File
|
||||||
|
import kotlin.coroutines.resume
|
||||||
|
import kotlin.coroutines.resumeWithException
|
||||||
|
|
||||||
|
private data class ModernActSignatureGeo(
|
||||||
|
val latitude: Double,
|
||||||
|
val longitude: Double,
|
||||||
|
val accuracyM: Double?,
|
||||||
|
)
|
||||||
|
|
||||||
|
@Composable
|
||||||
|
fun ModernMobileActsScreen(
|
||||||
|
model: MainViewModel,
|
||||||
|
onBack: () -> Unit,
|
||||||
|
onGoInventory: () -> Unit,
|
||||||
|
) {
|
||||||
|
val visit = model.visit ?: return
|
||||||
|
val selected = model.selectedAct
|
||||||
|
val closure = model.actClosure
|
||||||
|
val context = LocalContext.current
|
||||||
|
val scope = rememberCoroutineScope()
|
||||||
|
|
||||||
|
var newActUrgency by rememberSaveable(visit.id) { mutableStateOf("NON_URGENT") }
|
||||||
|
var attendance by rememberSaveable(selected?.id) { mutableStateOf(closure?.responsible?.attendanceStatus ?: "PRESENT") }
|
||||||
|
var fullName by rememberSaveable(selected?.id) { mutableStateOf(closure?.responsible?.fullName.orEmpty()) }
|
||||||
|
var documentType by rememberSaveable(selected?.id) { mutableStateOf(closure?.responsible?.documentType ?: "DNI") }
|
||||||
|
var documentNumber by rememberSaveable(selected?.id) { mutableStateOf(closure?.responsible?.documentNumber.orEmpty()) }
|
||||||
|
var position by rememberSaveable(selected?.id) { mutableStateOf(closure?.responsible?.position.orEmpty()) }
|
||||||
|
var email by rememberSaveable(selected?.id) { mutableStateOf(closure?.responsible?.email.orEmpty()) }
|
||||||
|
var phone by rememberSaveable(selected?.id) { mutableStateOf(closure?.responsible?.phone.orEmpty()) }
|
||||||
|
var absenceReason by rememberSaveable(selected?.id) { mutableStateOf(closure?.responsible?.absenceReason.orEmpty()) }
|
||||||
|
var refusalReason by rememberSaveable(selected?.id) { mutableStateOf("") }
|
||||||
|
var manifestation by rememberSaveable(selected?.id) { mutableStateOf("CONFORMITY") }
|
||||||
|
var dissentStatement by rememberSaveable(selected?.id) { mutableStateOf("") }
|
||||||
|
|
||||||
|
LaunchedEffect(visit.id) { model.reloadActs() }
|
||||||
|
|
||||||
|
fun signWithGeo(file: File, company: Boolean) {
|
||||||
|
scope.launch {
|
||||||
|
val geo = runCatching { currentModernActSignatureGeo(context) }.getOrNull()
|
||||||
|
if (company) {
|
||||||
|
model.signSelectedActAsCompany(
|
||||||
|
png = file,
|
||||||
|
latitude = geo?.latitude,
|
||||||
|
longitude = geo?.longitude,
|
||||||
|
accuracyM = geo?.accuracyM,
|
||||||
|
manifestation = manifestation,
|
||||||
|
statement = dissentStatement.takeIf { manifestation == "DISSENT" },
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
model.signSelectedActAsInspector(
|
||||||
|
png = file,
|
||||||
|
latitude = geo?.latitude,
|
||||||
|
longitude = geo?.longitude,
|
||||||
|
accuracyM = geo?.accuracyM,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Column(
|
||||||
|
Modifier
|
||||||
|
.fillMaxSize()
|
||||||
|
.verticalScroll(rememberScrollState())
|
||||||
|
.padding(horizontal = 18.dp, vertical = 16.dp),
|
||||||
|
verticalArrangement = Arrangement.spacedBy(14.dp),
|
||||||
|
) {
|
||||||
|
ModernHeader(title = "Actas", subtitle = visit.code, onBack = onBack)
|
||||||
|
|
||||||
|
Surface(
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
shape = MaterialTheme.shapes.large,
|
||||||
|
tonalElevation = 1.dp,
|
||||||
|
) {
|
||||||
|
Column(Modifier.padding(16.dp), verticalArrangement = Arrangement.spacedBy(5.dp)) {
|
||||||
|
Text(
|
||||||
|
visit.scopeAsset?.name ?: "Yacimiento",
|
||||||
|
style = MaterialTheme.typography.titleMedium,
|
||||||
|
fontWeight = FontWeight.Bold,
|
||||||
|
)
|
||||||
|
visit.operatorCompany?.name?.takeIf { it.isNotBlank() }?.let {
|
||||||
|
Text(
|
||||||
|
it,
|
||||||
|
style = MaterialTheme.typography.bodyMedium,
|
||||||
|
color = MaterialTheme.colorScheme.onSurfaceVariant,
|
||||||
|
maxLines = 2,
|
||||||
|
overflow = TextOverflow.Ellipsis,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ModernMessage(model)
|
||||||
|
|
||||||
|
if (model.acts.isEmpty()) {
|
||||||
|
ElevatedCard(Modifier.fillMaxWidth()) {
|
||||||
|
Column(
|
||||||
|
Modifier.padding(20.dp),
|
||||||
|
verticalArrangement = Arrangement.spacedBy(8.dp),
|
||||||
|
horizontalAlignment = Alignment.CenterHorizontally,
|
||||||
|
) {
|
||||||
|
Icon(Icons.Filled.Assignment, contentDescription = null, tint = MaterialTheme.colorScheme.secondary)
|
||||||
|
Text("Todavía no hay Actas", style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.Bold)
|
||||||
|
Text(
|
||||||
|
"Creá la primera Acta y después incorporá Hallazgos seleccionando el Inventario.",
|
||||||
|
style = MaterialTheme.typography.bodyMedium,
|
||||||
|
color = MaterialTheme.colorScheme.onSurfaceVariant,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
Text("Actas de esta inspección", style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.Bold)
|
||||||
|
model.acts.forEach { act ->
|
||||||
|
val active = selected?.id == act.id
|
||||||
|
Surface(
|
||||||
|
onClick = { model.selectAct(act.id) },
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
shape = MaterialTheme.shapes.large,
|
||||||
|
color = if (active) MaterialTheme.colorScheme.primaryContainer else MaterialTheme.colorScheme.surface,
|
||||||
|
tonalElevation = if (active) 1.dp else 0.dp,
|
||||||
|
border = BorderStroke(
|
||||||
|
if (active) 2.dp else 1.dp,
|
||||||
|
if (active) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.outlineVariant,
|
||||||
|
),
|
||||||
|
) {
|
||||||
|
Row(
|
||||||
|
Modifier.padding(15.dp),
|
||||||
|
verticalAlignment = Alignment.CenterVertically,
|
||||||
|
horizontalArrangement = Arrangement.spacedBy(12.dp),
|
||||||
|
) {
|
||||||
|
Icon(
|
||||||
|
when (act.status) {
|
||||||
|
"LOCKED" -> Icons.Filled.Lock
|
||||||
|
"SEALED" -> Icons.Filled.CheckCircle
|
||||||
|
else -> Icons.Filled.EditNote
|
||||||
|
},
|
||||||
|
contentDescription = null,
|
||||||
|
tint = if (active) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.secondary,
|
||||||
|
)
|
||||||
|
Column(Modifier.weight(1f), verticalArrangement = Arrangement.spacedBy(3.dp)) {
|
||||||
|
Text(act.code, fontWeight = FontWeight.Bold)
|
||||||
|
Text(
|
||||||
|
"${modernActStatusLabel(act.status)} · ${if (act.urgency == "URGENT") "Urgente" else "No urgente"}",
|
||||||
|
style = MaterialTheme.typography.bodySmall,
|
||||||
|
color = MaterialTheme.colorScheme.onSurfaceVariant,
|
||||||
|
)
|
||||||
|
Text(
|
||||||
|
"${act.findingCount} Hallazgo${if (act.findingCount == 1) "" else "s"} · ${act.assetCount} elemento${if (act.assetCount == 1) "" else "s"}",
|
||||||
|
style = MaterialTheme.typography.bodySmall,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
if (active) Icon(Icons.Filled.CheckCircle, "Seleccionada", tint = MaterialTheme.colorScheme.primary)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
val hasDraftAct = model.acts.any { it.status == "DRAFT" }
|
||||||
|
if (visit.status == "IN_PROGRESS" && !hasDraftAct) {
|
||||||
|
ElevatedCard(Modifier.fillMaxWidth()) {
|
||||||
|
Column(Modifier.padding(18.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||||
|
Row(verticalAlignment = Alignment.CenterVertically) {
|
||||||
|
Surface(shape = MaterialTheme.shapes.medium, color = MaterialTheme.colorScheme.primaryContainer) {
|
||||||
|
Icon(Icons.Filled.Add, null, Modifier.padding(10.dp), tint = MaterialTheme.colorScheme.primary)
|
||||||
|
}
|
||||||
|
Spacer(Modifier.width(10.dp))
|
||||||
|
Column {
|
||||||
|
Text("Nueva Acta", style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.Bold)
|
||||||
|
Text("Un solo borrador activo por vez", style = MaterialTheme.typography.bodySmall, color = MaterialTheme.colorScheme.onSurfaceVariant)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Text("Urgencia", fontWeight = FontWeight.SemiBold)
|
||||||
|
Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||||
|
FilterChip(
|
||||||
|
selected = newActUrgency == "NON_URGENT",
|
||||||
|
onClick = { newActUrgency = "NON_URGENT" },
|
||||||
|
label = { Text("No urgente") },
|
||||||
|
)
|
||||||
|
FilterChip(
|
||||||
|
selected = newActUrgency == "URGENT",
|
||||||
|
onClick = { newActUrgency = "URGENT" },
|
||||||
|
label = { Text("Urgente") },
|
||||||
|
)
|
||||||
|
}
|
||||||
|
Surface(
|
||||||
|
Modifier.fillMaxWidth(),
|
||||||
|
shape = MaterialTheme.shapes.medium,
|
||||||
|
color = MaterialTheme.colorScheme.surfaceVariant,
|
||||||
|
) {
|
||||||
|
Text(
|
||||||
|
if (newActUrgency == "URGENT") {
|
||||||
|
"El plazo urgente se computará desde el Acta conforme a la política institucional vigente al cerrar su contenido."
|
||||||
|
} else {
|
||||||
|
"El plazo no urgente comienza con la oficialización GEDO, no al crear el Acta."
|
||||||
|
},
|
||||||
|
Modifier.padding(12.dp),
|
||||||
|
style = MaterialTheme.typography.bodySmall,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
Button(
|
||||||
|
onClick = { model.createAct(newActUrgency) },
|
||||||
|
enabled = !model.busy,
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
) {
|
||||||
|
Icon(Icons.Filled.Add, null)
|
||||||
|
Spacer(Modifier.width(7.dp))
|
||||||
|
Text(if (model.busy) "Creando…" else "Crear nueva Acta")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (selected != null) {
|
||||||
|
HorizontalDivider()
|
||||||
|
Surface(
|
||||||
|
Modifier.fillMaxWidth(),
|
||||||
|
shape = MaterialTheme.shapes.large,
|
||||||
|
color = MaterialTheme.colorScheme.surfaceVariant,
|
||||||
|
) {
|
||||||
|
Column(Modifier.padding(16.dp), verticalArrangement = Arrangement.spacedBy(5.dp)) {
|
||||||
|
Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween, verticalAlignment = Alignment.CenterVertically) {
|
||||||
|
Text(selected.code, style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.Bold)
|
||||||
|
StatusPill(modernActStatusLabel(selected.status))
|
||||||
|
}
|
||||||
|
Text(if (selected.urgency == "URGENT") "Urgente" else "No urgente", color = MaterialTheme.colorScheme.onSurfaceVariant)
|
||||||
|
Text("${selected.findingCount} Hallazgos · ${selected.assetCount} elementos de Inventario", style = MaterialTheme.typography.bodySmall)
|
||||||
|
selected.deadlineAt?.let { Text("Vencimiento · $it", style = MaterialTheme.typography.bodySmall) }
|
||||||
|
if (selected.deadlineAt == null && selected.deadlineBasis == "GEDO_DATE") {
|
||||||
|
Text("Vencimiento pendiente de fecha GEDO", style = MaterialTheme.typography.bodySmall)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
when (selected.status) {
|
||||||
|
"DRAFT" -> {
|
||||||
|
ElevatedCard(Modifier.fillMaxWidth()) {
|
||||||
|
Column(Modifier.padding(18.dp), verticalArrangement = Arrangement.spacedBy(10.dp)) {
|
||||||
|
Text("Hallazgos", style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.Bold)
|
||||||
|
Text(
|
||||||
|
"Elegí una Instalación o Subinstalación existente, o creala en campo si todavía no está registrada.",
|
||||||
|
color = MaterialTheme.colorScheme.onSurfaceVariant,
|
||||||
|
)
|
||||||
|
Button(onClick = onGoInventory, modifier = Modifier.fillMaxWidth()) {
|
||||||
|
Icon(Icons.Filled.Add, null)
|
||||||
|
Spacer(Modifier.width(6.dp))
|
||||||
|
Text("Agregar Hallazgo")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ElevatedCard(Modifier.fillMaxWidth()) {
|
||||||
|
Column(Modifier.padding(18.dp), verticalArrangement = Arrangement.spacedBy(10.dp)) {
|
||||||
|
Row(verticalAlignment = Alignment.CenterVertically) {
|
||||||
|
Icon(Icons.Filled.Person, null, tint = MaterialTheme.colorScheme.primary)
|
||||||
|
Spacer(Modifier.width(8.dp))
|
||||||
|
Text("Responsable de la empresa", style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.Bold)
|
||||||
|
}
|
||||||
|
Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||||
|
FilterChip(selected = attendance == "PRESENT", onClick = { attendance = "PRESENT" }, label = { Text("Presente") })
|
||||||
|
FilterChip(selected = attendance == "ABSENT", onClick = { attendance = "ABSENT" }, label = { Text("Ausente") })
|
||||||
|
}
|
||||||
|
if (attendance == "PRESENT") {
|
||||||
|
OutlinedTextField(fullName, { fullName = it }, label = { Text("Nombre y apellido *") }, modifier = Modifier.fillMaxWidth(), singleLine = true)
|
||||||
|
Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.spacedBy(6.dp)) {
|
||||||
|
listOf("DNI", "CUIL", "PASSPORT", "OTHER").forEach { kind ->
|
||||||
|
FilterChip(selected = documentType == kind, onClick = { documentType = kind }, label = { Text(documentTypeLabelEs(kind)) })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
OutlinedTextField(documentNumber, { documentNumber = it }, label = { Text("Documento *") }, modifier = Modifier.fillMaxWidth(), singleLine = true)
|
||||||
|
OutlinedTextField(position, { position = it }, label = { Text("Cargo *") }, modifier = Modifier.fillMaxWidth(), singleLine = true)
|
||||||
|
OutlinedTextField(email, { email = it }, label = { Text("Correo electrónico") }, modifier = Modifier.fillMaxWidth(), singleLine = true)
|
||||||
|
OutlinedTextField(phone, { phone = it }, label = { Text("Teléfono") }, modifier = Modifier.fillMaxWidth(), singleLine = true)
|
||||||
|
Button(
|
||||||
|
onClick = { model.setCompanyResponsiblePresent(fullName, documentType, documentNumber, position, email, phone) },
|
||||||
|
enabled = !model.busy && fullName.isNotBlank() && documentNumber.isNotBlank() && position.isNotBlank(),
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
) { Text("Guardar responsable") }
|
||||||
|
} else {
|
||||||
|
OutlinedTextField(
|
||||||
|
absenceReason,
|
||||||
|
{ absenceReason = it },
|
||||||
|
label = { Text("Motivo de ausencia *") },
|
||||||
|
minLines = 2,
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
)
|
||||||
|
Button(
|
||||||
|
onClick = { model.setCompanyResponsibleAbsent(absenceReason) },
|
||||||
|
enabled = !model.busy && absenceReason.trim().length >= 10,
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
) { Text("Guardar ausencia") }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ElevatedCard(Modifier.fillMaxWidth()) {
|
||||||
|
Column(Modifier.padding(18.dp), verticalArrangement = Arrangement.spacedBy(10.dp)) {
|
||||||
|
Row(verticalAlignment = Alignment.CenterVertically) {
|
||||||
|
Icon(Icons.Filled.Lock, null, tint = MaterialTheme.colorScheme.error)
|
||||||
|
Spacer(Modifier.width(8.dp))
|
||||||
|
Text("Cerrar Acta", style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.Bold)
|
||||||
|
}
|
||||||
|
Text(
|
||||||
|
"Al cerrar el contenido, el Acta queda inmutable y pasa a Pendiente de firma. Podés firmarla ahora o continuar con otra Acta.",
|
||||||
|
color = MaterialTheme.colorScheme.onSurfaceVariant,
|
||||||
|
)
|
||||||
|
Button(
|
||||||
|
onClick = { model.prepareSelectedAct() },
|
||||||
|
enabled = !model.busy && closure?.responsible != null,
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
) { Text("Cerrar Acta y dejar pendiente de firma") }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
"LOCKED" -> {
|
||||||
|
val signatures = closure?.signatures.orEmpty()
|
||||||
|
val inspectorSigned = signatures.any { it.signerType == "INSPECTOR" && it.status == "SIGNED" }
|
||||||
|
val companyOutcome = signatures.firstOrNull { it.signerType == "COMPANY_RESPONSIBLE" }
|
||||||
|
val companyResolved = companyOutcome?.status == "SIGNED" || companyOutcome?.status == "REFUSED"
|
||||||
|
|
||||||
|
ElevatedCard(Modifier.fillMaxWidth()) {
|
||||||
|
Column(Modifier.padding(18.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||||
|
Row(verticalAlignment = Alignment.CenterVertically) {
|
||||||
|
Icon(Icons.Filled.Lock, null, tint = MaterialTheme.colorScheme.secondary)
|
||||||
|
Spacer(Modifier.width(8.dp))
|
||||||
|
Text("Acta pendiente de firma", style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.Bold)
|
||||||
|
}
|
||||||
|
Text("El contenido ya está cerrado e inmutable. Completá la firma del inspector y la manifestación de la empresa cuando corresponda.")
|
||||||
|
closure?.closure?.preparedSha256?.let { Text("Huella de integridad · $it", style = MaterialTheme.typography.bodySmall) }
|
||||||
|
|
||||||
|
HorizontalDivider()
|
||||||
|
Text("Firma del inspector", fontWeight = FontWeight.Bold)
|
||||||
|
if (inspectorSigned) {
|
||||||
|
SuccessLine("Firma del inspector registrada")
|
||||||
|
} else {
|
||||||
|
Text(closure?.consents?.inspector.orEmpty(), style = MaterialTheme.typography.bodySmall)
|
||||||
|
SignaturePad(
|
||||||
|
label = "Firmá como inspector/a",
|
||||||
|
enabled = !model.busy,
|
||||||
|
onCaptured = { file -> signWithGeo(file, company = false) },
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
HorizontalDivider()
|
||||||
|
Text("Manifestación de la empresa", fontWeight = FontWeight.Bold)
|
||||||
|
if (companyOutcome != null && companyResolved) {
|
||||||
|
val detail = when (companyOutcome.status) {
|
||||||
|
"SIGNED" -> if (companyOutcome.companyManifestation == "DISSENT") "Firma en disidencia" else "Firma en conformidad"
|
||||||
|
"REFUSED" -> "Negativa a firmar"
|
||||||
|
else -> humanBackendLabelEs(companyOutcome.status)
|
||||||
|
}
|
||||||
|
SuccessLine(detail)
|
||||||
|
companyOutcome.reason?.let { Text(it, style = MaterialTheme.typography.bodySmall) }
|
||||||
|
companyOutcome.companyStatement?.let { Text(it, style = MaterialTheme.typography.bodySmall) }
|
||||||
|
} else if (closure?.responsible?.attendanceStatus == "ABSENT") {
|
||||||
|
Surface(Modifier.fillMaxWidth(), shape = MaterialTheme.shapes.medium, color = MaterialTheme.colorScheme.errorContainer) {
|
||||||
|
Row(Modifier.padding(12.dp), horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||||
|
Icon(Icons.Filled.ErrorOutline, null, tint = MaterialTheme.colorScheme.error)
|
||||||
|
Text(
|
||||||
|
"La ausencia no resuelve la manifestación. Debe registrarse firma o negativa antes de firmar y cerrar el Acta.",
|
||||||
|
Modifier.weight(1f),
|
||||||
|
style = MaterialTheme.typography.bodySmall,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
Text(closure?.consents?.company.orEmpty(), style = MaterialTheme.typography.bodySmall)
|
||||||
|
Row(Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||||
|
FilterChip(selected = manifestation == "CONFORMITY", onClick = { manifestation = "CONFORMITY" }, label = { Text("Conforme") })
|
||||||
|
FilterChip(selected = manifestation == "DISSENT", onClick = { manifestation = "DISSENT" }, label = { Text("En disidencia") })
|
||||||
|
}
|
||||||
|
if (manifestation == "DISSENT") {
|
||||||
|
OutlinedTextField(
|
||||||
|
dissentStatement,
|
||||||
|
{ dissentStatement = it },
|
||||||
|
label = { Text("Manifestación de disidencia *") },
|
||||||
|
minLines = 2,
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
SignaturePad(
|
||||||
|
label = "Firma del responsable de empresa",
|
||||||
|
enabled = !model.busy && inspectorSigned && (manifestation != "DISSENT" || dissentStatement.trim().length >= 10),
|
||||||
|
onCaptured = { file -> signWithGeo(file, company = true) },
|
||||||
|
)
|
||||||
|
Text("Si se niega a firmar, registrá el motivo.", style = MaterialTheme.typography.bodySmall)
|
||||||
|
OutlinedTextField(
|
||||||
|
refusalReason,
|
||||||
|
{ refusalReason = it },
|
||||||
|
label = { Text("Motivo de negativa") },
|
||||||
|
minLines = 2,
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
)
|
||||||
|
OutlinedButton(
|
||||||
|
onClick = { model.recordCompanyOutcome("REFUSED", refusalReason) },
|
||||||
|
enabled = !model.busy && inspectorSigned && refusalReason.trim().length >= 10,
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
) { Text("Registrar negativa a firmar") }
|
||||||
|
}
|
||||||
|
|
||||||
|
if (inspectorSigned && companyResolved) {
|
||||||
|
Button(
|
||||||
|
onClick = { model.closeSelectedAct() },
|
||||||
|
enabled = !model.busy,
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
) {
|
||||||
|
Icon(Icons.Filled.CheckCircle, null)
|
||||||
|
Spacer(Modifier.width(6.dp))
|
||||||
|
Text("Firmar y cerrar Acta")
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
Text(
|
||||||
|
"La Inspección no puede cerrarse hasta completar las manifestaciones de esta Acta.",
|
||||||
|
style = MaterialTheme.typography.bodySmall,
|
||||||
|
color = MaterialTheme.colorScheme.onSurfaceVariant,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
"SEALED" -> {
|
||||||
|
ElevatedCard(Modifier.fillMaxWidth()) {
|
||||||
|
Row(Modifier.padding(18.dp), horizontalArrangement = Arrangement.spacedBy(10.dp), verticalAlignment = Alignment.Top) {
|
||||||
|
Icon(Icons.Filled.CheckCircle, null, tint = MaterialTheme.colorScheme.primary)
|
||||||
|
Column(Modifier.weight(1f), verticalArrangement = Arrangement.spacedBy(5.dp)) {
|
||||||
|
Text("Acta firmada y cerrada", fontWeight = FontWeight.Bold)
|
||||||
|
Text("Desde este cierre se genera el PDF del Acta y el informe INF editable (DOCX) para el Inspector.")
|
||||||
|
closure?.closure?.finalSha256?.let { Text("SHA-256 · $it", style = MaterialTheme.typography.bodySmall) }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
"CANCELLED" -> {
|
||||||
|
Surface(Modifier.fillMaxWidth(), shape = MaterialTheme.shapes.medium, color = MaterialTheme.colorScheme.surfaceVariant) {
|
||||||
|
Text("Esta Acta fue cancelada y permanece como antecedente.", Modifier.padding(14.dp))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (visit.status == "IN_PROGRESS" && model.acts.isNotEmpty()) {
|
||||||
|
val activeActs = model.acts.filter { it.status != "CANCELLED" }
|
||||||
|
val pendingActs = activeActs.filter { it.status != "SEALED" }
|
||||||
|
ElevatedCard(Modifier.fillMaxWidth()) {
|
||||||
|
Column(Modifier.padding(18.dp), verticalArrangement = Arrangement.spacedBy(9.dp)) {
|
||||||
|
Text("Finalizar Inspección", style = MaterialTheme.typography.titleMedium, fontWeight = FontWeight.Bold)
|
||||||
|
if (pendingActs.isEmpty()) {
|
||||||
|
SuccessLine("Todas las Actas están firmadas y cerradas")
|
||||||
|
} else {
|
||||||
|
Text(
|
||||||
|
"Falta firmar y cerrar: ${pendingActs.joinToString { it.code }}",
|
||||||
|
style = MaterialTheme.typography.bodySmall,
|
||||||
|
color = MaterialTheme.colorScheme.error,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
Button(
|
||||||
|
onClick = { model.closeInspection() },
|
||||||
|
enabled = !model.busy && activeActs.isNotEmpty() && pendingActs.isEmpty(),
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
) { Text("Cerrar Inspección y salir") }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Spacer(Modifier.height(32.dp))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@Composable
|
||||||
|
private fun SuccessLine(text: String) {
|
||||||
|
Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(7.dp)) {
|
||||||
|
Icon(Icons.Filled.CheckCircle, null, tint = MaterialTheme.colorScheme.primary)
|
||||||
|
Text(text, color = MaterialTheme.colorScheme.primary, fontWeight = FontWeight.SemiBold)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private fun modernActStatusLabel(status: String): String = actStatusLabelEs(status)
|
||||||
|
|
||||||
|
private fun hasModernActLocation(context: Context): Boolean =
|
||||||
|
ContextCompat.checkSelfPermission(context, Manifest.permission.ACCESS_FINE_LOCATION) == PackageManager.PERMISSION_GRANTED ||
|
||||||
|
ContextCompat.checkSelfPermission(context, Manifest.permission.ACCESS_COARSE_LOCATION) == PackageManager.PERMISSION_GRANTED
|
||||||
|
|
||||||
|
private suspend fun currentModernActSignatureGeo(context: Context): ModernActSignatureGeo = suspendCancellableCoroutine { continuation ->
|
||||||
|
if (!hasModernActLocation(context)) {
|
||||||
|
continuation.resumeWithException(SecurityException("Ubicación no autorizada"))
|
||||||
|
return@suspendCancellableCoroutine
|
||||||
|
}
|
||||||
|
val source = CancellationTokenSource()
|
||||||
|
try {
|
||||||
|
LocationServices.getFusedLocationProviderClient(context)
|
||||||
|
.getCurrentLocation(Priority.PRIORITY_HIGH_ACCURACY, source.token)
|
||||||
|
.addOnSuccessListener { location ->
|
||||||
|
if (!continuation.isActive) return@addOnSuccessListener
|
||||||
|
if (location == null) continuation.resumeWithException(IllegalStateException("Ubicación no disponible"))
|
||||||
|
else continuation.resume(ModernActSignatureGeo(location.latitude, location.longitude, location.accuracy.toDouble()))
|
||||||
|
}
|
||||||
|
.addOnFailureListener { if (continuation.isActive) continuation.resumeWithException(it) }
|
||||||
|
} catch (error: SecurityException) {
|
||||||
|
if (continuation.isActive) continuation.resumeWithException(error)
|
||||||
|
}
|
||||||
|
continuation.invokeOnCancellation { source.cancel() }
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -49,7 +49,7 @@ fun SignaturePad(
|
|||||||
Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
|
Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||||
Text(label, fontWeight = androidx.compose.ui.text.font.FontWeight.SemiBold)
|
Text(label, fontWeight = androidx.compose.ui.text.font.FontWeight.SemiBold)
|
||||||
Text(
|
Text(
|
||||||
"Firmá dentro del recuadro. La imagen se guarda como PNG y se incorpora al hash del Acta.",
|
"Firmá dentro del recuadro. La imagen se guarda como PNG y se incorpora a la huella de integridad del Acta.",
|
||||||
style = MaterialTheme.typography.bodySmall,
|
style = MaterialTheme.typography.bodySmall,
|
||||||
)
|
)
|
||||||
Canvas(
|
Canvas(
|
||||||
|
|||||||
@@ -0,0 +1,50 @@
|
|||||||
|
package com.korexlabs.dhinspeccion.ui
|
||||||
|
|
||||||
|
import java.util.Locale
|
||||||
|
|
||||||
|
internal fun visitStatusLabelEs(status: String?): String = when (status?.uppercase(Locale.ROOT)) {
|
||||||
|
"PLANNED" -> "Planificada"
|
||||||
|
"IN_PROGRESS" -> "En curso"
|
||||||
|
"CLOSED" -> "Cerrada"
|
||||||
|
"CANCELLED" -> "Cancelada"
|
||||||
|
null, "" -> "Sin estado"
|
||||||
|
else -> humanBackendLabelEs(status)
|
||||||
|
}
|
||||||
|
|
||||||
|
internal fun actStatusLabelEs(status: String?): String = when (status?.uppercase(Locale.ROOT)) {
|
||||||
|
"DRAFT" -> "En elaboración"
|
||||||
|
"LOCKED" -> "Pendiente de firma"
|
||||||
|
"SEALED" -> "Firmada y cerrada"
|
||||||
|
"CLOSED" -> "Cerrada"
|
||||||
|
"RECTIFIED" -> "Rectificada"
|
||||||
|
"CANCELLED" -> "Cancelada"
|
||||||
|
null, "" -> "Sin estado"
|
||||||
|
else -> humanBackendLabelEs(status)
|
||||||
|
}
|
||||||
|
|
||||||
|
internal fun findingStatusLabelEs(status: String?): String = when (status?.uppercase(Locale.ROOT)) {
|
||||||
|
"OPEN" -> "Abierto"
|
||||||
|
"PENDING" -> "Pendiente"
|
||||||
|
"COMPANY_RESPONSE_PENDING" -> "Pendiente de respuesta de la empresa"
|
||||||
|
"COMPANY_RESPONDED" -> "Respondido por la empresa"
|
||||||
|
"VERIFICATION_PENDING" -> "Pendiente de verificación"
|
||||||
|
"VERIFICATION_SCHEDULED" -> "Verificación programada"
|
||||||
|
"READY_TO_CLOSE" -> "Listo para cierre"
|
||||||
|
"CLOSED" -> "Cerrado"
|
||||||
|
"CANCELLED" -> "Cancelado"
|
||||||
|
null, "" -> "Sin estado"
|
||||||
|
else -> humanBackendLabelEs(status)
|
||||||
|
}
|
||||||
|
|
||||||
|
internal fun documentTypeLabelEs(type: String): String = when (type.uppercase(Locale.ROOT)) {
|
||||||
|
"DNI" -> "DNI"
|
||||||
|
"CUIL" -> "CUIL"
|
||||||
|
"PASSPORT" -> "Pasaporte"
|
||||||
|
"OTHER" -> "Otro"
|
||||||
|
else -> humanBackendLabelEs(type)
|
||||||
|
}
|
||||||
|
|
||||||
|
internal fun humanBackendLabelEs(value: String): String {
|
||||||
|
val clean = value.trim().replace('_', ' ').replace('-', ' ').lowercase(Locale("es", "AR"))
|
||||||
|
return clean.replaceFirstChar { if (it.isLowerCase()) it.titlecase(Locale("es", "AR")) else it.toString() }
|
||||||
|
}
|
||||||
+57
@@ -0,0 +1,57 @@
|
|||||||
|
package com.korexlabs.dhinspeccion
|
||||||
|
|
||||||
|
import java.io.File
|
||||||
|
import org.junit.Assert.assertFalse
|
||||||
|
import org.junit.Assert.assertTrue
|
||||||
|
import org.junit.Test
|
||||||
|
|
||||||
|
class FinalFieldFlowContractTest {
|
||||||
|
private val visit = File("src/main/java/com/korexlabs/dhinspeccion/ui/ModernVisitRoot.kt").readText()
|
||||||
|
private val acts = File("src/main/java/com/korexlabs/dhinspeccion/ui/ModernMobileActsScreen.kt").readText()
|
||||||
|
private val findings = File("src/main/java/com/korexlabs/dhinspeccion/ui/FieldFindingScreen.kt").readText()
|
||||||
|
private val home = File("src/main/java/com/korexlabs/dhinspeccion/ui/MobileHomeScreen.kt").readText()
|
||||||
|
private val labels = File("src/main/java/com/korexlabs/dhinspeccion/ui/UiSpanishLabels.kt").readText()
|
||||||
|
|
||||||
|
@Test
|
||||||
|
fun inspectionActFindingFlowMatchesFieldProcedure() {
|
||||||
|
assertTrue(visit.contains("Iniciar inspección"))
|
||||||
|
assertTrue(acts.contains("Crear nueva Acta"))
|
||||||
|
assertTrue(acts.contains("Agregar Hallazgo"))
|
||||||
|
assertTrue(visit.contains("Instalación"))
|
||||||
|
assertTrue(visit.contains("Subinstalación"))
|
||||||
|
assertTrue(visit.contains("Guardar y tomar foto"))
|
||||||
|
assertTrue(acts.contains("Cerrar Acta y dejar pendiente de firma"))
|
||||||
|
assertTrue(labels.contains("\"LOCKED\" -> \"Pendiente de firma\""))
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
fun fieldCreateKeepsDashboardEquivalentMinimumAndCaptureBarrier() {
|
||||||
|
assertTrue(visit.contains("Nombre técnico *"))
|
||||||
|
assertTrue(visit.contains("Nombre habitual (opcional)"))
|
||||||
|
assertTrue(visit.contains("Descripción (opcional)"))
|
||||||
|
assertTrue(visit.contains("familyReady"))
|
||||||
|
assertTrue(visit.contains("attributesReady"))
|
||||||
|
assertTrue(visit.contains("GPS + foto"))
|
||||||
|
assertTrue(visit.contains("La foto es obligatoria antes de registrar Hallazgos"))
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
fun structuralSelectionUsesTheServerTypeCode() {
|
||||||
|
assertTrue(visit.contains("type.code.ifBlank { type.typeName ?: type.name }"))
|
||||||
|
assertTrue(visit.contains("modernItemTypeCode(it) in setOf(\"instalacion\", \"subinstalacion\")"))
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
fun currentFieldUiDoesNotExposeBackendEnglishStates() {
|
||||||
|
assertTrue(home.contains("visitStatusLabelEs(visit.status)"))
|
||||||
|
assertTrue(findings.contains("findingStatusLabelEs(finding.status)"))
|
||||||
|
assertTrue(acts.contains("documentTypeLabelEs(kind)"))
|
||||||
|
assertTrue(labels.contains("\"PASSPORT\" -> \"Pasaporte\""))
|
||||||
|
assertTrue(labels.contains("\"OTHER\" -> \"Otro\""))
|
||||||
|
assertFalse(acts.contains("Finalizar y BLOQUEAR Acta"))
|
||||||
|
assertFalse(acts.contains("Acta BLOQUEADA"))
|
||||||
|
assertFalse(acts.contains("SELLAR Acta"))
|
||||||
|
assertFalse(acts.contains("Acta SELLADA"))
|
||||||
|
assertFalse(acts.contains("Text(\"Email\")"))
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -8,8 +8,8 @@ class ReleaseMetadataTest {
|
|||||||
@Test
|
@Test
|
||||||
fun debugBuildKeepsSeparateApplicationIdentity() {
|
fun debugBuildKeepsSeparateApplicationIdentity() {
|
||||||
assertEquals("com.korexlabs.dhinspeccion.debug", BuildConfig.APPLICATION_ID)
|
assertEquals("com.korexlabs.dhinspeccion.debug", BuildConfig.APPLICATION_ID)
|
||||||
assertEquals(26, BuildConfig.VERSION_CODE)
|
assertEquals(28, BuildConfig.VERSION_CODE)
|
||||||
assertEquals("0.17.0-debug", BuildConfig.VERSION_NAME)
|
assertEquals("0.19.0-debug", BuildConfig.VERSION_NAME)
|
||||||
}
|
}
|
||||||
|
|
||||||
@Test
|
@Test
|
||||||
|
|||||||
@@ -24,6 +24,7 @@ import { AssetRegistryService } from './asset-registry.service';
|
|||||||
import { FieldDiscoveryInspectionLinkService } from '../inspection-operations/field-discovery-inspection-link.service';
|
import { FieldDiscoveryInspectionLinkService } from '../inspection-operations/field-discovery-inspection-link.service';
|
||||||
import { InventoryStructureController } from './inventory-structure.controller';
|
import { InventoryStructureController } from './inventory-structure.controller';
|
||||||
import { InventoryStructureService } from './inventory-structure.service';
|
import { InventoryStructureService } from './inventory-structure.service';
|
||||||
|
import { SimpleInventoryStructureService } from './simple-inventory-structure.service';
|
||||||
import { InventoryFamilyCatalogController } from './inventory-family-catalog.controller';
|
import { InventoryFamilyCatalogController } from './inventory-family-catalog.controller';
|
||||||
import { InventoryFamilyCatalogService } from './inventory-family-catalog.service';
|
import { InventoryFamilyCatalogService } from './inventory-family-catalog.service';
|
||||||
import { InventoryTechnicalValuesController } from './inventory-technical-values.controller';
|
import { InventoryTechnicalValuesController } from './inventory-technical-values.controller';
|
||||||
@@ -59,6 +60,7 @@ import { InventoryBrowserService } from './inventory-browser.service';
|
|||||||
AssetTypesService,
|
AssetTypesService,
|
||||||
AssetsService,
|
AssetsService,
|
||||||
InventoryStructureService,
|
InventoryStructureService,
|
||||||
|
SimpleInventoryStructureService,
|
||||||
InventoryFamilyCatalogService,
|
InventoryFamilyCatalogService,
|
||||||
InventoryTechnicalValuesService,
|
InventoryTechnicalValuesService,
|
||||||
InventoryFunctionService,
|
InventoryFunctionService,
|
||||||
|
|||||||
@@ -142,27 +142,8 @@ export class AssetOperationalRelationsService {
|
|||||||
if (!document) throw new BadRequestException({ code: 'SOURCE_DOCUMENT_NOT_FOUND', message: 'El documento fuente no existe' });
|
if (!document) throw new BadRequestException({ code: 'SOURCE_DOCUMENT_NOT_FOUND', message: 'El documento fuente no existe' });
|
||||||
}
|
}
|
||||||
|
|
||||||
if (dto.relationRole === AreaOrganizationRole.OPERATOR) {
|
// F7: un Área puede estar explotada por varias Empresas simultáneamente.
|
||||||
const [currentOperator] = (await manager.query(`
|
// La unicidad válida es Área + Empresa + rol activo; no existe una única Operadora por Área.
|
||||||
SELECT relation.id,company.name AS "companyName"
|
|
||||||
FROM area_company_relations relation
|
|
||||||
JOIN assets company ON company.id=relation.company_id
|
|
||||||
WHERE relation.area_id=$1
|
|
||||||
AND relation.relation_role='OPERATOR'
|
|
||||||
AND relation.valid_until IS NULL
|
|
||||||
AND relation.company_id<>$2
|
|
||||||
ORDER BY relation.valid_from DESC
|
|
||||||
LIMIT 1
|
|
||||||
FOR UPDATE OF relation
|
|
||||||
`,[dto.areaId,dto.companyId])) as Array<{id:string;companyName:string}>;
|
|
||||||
if (currentOperator) {
|
|
||||||
throw new ConflictException({
|
|
||||||
code:'AREA_ACTIVE_OPERATOR_MUST_END_FIRST',
|
|
||||||
message:`El Área ya tiene una Operadora vigente (${currentOperator.companyName}). Finalizá esa relación antes de registrar la nueva Operadora.`,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const [row] = (await manager.query(`
|
const [row] = (await manager.query(`
|
||||||
INSERT INTO area_company_relations (
|
INSERT INTO area_company_relations (
|
||||||
area_id, company_id, relation_role, participation_percent, legal_instrument, source_document_id, start_reason, created_by
|
area_id, company_id, relation_role, participation_percent, legal_instrument, source_document_id, start_reason, created_by
|
||||||
@@ -170,9 +151,6 @@ export class AssetOperationalRelationsService {
|
|||||||
RETURNING id
|
RETURNING id
|
||||||
`, [dto.areaId, dto.companyId, dto.relationRole, dto.participationPercent ?? null, dto.legalInstrument ?? null, dto.sourceDocumentId ?? null, dto.reason, principal.userId])) as Array<{ id: string }>;
|
`, [dto.areaId, dto.companyId, dto.relationRole, dto.participationPercent ?? null, dto.legalInstrument ?? null, dto.sourceDocumentId ?? null, dto.reason, principal.userId])) as Array<{ id: string }>;
|
||||||
|
|
||||||
// F5/F6: changing the Area operator is a temporal relation event only.
|
|
||||||
// Existing Inventory keeps its creation/historical operator snapshot and
|
|
||||||
// physical hierarchy unchanged. Runtime ownership must resolve this row.
|
|
||||||
const created = await this.loadRelation(manager, row.id);
|
const created = await this.loadRelation(manager, row.id);
|
||||||
await this.audit.record({
|
await this.audit.record({
|
||||||
...administrationAuditContext(principal, request),
|
...administrationAuditContext(principal, request),
|
||||||
@@ -181,7 +159,7 @@ export class AssetOperationalRelationsService {
|
|||||||
entityId: row.id,
|
entityId: row.id,
|
||||||
afterData: this.auditView(created),
|
afterData: this.auditView(created),
|
||||||
metadata: dto.relationRole === AreaOrganizationRole.OPERATOR
|
metadata: dto.relationRole === AreaOrganizationRole.OPERATOR
|
||||||
? { inventoryHierarchyChanged:false, operatorSnapshotPreserved:true }
|
? { inventoryHierarchyChanged:false, multipleAreaOperatorsAllowed:true }
|
||||||
: undefined,
|
: undefined,
|
||||||
}, manager);
|
}, manager);
|
||||||
return created;
|
return created;
|
||||||
@@ -212,7 +190,6 @@ export class AssetOperationalRelationsService {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// F5/F6: physical Inventory belongs to Area/Yacimiento hierarchy, not to Company.
|
|
||||||
// Ending an operator relation never moves, rewrites or blocks existing Inventory.
|
// Ending an operator relation never moves, rewrites or blocks existing Inventory.
|
||||||
await manager.query(`
|
await manager.query(`
|
||||||
UPDATE area_company_relations
|
UPDATE area_company_relations
|
||||||
@@ -232,6 +209,7 @@ export class AssetOperationalRelationsService {
|
|||||||
afterData: this.auditView(updated),
|
afterData: this.auditView(updated),
|
||||||
metadata: {
|
metadata: {
|
||||||
inventoryHierarchyChanged:false,
|
inventoryHierarchyChanged:false,
|
||||||
|
operatorSnapshotPreserved:true,
|
||||||
retainedCompatibilitySnapshotCount: before.assignedAssetCount,
|
retainedCompatibilitySnapshotCount: before.assignedAssetCount,
|
||||||
},
|
},
|
||||||
}, manager);
|
}, manager);
|
||||||
|
|||||||
@@ -4,10 +4,14 @@ import { RequirePermissions } from '../authorization/decorators/require-permissi
|
|||||||
import type { AuthPrincipal, RequestWithContext } from '../common/http/request-context';
|
import type { AuthPrincipal, RequestWithContext } from '../common/http/request-context';
|
||||||
import { CreateInventoryStructureDto } from './dto/create-inventory-structure.dto';
|
import { CreateInventoryStructureDto } from './dto/create-inventory-structure.dto';
|
||||||
import { InventoryStructureService } from './inventory-structure.service';
|
import { InventoryStructureService } from './inventory-structure.service';
|
||||||
|
import { SimpleInventoryStructureService } from './simple-inventory-structure.service';
|
||||||
|
|
||||||
@Controller('inventory-structure')
|
@Controller('inventory-structure')
|
||||||
export class InventoryStructureController {
|
export class InventoryStructureController {
|
||||||
constructor(private readonly inventoryStructure: InventoryStructureService) {}
|
constructor(
|
||||||
|
private readonly inventoryStructure: InventoryStructureService,
|
||||||
|
private readonly simpleInventoryStructure: SimpleInventoryStructureService,
|
||||||
|
) {}
|
||||||
|
|
||||||
@Get()
|
@Get()
|
||||||
@RequirePermissions('assets.read')
|
@RequirePermissions('assets.read')
|
||||||
@@ -24,6 +28,17 @@ export class InventoryStructureController {
|
|||||||
return this.inventoryStructure.parents(kind, search);
|
return this.inventoryStructure.parents(kind, search);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@Post('simple')
|
||||||
|
@RequirePermissions('assets.create')
|
||||||
|
createSimple(
|
||||||
|
@Body() dto: CreateInventoryStructureDto,
|
||||||
|
@CurrentAuth() principal: AuthPrincipal,
|
||||||
|
@Req() request: RequestWithContext,
|
||||||
|
) {
|
||||||
|
return this.simpleInventoryStructure.create(dto, principal, request);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Compatibilidad temporal con el alta anterior. La WEB F7 utiliza /simple.
|
||||||
@Post()
|
@Post()
|
||||||
@RequirePermissions('assets.create')
|
@RequirePermissions('assets.create')
|
||||||
create(
|
create(
|
||||||
|
|||||||
@@ -5,6 +5,8 @@ import { InventoryMergeService } from './inventory-merge.service';
|
|||||||
|
|
||||||
type LooseRecord = Record<string, any>;
|
type LooseRecord = Record<string, any>;
|
||||||
|
|
||||||
|
const MERGEABLE_DOSSIER_TYPES = new Set(['instalacion', 'subinstalacion']);
|
||||||
|
|
||||||
function dedupeById<T extends LooseRecord>(items: T[]): T[] {
|
function dedupeById<T extends LooseRecord>(items: T[]): T[] {
|
||||||
const seen = new Set<string>();
|
const seen = new Set<string>();
|
||||||
const result: T[] = [];
|
const result: T[] = [];
|
||||||
@@ -34,6 +36,16 @@ export class MergedInventoryDossierService {
|
|||||||
) {}
|
) {}
|
||||||
|
|
||||||
async dossier(requestedAssetId: string): Promise<Record<string, unknown>> {
|
async dossier(requestedAssetId: string): Promise<Record<string, unknown>> {
|
||||||
|
const requestedAsset = await this.assets.getById(requestedAssetId);
|
||||||
|
const requestedTypeCode = requestedAsset.type.code.trim().toLowerCase();
|
||||||
|
|
||||||
|
// La conciliación/fusión existe sólo para Instalaciones y Subinstalaciones.
|
||||||
|
// Los registros territoriales (Departamento, Área, Yacimiento) deben poder
|
||||||
|
// abrir su Actividad sin depender del subsistema de merge.
|
||||||
|
if (!MERGEABLE_DOSSIER_TYPES.has(requestedTypeCode)) {
|
||||||
|
return await this.assets.dossier(requestedAssetId) as Record<string, unknown>;
|
||||||
|
}
|
||||||
|
|
||||||
const mergeStatus = await this.merges.status(requestedAssetId) as LooseRecord;
|
const mergeStatus = await this.merges.status(requestedAssetId) as LooseRecord;
|
||||||
const canonical = mergeStatus.canonical as LooseRecord;
|
const canonical = mergeStatus.canonical as LooseRecord;
|
||||||
const requested = mergeStatus.requested as LooseRecord;
|
const requested = mergeStatus.requested as LooseRecord;
|
||||||
|
|||||||
@@ -0,0 +1,323 @@
|
|||||||
|
import { randomUUID } from 'node:crypto';
|
||||||
|
import {
|
||||||
|
BadRequestException,
|
||||||
|
ConflictException,
|
||||||
|
Injectable,
|
||||||
|
NotFoundException,
|
||||||
|
} from '@nestjs/common';
|
||||||
|
import { DataSource, EntityManager } from 'typeorm';
|
||||||
|
import { administrationAuditContext, isUniqueViolation } from '../administration/common/administration-audit';
|
||||||
|
import { AuditService } from '../audit/audit.service';
|
||||||
|
import type { AuthPrincipal, RequestWithContext } from '../common/http/request-context';
|
||||||
|
import {
|
||||||
|
AssetDataOrigin,
|
||||||
|
AssetInformationStatus,
|
||||||
|
AssetOperationalStatus,
|
||||||
|
AssetVersionChangeType,
|
||||||
|
AuditAction,
|
||||||
|
} from '../database/entities';
|
||||||
|
import type { CreateInventoryStructureDto, InventoryStructureKind } from './dto/create-inventory-structure.dto';
|
||||||
|
import { AssetHistoryService } from './asset-history.service';
|
||||||
|
|
||||||
|
type StructureTypeRow = { id: string; code: string; name: string };
|
||||||
|
type ParentRow = {
|
||||||
|
id: string;
|
||||||
|
code: string;
|
||||||
|
name: string;
|
||||||
|
typeCode: string;
|
||||||
|
inventoryFamilyId: string | null;
|
||||||
|
operationalAreaId: string | null;
|
||||||
|
operatorCompanyId: string | null;
|
||||||
|
};
|
||||||
|
type FamilyRow = {
|
||||||
|
id: string;
|
||||||
|
code: string;
|
||||||
|
name: string;
|
||||||
|
level: 'INSTALLATION' | 'SUBINSTALLATION';
|
||||||
|
};
|
||||||
|
|
||||||
|
const TYPE_CODE_BY_KIND: Record<Exclude<InventoryStructureKind, 'EMPRESA'>, string> = {
|
||||||
|
DEPARTAMENTO: 'departamento',
|
||||||
|
AREA: 'area',
|
||||||
|
YACIMIENTO: 'yacimiento',
|
||||||
|
INSTALACION: 'instalacion',
|
||||||
|
SUBINSTALACION: 'subinstalacion',
|
||||||
|
};
|
||||||
|
|
||||||
|
const PARENT_TYPE_BY_KIND: Record<InventoryStructureKind, string | null> = {
|
||||||
|
EMPRESA: null,
|
||||||
|
DEPARTAMENTO: null,
|
||||||
|
AREA: 'departamento',
|
||||||
|
YACIMIENTO: 'area',
|
||||||
|
INSTALACION: 'yacimiento',
|
||||||
|
SUBINSTALACION: 'instalacion',
|
||||||
|
};
|
||||||
|
|
||||||
|
@Injectable()
|
||||||
|
export class SimpleInventoryStructureService {
|
||||||
|
constructor(
|
||||||
|
private readonly dataSource: DataSource,
|
||||||
|
private readonly audit: AuditService,
|
||||||
|
private readonly history: AssetHistoryService,
|
||||||
|
) {}
|
||||||
|
|
||||||
|
async create(
|
||||||
|
dto: CreateInventoryStructureDto,
|
||||||
|
principal: AuthPrincipal,
|
||||||
|
request: RequestWithContext,
|
||||||
|
) {
|
||||||
|
try {
|
||||||
|
return await this.dataSource.transaction(async (manager) => {
|
||||||
|
const type = await this.requireStructureType(manager, dto.kind);
|
||||||
|
const parent = await this.requireParent(manager, dto.kind, dto.parentId ?? null);
|
||||||
|
const family = await this.requireFamily(manager, dto.kind, dto.familyId ?? null, parent);
|
||||||
|
|
||||||
|
let operationalAreaId: string | null = null;
|
||||||
|
let operatorCompanyId: string | null = null;
|
||||||
|
|
||||||
|
if (dto.kind === 'YACIMIENTO') {
|
||||||
|
if (!parent) throw new BadRequestException({ code: 'INVENTORY_YACIMIENTO_AREA_REQUIRED', message: 'Seleccioná el Área del Yacimiento' });
|
||||||
|
if (!dto.operatorCompanyId) throw new BadRequestException({ code: 'INVENTORY_YACIMIENTO_COMPANY_REQUIRED', message: 'Seleccioná la Empresa operadora del Yacimiento' });
|
||||||
|
await this.requireAreaCompanyRelation(manager, parent.id, dto.operatorCompanyId);
|
||||||
|
operationalAreaId = parent.id;
|
||||||
|
operatorCompanyId = dto.operatorCompanyId;
|
||||||
|
} else if (dto.kind === 'INSTALACION' || dto.kind === 'SUBINSTALACION') {
|
||||||
|
operationalAreaId = parent?.operationalAreaId ?? null;
|
||||||
|
operatorCompanyId = parent?.operatorCompanyId ?? null;
|
||||||
|
if (!operationalAreaId || !operatorCompanyId) {
|
||||||
|
throw new ConflictException({
|
||||||
|
code: 'INVENTORY_YACIMIENTO_CONTEXT_MISSING',
|
||||||
|
message: 'El Yacimiento de origen debe tener Área y Empresa operadora válidas',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else if (dto.operatorCompanyId || dto.concessionTypeId) {
|
||||||
|
throw new BadRequestException({
|
||||||
|
code: 'INVENTORY_SIMPLE_CONTEXT_NOT_ALLOWED',
|
||||||
|
message: 'Empresa operadora sólo corresponde al Yacimiento',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const generatedCode = dto.code?.trim().toUpperCase() || this.generatedCode(dto.kind, dto.name);
|
||||||
|
const rows = (await manager.query(`
|
||||||
|
INSERT INTO assets (
|
||||||
|
asset_type_id,parent_id,operational_area_id,operator_company_id,concession_type_id,inventory_family_id,
|
||||||
|
code,name,common_name,description,information_status,operational_status,
|
||||||
|
data_origin,source_name,source_reference,source_notes,created_by,updated_by,provenance_updated_by
|
||||||
|
) VALUES (
|
||||||
|
$1::uuid,$2::uuid,$3::uuid,$4::uuid,NULL,$5::uuid,
|
||||||
|
$6::varchar,$7::varchar,NULL,NULL,$8::asset_information_status,$9::asset_operational_status,
|
||||||
|
$10::varchar,$11::varchar,$12::varchar,$13::text,$14::uuid,$14::uuid,$14::uuid
|
||||||
|
) RETURNING id
|
||||||
|
`, [
|
||||||
|
type.id,
|
||||||
|
parent?.id ?? null,
|
||||||
|
operationalAreaId,
|
||||||
|
operatorCompanyId,
|
||||||
|
family?.id ?? null,
|
||||||
|
generatedCode,
|
||||||
|
dto.name,
|
||||||
|
AssetInformationStatus.DRAFT,
|
||||||
|
AssetOperationalStatus.UNKNOWN,
|
||||||
|
AssetDataOrigin.MANUAL,
|
||||||
|
dto.kind === 'EMPRESA' ? 'Maestro manual de Empresas' : 'Alta simple de Inventario',
|
||||||
|
`inventory-simple:${dto.kind.toLowerCase()}`,
|
||||||
|
family ? `Tipo: ${family.name}` : null,
|
||||||
|
principal.userId,
|
||||||
|
])) as Array<{ id: string }>;
|
||||||
|
const id = rows[0]?.id;
|
||||||
|
if (!id) throw new Error('No se pudo crear el registro');
|
||||||
|
|
||||||
|
if (dto.kind === 'EMPRESA') {
|
||||||
|
await manager.query(`
|
||||||
|
INSERT INTO organization_profiles(asset_id,organization_kind,legal_name,updated_by)
|
||||||
|
VALUES ($1::uuid,'COMPANY',$2,$3::uuid)
|
||||||
|
ON CONFLICT (asset_id) DO UPDATE
|
||||||
|
SET legal_name=EXCLUDED.legal_name,updated_by=EXCLUDED.updated_by,updated_at=CURRENT_TIMESTAMP
|
||||||
|
`, [id, dto.name, principal.userId]);
|
||||||
|
}
|
||||||
|
|
||||||
|
const versionNumber = await this.history.capture(
|
||||||
|
manager,
|
||||||
|
id,
|
||||||
|
AssetVersionChangeType.CREATED,
|
||||||
|
principal,
|
||||||
|
request,
|
||||||
|
);
|
||||||
|
|
||||||
|
await manager.query(`
|
||||||
|
INSERT INTO asset_context_history (
|
||||||
|
asset_id,parent_id,operational_area_id,operator_company_id,valid_from,
|
||||||
|
change_reason,asset_version_number,source,request_id,created_by
|
||||||
|
) VALUES ($1,$2,$3,$4,CURRENT_TIMESTAMP,$5,$6,'WEB',$7,$8)
|
||||||
|
`, [
|
||||||
|
id,
|
||||||
|
parent?.id ?? null,
|
||||||
|
operationalAreaId,
|
||||||
|
operatorCompanyId,
|
||||||
|
dto.kind === 'YACIMIENTO'
|
||||||
|
? 'Alta de Yacimiento con Empresa operadora vinculada al Área'
|
||||||
|
: 'Alta simple de Inventario',
|
||||||
|
versionNumber,
|
||||||
|
request.requestId,
|
||||||
|
principal.userId,
|
||||||
|
]);
|
||||||
|
|
||||||
|
const created = await this.loadView(manager, id);
|
||||||
|
await this.audit.record({
|
||||||
|
...administrationAuditContext(principal, request),
|
||||||
|
action: AuditAction.ASSET_CREATED,
|
||||||
|
entityType: 'asset',
|
||||||
|
entityId: id,
|
||||||
|
afterData: created as Record<string, unknown>,
|
||||||
|
metadata: {
|
||||||
|
versionNumber,
|
||||||
|
inventoryStructureKind: dto.kind,
|
||||||
|
inventoryFamilyId: family?.id ?? null,
|
||||||
|
inventoryFamilyCode: family?.code ?? null,
|
||||||
|
operatorCompanyId,
|
||||||
|
simpleInventoryFlow: true,
|
||||||
|
},
|
||||||
|
}, manager);
|
||||||
|
return created;
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
if (isUniqueViolation(error)) {
|
||||||
|
throw new ConflictException({ code: 'ASSET_CODE_ALREADY_EXISTS', message: 'Ya existe un registro con ese código' });
|
||||||
|
}
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private async requireStructureType(manager: EntityManager, kind: InventoryStructureKind): Promise<StructureTypeRow> {
|
||||||
|
const sql = kind === 'EMPRESA'
|
||||||
|
? `SELECT id,code,name FROM asset_types WHERE operational_role='COMPANY' AND is_active=true ORDER BY (lower(code)='empresa') DESC,created_at LIMIT 1`
|
||||||
|
: `SELECT id,code,name FROM asset_types WHERE lower(code)=lower($1::text) AND is_active=true LIMIT 1`;
|
||||||
|
const params = kind === 'EMPRESA' ? [] : [TYPE_CODE_BY_KIND[kind as Exclude<InventoryStructureKind, 'EMPRESA'>]];
|
||||||
|
const rows = (await manager.query(sql, params)) as StructureTypeRow[];
|
||||||
|
if (!rows[0]) throw new ConflictException({ code: 'INVENTORY_STRUCTURE_TYPE_NOT_CONFIGURED', message: `El nivel ${kind} no está configurado` });
|
||||||
|
return rows[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
private async requireParent(
|
||||||
|
manager: EntityManager,
|
||||||
|
kind: InventoryStructureKind,
|
||||||
|
parentId: string | null,
|
||||||
|
): Promise<ParentRow | null> {
|
||||||
|
const expectedType = PARENT_TYPE_BY_KIND[kind];
|
||||||
|
if (!expectedType) {
|
||||||
|
if (parentId) throw new BadRequestException({ code: 'INVENTORY_ROOT_MUST_NOT_HAVE_PARENT', message: `${kind === 'EMPRESA' ? 'Empresa' : 'Departamento'} no admite padre` });
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (!parentId) throw new BadRequestException({ code: 'INVENTORY_PARENT_REQUIRED', message: `Seleccioná el nivel superior para crear ${kind.toLowerCase()}` });
|
||||||
|
|
||||||
|
const rows = (await manager.query(`
|
||||||
|
SELECT asset.id,asset.code,asset.name,lower(type.code) AS "typeCode",
|
||||||
|
asset.inventory_family_id AS "inventoryFamilyId",
|
||||||
|
CASE WHEN lower(type.code)='area' THEN asset.id ELSE asset.operational_area_id END AS "operationalAreaId",
|
||||||
|
asset.operator_company_id AS "operatorCompanyId"
|
||||||
|
FROM assets asset
|
||||||
|
JOIN asset_types type ON type.id=asset.asset_type_id
|
||||||
|
WHERE asset.id=$1::uuid AND asset.information_status<>'INACTIVE'
|
||||||
|
FOR KEY SHARE OF asset
|
||||||
|
`, [parentId])) as ParentRow[];
|
||||||
|
const parent = rows[0];
|
||||||
|
if (!parent || parent.typeCode !== expectedType) {
|
||||||
|
throw new BadRequestException({ code: 'INVENTORY_PARENT_INVALID', message: `El registro padre debe ser ${expectedType}` });
|
||||||
|
}
|
||||||
|
return parent;
|
||||||
|
}
|
||||||
|
|
||||||
|
private async requireAreaCompanyRelation(manager: EntityManager, areaId: string, companyId: string): Promise<void> {
|
||||||
|
const rows = await manager.query(`
|
||||||
|
SELECT 1
|
||||||
|
FROM area_company_relations relation
|
||||||
|
JOIN assets company ON company.id=relation.company_id
|
||||||
|
JOIN asset_types company_type ON company_type.id=company.asset_type_id
|
||||||
|
WHERE relation.area_id=$1::uuid
|
||||||
|
AND relation.company_id=$2::uuid
|
||||||
|
AND relation.relation_role='OPERATOR'
|
||||||
|
AND relation.valid_until IS NULL
|
||||||
|
AND company.information_status<>'INACTIVE'
|
||||||
|
AND company_type.operational_role='COMPANY'
|
||||||
|
AND company_type.is_active=true
|
||||||
|
LIMIT 1
|
||||||
|
FOR KEY SHARE OF relation
|
||||||
|
`, [areaId, companyId]);
|
||||||
|
if (!rows[0]) {
|
||||||
|
throw new BadRequestException({
|
||||||
|
code: 'INVENTORY_YACIMIENTO_COMPANY_NOT_IN_AREA',
|
||||||
|
message: 'La Empresa seleccionada no está vinculada como explotadora del Área',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private async requireFamily(
|
||||||
|
manager: EntityManager,
|
||||||
|
kind: InventoryStructureKind,
|
||||||
|
familyId: string | null,
|
||||||
|
parent: ParentRow | null,
|
||||||
|
): Promise<FamilyRow | null> {
|
||||||
|
if (kind !== 'INSTALACION' && kind !== 'SUBINSTALACION') {
|
||||||
|
if (familyId) throw new BadRequestException({ code: 'INVENTORY_FAMILY_NOT_ALLOWED', message: 'Este nivel no usa Tipo de Instalación/Subinstalación' });
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (!familyId) throw new BadRequestException({ code: 'INVENTORY_FAMILY_REQUIRED', message: `Seleccioná el tipo de ${kind === 'INSTALACION' ? 'Instalación' : 'Subinstalación'}` });
|
||||||
|
|
||||||
|
const rows = (await manager.query(`
|
||||||
|
SELECT id,code,name,level::text AS level
|
||||||
|
FROM inventory_families
|
||||||
|
WHERE id=$1::uuid AND is_active=true
|
||||||
|
LIMIT 1
|
||||||
|
FOR KEY SHARE
|
||||||
|
`, [familyId])) as FamilyRow[];
|
||||||
|
const family = rows[0];
|
||||||
|
if (!family) throw new NotFoundException({ code: 'INVENTORY_FAMILY_NOT_FOUND', message: 'El tipo seleccionado no existe o está oculto' });
|
||||||
|
const expected = kind === 'INSTALACION' ? 'INSTALLATION' : 'SUBINSTALLATION';
|
||||||
|
if (family.level !== expected) throw new BadRequestException({ code: 'INVENTORY_FAMILY_LEVEL_INVALID', message: 'El tipo seleccionado no corresponde a este nivel' });
|
||||||
|
|
||||||
|
if (kind === 'SUBINSTALACION') {
|
||||||
|
if (!parent?.inventoryFamilyId) throw new BadRequestException({ code: 'INVENTORY_PARENT_FAMILY_REQUIRED', message: 'La Instalación debe tener un tipo configurado' });
|
||||||
|
const compatible = await manager.query(`
|
||||||
|
SELECT 1 FROM inventory_family_parent_rules
|
||||||
|
WHERE child_family_id=$1::uuid AND parent_family_id=$2::uuid
|
||||||
|
LIMIT 1
|
||||||
|
`, [family.id, parent.inventoryFamilyId]);
|
||||||
|
if (!compatible[0]) throw new BadRequestException({ code: 'INVENTORY_SUBINSTALLATION_FAMILY_PARENT_INVALID', message: 'Ese tipo de Subinstalación no está habilitado dentro de la Instalación seleccionada' });
|
||||||
|
}
|
||||||
|
return family;
|
||||||
|
}
|
||||||
|
|
||||||
|
private generatedCode(kind: InventoryStructureKind, name: string): string {
|
||||||
|
const prefix = kind === 'EMPRESA' ? 'EMP'
|
||||||
|
: kind === 'DEPARTAMENTO' ? 'DEP'
|
||||||
|
: kind === 'AREA' ? 'AREA'
|
||||||
|
: kind === 'YACIMIENTO' ? 'YAC'
|
||||||
|
: kind === 'INSTALACION' ? 'INST'
|
||||||
|
: 'SUB';
|
||||||
|
const readable = name.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toUpperCase()
|
||||||
|
.replace(/[^A-Z0-9]+/g, '-').replace(/^-+|-+$/g, '').slice(0, 48) || 'REGISTRO';
|
||||||
|
return `${prefix}-${readable}-${randomUUID().slice(0, 8).toUpperCase()}`.slice(0, 120);
|
||||||
|
}
|
||||||
|
|
||||||
|
private async loadView(manager: EntityManager, id: string) {
|
||||||
|
const rows = await manager.query(`
|
||||||
|
SELECT asset.id,asset.code,asset.name,asset.common_name AS "commonName",asset.description,
|
||||||
|
asset.information_status AS "informationStatus",asset.operational_status AS "operationalStatus",
|
||||||
|
JSONB_BUILD_OBJECT('id',type.id,'code',type.code,'name',type.name) AS type,
|
||||||
|
CASE WHEN parent.id IS NULL THEN NULL ELSE JSONB_BUILD_OBJECT('id',parent.id,'code',parent.code,'name',parent.name) END AS parent,
|
||||||
|
CASE WHEN area.id IS NULL THEN NULL ELSE JSONB_BUILD_OBJECT('id',area.id,'code',area.code,'name',area.name) END AS "operationalArea",
|
||||||
|
CASE WHEN company.id IS NULL THEN NULL ELSE JSONB_BUILD_OBJECT('id',company.id,'code',company.code,'name',COALESCE(profile.legal_name,company.name)) END AS "operatorCompany",
|
||||||
|
CASE WHEN family.id IS NULL THEN NULL ELSE JSONB_BUILD_OBJECT('id',family.id,'code',family.code,'name',family.name,'level',family.level) END AS "inventoryFamily",
|
||||||
|
asset.created_at AS "createdAt",asset.updated_at AS "updatedAt"
|
||||||
|
FROM assets asset
|
||||||
|
JOIN asset_types type ON type.id=asset.asset_type_id
|
||||||
|
LEFT JOIN assets parent ON parent.id=asset.parent_id
|
||||||
|
LEFT JOIN assets area ON area.id=asset.operational_area_id
|
||||||
|
LEFT JOIN assets company ON company.id=asset.operator_company_id
|
||||||
|
LEFT JOIN organization_profiles profile ON profile.asset_id=company.id
|
||||||
|
LEFT JOIN inventory_families family ON family.id=asset.inventory_family_id
|
||||||
|
WHERE asset.id=$1::uuid
|
||||||
|
`, [id]);
|
||||||
|
return rows[0];
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,179 @@
|
|||||||
|
import { MigrationInterface, QueryRunner } from 'typeorm';
|
||||||
|
|
||||||
|
export class F7SimpleInventoryContext1790110200000 implements MigrationInterface {
|
||||||
|
name = 'F7SimpleInventoryContext1790110200000';
|
||||||
|
|
||||||
|
public async up(q: QueryRunner): Promise<void> {
|
||||||
|
await q.query(`
|
||||||
|
UPDATE asset_types
|
||||||
|
SET description='Yacimiento. Pertenece a un Área, tiene una única Empresa operadora vigente y puede recibir Hallazgos.',
|
||||||
|
updated_at=CURRENT_TIMESTAMP
|
||||||
|
WHERE lower(code)='yacimiento'
|
||||||
|
`);
|
||||||
|
|
||||||
|
await q.query(`
|
||||||
|
CREATE OR REPLACE FUNCTION enforce_authoritative_inventory_relationships()
|
||||||
|
RETURNS trigger LANGUAGE plpgsql AS $$
|
||||||
|
DECLARE
|
||||||
|
kind text;
|
||||||
|
asset_role asset_type_operational_role;
|
||||||
|
parent_kind text;
|
||||||
|
parent_area uuid;
|
||||||
|
parent_company uuid;
|
||||||
|
parent_family uuid;
|
||||||
|
company_role asset_type_operational_role;
|
||||||
|
family_level text;
|
||||||
|
BEGIN
|
||||||
|
SELECT lower(code),operational_role INTO kind,asset_role FROM asset_types WHERE id=NEW.asset_type_id;
|
||||||
|
IF kind IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='asset type does not exist'; END IF;
|
||||||
|
|
||||||
|
IF asset_role='COMPANY'::asset_type_operational_role THEN
|
||||||
|
IF NEW.parent_id IS NOT NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Empresa no admite padre'; END IF;
|
||||||
|
NEW.operational_area_id:=NULL; NEW.operator_company_id:=NULL; NEW.concession_type_id:=NULL;
|
||||||
|
NEW.inventory_family_id:=NULL; NEW.is_inventory_instance:=false;
|
||||||
|
RETURN NEW;
|
||||||
|
ELSIF kind='departamento' THEN
|
||||||
|
IF NEW.parent_id IS NOT NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Departamento no admite padre'; END IF;
|
||||||
|
NEW.operational_area_id:=NULL; NEW.operator_company_id:=NULL; NEW.concession_type_id:=NULL;
|
||||||
|
NEW.inventory_family_id:=NULL; NEW.is_inventory_instance:=false;
|
||||||
|
RETURN NEW;
|
||||||
|
END IF;
|
||||||
|
|
||||||
|
IF NEW.parent_id IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El nivel requiere un padre estructural'; END IF;
|
||||||
|
SELECT lower(parent_type.code), parent.operational_area_id, parent.operator_company_id, parent.inventory_family_id
|
||||||
|
INTO parent_kind,parent_area,parent_company,parent_family
|
||||||
|
FROM assets parent JOIN asset_types parent_type ON parent_type.id=parent.asset_type_id
|
||||||
|
WHERE parent.id=NEW.parent_id AND parent.information_status<>'INACTIVE';
|
||||||
|
IF parent_kind IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El padre estructural no existe o está inactivo'; END IF;
|
||||||
|
|
||||||
|
IF kind='area' THEN
|
||||||
|
IF parent_kind<>'departamento' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Área debe pertenecer a un Departamento'; END IF;
|
||||||
|
NEW.operational_area_id:=NULL; NEW.operator_company_id:=NULL; NEW.concession_type_id:=NULL;
|
||||||
|
NEW.inventory_family_id:=NULL; NEW.is_inventory_instance:=false;
|
||||||
|
ELSIF kind='yacimiento' THEN
|
||||||
|
IF parent_kind<>'area' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Yacimiento debe pertenecer a un Área'; END IF;
|
||||||
|
IF NEW.operator_company_id IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Yacimiento requiere una Empresa operadora'; END IF;
|
||||||
|
SELECT type.operational_role INTO company_role
|
||||||
|
FROM assets company JOIN asset_types type ON type.id=company.asset_type_id
|
||||||
|
WHERE company.id=NEW.operator_company_id AND company.information_status<>'INACTIVE' AND type.is_active=true;
|
||||||
|
IF company_role IS DISTINCT FROM 'COMPANY'::asset_type_operational_role THEN
|
||||||
|
RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='La Empresa operadora del Yacimiento no es válida';
|
||||||
|
END IF;
|
||||||
|
IF NOT EXISTS(
|
||||||
|
SELECT 1 FROM area_company_relations relation
|
||||||
|
WHERE relation.area_id=NEW.parent_id
|
||||||
|
AND relation.company_id=NEW.operator_company_id
|
||||||
|
AND relation.relation_role='OPERATOR'::area_organization_role
|
||||||
|
AND relation.valid_until IS NULL
|
||||||
|
) THEN
|
||||||
|
RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='La Empresa del Yacimiento debe estar vinculada como explotadora del Área';
|
||||||
|
END IF;
|
||||||
|
IF NEW.concession_type_id IS NOT NULL
|
||||||
|
AND NOT EXISTS(SELECT 1 FROM concession_types c WHERE c.id=NEW.concession_type_id AND c.is_active=true) THEN
|
||||||
|
RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El Tipo de concesión indicado no es válido';
|
||||||
|
END IF;
|
||||||
|
IF NEW.operational_area_id IS NOT NULL AND NEW.operational_area_id<>NEW.parent_id THEN
|
||||||
|
RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El Área operativa del Yacimiento debe coincidir con su Área padre';
|
||||||
|
END IF;
|
||||||
|
NEW.operational_area_id:=NEW.parent_id; NEW.inventory_family_id:=NULL; NEW.is_inventory_instance:=false;
|
||||||
|
ELSIF kind='instalacion' THEN
|
||||||
|
IF parent_kind<>'yacimiento' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Instalación debe pertenecer a un Yacimiento'; END IF;
|
||||||
|
SELECT level::text INTO family_level FROM inventory_families WHERE id=NEW.inventory_family_id AND is_active=true;
|
||||||
|
IF family_level IS DISTINCT FROM 'INSTALLATION' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Instalación requiere un Tipo de instalación válido'; END IF;
|
||||||
|
IF parent_company IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El Yacimiento debe tener una Empresa operadora'; END IF;
|
||||||
|
NEW.operational_area_id:=parent_area; NEW.operator_company_id:=parent_company; NEW.concession_type_id:=NULL; NEW.is_inventory_instance:=true;
|
||||||
|
ELSIF kind='subinstalacion' THEN
|
||||||
|
IF parent_kind<>'instalacion' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Subinstalación debe pertenecer a una Instalación'; END IF;
|
||||||
|
SELECT level::text INTO family_level FROM inventory_families WHERE id=NEW.inventory_family_id AND is_active=true;
|
||||||
|
IF family_level IS DISTINCT FROM 'SUBINSTALLATION' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Subinstalación requiere un Tipo de subinstalación válido'; END IF;
|
||||||
|
IF NOT EXISTS(
|
||||||
|
SELECT 1 FROM inventory_family_parent_rules rule
|
||||||
|
WHERE rule.child_family_id=NEW.inventory_family_id AND rule.parent_family_id=parent_family
|
||||||
|
) THEN
|
||||||
|
RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El Tipo de subinstalación no está habilitado dentro del Tipo de instalación padre';
|
||||||
|
END IF;
|
||||||
|
IF parent_company IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='La Instalación debe pertenecer a un Yacimiento con Empresa operadora'; END IF;
|
||||||
|
NEW.operational_area_id:=parent_area; NEW.operator_company_id:=parent_company; NEW.concession_type_id:=NULL; NEW.is_inventory_instance:=true;
|
||||||
|
END IF;
|
||||||
|
RETURN NEW;
|
||||||
|
END $$
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
|
||||||
|
public async down(q: QueryRunner): Promise<void> {
|
||||||
|
await q.query(`
|
||||||
|
UPDATE asset_types
|
||||||
|
SET description='Yacimiento. Pertenece a un Área y define directamente Tipo de concesión y Empresa relacionada.',
|
||||||
|
updated_at=CURRENT_TIMESTAMP
|
||||||
|
WHERE lower(code)='yacimiento'
|
||||||
|
`);
|
||||||
|
|
||||||
|
await q.query(`
|
||||||
|
CREATE OR REPLACE FUNCTION enforce_authoritative_inventory_relationships()
|
||||||
|
RETURNS trigger LANGUAGE plpgsql AS $$
|
||||||
|
DECLARE
|
||||||
|
kind text;
|
||||||
|
asset_role asset_type_operational_role;
|
||||||
|
parent_kind text;
|
||||||
|
parent_area uuid;
|
||||||
|
parent_company uuid;
|
||||||
|
parent_family uuid;
|
||||||
|
company_role asset_type_operational_role;
|
||||||
|
family_level text;
|
||||||
|
BEGIN
|
||||||
|
SELECT lower(code),operational_role INTO kind,asset_role FROM asset_types WHERE id=NEW.asset_type_id;
|
||||||
|
IF kind IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='asset type does not exist'; END IF;
|
||||||
|
|
||||||
|
IF asset_role='COMPANY'::asset_type_operational_role THEN
|
||||||
|
IF NEW.parent_id IS NOT NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Empresa no admite padre'; END IF;
|
||||||
|
NEW.operational_area_id:=NULL; NEW.operator_company_id:=NULL; NEW.concession_type_id:=NULL;
|
||||||
|
NEW.inventory_family_id:=NULL; NEW.is_inventory_instance:=false;
|
||||||
|
RETURN NEW;
|
||||||
|
ELSIF kind='departamento' THEN
|
||||||
|
IF NEW.parent_id IS NOT NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Departamento no admite padre'; END IF;
|
||||||
|
NEW.operational_area_id:=NULL; NEW.operator_company_id:=NULL; NEW.concession_type_id:=NULL;
|
||||||
|
NEW.inventory_family_id:=NULL; NEW.is_inventory_instance:=false;
|
||||||
|
RETURN NEW;
|
||||||
|
END IF;
|
||||||
|
|
||||||
|
IF NEW.parent_id IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El nivel requiere un padre estructural'; END IF;
|
||||||
|
SELECT lower(parent_type.code), parent.operational_area_id, parent.operator_company_id, parent.inventory_family_id
|
||||||
|
INTO parent_kind,parent_area,parent_company,parent_family
|
||||||
|
FROM assets parent JOIN asset_types parent_type ON parent_type.id=parent.asset_type_id
|
||||||
|
WHERE parent.id=NEW.parent_id AND parent.information_status<>'INACTIVE';
|
||||||
|
IF parent_kind IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El padre estructural no existe o está inactivo'; END IF;
|
||||||
|
|
||||||
|
IF kind='area' THEN
|
||||||
|
IF parent_kind<>'departamento' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Área debe pertenecer a un Departamento'; END IF;
|
||||||
|
NEW.operational_area_id:=NULL; NEW.operator_company_id:=NULL; NEW.concession_type_id:=NULL;
|
||||||
|
NEW.inventory_family_id:=NULL; NEW.is_inventory_instance:=false;
|
||||||
|
ELSIF kind='yacimiento' THEN
|
||||||
|
IF parent_kind<>'area' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Yacimiento debe pertenecer a un Área'; END IF;
|
||||||
|
IF NEW.operator_company_id IS NULL THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Yacimiento requiere Empresa relacionada'; END IF;
|
||||||
|
SELECT type.operational_role INTO company_role FROM assets company JOIN asset_types type ON type.id=company.asset_type_id
|
||||||
|
WHERE company.id=NEW.operator_company_id AND company.information_status<>'INACTIVE' AND type.is_active=true;
|
||||||
|
IF company_role IS DISTINCT FROM 'COMPANY'::asset_type_operational_role THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='La Empresa relacionada del Yacimiento no es válida'; END IF;
|
||||||
|
IF NEW.concession_type_id IS NULL OR NOT EXISTS(SELECT 1 FROM concession_types c WHERE c.id=NEW.concession_type_id AND c.is_active=true) THEN
|
||||||
|
RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Yacimiento requiere un Tipo de concesión válido';
|
||||||
|
END IF;
|
||||||
|
IF NEW.operational_area_id IS NOT NULL AND NEW.operational_area_id<>NEW.parent_id THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El Área operativa del Yacimiento debe coincidir con su Área padre'; END IF;
|
||||||
|
NEW.operational_area_id:=NEW.parent_id; NEW.inventory_family_id:=NULL; NEW.is_inventory_instance:=false;
|
||||||
|
ELSIF kind='instalacion' THEN
|
||||||
|
IF parent_kind<>'yacimiento' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Instalación debe pertenecer a un Yacimiento'; END IF;
|
||||||
|
SELECT level::text INTO family_level FROM inventory_families WHERE id=NEW.inventory_family_id AND is_active=true;
|
||||||
|
IF family_level IS DISTINCT FROM 'INSTALLATION' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Instalación requiere un Tipo de instalación válido'; END IF;
|
||||||
|
NEW.operational_area_id:=parent_area; NEW.operator_company_id:=parent_company; NEW.concession_type_id:=NULL; NEW.is_inventory_instance:=true;
|
||||||
|
ELSIF kind='subinstalacion' THEN
|
||||||
|
IF parent_kind<>'instalacion' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Subinstalación debe pertenecer a una Instalación'; END IF;
|
||||||
|
SELECT level::text INTO family_level FROM inventory_families WHERE id=NEW.inventory_family_id AND is_active=true;
|
||||||
|
IF family_level IS DISTINCT FROM 'SUBINSTALLATION' THEN RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='Subinstalación requiere un Tipo de subinstalación válido'; END IF;
|
||||||
|
IF NOT EXISTS(SELECT 1 FROM inventory_family_parent_rules rule WHERE rule.child_family_id=NEW.inventory_family_id AND rule.parent_family_id=parent_family) THEN
|
||||||
|
RAISE EXCEPTION USING ERRCODE='23514',MESSAGE='El Tipo de subinstalación no es compatible con el Tipo de instalación padre';
|
||||||
|
END IF;
|
||||||
|
NEW.operational_area_id:=parent_area; NEW.operator_company_id:=parent_company; NEW.concession_type_id:=NULL; NEW.is_inventory_instance:=true;
|
||||||
|
END IF;
|
||||||
|
RETURN NEW;
|
||||||
|
END $$
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -5,10 +5,16 @@ import {
|
|||||||
InspectionVisitActsController,
|
InspectionVisitActsController,
|
||||||
} from './inspection-acts.controller';
|
} from './inspection-acts.controller';
|
||||||
import { InspectionActsService } from './inspection-acts.service';
|
import { InspectionActsService } from './inspection-acts.service';
|
||||||
|
import { MobileInspectionActsController } from './mobile-inspection-acts.controller';
|
||||||
|
import { MobileInspectionActsService } from './mobile-inspection-acts.service';
|
||||||
|
|
||||||
@Module({
|
@Module({
|
||||||
imports: [AuditModule],
|
imports: [AuditModule],
|
||||||
controllers: [InspectionVisitActsController, InspectionActsController],
|
controllers: [
|
||||||
providers: [InspectionActsService],
|
InspectionVisitActsController,
|
||||||
|
MobileInspectionActsController,
|
||||||
|
InspectionActsController,
|
||||||
|
],
|
||||||
|
providers: [InspectionActsService, MobileInspectionActsService],
|
||||||
})
|
})
|
||||||
export class InspectionActsModule {}
|
export class InspectionActsModule {}
|
||||||
|
|||||||
@@ -0,0 +1,18 @@
|
|||||||
|
import { Controller, Get, Param, ParseUUIDPipe, Query } from '@nestjs/common';
|
||||||
|
import { RequirePermissions } from '../authorization/decorators/require-permissions.decorator';
|
||||||
|
import { ListInspectionActsQueryDto } from './dto/list-inspection-acts-query.dto';
|
||||||
|
import { MobileInspectionActsService } from './mobile-inspection-acts.service';
|
||||||
|
|
||||||
|
@Controller('inspection-visits/:visitId/acts/mobile')
|
||||||
|
export class MobileInspectionActsController {
|
||||||
|
constructor(private readonly acts: MobileInspectionActsService) {}
|
||||||
|
|
||||||
|
@Get()
|
||||||
|
@RequirePermissions('inspection_acts.read')
|
||||||
|
list(
|
||||||
|
@Param('visitId', new ParseUUIDPipe({ version: '4' })) visitId: string,
|
||||||
|
@Query() query: ListInspectionActsQueryDto,
|
||||||
|
) {
|
||||||
|
return this.acts.listForVisit(visitId, query);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,102 @@
|
|||||||
|
import { Injectable, NotFoundException } from '@nestjs/common';
|
||||||
|
import { DataSource } from 'typeorm';
|
||||||
|
import type { ListInspectionActsQueryDto } from './dto/list-inspection-acts-query.dto';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Read model intentionally kept small for the field client.
|
||||||
|
*
|
||||||
|
* The Android app only needs the Act identity/lifecycle, deadlines and counters to
|
||||||
|
* open an Inspection. It must not fail because an office-document/report module is
|
||||||
|
* unavailable or temporarily schema-drifted. The canonical office endpoints keep
|
||||||
|
* their richer projection in InspectionActsService.
|
||||||
|
*/
|
||||||
|
@Injectable()
|
||||||
|
export class MobileInspectionActsService {
|
||||||
|
constructor(private readonly dataSource: DataSource) {}
|
||||||
|
|
||||||
|
async listForVisit(visitId: string, query: ListInspectionActsQueryDto) {
|
||||||
|
const [visit] = (await this.dataSource.query(
|
||||||
|
'SELECT id FROM inspection_visits WHERE id = $1::uuid',
|
||||||
|
[visitId],
|
||||||
|
)) as Array<{ id: string }>;
|
||||||
|
if (!visit) {
|
||||||
|
throw new NotFoundException({
|
||||||
|
code: 'INSPECTION_VISIT_NOT_FOUND',
|
||||||
|
message: 'Visita de inspección no encontrada',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const conditions = ['act.visit_id = $1::uuid'];
|
||||||
|
const parameters: unknown[] = [visitId];
|
||||||
|
const add = (value: unknown): string => {
|
||||||
|
parameters.push(value);
|
||||||
|
return `$${parameters.length}`;
|
||||||
|
};
|
||||||
|
|
||||||
|
if (query.search?.trim()) {
|
||||||
|
const search = add(`%${query.search.trim()}%`);
|
||||||
|
conditions.push(`(act.code ILIKE ${search} OR act.title ILIKE ${search})`);
|
||||||
|
}
|
||||||
|
if (query.status) conditions.push(`act.status = ${add(query.status)}`);
|
||||||
|
if (query.year) conditions.push(`act.act_year = ${add(query.year)}`);
|
||||||
|
if (query.dateFrom) conditions.push(`act.occurred_at::date >= ${add(query.dateFrom)}::date`);
|
||||||
|
if (query.dateTo) conditions.push(`act.occurred_at::date <= ${add(query.dateTo)}::date`);
|
||||||
|
|
||||||
|
const where = `WHERE ${conditions.join(' AND ')}`;
|
||||||
|
const [countRow] = (await this.dataSource.query(
|
||||||
|
`SELECT COUNT(*)::integer AS total FROM inspection_acts act ${where}`,
|
||||||
|
parameters,
|
||||||
|
)) as Array<{ total: number }>;
|
||||||
|
const total = Number(countRow?.total ?? 0);
|
||||||
|
|
||||||
|
const limit = add(query.pageSize);
|
||||||
|
const offset = add((query.page - 1) * query.pageSize);
|
||||||
|
const data = await this.dataSource.query(`
|
||||||
|
SELECT
|
||||||
|
act.id,
|
||||||
|
act.visit_id AS "visitId",
|
||||||
|
act.code,
|
||||||
|
act.status,
|
||||||
|
act.occurred_at AS "occurredAt",
|
||||||
|
act.title,
|
||||||
|
act.summary,
|
||||||
|
act.observations,
|
||||||
|
act.urgency,
|
||||||
|
act.deadline_days AS "deadlineDays",
|
||||||
|
act.deadline_day_type AS "deadlineDayType",
|
||||||
|
act.deadline_basis AS "deadlineBasis",
|
||||||
|
act.deadline_base_at AS "deadlineBaseAt",
|
||||||
|
act.deadline_at AS "deadlineAt",
|
||||||
|
act.locked_at AS "lockedAt",
|
||||||
|
act.locked_sha256 AS "lockedSha256",
|
||||||
|
act.sealed_at AS "sealedAt",
|
||||||
|
act.current_version AS "currentVersion",
|
||||||
|
act.closed_at AS "closedAt",
|
||||||
|
act.closure_sha256 AS "closureSha256",
|
||||||
|
COALESCE((
|
||||||
|
SELECT COUNT(*)::integer
|
||||||
|
FROM inspection_act_assets link
|
||||||
|
WHERE link.act_id = act.id AND link.included = true
|
||||||
|
), 0)::integer AS "assetCount",
|
||||||
|
COALESCE((
|
||||||
|
SELECT COUNT(*)::integer
|
||||||
|
FROM inspection_findings finding
|
||||||
|
WHERE finding.act_id = act.id AND finding.status <> 'VOIDED'
|
||||||
|
), 0)::integer AS "findingCount"
|
||||||
|
FROM inspection_acts act
|
||||||
|
${where}
|
||||||
|
ORDER BY act.act_year DESC, act.act_number DESC
|
||||||
|
LIMIT ${limit} OFFSET ${offset}
|
||||||
|
`, parameters);
|
||||||
|
|
||||||
|
return {
|
||||||
|
data,
|
||||||
|
meta: {
|
||||||
|
page: query.page,
|
||||||
|
pageSize: query.pageSize,
|
||||||
|
total,
|
||||||
|
totalPages: total === 0 ? 0 : Math.ceil(total / query.pageSize),
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -32,7 +32,7 @@ test('F5.1 canonical hierarchy starts at Departamento and Area is no longer root
|
|||||||
assert.match(migration, /SET can_be_root=false/);
|
assert.match(migration, /SET can_be_root=false/);
|
||||||
});
|
});
|
||||||
|
|
||||||
test('Authoritative manual creation keeps Area physical and stores Company plus concession on Yacimiento', () => {
|
test('Historical authoritative endpoint keeps the former Yacimiento Company plus concession contract for compatibility', () => {
|
||||||
const structure = source('src/asset-master/inventory-structure.service.ts');
|
const structure = source('src/asset-master/inventory-structure.service.ts');
|
||||||
const dto = source('src/asset-master/dto/create-inventory-structure.dto.ts');
|
const dto = source('src/asset-master/dto/create-inventory-structure.dto.ts');
|
||||||
|
|
||||||
@@ -66,27 +66,60 @@ test('F5.1 Finding Catalog defaults to associated findings and exposes all items
|
|||||||
assert.match(panel, /Esta clasificación todavía no tiene Hallazgos asociados/);
|
assert.match(panel, /Esta clasificación todavía no tiene Hallazgos asociados/);
|
||||||
});
|
});
|
||||||
|
|
||||||
test('Authoritative Configuration presents exact physical relationships and technical families', () => {
|
test('F7 Inventory Configuration exposes only simple types, containment and fields', () => {
|
||||||
const configPage = source('../web-v2/src/pages/AuthoritativeInventoryConfigPage.tsx');
|
const configPage = source('../web-v2/src/pages/AuthoritativeInventoryConfigPage.tsx');
|
||||||
|
|
||||||
assert.match(configPage, /El Área sólo tiene Nombre y pertenece obligatoriamente a un Departamento/);
|
assert.match(configPage, /Tipos y campos/);
|
||||||
assert.match(configPage, /Tipo de concesión/);
|
assert.match(configPage, /Departamento → Área → Yacimiento → Instalación → Subinstalación/);
|
||||||
assert.match(configPage, /Empresa relacionada/);
|
assert.match(configPage, /Un Área puede estar vinculada a varias Empresas/);
|
||||||
assert.match(configPage, /Yacimiento → Instalación/);
|
assert.match(configPage, /Cada Yacimiento elige una sola Empresa operadora/);
|
||||||
assert.match(configPage, /Instalación → Subinstalación/);
|
assert.match(configPage, /Tipos de Instalación/);
|
||||||
assert.match(configPage, /installationFamilies\.map/);
|
assert.match(configPage, /Tipos de Subinstalación/);
|
||||||
assert.match(configPage, /subinstallationFamilies\.map/);
|
assert.match(configPage, /Puede estar dentro de/);
|
||||||
assert.match(configPage, /Hallazgos asociados/);
|
assert.match(configPage, /\{ value: 'TEXT', label: 'Texto' \}/);
|
||||||
|
assert.match(configPage, /\{ value: 'NUMBER', label: 'Número' \}/);
|
||||||
|
assert.match(configPage, /\{ value: 'DATE', label: 'Fecha' \}/);
|
||||||
|
assert.match(configPage, /\{ value: 'BOOLEAN', label: 'Sí \/ No' \}/);
|
||||||
|
assert.doesNotMatch(configPage, /Hallazgos asociados/);
|
||||||
});
|
});
|
||||||
|
|
||||||
test('Authoritative Web creation exposes Departamento as root and Yacimiento as operational owner', () => {
|
test('F7 Web creation keeps the fixed hierarchy and asks only the required simple context', () => {
|
||||||
const createPage = source('../web-v2/src/pages/InventoryCreatePage.tsx');
|
const createPage = source('../web-v2/src/pages/InventoryCreatePage.tsx');
|
||||||
const configPage = source('../web-v2/src/pages/AuthoritativeInventoryConfigPage.tsx');
|
const configPage = source('../web-v2/src/pages/AuthoritativeInventoryConfigPage.tsx');
|
||||||
|
|
||||||
assert.match(createPage, /kind: 'DEPARTAMENTO'/);
|
assert.match(createPage, /kind: 'DEPARTAMENTO'/);
|
||||||
assert.match(createPage, /AREA:'Departamento'/);
|
assert.match(createPage, /AREA: 'Departamento'/);
|
||||||
assert.match(createPage, /Empresa relacionada/);
|
assert.match(createPage, /YACIMIENTO: 'Área'/);
|
||||||
assert.match(createPage, /Tipo de concesión/);
|
assert.match(createPage, /INSTALACION: 'Yacimiento'/);
|
||||||
assert.match(createPage, /Datos opcionales/);
|
assert.match(createPage, /SUBINSTALACION: 'Instalación'/);
|
||||||
assert.match(configPage, /<strong>Departamento<\/strong>/);
|
assert.match(createPage, /listCompaniesForInventoryArea/);
|
||||||
assert.match(configPage, /<strong>Yacimiento<\/strong>/);
|
assert.match(createPage, /Empresa operadora/);
|
||||||
|
assert.match(createPage, /ALTA RÁPIDA/);
|
||||||
|
assert.doesNotMatch(createPage, /Tipo de concesión/);
|
||||||
|
assert.match(configPage, /Departamento → Área → Yacimiento → Instalación → Subinstalación/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('F7 canonical detail uses one short everyday profile and keeps advanced administration separate', () => {
|
||||||
|
const detailRoute = source('../web-v2/src/pages/InventoryDetailPage.tsx');
|
||||||
|
const detail = source('../web-v2/src/pages/SimpleInventoryDetailPage.tsx');
|
||||||
|
|
||||||
|
assert.match(detailRoute, /isSimpleInventoryAsset\(asset\) && !advanced/);
|
||||||
|
assert.match(detailRoute, /<SimpleInventoryDetailPage initialAsset=\{asset\}/);
|
||||||
|
assert.match(detail, /DEPARTAMENTO/);
|
||||||
|
assert.match(detail, /AREA/);
|
||||||
|
assert.match(detail, /YACIMIENTO/);
|
||||||
|
assert.match(detail, /INSTALACION/);
|
||||||
|
assert.match(detail, /SUBINSTALACION/);
|
||||||
|
assert.match(detail, />Resumen</);
|
||||||
|
assert.match(detail, />Actividad</);
|
||||||
|
assert.match(detail, />Ubicación</);
|
||||||
|
assert.match(detail, />Fotos</);
|
||||||
|
assert.match(detail, />Cambios</);
|
||||||
|
assert.match(detail, /Empresa operadora/);
|
||||||
|
assert.match(detail, /Tipo técnico/);
|
||||||
|
assert.match(detail, /AssetTechnicalDataPanel/);
|
||||||
|
assert.match(detail, /AssetDossierPanel/);
|
||||||
|
assert.match(detail, /Administración avanzada/);
|
||||||
|
assert.doesNotMatch(detail, /Tipo de concesión/);
|
||||||
|
assert.doesNotMatch(detail, /AssetProvenancePanel/);
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -10,8 +10,8 @@ function mountedRepoFile(path: string): string {
|
|||||||
test('F6.3 Android test cut targets production API and has a distinct installable debug version', () => {
|
test('F6.3 Android test cut targets production API and has a distinct installable debug version', () => {
|
||||||
const gradle = mountedRepoFile('android-app/app/build.gradle.kts');
|
const gradle = mountedRepoFile('android-app/app/build.gradle.kts');
|
||||||
|
|
||||||
assert.match(gradle, /versionCode = 26/);
|
assert.match(gradle, /versionCode = 28/);
|
||||||
assert.match(gradle, /versionName = "0\.17\.0"/);
|
assert.match(gradle, /versionName = "0\.19\.0"/);
|
||||||
assert.match(gradle, /https:\/\/dhv2\.korexlabs\.com\/api\/v3\//);
|
assert.match(gradle, /https:\/\/dhv2\.korexlabs\.com\/api\/v3\//);
|
||||||
assert.match(gradle, /applicationIdSuffix = "\.debug"/);
|
assert.match(gradle, /applicationIdSuffix = "\.debug"/);
|
||||||
});
|
});
|
||||||
@@ -25,4 +25,4 @@ test('F5/F6.3 field inventory exposes Other families as reviewable choices to An
|
|||||||
assert.match(service, /F5:SYSTEM:OTHER:%/);
|
assert.match(service, /F5:SYSTEM:OTHER:%/);
|
||||||
assert.match(service, /AS "isOther"/);
|
assert.match(service, /AS "isOther"/);
|
||||||
assert.match(service, /isOtherFamily: family\.isOther/);
|
assert.match(service, /isOtherFamily: family\.isOther/);
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -88,14 +88,21 @@ test('F6.1 WEB Inventory searches use physical scope and never the operator snap
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
test('WEB creation captures Company and concession only while creating a Yacimiento', () => {
|
test('F7 WEB creation selects one Area-linked Company for Yacimiento and retires concession from the simple flow', () => {
|
||||||
const page = source('../web-v2/src/pages/InventoryCreatePage.tsx');
|
const page = source('../web-v2/src/pages/InventoryCreatePage.tsx');
|
||||||
const structure = source('src/asset-master/inventory-structure.service.ts');
|
const api = source('../web-v2/src/lib/inventoryStructureApi.ts');
|
||||||
|
const simpleStructure = source('src/asset-master/simple-inventory-structure.service.ts');
|
||||||
|
const migration = source('src/database/migrations/1790110200000-f7-simple-inventory-context.ts');
|
||||||
|
|
||||||
assert.match(page, /requiresYacimientoContext = kind === 'YACIMIENTO'/);
|
assert.match(page, /const requiresCompany = kind === 'YACIMIENTO'/);
|
||||||
assert.match(page, /Empresa relacionada/);
|
assert.match(page, /listCompaniesForInventoryArea\(parentId\)/);
|
||||||
assert.match(page, /Tipo de concesión/);
|
assert.match(page, /Empresa operadora/);
|
||||||
assert.match(page, /operatorCompanyId:operatorCompanyId \|\| null/);
|
assert.match(page, /operatorCompanyId: operatorCompanyId \|\| null/);
|
||||||
assert.match(page, /concessionTypeId:concessionTypeId \|\| null/);
|
assert.doesNotMatch(page, /Tipo de concesión/);
|
||||||
assert.match(structure, /Empresa, Departamento, Área y Yacimiento no llevan clasificación técnica/);
|
assert.doesNotMatch(page, /concessionTypeId/);
|
||||||
|
assert.match(api, /inventory-structure\/simple/);
|
||||||
|
assert.match(simpleStructure, /requireAreaCompanyRelation/);
|
||||||
|
assert.match(simpleStructure, /INVENTORY_YACIMIENTO_COMPANY_NOT_IN_AREA/);
|
||||||
|
assert.match(migration, /La Empresa del Yacimiento debe estar vinculada como explotadora del Área/);
|
||||||
|
assert.match(migration, /NEW\.operational_area_id:=NEW\.parent_id/);
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -0,0 +1,43 @@
|
|||||||
|
import assert from 'node:assert/strict';
|
||||||
|
import { readFileSync } from 'node:fs';
|
||||||
|
import { resolve } from 'node:path';
|
||||||
|
import test from 'node:test';
|
||||||
|
|
||||||
|
function apiFile(path: string): string {
|
||||||
|
return readFileSync(resolve(process.cwd(), path), 'utf8');
|
||||||
|
}
|
||||||
|
|
||||||
|
function repoFile(path: string): string {
|
||||||
|
return readFileSync(resolve(process.cwd(), '..', path), 'utf8');
|
||||||
|
}
|
||||||
|
|
||||||
|
test('F6.4 Android Installation picker searches live and selects a concrete parent', () => {
|
||||||
|
const screen = repoFile('android-app/app/src/main/java/com/korexlabs/dhinspeccion/ui/ModernVisitRoot.kt');
|
||||||
|
|
||||||
|
assert.match(screen, /LaunchedEffect\(modeName, parentSearch\)/);
|
||||||
|
assert.match(screen, /delay\(280\)/);
|
||||||
|
assert.match(screen, /model\.searchInventory\(parentSearch\.trim\(\), visit\.scopeAsset\?\.id\)/);
|
||||||
|
assert.match(screen, /ElevatedCard\(onClick = \{ chooseParent\(item\) \}/);
|
||||||
|
assert.match(screen, /model\.loadFieldTypes\(item\.id\)/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('F6.4 Android field shell uses the modern theme and workspace', () => {
|
||||||
|
const gate = repoFile('android-app/app/src/main/java/com/korexlabs/dhinspeccion/ui/LoginGate.kt');
|
||||||
|
const theme = repoFile('android-app/app/src/main/java/com/korexlabs/dhinspeccion/ui/DhTheme.kt');
|
||||||
|
|
||||||
|
assert.match(gate, /DhTheme \{/);
|
||||||
|
assert.match(gate, /model\.visit != null -> ModernVisitRoot\(model\)/);
|
||||||
|
assert.match(theme, /RoundedCornerShape\(16\.dp\)/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('F6.4 Android Act list uses a mobile read model independent from office reports', () => {
|
||||||
|
const android = repoFile('android-app/app/src/main/java/com/korexlabs/dhinspeccion/data/MobileActs.kt');
|
||||||
|
const controller = apiFile('src/inspection-acts/mobile-inspection-acts.controller.ts');
|
||||||
|
const service = apiFile('src/inspection-acts/mobile-inspection-acts.service.ts');
|
||||||
|
|
||||||
|
assert.match(android, /inspection-visits\/\{visitId\}\/acts\/mobile/);
|
||||||
|
assert.match(controller, /inspection-visits\/:visitId\/acts\/mobile/);
|
||||||
|
assert.match(service, /FROM inspection_acts act/);
|
||||||
|
assert.doesNotMatch(service, /inspection_reports/);
|
||||||
|
assert.doesNotMatch(service, /inspection_document/);
|
||||||
|
});
|
||||||
@@ -0,0 +1,25 @@
|
|||||||
|
import 'reflect-metadata';
|
||||||
|
import assert from 'node:assert/strict';
|
||||||
|
import test from 'node:test';
|
||||||
|
import { readFileSync } from 'node:fs';
|
||||||
|
|
||||||
|
const mergedDossier = readFileSync('src/asset-master/merged-inventory-dossier.service.ts', 'utf8');
|
||||||
|
const dossierPanel = readFileSync('../web-v2/src/features/assets/AssetDossierPanel.tsx', 'utf8');
|
||||||
|
const simpleDetail = readFileSync('../web-v2/src/pages/SimpleInventoryDetailPage.tsx', 'utf8');
|
||||||
|
|
||||||
|
test('F7 mantiene Actividad disponible para Yacimiento', () => {
|
||||||
|
assert.match(simpleDetail, /kind === 'YACIMIENTO'/);
|
||||||
|
assert.match(simpleDetail, /setTab\('activity'\)/);
|
||||||
|
assert.match(simpleDetail, /AssetDossierPanel assetId=\{asset\.id\}/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('F7 no hace depender el dossier territorial del subsistema de fusión', () => {
|
||||||
|
assert.match(mergedDossier, /MERGEABLE_DOSSIER_TYPES = new Set\(\['instalacion', 'subinstalacion'\]\)/);
|
||||||
|
assert.match(mergedDossier, /if \(!MERGEABLE_DOSSIER_TYPES\.has\(requestedTypeCode\)\)/);
|
||||||
|
assert.match(mergedDossier, /return await this\.assets\.dossier\(requestedAssetId\)/);
|
||||||
|
});
|
||||||
|
|
||||||
|
test('F7 la consulta auxiliar de merge nunca bloquea la carga de Actividad', () => {
|
||||||
|
assert.match(dossierPanel, /getInventoryMergeStatus\(assetId\)\.catch\(\(\) => null\)/);
|
||||||
|
assert.match(dossierPanel, /getAssetDossier\(assetId\)/);
|
||||||
|
});
|
||||||
@@ -0,0 +1,136 @@
|
|||||||
|
# F7 · Modelo simple de Inventarios
|
||||||
|
|
||||||
|
Este documento fija el nuevo eje funcional de Inventarios para DH Inspección V2. Su objetivo es reducir la complejidad visible y orientar toda la experiencia al trabajo real de inspección.
|
||||||
|
|
||||||
|
## 1. Jerarquía
|
||||||
|
|
||||||
|
La estructura física es única:
|
||||||
|
|
||||||
|
**Departamento → Área → Yacimiento → Instalación → Subinstalación**
|
||||||
|
|
||||||
|
- Departamento y Área organizan el territorio.
|
||||||
|
- Yacimiento, Instalación y Subinstalación son niveles válidos para registrar Hallazgos.
|
||||||
|
- Una Instalación pertenece a un Yacimiento.
|
||||||
|
- Una Subinstalación pertenece a una Instalación.
|
||||||
|
|
||||||
|
## 2. Empresas
|
||||||
|
|
||||||
|
- Un Área puede estar explotada por varias Empresas al mismo tiempo.
|
||||||
|
- Cada Yacimiento tiene una sola Empresa operadora vigente.
|
||||||
|
- La Empresa del Yacimiento se elige entre las Empresas vinculadas al Área.
|
||||||
|
- Instalaciones y Subinstalaciones heredan el contexto de Empresa desde su Yacimiento.
|
||||||
|
- Cambiar la Empresa de un Yacimiento no mueve ni recrea su Inventario físico.
|
||||||
|
|
||||||
|
## 3. Datos simples
|
||||||
|
|
||||||
|
Todos los registros usan una base común reducida:
|
||||||
|
|
||||||
|
- Nombre.
|
||||||
|
- Código, opcional y autogenerable.
|
||||||
|
- Ubicación jerárquica.
|
||||||
|
- Estado.
|
||||||
|
- GPS cuando corresponda.
|
||||||
|
- Observaciones sólo cuando aporten valor.
|
||||||
|
|
||||||
|
Departamento, Área y Yacimiento no necesitan un constructor técnico complejo.
|
||||||
|
|
||||||
|
Instalaciones y Subinstalaciones pueden tener campos específicos configurados por el Superadmin técnico.
|
||||||
|
|
||||||
|
Los tipos de campo visibles para la puesta a punto deben mantenerse simples:
|
||||||
|
|
||||||
|
- Texto.
|
||||||
|
- Número.
|
||||||
|
- Fecha.
|
||||||
|
- Sí / No.
|
||||||
|
|
||||||
|
Teléfono, email o identificadores simples pueden resolverse como Texto. GPS es un dato básico del registro, no un atributo técnico configurable.
|
||||||
|
|
||||||
|
## 4. Administración de tipos
|
||||||
|
|
||||||
|
Sólo el Superadmin técnico modifica la configuración.
|
||||||
|
|
||||||
|
La pantalla administrativa debe permitir únicamente:
|
||||||
|
|
||||||
|
1. Crear/ocultar Tipos de Instalación.
|
||||||
|
2. Crear/ocultar Tipos de Subinstalación.
|
||||||
|
3. Definir qué Tipos de Subinstalación puede contener cada Tipo de Instalación.
|
||||||
|
4. Agregar, mostrar/ocultar y marcar como obligatorios los campos simples de cada tipo.
|
||||||
|
|
||||||
|
Los términos técnicos internos como `inventory_families`, reglas de compatibilidad o schemas no deben exponerse al usuario.
|
||||||
|
|
||||||
|
## 5. Cambio de tipo / función
|
||||||
|
|
||||||
|
La identidad física del elemento no cambia cuando cambia su función.
|
||||||
|
|
||||||
|
Ejemplo: `TK-57` sigue siendo `TK-57`, aunque hoy funcione como tanque de petróleo y mañana como tanque de agua.
|
||||||
|
|
||||||
|
El cambio debe registrarse cronológicamente con:
|
||||||
|
|
||||||
|
- tipo / función anterior;
|
||||||
|
- tipo / función nueva;
|
||||||
|
- fecha efectiva;
|
||||||
|
- observación opcional.
|
||||||
|
|
||||||
|
No se crea un Inventario nuevo para representar un cambio de función.
|
||||||
|
|
||||||
|
## 6. Cronología útil
|
||||||
|
|
||||||
|
Para Yacimiento, Instalación y Subinstalación la cronología debe concentrar sólo hechos operativos relevantes:
|
||||||
|
|
||||||
|
- Hallazgos.
|
||||||
|
- Acta asociada.
|
||||||
|
- Empresa operadora correspondiente a la fecha.
|
||||||
|
- Cambio de tipo / función.
|
||||||
|
- Cambio de ubicación cuando corresponda.
|
||||||
|
- Alta e inactivación.
|
||||||
|
|
||||||
|
La experiencia normal no debe obligar a navegar por procedencia, snapshots, registros técnicos o paneles administrativos separados.
|
||||||
|
|
||||||
|
## 7. Filosofía de la APK
|
||||||
|
|
||||||
|
La APK existe para **inspeccionar, generar Acta y generar Informe**.
|
||||||
|
|
||||||
|
El Inspector no administra Inventarios como tarea separada.
|
||||||
|
|
||||||
|
La mayoría de las altas reales ocurren en campo mientras se registra un Hallazgo.
|
||||||
|
|
||||||
|
Flujo:
|
||||||
|
|
||||||
|
1. La Inspección se planifica desde WEB y ya conoce el Yacimiento.
|
||||||
|
2. El Inspector abre la Inspección al llegar.
|
||||||
|
3. Pulsa `+ Crear hallazgo`.
|
||||||
|
4. Decide si el Hallazgo corresponde a Yacimiento, Instalación o Subinstalación.
|
||||||
|
5. Si la Instalación no existe, puede crearla rápidamente sin abandonar el flujo.
|
||||||
|
6. Si necesita una Subinstalación que no existe, puede crearla rápidamente dentro de la Instalación seleccionada.
|
||||||
|
7. El catálogo ayuda, pero `OTRO` siempre está disponible.
|
||||||
|
8. Con el tiempo, el Inventario se completa naturalmente y disminuye la necesidad de altas nuevas.
|
||||||
|
|
||||||
|
## 8. Planificación y recorrido
|
||||||
|
|
||||||
|
La planificación WEB define:
|
||||||
|
|
||||||
|
- Área.
|
||||||
|
- Empresa.
|
||||||
|
- Yacimiento.
|
||||||
|
- Inspector.
|
||||||
|
- Fecha/hora.
|
||||||
|
- Instalaciones/Subinstalaciones elegidas preventivamente.
|
||||||
|
- pendientes por vencer, mostrados por elemento a controlar.
|
||||||
|
- pendientes vencidos, mostrados por elemento a controlar.
|
||||||
|
|
||||||
|
La APK presenta ese conjunto como recorrido sugerido. No es una ruta rígida: el Inspector puede registrar Hallazgos nuevos en cualquier momento.
|
||||||
|
|
||||||
|
## 9. Actas e Informes
|
||||||
|
|
||||||
|
- Abrir una Inspección no crea automáticamente un Acta.
|
||||||
|
- El Inspector pulsa `+ Nueva Acta` cuando empieza a documentar.
|
||||||
|
- El número definitivo del Acta se genera al cerrarla.
|
||||||
|
- Una Inspección puede tener varias Actas.
|
||||||
|
- Al cerrar un Acta se pueden agregar uno o más acompañantes con Nombre + Email.
|
||||||
|
- El Acta se envía a Empresa, Inspector y acompañantes.
|
||||||
|
- El Informe se genera automáticamente en Word y se envía únicamente al Inspector que realizó el Acta.
|
||||||
|
- La firma o validación legal definitiva queda para una etapa posterior; la prioridad actual es la usabilidad.
|
||||||
|
|
||||||
|
## 10. Regla de diseño
|
||||||
|
|
||||||
|
Si una pantalla, campo o estado necesita explicación técnica para ser usado correctamente, debe simplificarse antes de incorporarse a la experiencia cotidiana.
|
||||||
@@ -4,37 +4,59 @@ set -Eeuo pipefail
|
|||||||
ROOT="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
|
ROOT="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
|
||||||
LAYOUT="$ROOT/web-v2/src/layout/AppLayout.tsx"
|
LAYOUT="$ROOT/web-v2/src/layout/AppLayout.tsx"
|
||||||
APP="$ROOT/web-v2/src/app/App.tsx"
|
APP="$ROOT/web-v2/src/app/App.tsx"
|
||||||
PAGE="$ROOT/web-v2/src/pages/InventoryCreatePage.tsx"
|
CREATE_PAGE="$ROOT/web-v2/src/pages/InventoryCreatePage.tsx"
|
||||||
|
ADMIN_PAGE="$ROOT/web-v2/src/pages/AuthoritativeInventoryConfigPage.tsx"
|
||||||
|
API="$ROOT/web-v2/src/lib/inventoryStructureApi.ts"
|
||||||
|
|
||||||
for file in "$LAYOUT" "$APP" "$PAGE"; do
|
for file in "$LAYOUT" "$APP" "$CREATE_PAGE" "$ADMIN_PAGE" "$API"; do
|
||||||
test -f "$file" || {
|
test -f "$file" || {
|
||||||
echo "F4 WEB contract: falta $file"
|
echo "F7 WEB contract: falta $file"
|
||||||
exit 1
|
exit 1
|
||||||
}
|
}
|
||||||
done
|
done
|
||||||
|
|
||||||
if grep -Fq "label: 'Relevamientos'" "$LAYOUT"; then
|
if grep -Fq "label: 'Relevamientos'" "$LAYOUT"; then
|
||||||
echo "F4 WEB contract: Relevamientos no debe volver al menú principal"
|
echo "F7 WEB contract: Relevamientos no debe volver al menú principal"
|
||||||
exit 1
|
exit 1
|
||||||
fi
|
fi
|
||||||
|
|
||||||
if grep -Fq 'path="/relevamiento/*"' "$APP"; then
|
if grep -Fq 'path="/relevamiento/*"' "$APP"; then
|
||||||
echo "F4 WEB contract: Survey/Relevamiento no debe volver a exponer rutas activas"
|
echo "F7 WEB contract: Survey/Relevamiento no debe volver a exponer rutas activas"
|
||||||
exit 1
|
exit 1
|
||||||
fi
|
fi
|
||||||
|
|
||||||
grep -Fq 'path="/inventarios/nuevo"' "$APP"
|
grep -Fq 'path="/inventarios/nuevo"' "$APP"
|
||||||
grep -Fq 'InventoryCreatePage' "$APP"
|
grep -Fq 'InventoryCreatePage' "$APP"
|
||||||
|
|
||||||
for kind in AREA YACIMIENTO INSTALACION SUBINSTALACION; do
|
for kind in DEPARTAMENTO AREA YACIMIENTO INSTALACION SUBINSTALACION; do
|
||||||
grep -Fq "kind: '$kind'" "$PAGE"
|
grep -Fq "kind: '$kind'" "$CREATE_PAGE"
|
||||||
done
|
done
|
||||||
|
|
||||||
if grep -Fq "kind: 'EQUIPO'" "$PAGE"; then
|
if grep -Fq "kind: 'EQUIPO'" "$CREATE_PAGE"; then
|
||||||
echo "F4 WEB contract: el alta guiada no debe restaurar EQUIPO como quinto nivel estructural"
|
echo "F7 WEB contract: EQUIPO no debe restaurarse como nivel estructural"
|
||||||
exit 1
|
exit 1
|
||||||
fi
|
fi
|
||||||
|
|
||||||
grep -Fq 'getInventoryFamilyFindings' "$PAGE"
|
# F7: Yacimiento elige una Empresa ya vinculada al Área; concesión deja de ser una decisión del alta cotidiana.
|
||||||
|
grep -Fq 'listCompaniesForInventoryArea' "$CREATE_PAGE"
|
||||||
|
if grep -Fq 'concessionTypeId' "$CREATE_PAGE"; then
|
||||||
|
echo "F7 WEB contract: el alta simple no debe exponer Tipo de concesión"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
echo 'F4 WEB contract: OK'
|
# El alta normal usa el endpoint simple; el endpoint histórico queda sólo por compatibilidad transitoria.
|
||||||
|
grep -Fq "'/inventory-structure/simple'" "$API"
|
||||||
|
|
||||||
|
# La configuración técnica visible se reduce a tipos, contención y campos sencillos.
|
||||||
|
grep -Fq 'Tipos y campos' "$ADMIN_PAGE"
|
||||||
|
grep -Fq 'Tipos de Instalación' "$ADMIN_PAGE"
|
||||||
|
grep -Fq 'Tipos de Subinstalación' "$ADMIN_PAGE"
|
||||||
|
grep -Fq '+ Agregar campo' "$ADMIN_PAGE"
|
||||||
|
|
||||||
|
# El catálogo de Hallazgos no debe mezclarse con el formulario de alta de Inventario.
|
||||||
|
if grep -Fq 'getInventoryFamilyFindings' "$CREATE_PAGE"; then
|
||||||
|
echo "F7 WEB contract: el alta simple no debe cargar catálogo de Hallazgos"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo 'F7 WEB contract: OK'
|
||||||
|
|||||||
@@ -14,7 +14,7 @@ import { AccessDeniedPage, NotFoundPage } from '../pages/SystemPages';
|
|||||||
import { UserDetailPage } from '../pages/UserDetailPage';
|
import { UserDetailPage } from '../pages/UserDetailPage';
|
||||||
import { UsersPage } from '../pages/UsersPage';
|
import { UsersPage } from '../pages/UsersPage';
|
||||||
import { AssetsPage } from '../pages/AssetsPage';
|
import { AssetsPage } from '../pages/AssetsPage';
|
||||||
import { AssetEditorPage } from '../pages/AssetEditorPage';
|
import { InventoryDetailPage } from '../pages/InventoryDetailPage';
|
||||||
import { InventoryCreatePage } from '../pages/InventoryCreatePage';
|
import { InventoryCreatePage } from '../pages/InventoryCreatePage';
|
||||||
import { FieldDiscoveriesPage } from '../pages/FieldDiscoveriesPage';
|
import { FieldDiscoveriesPage } from '../pages/FieldDiscoveriesPage';
|
||||||
import { AuthoritativeInventoryConfigPage } from '../pages/AuthoritativeInventoryConfigPage';
|
import { AuthoritativeInventoryConfigPage } from '../pages/AuthoritativeInventoryConfigPage';
|
||||||
@@ -49,9 +49,9 @@ export function App() {
|
|||||||
<Route element={<PermissionRoute permission="assets.read" />}><Route path="/mapa" element={<MapPage />} /></Route>
|
<Route element={<PermissionRoute permission="assets.read" />}><Route path="/mapa" element={<MapPage />} /></Route>
|
||||||
<Route element={<PermissionRoute permission="assets.read" />}>
|
<Route element={<PermissionRoute permission="assets.read" />}>
|
||||||
<Route path="/inventarios" element={<AssetsPage />} />
|
<Route path="/inventarios" element={<AssetsPage />} />
|
||||||
<Route path="/inventarios/:id" element={<AssetEditorPage />} />
|
<Route path="/inventarios/:id" element={<InventoryDetailPage />} />
|
||||||
<Route path="/activos" element={<Navigate to="/inventarios" replace />} />
|
<Route path="/activos" element={<Navigate to="/inventarios" replace />} />
|
||||||
<Route path="/activos/:id" element={<AssetEditorPage />} />
|
<Route path="/activos/:id" element={<InventoryDetailPage />} />
|
||||||
</Route>
|
</Route>
|
||||||
<Route element={<PermissionRoute permission="assets.change_status" />}><Route path="/inventarios/revision-campo" element={<FieldDiscoveriesPage />} /></Route>
|
<Route element={<PermissionRoute permission="assets.change_status" />}><Route path="/inventarios/revision-campo" element={<FieldDiscoveriesPage />} /></Route>
|
||||||
<Route element={<PermissionRoute permission="assets.create" />}><Route path="/inventarios/nuevo" element={<InventoryCreatePage />} /><Route path="/activos/nuevo" element={<Navigate to="/inventarios/nuevo" replace />} /></Route>
|
<Route element={<PermissionRoute permission="assets.create" />}><Route path="/inventarios/nuevo" element={<InventoryCreatePage />} /><Route path="/activos/nuevo" element={<Navigate to="/inventarios/nuevo" replace />} /></Route>
|
||||||
|
|||||||
@@ -0,0 +1,26 @@
|
|||||||
|
import type { AuthUser } from '../lib/api';
|
||||||
|
|
||||||
|
function normalizeRole(value: string) {
|
||||||
|
return value
|
||||||
|
.normalize('NFD')
|
||||||
|
.replace(/[\u0300-\u036f]/g, '')
|
||||||
|
.toLowerCase()
|
||||||
|
.replace(/[^a-z0-9]+/g, ' ')
|
||||||
|
.trim();
|
||||||
|
}
|
||||||
|
|
||||||
|
const ADMIN_ROLES = new Set([
|
||||||
|
'admin',
|
||||||
|
'administrator',
|
||||||
|
'administrador',
|
||||||
|
'superadmin',
|
||||||
|
'super admin',
|
||||||
|
'superadministrator',
|
||||||
|
'super administrator',
|
||||||
|
'superadministrador',
|
||||||
|
'super administrador',
|
||||||
|
]);
|
||||||
|
|
||||||
|
export function hasAdministratorRole(user: AuthUser | null) {
|
||||||
|
return Boolean(user?.roles.some((role) => ADMIN_ROLES.has(normalizeRole(role))));
|
||||||
|
}
|
||||||
@@ -81,10 +81,12 @@ export function AssetDossierPanel({ assetId }: { assetId: string }) {
|
|||||||
const load = () => {
|
const load = () => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
setError('');
|
setError('');
|
||||||
|
setMergeStatus(null);
|
||||||
Promise.all([
|
Promise.all([
|
||||||
getAssetDossier(assetId),
|
getAssetDossier(assetId),
|
||||||
getAsset(assetId),
|
getAsset(assetId),
|
||||||
getInventoryMergeStatus(assetId),
|
// La conciliación es auxiliar: nunca debe bloquear la Actividad del Inventario.
|
||||||
|
getInventoryMergeStatus(assetId).catch(() => null),
|
||||||
])
|
])
|
||||||
.then(([loadedDossier, loadedAsset, loadedMerge]) => {
|
.then(([loadedDossier, loadedAsset, loadedMerge]) => {
|
||||||
setDossier(loadedDossier as ExtendedDossier);
|
setDossier(loadedDossier as ExtendedDossier);
|
||||||
|
|||||||
@@ -34,10 +34,10 @@ function supportsFunctionChange(code: string, name: string): boolean {
|
|||||||
|
|
||||||
export function AssetHistoryPanel({
|
export function AssetHistoryPanel({
|
||||||
assetId,
|
assetId,
|
||||||
refreshKey,
|
refreshKey = 0,
|
||||||
}: {
|
}: {
|
||||||
assetId: string;
|
assetId: string;
|
||||||
refreshKey: number;
|
refreshKey?: number;
|
||||||
}) {
|
}) {
|
||||||
const [versions, setVersions] = useState<AssetVersionSummary[]>([]);
|
const [versions, setVersions] = useState<AssetVersionSummary[]>([]);
|
||||||
const [total, setTotal] = useState(0);
|
const [total, setTotal] = useState(0);
|
||||||
|
|||||||
@@ -52,12 +52,12 @@ export function AssetMediaPanel({
|
|||||||
assetId,
|
assetId,
|
||||||
assetName,
|
assetName,
|
||||||
canManage,
|
canManage,
|
||||||
onChanged,
|
onChanged = () => undefined,
|
||||||
}: {
|
}: {
|
||||||
assetId: string;
|
assetId: string;
|
||||||
assetName: string;
|
assetName: string;
|
||||||
canManage: boolean;
|
canManage: boolean;
|
||||||
onChanged: () => void;
|
onChanged?: () => void;
|
||||||
}) {
|
}) {
|
||||||
const fileRef = useRef<HTMLInputElement | null>(null);
|
const fileRef = useRef<HTMLInputElement | null>(null);
|
||||||
const [items, setItems] = useState<AssetMedia[]>([]);
|
const [items, setItems] = useState<AssetMedia[]>([]);
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ export interface InventoryTechnicalValues {
|
|||||||
}
|
}
|
||||||
export interface InventoryStructureLevel { kind:InventoryStructureKind; label:string; type:{id:string;code:string;name:string}; parentKind:InventoryStructureKind|null; requiresFamily:boolean; }
|
export interface InventoryStructureLevel { kind:InventoryStructureKind; label:string; type:{id:string;code:string;name:string}; parentKind:InventoryStructureKind|null; requiresFamily:boolean; }
|
||||||
export interface InventoryStructureOption { id:string; code:string; name:string; }
|
export interface InventoryStructureOption { id:string; code:string; name:string; }
|
||||||
|
export interface InventoryAreaCompanyOption extends InventoryStructureOption { commonName?:string|null; typeName?:string; }
|
||||||
export interface InventoryStructureOptions {
|
export interface InventoryStructureOptions {
|
||||||
independentMasters:InventoryStructureLevel[];
|
independentMasters:InventoryStructureLevel[];
|
||||||
levels:InventoryStructureLevel[];
|
levels:InventoryStructureLevel[];
|
||||||
@@ -45,7 +46,7 @@ export interface CreatedInventoryStructure {
|
|||||||
type:{id:string;code:string;name:string}; parent:null|{id:string;code:string;name:string}; operationalArea?:null|{id:string;code:string;name:string};
|
type:{id:string;code:string;name:string}; parent:null|{id:string;code:string;name:string}; operationalArea?:null|{id:string;code:string;name:string};
|
||||||
operatorCompany?:null|{id:string;code:string;name:string};
|
operatorCompany?:null|{id:string;code:string;name:string};
|
||||||
concessionType?:null|{id:string;code:string;name:string};
|
concessionType?:null|{id:string;code:string;name:string};
|
||||||
inventoryFamily:null|{id:string;code:string;name:string;level:string;informationLabels:string[]};
|
inventoryFamily:null|{id:string;code:string;name:string;level:string;informationLabels?:string[]};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getInventoryStructureOptions(){return apiRequest<InventoryStructureOptions>('/inventory-structure');}
|
export function getInventoryStructureOptions(){return apiRequest<InventoryStructureOptions>('/inventory-structure');}
|
||||||
@@ -53,6 +54,9 @@ export async function listInventoryStructureParents(kind:InventoryStructureKind,
|
|||||||
const query=new URLSearchParams(); if(search.trim()) query.set('search',search.trim()); const suffix=query.size?`?${query}`:'';
|
const query=new URLSearchParams(); if(search.trim()) query.set('search',search.trim()); const suffix=query.size?`?${query}`:'';
|
||||||
return (await apiRequest<{data:InventoryStructureParent[]}>(`/inventory-structure/parents/${kind}${suffix}`)).data;
|
return (await apiRequest<{data:InventoryStructureParent[]}>(`/inventory-structure/parents/${kind}${suffix}`)).data;
|
||||||
}
|
}
|
||||||
|
export async function listCompaniesForInventoryArea(areaId:string){
|
||||||
|
return (await apiRequest<{data:InventoryAreaCompanyOption[]}>(`/asset-operational-relations/areas/${areaId}/companies`)).data;
|
||||||
|
}
|
||||||
export function getInventoryFamilyFindings(familyId:string){return apiRequest<InventoryFamilyFindings>(`/inventory-families/${familyId}/findings`);}
|
export function getInventoryFamilyFindings(familyId:string){return apiRequest<InventoryFamilyFindings>(`/inventory-families/${familyId}/findings`);}
|
||||||
export function getInventoryFamilyAttributes(familyId:string){return apiRequest<InventoryFamilyAttributes>(`/inventory-families/${familyId}/attributes`);}
|
export function getInventoryFamilyAttributes(familyId:string){return apiRequest<InventoryFamilyAttributes>(`/inventory-families/${familyId}/attributes`);}
|
||||||
export function getInventoryTechnicalValues(assetId:string){return apiRequest<InventoryTechnicalValues>(`/assets/${assetId}/technical-values`);}
|
export function getInventoryTechnicalValues(assetId:string){return apiRequest<InventoryTechnicalValues>(`/assets/${assetId}/technical-values`);}
|
||||||
@@ -63,4 +67,4 @@ export function updateInventoryFamily(familyId:string,input:{name?:string;parent
|
|||||||
export function createInventoryFamilyAttribute(familyId:string,input:{code:string;name:string;dataType:InventoryFamilyAttributeDataType;isRequired?:boolean;unit?:string|null;options?:string[];sortOrder?:number}){return apiRequest<InventoryFamilyAttribute>(`/inventory-families/${familyId}/attributes`,{method:'POST',body:JSON.stringify(input)});}
|
export function createInventoryFamilyAttribute(familyId:string,input:{code:string;name:string;dataType:InventoryFamilyAttributeDataType;isRequired?:boolean;unit?:string|null;options?:string[];sortOrder?:number}){return apiRequest<InventoryFamilyAttribute>(`/inventory-families/${familyId}/attributes`,{method:'POST',body:JSON.stringify(input)});}
|
||||||
export function updateInventoryFamilyAttribute(familyId:string,attributeId:string,input:{name?:string;dataType?:InventoryFamilyAttributeDataType;isRequired?:boolean;isActive?:boolean;unit?:string|null;options?:string[]|null;sortOrder?:number}){return apiRequest<InventoryFamilyAttribute>(`/inventory-families/${familyId}/attributes/${attributeId}`,{method:'PATCH',body:JSON.stringify(input)});}
|
export function updateInventoryFamilyAttribute(familyId:string,attributeId:string,input:{name?:string;dataType?:InventoryFamilyAttributeDataType;isRequired?:boolean;isActive?:boolean;unit?:string|null;options?:string[]|null;sortOrder?:number}){return apiRequest<InventoryFamilyAttribute>(`/inventory-families/${familyId}/attributes/${attributeId}`,{method:'PATCH',body:JSON.stringify(input)});}
|
||||||
export function replaceInventoryFamilyFindings(familyId:string,input:{itemIds:string[];reason:string}){return apiRequest<InventoryFamilyFindings>(`/inventory-families/${familyId}/findings`,{method:'PUT',body:JSON.stringify(input)});}
|
export function replaceInventoryFamilyFindings(familyId:string,input:{itemIds:string[];reason:string}){return apiRequest<InventoryFamilyFindings>(`/inventory-families/${familyId}/findings`,{method:'PUT',body:JSON.stringify(input)});}
|
||||||
export function createInventoryStructure(input:{kind:InventoryStructureKind;code?:string|null;name:string;commonName?:string|null;parentId?:string|null;familyId?:string|null;operatorCompanyId?:string|null;concessionTypeId?:string|null;description?:string|null}){return apiRequest<CreatedInventoryStructure>('/inventory-structure',{method:'POST',body:JSON.stringify(input)});}
|
export function createInventoryStructure(input:{kind:InventoryStructureKind;code?:string|null;name:string;commonName?:string|null;parentId?:string|null;familyId?:string|null;operatorCompanyId?:string|null;concessionTypeId?:string|null;description?:string|null}){return apiRequest<CreatedInventoryStructure>('/inventory-structure/simple',{method:'POST',body:JSON.stringify(input)});}
|
||||||
|
|||||||
@@ -0,0 +1,215 @@
|
|||||||
|
.asset-compact-form {
|
||||||
|
gap: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-section {
|
||||||
|
display: grid;
|
||||||
|
gap: 14px;
|
||||||
|
padding: 20px 22px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-section-heading {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-section-heading h2 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-primary-grid {
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-meta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-meta > span {
|
||||||
|
min-width: 0;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 7px;
|
||||||
|
padding: 7px 10px;
|
||||||
|
border: 1px solid #e0e5ed;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: #f8fafc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-meta small {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 9px;
|
||||||
|
font-weight: 700;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: .05em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-meta strong {
|
||||||
|
min-width: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
color: var(--ink);
|
||||||
|
font-size: 11px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-context-button {
|
||||||
|
min-height: 34px;
|
||||||
|
padding: 7px 11px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-context-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-context-item {
|
||||||
|
min-width: 0;
|
||||||
|
display: grid;
|
||||||
|
gap: 3px;
|
||||||
|
padding: 12px 13px;
|
||||||
|
border: 1px solid #e1e6ee;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #f8fafc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-context-item small {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 9px;
|
||||||
|
font-weight: 750;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: .05em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-context-item strong {
|
||||||
|
overflow: hidden;
|
||||||
|
color: var(--ink);
|
||||||
|
font-size: 12px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-context-item span {
|
||||||
|
overflow: hidden;
|
||||||
|
color: var(--muted);
|
||||||
|
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
||||||
|
font-size: 9px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details {
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details > summary {
|
||||||
|
min-height: 54px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 14px;
|
||||||
|
padding: 13px 22px;
|
||||||
|
cursor: pointer;
|
||||||
|
list-style: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details > summary::-webkit-details-marker {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details > summary:hover {
|
||||||
|
background: #f8fafc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details > summary > span:first-child {
|
||||||
|
min-width: 0;
|
||||||
|
display: grid;
|
||||||
|
gap: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details > summary strong {
|
||||||
|
color: var(--ink);
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details > summary small {
|
||||||
|
overflow: hidden;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details > summary > span:last-child {
|
||||||
|
color: #7b8496;
|
||||||
|
font-size: 16px;
|
||||||
|
transition: transform .18s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details[open] > summary > span:last-child {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details-body {
|
||||||
|
display: grid;
|
||||||
|
gap: 16px;
|
||||||
|
padding: 2px 22px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-technical {
|
||||||
|
display: grid;
|
||||||
|
gap: 12px;
|
||||||
|
padding-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-technical h3 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-form > .form-actions {
|
||||||
|
padding: 16px 22px 18px;
|
||||||
|
background: #fafbfc;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 720px) {
|
||||||
|
.asset-compact-section {
|
||||||
|
padding: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-section-heading {
|
||||||
|
display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-context-button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-context-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details > summary {
|
||||||
|
padding: 13px 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-details-body {
|
||||||
|
padding: 2px 17px 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-compact-form > .form-actions {
|
||||||
|
padding: 14px 17px 17px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,11 +1,18 @@
|
|||||||
|
import './AssetEditorPage.css';
|
||||||
import { SearchableSelect } from '../components/SearchableSelect';
|
import { SearchableSelect } from '../components/SearchableSelect';
|
||||||
import { lazy, Suspense, useEffect, useMemo, useState } from 'react';
|
import { lazy, Suspense, useEffect, useMemo, useState } from 'react';
|
||||||
import type { FormEvent } from 'react';
|
import type { FormEvent, ReactNode } from 'react';
|
||||||
import { Link, useNavigate, useParams, useSearchParams } from 'react-router';
|
import { Link, useNavigate, useParams, useSearchParams } from 'react-router';
|
||||||
import { useAuth } from '../auth/AuthContext';
|
import { useAuth } from '../auth/AuthContext';
|
||||||
import { Alert, LoadingBlock, errorMessage } from '../components/Feedback';
|
import { Alert, LoadingBlock, errorMessage } from '../components/Feedback';
|
||||||
import { Icon } from '../components/Icon';
|
import { Icon } from '../components/Icon';
|
||||||
import { ASSET_OPERATIONAL_STATUSES, ASSET_STATUSES, assetOperationalStatusLabel, assetStatusClass, assetStatusLabel } from '../features/assets/assetPresentation';
|
import {
|
||||||
|
ASSET_OPERATIONAL_STATUSES,
|
||||||
|
ASSET_STATUSES,
|
||||||
|
assetOperationalStatusLabel,
|
||||||
|
assetStatusClass,
|
||||||
|
assetStatusLabel,
|
||||||
|
} from '../features/assets/assetPresentation';
|
||||||
import { AssetHistoryPanel } from '../features/assets/AssetHistoryPanel';
|
import { AssetHistoryPanel } from '../features/assets/AssetHistoryPanel';
|
||||||
import { AssetDossierPanel } from '../features/assets/AssetDossierPanel';
|
import { AssetDossierPanel } from '../features/assets/AssetDossierPanel';
|
||||||
import { AssetMediaPanel } from '../features/assets/AssetMediaPanel';
|
import { AssetMediaPanel } from '../features/assets/AssetMediaPanel';
|
||||||
@@ -15,15 +22,31 @@ import { AssetRegistryPanel } from '../features/assets/AssetRegistryPanel';
|
|||||||
import { AssetContextHistoryPanel } from '../features/assets/AssetContextHistoryPanel';
|
import { AssetContextHistoryPanel } from '../features/assets/AssetContextHistoryPanel';
|
||||||
import { AssetFindingCatalogPanel } from '../features/assets/AssetFindingCatalogPanel';
|
import { AssetFindingCatalogPanel } from '../features/assets/AssetFindingCatalogPanel';
|
||||||
import {
|
import {
|
||||||
createAsset, getAsset, getAssetLineage, listAssetParentOptions, listAssetTypes, listCompaniesForArea,
|
createAsset,
|
||||||
listOperationalAreas, updateAsset, updateAssetInformationStatus, updateAssetOperationalStatus,
|
getAsset,
|
||||||
|
getAssetLineage,
|
||||||
|
listAssetParentOptions,
|
||||||
|
listAssetTypes,
|
||||||
|
listCompaniesForArea,
|
||||||
|
listOperationalAreas,
|
||||||
|
updateAsset,
|
||||||
|
updateAssetInformationStatus,
|
||||||
|
updateAssetOperationalStatus,
|
||||||
} from '../lib/api';
|
} from '../lib/api';
|
||||||
import type {
|
import type {
|
||||||
AssetAttributeDefinition, AssetDetail, AssetInformationStatus, AssetOperationalStatus,
|
AssetAttributeDefinition,
|
||||||
AssetLineageItem, AssetListItem, AssetType, OperationalAssetSummary,
|
AssetDetail,
|
||||||
|
AssetInformationStatus,
|
||||||
|
AssetOperationalStatus,
|
||||||
|
AssetLineageItem,
|
||||||
|
AssetListItem,
|
||||||
|
AssetType,
|
||||||
|
OperationalAssetSummary,
|
||||||
} from '../lib/api';
|
} from '../lib/api';
|
||||||
|
|
||||||
const AssetGeometryEditor = lazy(() => import('../features/map/AssetGeometryEditor').then((module) => ({ default: module.AssetGeometryEditor })));
|
const AssetGeometryEditor = lazy(() =>
|
||||||
|
import('../features/map/AssetGeometryEditor').then((module) => ({ default: module.AssetGeometryEditor })),
|
||||||
|
);
|
||||||
|
|
||||||
type DetailTab = 'summary' | 'dossier' | 'findings' | 'location' | 'registry' | 'files' | 'history';
|
type DetailTab = 'summary' | 'dossier' | 'findings' | 'location' | 'registry' | 'files' | 'history';
|
||||||
|
|
||||||
@@ -35,16 +58,34 @@ function localDateTime(value: unknown): string {
|
|||||||
return local.toISOString().slice(0, 16);
|
return local.toISOString().slice(0, 16);
|
||||||
}
|
}
|
||||||
|
|
||||||
function normalizeAttributeValues(definitions: AssetAttributeDefinition[], values: Record<string, unknown>): Record<string, unknown> {
|
function normalizeAttributeValues(
|
||||||
|
definitions: AssetAttributeDefinition[],
|
||||||
|
values: Record<string, unknown>,
|
||||||
|
): Record<string, unknown> {
|
||||||
const result: Record<string, unknown> = {};
|
const result: Record<string, unknown> = {};
|
||||||
definitions.filter((item) => item.isActive).forEach((definition) => {
|
definitions.filter((item) => item.isActive).forEach((definition) => {
|
||||||
const raw = values[definition.id];
|
const raw = values[definition.id];
|
||||||
if (definition.dataType === 'BOOLEAN') result[definition.id] = Boolean(raw);
|
if (definition.dataType === 'BOOLEAN') result[definition.id] = Boolean(raw);
|
||||||
else if (raw !== undefined && raw !== null && raw !== '') result[definition.id] = definition.dataType === 'NUMBER' ? Number(raw) : raw;
|
else if (raw !== undefined && raw !== null && raw !== '') {
|
||||||
|
result[definition.id] = definition.dataType === 'NUMBER' ? Number(raw) : raw;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function hasAttributeValue(definition: AssetAttributeDefinition, value: unknown): boolean {
|
||||||
|
if (definition.dataType === 'BOOLEAN') return value === true;
|
||||||
|
return value !== undefined && value !== null && String(value).trim() !== '';
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeStructuralType(value: string | null | undefined): string {
|
||||||
|
return (value ?? '')
|
||||||
|
.normalize('NFD')
|
||||||
|
.replace(/[\u0300-\u036f]/g, '')
|
||||||
|
.trim()
|
||||||
|
.toLowerCase();
|
||||||
|
}
|
||||||
|
|
||||||
export function AssetEditorPage() {
|
export function AssetEditorPage() {
|
||||||
const { id } = useParams();
|
const { id } = useParams();
|
||||||
const editing = Boolean(id);
|
const editing = Boolean(id);
|
||||||
@@ -52,7 +93,11 @@ export function AssetEditorPage() {
|
|||||||
const [searchParams] = useSearchParams();
|
const [searchParams] = useSearchParams();
|
||||||
const contextParentId = !editing ? searchParams.get('parentId') : null;
|
const contextParentId = !editing ? searchParams.get('parentId') : null;
|
||||||
const requestedTab = searchParams.get('tab') as DetailTab | null;
|
const requestedTab = searchParams.get('tab') as DetailTab | null;
|
||||||
const tab: DetailTab = requestedTab && ['summary','dossier','findings','location','registry','files','history'].includes(requestedTab) ? requestedTab : 'summary';
|
const tab: DetailTab = requestedTab
|
||||||
|
&& ['summary', 'dossier', 'findings', 'location', 'registry', 'files', 'history'].includes(requestedTab)
|
||||||
|
? requestedTab
|
||||||
|
: 'summary';
|
||||||
|
|
||||||
const { hasPermission } = useAuth();
|
const { hasPermission } = useAuth();
|
||||||
const canEdit = editing ? hasPermission('assets.update') : hasPermission('assets.create');
|
const canEdit = editing ? hasPermission('assets.update') : hasPermission('assets.create');
|
||||||
const canCreate = hasPermission('assets.create');
|
const canCreate = hasPermission('assets.create');
|
||||||
@@ -104,10 +149,14 @@ export function AssetEditorPage() {
|
|||||||
const [success, setSuccess] = useState('');
|
const [success, setSuccess] = useState('');
|
||||||
const [historyRefreshKey, setHistoryRefreshKey] = useState(0);
|
const [historyRefreshKey, setHistoryRefreshKey] = useState(0);
|
||||||
|
|
||||||
const canDirectContextEdit = !editing || Boolean(asset?.dataOrigin === 'FIELD_SURVEY' && asset.informationStatus === 'DRAFT');
|
const canDirectContextEdit = !editing
|
||||||
|
|| Boolean(asset?.dataOrigin === 'FIELD_SURVEY' && asset.informationStatus === 'DRAFT');
|
||||||
|
|
||||||
const selectedType = types.find((type) => type.id === typeId) ?? null;
|
const selectedType = types.find((type) => type.id === typeId) ?? null;
|
||||||
const definitions = useMemo(() => selectedType?.attributes.filter((item) => item.isActive) ?? [], [selectedType]);
|
const definitions = useMemo(
|
||||||
|
() => selectedType?.attributes.filter((item) => item.isActive) ?? [],
|
||||||
|
[selectedType],
|
||||||
|
);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
Promise.all([
|
Promise.all([
|
||||||
@@ -119,13 +168,26 @@ export function AssetEditorPage() {
|
|||||||
setTypes(loadedTypes);
|
setTypes(loadedTypes);
|
||||||
setLineage(loadedLineage);
|
setLineage(loadedLineage);
|
||||||
if (loadedAsset) {
|
if (loadedAsset) {
|
||||||
setAsset(loadedAsset); setCode(loadedAsset.code); setName(loadedAsset.name); setCommonName(loadedAsset.commonName ?? ''); setTypeId(loadedAsset.type.id);
|
setAsset(loadedAsset);
|
||||||
setParentId(loadedAsset.parent?.id ?? ''); setOperationalAreaId(loadedAsset.operationalArea?.id ?? '');
|
setCode(loadedAsset.code);
|
||||||
setOperatorCompanyId(loadedAsset.operatorCompany?.id ?? ''); setDescription(loadedAsset.description ?? '');
|
setName(loadedAsset.name);
|
||||||
setStatus(loadedAsset.informationStatus); setOperationalStatus(loadedAsset.operationalStatus);
|
setCommonName(loadedAsset.commonName ?? '');
|
||||||
setAttributeValues(Object.fromEntries(loadedAsset.attributes.map((attribute) => [attribute.definitionId, attribute.dataType === 'DATETIME' ? localDateTime(attribute.value) : attribute.value ?? ''])));
|
setTypeId(loadedAsset.type.id);
|
||||||
|
setParentId(loadedAsset.parent?.id ?? '');
|
||||||
|
setOperationalAreaId(loadedAsset.operationalArea?.id ?? '');
|
||||||
|
setOperatorCompanyId(loadedAsset.operatorCompany?.id ?? '');
|
||||||
|
setDescription(loadedAsset.description ?? '');
|
||||||
|
setStatus(loadedAsset.informationStatus);
|
||||||
|
setOperationalStatus(loadedAsset.operationalStatus);
|
||||||
|
setAttributeValues(Object.fromEntries(
|
||||||
|
loadedAsset.attributes.map((attribute) => [
|
||||||
|
attribute.definitionId,
|
||||||
|
attribute.dataType === 'DATETIME' ? localDateTime(attribute.value) : attribute.value ?? '',
|
||||||
|
]),
|
||||||
|
));
|
||||||
} else if (!contextParentId) {
|
} else if (!contextParentId) {
|
||||||
const first = loadedTypes.find((type) => type.isActive && type.canBeRoot) ?? loadedTypes.find((type) => type.isActive);
|
const first = loadedTypes.find((type) => type.isActive && type.canBeRoot)
|
||||||
|
?? loadedTypes.find((type) => type.isActive);
|
||||||
if (first) setTypeId(first.id);
|
if (first) setTypeId(first.id);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -135,38 +197,56 @@ export function AssetEditorPage() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (editing || !contextParentId || types.length === 0) return;
|
if (editing || !contextParentId || types.length === 0) return;
|
||||||
Promise.all([getAsset(contextParentId), getAssetLineage(contextParentId)]).then(([parent, parentLineage]) => {
|
Promise.all([getAsset(contextParentId), getAssetLineage(contextParentId)])
|
||||||
setContextParent(parent);
|
.then(([parent, parentLineage]) => {
|
||||||
setLineage(parentLineage);
|
setContextParent(parent);
|
||||||
const compatible = types.find((type) => type.isActive && type.allowedParentTypes.some((allowed) => allowed.id === parent.type.id));
|
setLineage(parentLineage);
|
||||||
if (compatible) {
|
const compatible = types.find(
|
||||||
setTypeId(compatible.id); setParentId(parent.id);
|
(type) => type.isActive && type.allowedParentTypes.some((allowed) => allowed.id === parent.type.id),
|
||||||
const parentType = types.find((type) => type.id === parent.type.id);
|
);
|
||||||
if (parentType?.operationalRole === 'AREA') setOperationalAreaId(parent.id);
|
if (compatible) {
|
||||||
else if (parent.operationalArea) setOperationalAreaId(parent.operationalArea.id);
|
setTypeId(compatible.id);
|
||||||
}
|
setParentId(parent.id);
|
||||||
}).catch((requestError) => setError(errorMessage(requestError)));
|
const parentType = types.find((type) => type.id === parent.type.id);
|
||||||
|
if (parentType?.operationalRole === 'AREA') setOperationalAreaId(parent.id);
|
||||||
|
else if (parent.operationalArea) setOperationalAreaId(parent.operationalArea.id);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((requestError) => setError(errorMessage(requestError)));
|
||||||
}, [editing, contextParentId, types]);
|
}, [editing, contextParentId, types]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!typeId) { setParents([]); return; }
|
if (!typeId) {
|
||||||
const timer = window.setTimeout(() => listAssetParentOptions(typeId, id, parentSearch).then(setParents).catch((requestError) => setError(errorMessage(requestError))), 220);
|
setParents([]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const timer = window.setTimeout(
|
||||||
|
() => listAssetParentOptions(typeId, id, parentSearch)
|
||||||
|
.then(setParents)
|
||||||
|
.catch((requestError) => setError(errorMessage(requestError))),
|
||||||
|
220,
|
||||||
|
);
|
||||||
return () => window.clearTimeout(timer);
|
return () => window.clearTimeout(timer);
|
||||||
}, [typeId, id, parentSearch]);
|
}, [typeId, id, parentSearch]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!canReadRelations || selectedType?.operationalRole !== 'GENERIC' || !parentId) {
|
if (!canReadRelations || selectedType?.operationalRole !== 'GENERIC' || !parentId) {
|
||||||
setOperationalAreas([]);
|
setOperationalAreas([]);
|
||||||
if (!parentId) { setOperationalAreaId(''); if (!editing) setOperatorCompanyId(''); }
|
if (!parentId) {
|
||||||
return;
|
|
||||||
}
|
|
||||||
listOperationalAreas(parentId).then((loadedAreas) => {
|
|
||||||
setOperationalAreas(loadedAreas);
|
|
||||||
if (operationalAreaId && !loadedAreas.some((area) => area.id === operationalAreaId)) {
|
|
||||||
setOperationalAreaId('');
|
setOperationalAreaId('');
|
||||||
if (!editing) setOperatorCompanyId('');
|
if (!editing) setOperatorCompanyId('');
|
||||||
}
|
}
|
||||||
}).catch((requestError) => setError(errorMessage(requestError)));
|
return;
|
||||||
|
}
|
||||||
|
listOperationalAreas(parentId)
|
||||||
|
.then((loadedAreas) => {
|
||||||
|
setOperationalAreas(loadedAreas);
|
||||||
|
if (operationalAreaId && !loadedAreas.some((area) => area.id === operationalAreaId)) {
|
||||||
|
setOperationalAreaId('');
|
||||||
|
if (!editing) setOperatorCompanyId('');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((requestError) => setError(errorMessage(requestError)));
|
||||||
}, [canReadRelations, selectedType?.operationalRole, parentId, editing]);
|
}, [canReadRelations, selectedType?.operationalRole, parentId, editing]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -174,39 +254,85 @@ export function AssetEditorPage() {
|
|||||||
setOperationalCompanies([]);
|
setOperationalCompanies([]);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
listCompaniesForArea(operationalAreaId).then((loadedCompanies) => {
|
listCompaniesForArea(operationalAreaId)
|
||||||
setOperationalCompanies(loadedCompanies);
|
.then((loadedCompanies) => {
|
||||||
setOperatorCompanyId((current) => loadedCompanies.some((company) => company.id === current)
|
setOperationalCompanies(loadedCompanies);
|
||||||
? current
|
setOperatorCompanyId((current) => loadedCompanies.some((company) => company.id === current)
|
||||||
: loadedCompanies.length === 1 ? (loadedCompanies[0]?.id ?? '') : '');
|
? current
|
||||||
}).catch((requestError) => {
|
: loadedCompanies.length === 1 ? (loadedCompanies[0]?.id ?? '') : '');
|
||||||
setOperationalCompanies([]);
|
})
|
||||||
setOperatorCompanyId('');
|
.catch((requestError) => {
|
||||||
setError(errorMessage(requestError));
|
setOperationalCompanies([]);
|
||||||
});
|
setOperatorCompanyId('');
|
||||||
|
setError(errorMessage(requestError));
|
||||||
|
});
|
||||||
}, [editing, canReadRelations, operationalAreaId, selectedType?.operationalRole]);
|
}, [editing, canReadRelations, operationalAreaId, selectedType?.operationalRole]);
|
||||||
|
|
||||||
const changeType = (nextTypeId: string) => { setTypeId(nextTypeId); setParentId(''); setOperationalAreaId(''); if (!editing) setOperatorCompanyId(''); setAttributeValues({}); setParentSearch(''); };
|
const changeType = (nextTypeId: string) => {
|
||||||
const setAttribute = (definitionId: string, value: unknown) => setAttributeValues((current) => ({ ...current, [definitionId]: value }));
|
setTypeId(nextTypeId);
|
||||||
|
setParentId('');
|
||||||
|
setOperationalAreaId('');
|
||||||
|
if (!editing) setOperatorCompanyId('');
|
||||||
|
setAttributeValues({});
|
||||||
|
setParentSearch('');
|
||||||
|
};
|
||||||
|
|
||||||
|
const setAttribute = (definitionId: string, value: unknown) =>
|
||||||
|
setAttributeValues((current) => ({ ...current, [definitionId]: value }));
|
||||||
|
|
||||||
const save = async (event: FormEvent) => {
|
const save = async (event: FormEvent) => {
|
||||||
event.preventDefault(); if (!selectedType) return;
|
event.preventDefault();
|
||||||
setSaving(true); setError(''); setSuccess('');
|
if (!selectedType) return;
|
||||||
|
setSaving(true);
|
||||||
|
setError('');
|
||||||
|
setSuccess('');
|
||||||
try {
|
try {
|
||||||
const attributes = normalizeAttributeValues(definitions, attributeValues);
|
const attributes = normalizeAttributeValues(definitions, attributeValues);
|
||||||
let saved: AssetDetail;
|
let saved: AssetDetail;
|
||||||
if (editing && id) {
|
if (editing && id) {
|
||||||
if (canEdit) saved = await updateAsset(id, { typeId: canDirectContextEdit ? typeId : undefined, code, name, commonName: commonName.trim() || null, parentId: canDirectContextEdit ? parentId || null : undefined, operationalAreaId: canDirectContextEdit ? operationalAreaId || null : undefined, description: description.trim() || null, attributes });
|
if (canEdit) {
|
||||||
else if (asset) saved = asset; else return;
|
saved = await updateAsset(id, {
|
||||||
if (canChangeStatus && saved.informationStatus !== status) saved = await updateAssetInformationStatus(id, status);
|
typeId: canDirectContextEdit ? typeId : undefined,
|
||||||
if (canChangeOperationalStatus && saved.operationalStatus !== operationalStatus) saved = await updateAssetOperationalStatus(id, operationalStatus);
|
code,
|
||||||
setAsset(saved); setSuccess('Registro actualizado correctamente'); setHistoryRefreshKey((current) => current + 1);
|
name,
|
||||||
|
commonName: commonName.trim() || null,
|
||||||
|
parentId: canDirectContextEdit ? parentId || null : undefined,
|
||||||
|
operationalAreaId: canDirectContextEdit ? operationalAreaId || null : undefined,
|
||||||
|
description: description.trim() || null,
|
||||||
|
attributes,
|
||||||
|
});
|
||||||
|
} else if (asset) saved = asset;
|
||||||
|
else return;
|
||||||
|
|
||||||
|
if (canChangeStatus && saved.informationStatus !== status) {
|
||||||
|
saved = await updateAssetInformationStatus(id, status);
|
||||||
|
}
|
||||||
|
if (canChangeOperationalStatus && saved.operationalStatus !== operationalStatus) {
|
||||||
|
saved = await updateAssetOperationalStatus(id, operationalStatus);
|
||||||
|
}
|
||||||
|
setAsset(saved);
|
||||||
|
setSuccess('Registro actualizado correctamente');
|
||||||
|
setHistoryRefreshKey((current) => current + 1);
|
||||||
} else {
|
} else {
|
||||||
saved = await createAsset({ code, name, commonName: commonName.trim() || null, typeId, parentId: parentId || null, operationalAreaId: operationalAreaId || null, operatorCompanyId: operatorCompanyId || null, description: description.trim() || null, informationStatus: canChangeStatus ? status : 'DRAFT', attributes });
|
saved = await createAsset({
|
||||||
|
code,
|
||||||
|
name,
|
||||||
|
commonName: commonName.trim() || null,
|
||||||
|
typeId,
|
||||||
|
parentId: parentId || null,
|
||||||
|
operationalAreaId: operationalAreaId || null,
|
||||||
|
operatorCompanyId: operatorCompanyId || null,
|
||||||
|
description: description.trim() || null,
|
||||||
|
informationStatus: canChangeStatus ? status : 'DRAFT',
|
||||||
|
attributes,
|
||||||
|
});
|
||||||
navigate(`/inventarios/${saved.id}`, { replace: true });
|
navigate(`/inventarios/${saved.id}`, { replace: true });
|
||||||
}
|
}
|
||||||
} catch (requestError) { setError(errorMessage(requestError)); }
|
} catch (requestError) {
|
||||||
finally { setSaving(false); }
|
setError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
if (loading) return <LoadingBlock label="Cargando registro…" />;
|
if (loading) return <LoadingBlock label="Cargando registro…" />;
|
||||||
@@ -221,44 +347,627 @@ export function AssetEditorPage() {
|
|||||||
{ key: 'history', label: 'Historial', show: editing && canReadHistory },
|
{ key: 'history', label: 'Historial', show: editing && canReadHistory },
|
||||||
] as const;
|
] as const;
|
||||||
|
|
||||||
const breadcrumbSection = asset?.type.code === 'empresa' || contextParent?.type.code === 'empresa' ? 'companies' : 'territory';
|
const breadcrumbSection = asset?.type.code === 'empresa' || contextParent?.type.code === 'empresa'
|
||||||
|
? 'companies'
|
||||||
|
: 'territory';
|
||||||
|
|
||||||
|
const structuralTypeCode = normalizeStructuralType(selectedType?.code);
|
||||||
|
const structuralTypeName = normalizeStructuralType(selectedType?.name);
|
||||||
|
const compactStructuralSummary = editing && (
|
||||||
|
['instalacion', 'instalacion-superficie', 'instalacion_de_superficie', 'instalacion-de-superficie', 'subinstalacion']
|
||||||
|
.includes(structuralTypeCode)
|
||||||
|
|| structuralTypeName === 'instalacion'
|
||||||
|
|| structuralTypeName === 'instalacion de superficie'
|
||||||
|
|| structuralTypeName === 'subinstalacion'
|
||||||
|
);
|
||||||
|
|
||||||
|
const technicalFilledCount = definitions.filter(
|
||||||
|
(definition) => hasAttributeValue(definition, attributeValues[definition.id]),
|
||||||
|
).length;
|
||||||
|
const missingRequiredTechnical = definitions.some(
|
||||||
|
(definition) => definition.isRequired && !hasAttributeValue(definition, attributeValues[definition.id]),
|
||||||
|
);
|
||||||
|
|
||||||
|
const handleContextChanged = (saved: AssetDetail) => {
|
||||||
|
setAsset(saved);
|
||||||
|
setParentId(saved.parent?.id ?? '');
|
||||||
|
setOperationalAreaId(saved.operationalArea?.id ?? '');
|
||||||
|
setOperatorCompanyId(saved.operatorCompany?.id ?? '');
|
||||||
|
setLineage([]);
|
||||||
|
getAssetLineage(saved.id).then(setLineage).catch(() => undefined);
|
||||||
|
setHistoryRefreshKey((current) => current + 1);
|
||||||
|
};
|
||||||
|
|
||||||
|
const renderAttributes = (): ReactNode => {
|
||||||
|
if (definitions.length === 0) {
|
||||||
|
return <div className="inline-empty">Este tipo no requiere datos técnicos adicionales.</div>;
|
||||||
|
}
|
||||||
|
|
||||||
|
return <div className="dynamic-attributes">
|
||||||
|
{definitions.map((definition) => {
|
||||||
|
const value = attributeValues[definition.id];
|
||||||
|
const label = <span>
|
||||||
|
{definition.name}{definition.unit ? ` (${definition.unit})` : ''}
|
||||||
|
{definition.isRequired ? <em>obligatorio</em> : <em>opcional</em>}
|
||||||
|
</span>;
|
||||||
|
|
||||||
|
if (definition.dataType === 'BOOLEAN') {
|
||||||
|
return <label className="check-row attribute-check" key={definition.id}>
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
checked={Boolean(value)}
|
||||||
|
onChange={(event) => setAttribute(definition.id, event.target.checked)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
/>
|
||||||
|
<span><strong>{definition.name}</strong><small>{definition.code}</small></span>
|
||||||
|
</label>;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (definition.dataType === 'SELECT') {
|
||||||
|
return <label className="field" key={definition.id}>
|
||||||
|
{label}
|
||||||
|
<SearchableSelect
|
||||||
|
value={String(value ?? '')}
|
||||||
|
onChange={(event) => setAttribute(definition.id, event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
required={definition.isRequired}
|
||||||
|
>
|
||||||
|
<option value="">Seleccionar…</option>
|
||||||
|
{definition.options?.map((option) =>
|
||||||
|
<option key={option} value={option}>{option}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
</label>;
|
||||||
|
}
|
||||||
|
|
||||||
|
const inputType = definition.dataType === 'NUMBER'
|
||||||
|
? 'number'
|
||||||
|
: definition.dataType === 'DATE'
|
||||||
|
? 'date'
|
||||||
|
: definition.dataType === 'DATETIME'
|
||||||
|
? 'datetime-local'
|
||||||
|
: 'text';
|
||||||
|
|
||||||
|
return <label className="field" key={definition.id}>
|
||||||
|
{label}
|
||||||
|
<input
|
||||||
|
type={inputType}
|
||||||
|
value={String(value ?? '')}
|
||||||
|
onChange={(event) => setAttribute(definition.id, event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
required={definition.isRequired}
|
||||||
|
step={definition.dataType === 'NUMBER' ? 'any' : undefined}
|
||||||
|
maxLength={definition.dataType === 'TEXT' ? 4000 : undefined}
|
||||||
|
/>
|
||||||
|
</label>;
|
||||||
|
})}
|
||||||
|
</div>;
|
||||||
|
};
|
||||||
|
|
||||||
|
const renderSaveActions = () => canSave && <div className="form-actions">
|
||||||
|
<Link className="button secondary" to="/inventarios">Cancelar</Link>
|
||||||
|
<button className="button primary" disabled={saving}>
|
||||||
|
<Icon name="check" />
|
||||||
|
{saving ? 'Guardando…' : editing && !canEdit ? 'Actualizar estado' : editing ? 'Guardar cambios' : 'Crear registro'}
|
||||||
|
</button>
|
||||||
|
</div>;
|
||||||
|
|
||||||
|
const renderCompactStructuralForm = () => <form className="panel form-panel asset-compact-form" onSubmit={save}>
|
||||||
|
<section className="asset-compact-section">
|
||||||
|
<div className="asset-compact-section-heading">
|
||||||
|
<div>
|
||||||
|
<h2>Datos principales</h2>
|
||||||
|
<p className="section-copy">Lo que se usa todos los días para reconocer este registro.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="form-grid asset-compact-primary-grid">
|
||||||
|
<label className="field">
|
||||||
|
<span>Nombre técnico</span>
|
||||||
|
<input
|
||||||
|
value={name}
|
||||||
|
onChange={(event) => setName(event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
required
|
||||||
|
maxLength={200}
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<label className="field">
|
||||||
|
<span>Nombre habitual / sobrenombre <em>opcional</em></span>
|
||||||
|
<input
|
||||||
|
value={commonName}
|
||||||
|
onChange={(event) => setCommonName(event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
maxLength={200}
|
||||||
|
placeholder="Ej.: planta vieja, celda principal…"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="asset-compact-meta">
|
||||||
|
<span><small>Código DH</small><strong>{code}</strong></span>
|
||||||
|
<span><small>Tipo</small><strong>{selectedType?.name ?? 'Sin tipo'}</strong></span>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section className="asset-compact-section">
|
||||||
|
<div className="asset-compact-section-heading">
|
||||||
|
<div>
|
||||||
|
<h2>Ubicación actual</h2>
|
||||||
|
<p className="section-copy">Dónde está contenido el elemento dentro del Inventario.</p>
|
||||||
|
</div>
|
||||||
|
{canReadHistory && id && <Link className="button secondary asset-compact-context-button" to={`/inventarios/${id}?tab=history`}>
|
||||||
|
<Icon name="edit" />Cambiar / ver historial
|
||||||
|
</Link>}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="asset-compact-context-grid">
|
||||||
|
<div className="asset-compact-context-item">
|
||||||
|
<small>Registro padre</small>
|
||||||
|
<strong>{asset?.parent?.name ?? 'Sin padre'}</strong>
|
||||||
|
{asset?.parent?.code && <span>{asset.parent.code}</span>}
|
||||||
|
</div>
|
||||||
|
<div className="asset-compact-context-item">
|
||||||
|
<small>Área</small>
|
||||||
|
<strong>{asset?.operationalArea?.name ?? 'Sin área asignada'}</strong>
|
||||||
|
{asset?.operationalArea?.code && <span>{asset.operationalArea.code}</span>}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
{(canChangeStatus || canChangeOperationalStatus) && <details className="asset-compact-details">
|
||||||
|
<summary>
|
||||||
|
<span><strong>Estado y opciones</strong><small>Calidad del dato y situación operativa</small></span>
|
||||||
|
<span aria-hidden="true">⌄</span>
|
||||||
|
</summary>
|
||||||
|
<div className="asset-compact-details-body">
|
||||||
|
<div className="form-grid">
|
||||||
|
{canChangeStatus && <label className="field">
|
||||||
|
<span>Estado del dato</span>
|
||||||
|
<SearchableSelect
|
||||||
|
value={status}
|
||||||
|
onChange={(event) => setStatus(event.target.value as AssetInformationStatus)}
|
||||||
|
disabled={!canEdit && !canChangeStatus}
|
||||||
|
>
|
||||||
|
{ASSET_STATUSES.map((item) =>
|
||||||
|
<option key={item.value} value={item.value}>{item.label}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
</label>}
|
||||||
|
{canChangeOperationalStatus && <label className="field">
|
||||||
|
<span>Estado operativo</span>
|
||||||
|
<SearchableSelect
|
||||||
|
value={operationalStatus}
|
||||||
|
onChange={(event) => setOperationalStatus(event.target.value as AssetOperationalStatus)}
|
||||||
|
>
|
||||||
|
{ASSET_OPERATIONAL_STATUSES.map((item) =>
|
||||||
|
<option key={item.value} value={item.value}>{item.label}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
</label>}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>}
|
||||||
|
|
||||||
|
<details className="asset-compact-details" open={missingRequiredTechnical || canDirectContextEdit}>
|
||||||
|
<summary>
|
||||||
|
<span>
|
||||||
|
<strong>Más datos</strong>
|
||||||
|
<small>
|
||||||
|
{description.trim() ? 'Descripción cargada' : 'Sin descripción'}
|
||||||
|
{' · '}
|
||||||
|
{technicalFilledCount}/{definitions.length} datos técnicos cargados
|
||||||
|
</small>
|
||||||
|
</span>
|
||||||
|
<span aria-hidden="true">⌄</span>
|
||||||
|
</summary>
|
||||||
|
<div className="asset-compact-details-body">
|
||||||
|
<div className="form-grid">
|
||||||
|
<label className="field">
|
||||||
|
<span>Código DH</span>
|
||||||
|
<input
|
||||||
|
value={code}
|
||||||
|
onChange={(event) => setCode(event.target.value.toUpperCase())}
|
||||||
|
disabled={!canEdit}
|
||||||
|
required
|
||||||
|
maxLength={120}
|
||||||
|
pattern="[A-Z0-9][A-Z0-9._/-]*"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
{canDirectContextEdit && <label className="field">
|
||||||
|
<span>Tipo de elemento</span>
|
||||||
|
<SearchableSelect
|
||||||
|
value={typeId}
|
||||||
|
onChange={(event) => changeType(event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<option value="">Seleccionar…</option>
|
||||||
|
{types.filter((type) => type.isActive || type.id === typeId).map((type) =>
|
||||||
|
<option key={type.id} value={type.id}>{type.name}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
</label>}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{canDirectContextEdit && <div className="form-grid">
|
||||||
|
<div className="field parent-picker">
|
||||||
|
<span>Registro padre {!selectedType?.canBeRoot && <em>obligatorio</em>}</span>
|
||||||
|
<input
|
||||||
|
className="parent-search"
|
||||||
|
value={parentSearch}
|
||||||
|
onChange={(event) => setParentSearch(event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
placeholder="Buscar planta, batería, estación…"
|
||||||
|
/>
|
||||||
|
<SearchableSelect
|
||||||
|
value={parentId}
|
||||||
|
onChange={(event) => {
|
||||||
|
setParentId(event.target.value);
|
||||||
|
setParentSearch('');
|
||||||
|
}}
|
||||||
|
disabled={!canEdit}
|
||||||
|
required={!selectedType?.canBeRoot}
|
||||||
|
>
|
||||||
|
<option value="">
|
||||||
|
{selectedType?.canBeRoot ? 'Sin padre · registro raíz' : 'Seleccionar registro padre…'}
|
||||||
|
</option>
|
||||||
|
{parents.map((parent) =>
|
||||||
|
<option key={parent.id} value={parent.id}>{parent.name} · {parent.code} ({parent.type.name})</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{selectedType?.operationalRole === 'GENERIC' && canReadRelations && <label className="field">
|
||||||
|
<span>Área</span>
|
||||||
|
<SearchableSelect
|
||||||
|
value={operationalAreaId}
|
||||||
|
onChange={(event) => setOperationalAreaId(event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
>
|
||||||
|
<option value="">Sin asignación operativa</option>
|
||||||
|
{operationalAreas.map((area) =>
|
||||||
|
<option key={area.id} value={area.id}>{area.name}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
</label>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
<label className="field">
|
||||||
|
<span>Descripción <em>opcional</em></span>
|
||||||
|
<textarea
|
||||||
|
value={description}
|
||||||
|
onChange={(event) => setDescription(event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
maxLength={4000}
|
||||||
|
rows={2}
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<div className="asset-compact-technical">
|
||||||
|
<div>
|
||||||
|
<h3>Datos técnicos</h3>
|
||||||
|
<p className="section-copy">Sólo completá lo que corresponda para este tipo.</p>
|
||||||
|
</div>
|
||||||
|
{renderAttributes()}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
|
||||||
|
{renderSaveActions()}
|
||||||
|
</form>;
|
||||||
|
|
||||||
|
const renderFullForm = () => <form className="panel form-panel" onSubmit={save}>
|
||||||
|
<div className="form-section">
|
||||||
|
<div>
|
||||||
|
<h2>Identificación</h2>
|
||||||
|
<p className="section-copy">Conservá el nombre técnico y, cuando exista, agregá el nombre habitual usado en campo.</p>
|
||||||
|
</div>
|
||||||
|
<div className="form-grid">
|
||||||
|
<label className="field">
|
||||||
|
<span>Código DH</span>
|
||||||
|
<input
|
||||||
|
value={code}
|
||||||
|
onChange={(event) => setCode(event.target.value.toUpperCase())}
|
||||||
|
disabled={!canEdit}
|
||||||
|
required
|
||||||
|
maxLength={120}
|
||||||
|
pattern="[A-Z0-9][A-Z0-9._/-]*"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<label className="field">
|
||||||
|
<span>Nombre técnico</span>
|
||||||
|
<input value={name} onChange={(event) => setName(event.target.value)} disabled={!canEdit} required maxLength={200} />
|
||||||
|
</label>
|
||||||
|
<label className="field">
|
||||||
|
<span>Nombre habitual / sobrenombre <em>opcional</em></span>
|
||||||
|
<input
|
||||||
|
value={commonName}
|
||||||
|
onChange={(event) => setCommonName(event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
maxLength={200}
|
||||||
|
placeholder="Ej.: tanque grande, ET vieja, batería norte…"
|
||||||
|
/>
|
||||||
|
<small>También se usa en las búsquedas del Inventario.</small>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<label className="field">
|
||||||
|
<span>Descripción <em>opcional</em></span>
|
||||||
|
<textarea
|
||||||
|
value={description}
|
||||||
|
onChange={(event) => setDescription(event.target.value)}
|
||||||
|
disabled={!canEdit}
|
||||||
|
maxLength={4000}
|
||||||
|
rows={2}
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="form-section">
|
||||||
|
<div>
|
||||||
|
<h2>Ubicación en la estructura</h2>
|
||||||
|
<p className="section-copy">
|
||||||
|
Elegí qué es y dónde está contenido. La ubicación física es independiente de la Operadora del Área.
|
||||||
|
Los registros ya consolidados cambian de ubicación desde el bloque histórico inferior.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="form-grid">
|
||||||
|
<label className="field">
|
||||||
|
<span>Tipo de elemento</span>
|
||||||
|
<SearchableSelect
|
||||||
|
value={typeId}
|
||||||
|
onChange={(event) => changeType(event.target.value)}
|
||||||
|
disabled={(editing && !(asset?.dataOrigin === 'FIELD_SURVEY' && asset.informationStatus === 'DRAFT')) || !canEdit}
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<option value="">Seleccionar…</option>
|
||||||
|
{types.filter((type) => type.isActive || type.id === typeId).map((type) =>
|
||||||
|
<option key={type.id} value={type.id}>{type.name}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<div className="field parent-picker">
|
||||||
|
<span>Registro padre {!selectedType?.canBeRoot && <em>obligatorio</em>}</span>
|
||||||
|
<input
|
||||||
|
className="parent-search"
|
||||||
|
value={parentSearch}
|
||||||
|
onChange={(event) => setParentSearch(event.target.value)}
|
||||||
|
disabled={!canEdit || !canDirectContextEdit}
|
||||||
|
placeholder="Buscar planta, batería, estación…"
|
||||||
|
/>
|
||||||
|
<SearchableSelect
|
||||||
|
value={parentId}
|
||||||
|
onChange={(event) => {
|
||||||
|
setParentId(event.target.value);
|
||||||
|
setParentSearch('');
|
||||||
|
}}
|
||||||
|
disabled={!canEdit || !canDirectContextEdit}
|
||||||
|
required={!selectedType?.canBeRoot}
|
||||||
|
>
|
||||||
|
<option value="">
|
||||||
|
{selectedType?.canBeRoot ? 'Sin padre · registro raíz' : 'Seleccionar registro padre…'}
|
||||||
|
</option>
|
||||||
|
{parents.map((parent) =>
|
||||||
|
<option key={parent.id} value={parent.id}>{parent.name} · {parent.code} ({parent.type.name})</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
<small>Escribí para buscar entre los registros compatibles.</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="form-grid">
|
||||||
|
{canChangeStatus && <label className="field">
|
||||||
|
<span>Estado del dato</span>
|
||||||
|
<SearchableSelect
|
||||||
|
value={status}
|
||||||
|
onChange={(event) => setStatus(event.target.value as AssetInformationStatus)}
|
||||||
|
disabled={!canEdit && !canChangeStatus}
|
||||||
|
>
|
||||||
|
{ASSET_STATUSES.map((item) =>
|
||||||
|
<option key={item.value} value={item.value}>{item.label}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
<small>Calidad y validación del registro.</small>
|
||||||
|
</label>}
|
||||||
|
|
||||||
|
{editing && canChangeOperationalStatus && <label className="field">
|
||||||
|
<span>Estado operativo</span>
|
||||||
|
<SearchableSelect
|
||||||
|
value={operationalStatus}
|
||||||
|
onChange={(event) => setOperationalStatus(event.target.value as AssetOperationalStatus)}
|
||||||
|
>
|
||||||
|
{ASSET_OPERATIONAL_STATUSES.map((item) =>
|
||||||
|
<option key={item.value} value={item.value}>{item.label}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
<small>Situación física u operativa del elemento.</small>
|
||||||
|
</label>}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{selectedType?.operationalRole === 'GENERIC' && canReadRelations && <div className="form-section">
|
||||||
|
<div>
|
||||||
|
<h2>{editing ? 'Área física' : 'Área y operadora al alta'}</h2>
|
||||||
|
<p className="section-copy">
|
||||||
|
{editing
|
||||||
|
? 'El Inventario pertenece físicamente al Área. La Operadora vigente se administra en las relaciones temporales del Área y no se reescribe dentro del Inventario.'
|
||||||
|
: 'Al crear el registro, la Operadora activa del Área queda guardada únicamente como snapshot histórico de alta.'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="form-grid">
|
||||||
|
<label className="field">
|
||||||
|
<span>Área</span>
|
||||||
|
<SearchableSelect
|
||||||
|
value={operationalAreaId}
|
||||||
|
onChange={(event) => {
|
||||||
|
setOperationalAreaId(event.target.value);
|
||||||
|
if (!editing) setOperatorCompanyId('');
|
||||||
|
}}
|
||||||
|
disabled={!canEdit || !canDirectContextEdit}
|
||||||
|
>
|
||||||
|
<option value="">Sin asignación operativa</option>
|
||||||
|
{operationalAreas.map((area) =>
|
||||||
|
<option key={area.id} value={area.id}>{area.name}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
{editing && <small>La Operadora se resuelve por la relación Área↔Empresa vigente.</small>}
|
||||||
|
</label>
|
||||||
|
|
||||||
|
{!editing && <label className="field">
|
||||||
|
<span>Operadora {operationalAreaId && <em>obligatoria</em>}</span>
|
||||||
|
<SearchableSelect
|
||||||
|
value={operatorCompanyId}
|
||||||
|
onChange={(event) => setOperatorCompanyId(event.target.value)}
|
||||||
|
disabled={!canEdit || !operationalAreaId}
|
||||||
|
required={Boolean(operationalAreaId)}
|
||||||
|
>
|
||||||
|
<option value="">{operationalAreaId ? 'Seleccionar operadora…' : 'Primero seleccioná un área'}</option>
|
||||||
|
{operationalCompanies.map((company) =>
|
||||||
|
<option key={company.id} value={company.id}>{company.name}</option>)}
|
||||||
|
</SearchableSelect>
|
||||||
|
</label>}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{!editing && operationalAreaId && operatorCompanyId && <div className="temporal-notice">
|
||||||
|
<Icon name="check" />
|
||||||
|
<p><strong>Contexto de alta confirmado.</strong> La Operadora seleccionada se conservará como referencia histórica; futuros cambios se harán en la relación temporal del Área.</p>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{editing && asset?.operatorCompany && <div className="temporal-notice">
|
||||||
|
<Icon name="layers" />
|
||||||
|
<p><strong>Snapshot histórico de alta:</strong> {asset.operatorCompany.name}. No se modifica desde este registro.</p>
|
||||||
|
</div>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
<div className="form-section">
|
||||||
|
<div>
|
||||||
|
<h2>Datos técnicos</h2>
|
||||||
|
<p className="section-copy">Campos definidos para el tipo seleccionado.</p>
|
||||||
|
</div>
|
||||||
|
{renderAttributes()}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{renderSaveActions()}
|
||||||
|
</form>;
|
||||||
|
|
||||||
return <section className="narrow-section asset-detail-page">
|
return <section className="narrow-section asset-detail-page">
|
||||||
<nav className="breadcrumb asset-detail-breadcrumb" aria-label="Ruta del inventario">
|
<nav className="breadcrumb asset-detail-breadcrumb" aria-label="Ruta del inventario">
|
||||||
<Link to="/inventarios">Inventarios</Link><span>›</span>
|
<Link to="/inventarios">Inventarios</Link><span>›</span>
|
||||||
<Link to={breadcrumbSection === 'companies' ? '/inventarios?section=companies' : '/inventarios?section=territory'}>{breadcrumbSection === 'companies' ? 'Empresas' : 'Áreas y yacimientos'}</Link>
|
<Link to={breadcrumbSection === 'companies' ? '/inventarios?section=companies' : '/inventarios?section=territory'}>
|
||||||
|
{breadcrumbSection === 'companies' ? 'Empresas' : 'Áreas y yacimientos'}
|
||||||
|
</Link>
|
||||||
{lineage.map((item, index) => {
|
{lineage.map((item, index) => {
|
||||||
const isLast = index === lineage.length - 1;
|
const isLast = index === lineage.length - 1;
|
||||||
const showAsCurrent = editing ? isLast : false;
|
const showAsCurrent = editing ? isLast : false;
|
||||||
return <span className="asset-detail-crumb-part" key={item.id}><span>›</span>{showAsCurrent ? <strong>{item.name}</strong> : <Link to={`/inventarios?section=${breadcrumbSection}&parentId=${item.id}`}>{item.name}</Link>}</span>;
|
return <span className="asset-detail-crumb-part" key={item.id}>
|
||||||
|
<span>›</span>
|
||||||
|
{showAsCurrent
|
||||||
|
? <strong>{item.name}</strong>
|
||||||
|
: <Link to={`/inventarios?section=${breadcrumbSection}&parentId=${item.id}`}>{item.name}</Link>}
|
||||||
|
</span>;
|
||||||
})}
|
})}
|
||||||
{!editing && <><span>›</span><strong>Nuevo registro</strong></>}
|
{!editing && <><span>›</span><strong>Nuevo registro</strong></>}
|
||||||
</nav>
|
</nav>
|
||||||
<div className="page-heading asset-editor-heading"><div><span className="eyebrow">INVENTARIO</span><h1>{editing ? asset?.name ?? 'Registro' : contextParent ? `Agregar en ${contextParent.name}` : 'Nuevo registro'}</h1><p>{editing ? `${asset?.type.name} · ${asset?.code}` : contextParent ? `El sistema heredará el contexto disponible de ${contextParent.code}.` : 'Creá una entidad con identidad, jerarquía y atributos propios.'}</p></div><div className="asset-heading-actions">{editing && asset && <div className="heading-statuses"><span className={`status-badge ${assetStatusClass(asset.informationStatus)}`}>{assetStatusLabel(asset.informationStatus)}</span><small>{assetOperationalStatusLabel(asset.operationalStatus)}</small></div>}{editing && id && canCreate && <Link className="button primary" to={`/inventarios/nuevo?parentId=${id}`}><Icon name="plus" />Agregar registro aquí</Link>}</div></div>
|
|
||||||
{error && <Alert>{error}</Alert>}{success && <Alert type="success">{success}</Alert>}
|
|
||||||
|
|
||||||
{editing && <nav className="asset-detail-tabs">{detailTabs.filter((item) => item.show).map((item) => <Link key={item.key} className={tab === item.key ? 'active' : ''} to={`/inventarios/${id}${item.key === 'summary' ? '' : `?tab=${item.key}`}`}>{item.label}</Link>)}</nav>}
|
<div className="page-heading asset-editor-heading">
|
||||||
|
<div>
|
||||||
|
<span className="eyebrow">INVENTARIO</span>
|
||||||
|
<h1>{editing ? asset?.name ?? 'Registro' : contextParent ? `Agregar en ${contextParent.name}` : 'Nuevo registro'}</h1>
|
||||||
|
<p>
|
||||||
|
{editing
|
||||||
|
? `${asset?.type.name} · ${asset?.code}`
|
||||||
|
: contextParent
|
||||||
|
? `El sistema heredará el contexto disponible de ${contextParent.code}.`
|
||||||
|
: 'Creá una entidad con identidad, jerarquía y atributos propios.'}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="asset-heading-actions">
|
||||||
|
{editing && asset && <div className="heading-statuses">
|
||||||
|
<span className={`status-badge ${assetStatusClass(asset.informationStatus)}`}>
|
||||||
|
{assetStatusLabel(asset.informationStatus)}
|
||||||
|
</span>
|
||||||
|
<small>{assetOperationalStatusLabel(asset.operationalStatus)}</small>
|
||||||
|
</div>}
|
||||||
|
{editing && id && canCreate && <Link className="button primary" to={`/inventarios/nuevo?parentId=${id}`}>
|
||||||
|
<Icon name="plus" />Agregar registro aquí
|
||||||
|
</Link>}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{error && <Alert>{error}</Alert>}
|
||||||
|
{success && <Alert type="success">{success}</Alert>}
|
||||||
|
|
||||||
|
{editing && <nav className="asset-detail-tabs">
|
||||||
|
{detailTabs.filter((item) => item.show).map((item) =>
|
||||||
|
<Link
|
||||||
|
key={item.key}
|
||||||
|
className={tab === item.key ? 'active' : ''}
|
||||||
|
to={`/inventarios/${id}${item.key === 'summary' ? '' : `?tab=${item.key}`}`}
|
||||||
|
>
|
||||||
|
{item.label}
|
||||||
|
</Link>)}
|
||||||
|
</nav>}
|
||||||
|
|
||||||
{(!editing || tab === 'summary') && <>
|
{(!editing || tab === 'summary') && <>
|
||||||
{contextParent && !editing && <div className="context-create-banner"><Icon name="layers" /><div><strong>Alta contextual</strong><span>{contextParent.name} · {contextParent.code}</span></div><Link to={`/inventarios/${contextParent.id}`}>Ver padre</Link></div>}
|
{contextParent && !editing && <div className="context-create-banner">
|
||||||
<form className="panel form-panel" onSubmit={save}>
|
<Icon name="layers" />
|
||||||
<div className="form-section"><div><h2>Identificación</h2><p className="section-copy">Conservá el nombre técnico y, cuando exista, agregá el nombre habitual usado en campo.</p></div><div className="form-grid"><label className="field"><span>Código DH</span><input value={code} onChange={(event) => setCode(event.target.value.toUpperCase())} disabled={!canEdit} required maxLength={120} pattern="[A-Z0-9][A-Z0-9._/-]*" /></label><label className="field"><span>Nombre técnico</span><input value={name} onChange={(event) => setName(event.target.value)} disabled={!canEdit} required maxLength={200} /></label><label className="field"><span>Nombre habitual / sobrenombre <em>opcional</em></span><input value={commonName} onChange={(event) => setCommonName(event.target.value)} disabled={!canEdit} maxLength={200} placeholder="Ej.: tanque grande, ET vieja, batería norte…" /><small>También se usa en las búsquedas del Inventario.</small></label></div><label className="field"><span>Descripción <em>opcional</em></span><textarea value={description} onChange={(event) => setDescription(event.target.value)} disabled={!canEdit} maxLength={4000} rows={2} /></label></div>
|
<div><strong>Alta contextual</strong><span>{contextParent.name} · {contextParent.code}</span></div>
|
||||||
|
<Link to={`/inventarios/${contextParent.id}`}>Ver padre</Link>
|
||||||
|
</div>}
|
||||||
|
|
||||||
<div className="form-section"><div><h2>Ubicación en la estructura</h2><p className="section-copy">Elegí qué es y dónde está contenido. La ubicación física es independiente de la Operadora del Área. Los registros ya consolidados cambian de ubicación desde el bloque histórico inferior.</p></div><div className="form-grid"><label className="field"><span>Tipo de elemento</span><SearchableSelect value={typeId} onChange={(event) => changeType(event.target.value)} disabled={(editing && !(asset?.dataOrigin === 'FIELD_SURVEY' && asset.informationStatus === 'DRAFT')) || !canEdit} required><option value="">Seleccionar…</option>{types.filter((type) => type.isActive || type.id === typeId).map((type) => <option key={type.id} value={type.id}>{type.name}</option>)}</SearchableSelect></label><div className="field parent-picker"><span>Registro padre {!selectedType?.canBeRoot && <em>obligatorio</em>}</span><input className="parent-search" value={parentSearch} onChange={(event) => setParentSearch(event.target.value)} disabled={!canEdit || !canDirectContextEdit} placeholder="Buscar planta, batería, estación…" /><SearchableSelect value={parentId} onChange={(event) => { setParentId(event.target.value); setParentSearch(''); }} disabled={!canEdit || !canDirectContextEdit} required={!selectedType?.canBeRoot}><option value="">{selectedType?.canBeRoot ? 'Sin padre · registro raíz' : 'Seleccionar registro padre…'}</option>{parents.map((parent) => <option key={parent.id} value={parent.id}>{parent.name} · {parent.code} ({parent.type.name})</option>)}</SearchableSelect><small>Escribí para buscar entre los registros compatibles.</small></div></div><div className="form-grid">{canChangeStatus && <label className="field"><span>Estado del dato</span><SearchableSelect value={status} onChange={(event) => setStatus(event.target.value as AssetInformationStatus)} disabled={!canEdit && !canChangeStatus}>{ASSET_STATUSES.map((item) => <option key={item.value} value={item.value}>{item.label}</option>)}</SearchableSelect><small>Calidad y validación del registro.</small></label>}{editing && canChangeOperationalStatus && <label className="field"><span>Estado operativo</span><SearchableSelect value={operationalStatus} onChange={(event) => setOperationalStatus(event.target.value as AssetOperationalStatus)}>{ASSET_OPERATIONAL_STATUSES.map((item) => <option key={item.value} value={item.value}>{item.label}</option>)}</SearchableSelect><small>Situación física u operativa del elemento.</small></label>}</div></div>
|
{compactStructuralSummary ? renderCompactStructuralForm() : renderFullForm()}
|
||||||
|
|
||||||
{selectedType?.operationalRole === 'GENERIC' && canReadRelations && <div className="form-section"><div><h2>{editing ? 'Área física' : 'Área y operadora al alta'}</h2><p className="section-copy">{editing ? 'El Inventario pertenece físicamente al Área. La Operadora vigente se administra en las relaciones temporales del Área y no se reescribe dentro del Inventario.' : 'Al crear el registro, la Operadora activa del Área queda guardada únicamente como snapshot histórico de alta.'}</p></div><div className="form-grid"><label className="field"><span>Área</span><SearchableSelect value={operationalAreaId} onChange={(event) => { setOperationalAreaId(event.target.value); if (!editing) setOperatorCompanyId(''); }} disabled={!canEdit || !canDirectContextEdit}><option value="">Sin asignación operativa</option>{operationalAreas.map((area) => <option key={area.id} value={area.id}>{area.name}</option>)}</SearchableSelect>{editing && <small>La Operadora se resuelve por la relación Área↔Empresa vigente.</small>}</label>{!editing && <label className="field"><span>Operadora {operationalAreaId && <em>obligatoria</em>}</span><SearchableSelect value={operatorCompanyId} onChange={(event) => setOperatorCompanyId(event.target.value)} disabled={!canEdit || !operationalAreaId} required={Boolean(operationalAreaId)}><option value="">{operationalAreaId ? 'Seleccionar operadora…' : 'Primero seleccioná un área'}</option>{operationalCompanies.map((company) => <option key={company.id} value={company.id}>{company.name}</option>)}</SearchableSelect></label>}</div>{!editing && operationalAreaId && operatorCompanyId && <div className="temporal-notice"><Icon name="check" /><p><strong>Contexto de alta confirmado.</strong> La Operadora seleccionada se conservará como referencia histórica; futuros cambios se harán en la relación temporal del Área.</p></div>}{editing && asset?.operatorCompany && <div className="temporal-notice"><Icon name="layers" /><p><strong>Snapshot histórico de alta:</strong> {asset.operatorCompany.name}. No se modifica desde este registro.</p></div>}</div>}
|
{!compactStructuralSummary && editing && id && asset && selectedType && canReadHistory
|
||||||
|
&& <AssetContextHistoryPanel
|
||||||
|
asset={asset}
|
||||||
|
type={selectedType}
|
||||||
|
canManage={canManageContext}
|
||||||
|
onChanged={handleContextChanged}
|
||||||
|
/>}
|
||||||
|
|
||||||
<div className="form-section"><div><h2>Datos técnicos</h2><p className="section-copy">Campos definidos para el tipo seleccionado.</p></div>{definitions.length === 0 ? <div className="inline-empty">Este tipo no requiere datos técnicos adicionales.</div> : <div className="dynamic-attributes">{definitions.map((definition) => { const value = attributeValues[definition.id]; const label = <span>{definition.name}{definition.unit ? ` (${definition.unit})` : ''}{definition.isRequired ? <em>obligatorio</em> : <em>opcional</em>}</span>; if (definition.dataType === 'BOOLEAN') return <label className="check-row attribute-check" key={definition.id}><input type="checkbox" checked={Boolean(value)} onChange={(event) => setAttribute(definition.id, event.target.checked)} disabled={!canEdit} /><span><strong>{definition.name}</strong><small>{definition.code}</small></span></label>; if (definition.dataType === 'SELECT') return <label className="field" key={definition.id}>{label}<SearchableSelect value={String(value ?? '')} onChange={(event) => setAttribute(definition.id, event.target.value)} disabled={!canEdit} required={definition.isRequired}><option value="">Seleccionar…</option>{definition.options?.map((option) => <option key={option} value={option}>{option}</option>)}</SearchableSelect></label>; const inputType = definition.dataType === 'NUMBER' ? 'number' : definition.dataType === 'DATE' ? 'date' : definition.dataType === 'DATETIME' ? 'datetime-local' : 'text'; return <label className="field" key={definition.id}>{label}<input type={inputType} value={String(value ?? '')} onChange={(event) => setAttribute(definition.id, event.target.value)} disabled={!canEdit} required={definition.isRequired} step={definition.dataType === 'NUMBER' ? 'any' : undefined} maxLength={definition.dataType === 'TEXT' ? 4000 : undefined} /></label>; })}</div>}</div>
|
{editing && id && asset && canReadRelations && selectedType && selectedType.operationalRole !== 'GENERIC'
|
||||||
{canSave && <div className="form-actions"><Link className="button secondary" to="/inventarios">Cancelar</Link><button className="button primary" disabled={saving}><Icon name="check" />{saving ? 'Guardando…' : editing && !canEdit ? 'Actualizar estado' : editing ? 'Guardar cambios' : 'Crear registro'}</button></div>}
|
&& <AssetOperationalRelationsPanel assetId={id} role={selectedType.operationalRole} canManage={canManageRelations} />}
|
||||||
</form>
|
|
||||||
{editing && id && asset && selectedType && canReadHistory && <AssetContextHistoryPanel asset={asset} type={selectedType} canManage={canManageContext} onChanged={(saved) => { setAsset(saved); setParentId(saved.parent?.id ?? ''); setOperationalAreaId(saved.operationalArea?.id ?? ''); setOperatorCompanyId(saved.operatorCompany?.id ?? ''); setLineage([]); getAssetLineage(saved.id).then(setLineage).catch(() => undefined); setHistoryRefreshKey((current) => current + 1); }} />}
|
|
||||||
{editing && id && asset && canReadRelations && selectedType && selectedType.operationalRole !== 'GENERIC' && <AssetOperationalRelationsPanel assetId={id} role={selectedType.operationalRole} canManage={canManageRelations} />}
|
|
||||||
</>}
|
</>}
|
||||||
|
|
||||||
{editing && id && asset && tab === 'findings' && canReadFindingCatalog && <AssetFindingCatalogPanel assetId={id} canManage={canManageFindingCatalog} />}
|
{editing && id && asset && tab === 'findings' && canReadFindingCatalog
|
||||||
{editing && id && asset && tab === 'dossier' && canReadDossier && <AssetDossierPanel assetId={id} />}
|
&& <AssetFindingCatalogPanel assetId={id} canManage={canManageFindingCatalog} />}
|
||||||
{editing && id && asset && tab === 'location' && <Suspense fallback={<div className="panel"><LoadingBlock label="Cargando ubicación…" /></div>}><AssetGeometryEditor assetId={id} assetName={asset.name} canEdit={canEditGeometry} onChanged={() => setHistoryRefreshKey((current) => current + 1)} /></Suspense>}
|
|
||||||
{editing && id && asset && tab === 'registry' && <div className="asset-tab-stack">{canReadRegistry && selectedType && <AssetRegistryPanel assetId={id} assetName={asset.name} role={selectedType.operationalRole} canManage={canManageRegistry} onChanged={() => setHistoryRefreshKey((current) => current + 1)} />}{canReadProvenance && <AssetProvenancePanel assetId={id} canManage={canManageProvenance} canVerify={canVerifyProvenance} onChanged={() => setHistoryRefreshKey((current) => current + 1)} />}</div>}
|
{editing && id && asset && tab === 'dossier' && canReadDossier
|
||||||
{editing && id && asset && tab === 'files' && canReadMedia && <AssetMediaPanel assetId={id} assetName={asset.name} canManage={canManageMedia} onChanged={() => setHistoryRefreshKey((current) => current + 1)} />}
|
&& <AssetDossierPanel assetId={id} />}
|
||||||
{editing && id && tab === 'history' && canReadHistory && <AssetHistoryPanel assetId={id} refreshKey={historyRefreshKey} />}
|
|
||||||
|
{editing && id && asset && tab === 'location'
|
||||||
|
&& <Suspense fallback={<div className="panel"><LoadingBlock label="Cargando ubicación…" /></div>}>
|
||||||
|
<AssetGeometryEditor
|
||||||
|
assetId={id}
|
||||||
|
assetName={asset.name}
|
||||||
|
canEdit={canEditGeometry}
|
||||||
|
onChanged={() => setHistoryRefreshKey((current) => current + 1)}
|
||||||
|
/>
|
||||||
|
</Suspense>}
|
||||||
|
|
||||||
|
{editing && id && asset && tab === 'registry' && <div className="asset-tab-stack">
|
||||||
|
{canReadRegistry && selectedType && <AssetRegistryPanel
|
||||||
|
assetId={id}
|
||||||
|
assetName={asset.name}
|
||||||
|
role={selectedType.operationalRole}
|
||||||
|
canManage={canManageRegistry}
|
||||||
|
onChanged={() => setHistoryRefreshKey((current) => current + 1)}
|
||||||
|
/>}
|
||||||
|
{canReadProvenance && <AssetProvenancePanel
|
||||||
|
assetId={id}
|
||||||
|
canManage={canManageProvenance}
|
||||||
|
canVerify={canVerifyProvenance}
|
||||||
|
onChanged={() => setHistoryRefreshKey((current) => current + 1)}
|
||||||
|
/>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{editing && id && asset && tab === 'files' && canReadMedia
|
||||||
|
&& <AssetMediaPanel
|
||||||
|
assetId={id}
|
||||||
|
assetName={asset.name}
|
||||||
|
canManage={canManageMedia}
|
||||||
|
onChanged={() => setHistoryRefreshKey((current) => current + 1)}
|
||||||
|
/>}
|
||||||
|
|
||||||
|
{editing && id && tab === 'history' && canReadHistory && <div className="asset-tab-stack">
|
||||||
|
{compactStructuralSummary && asset && selectedType && <AssetContextHistoryPanel
|
||||||
|
asset={asset}
|
||||||
|
type={selectedType}
|
||||||
|
canManage={canManageContext}
|
||||||
|
onChanged={handleContextChanged}
|
||||||
|
/>}
|
||||||
|
<AssetHistoryPanel assetId={id} refreshKey={historyRefreshKey} />
|
||||||
|
</div>}
|
||||||
</section>;
|
</section>;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,203 +1,305 @@
|
|||||||
import { useEffect, useMemo, useState } from 'react';
|
import { useEffect, useMemo, useState } from 'react';
|
||||||
import { Link } from 'react-router';
|
import { useAuth } from '../auth/AuthContext';
|
||||||
import { Alert, LoadingBlock, errorMessage } from '../components/Feedback';
|
import { Alert, LoadingBlock, errorMessage } from '../components/Feedback';
|
||||||
import { Icon } from '../components/Icon';
|
import { Icon } from '../components/Icon';
|
||||||
import { getFindingCatalogAdmin, listAssetTypes } from '../lib/api';
|
import {
|
||||||
import type { AssetType, FindingAdminCatalog } from '../lib/api';
|
createInventoryFamily,
|
||||||
import { listInventoryFamiliesAdmin } from '../lib/inventoryStructureApi';
|
createInventoryFamilyAttribute,
|
||||||
import type { InventoryFamily } from '../lib/inventoryStructureApi';
|
getInventoryFamilyAttributes,
|
||||||
|
listInventoryFamiliesAdmin,
|
||||||
|
updateInventoryFamily,
|
||||||
|
updateInventoryFamilyAttribute,
|
||||||
|
} from '../lib/inventoryStructureApi';
|
||||||
|
import type {
|
||||||
|
InventoryFamily,
|
||||||
|
InventoryFamilyAttribute,
|
||||||
|
InventoryFamilyAttributeDataType,
|
||||||
|
} from '../lib/inventoryStructureApi';
|
||||||
|
|
||||||
type CanonicalKind = 'EMPRESA' | 'DEPARTAMENTO' | 'AREA' | 'YACIMIENTO' | 'INSTALACION' | 'SUBINSTALACION';
|
type FamilyLevel = 'INSTALLATION' | 'SUBINSTALLATION';
|
||||||
|
|
||||||
type StructuralField = {
|
const FIELD_TYPES: Array<{ value: InventoryFamilyAttributeDataType; label: string }> = [
|
||||||
label: string;
|
{ value: 'TEXT', label: 'Texto' },
|
||||||
detail: string;
|
{ value: 'NUMBER', label: 'Número' },
|
||||||
required?: boolean;
|
{ value: 'DATE', label: 'Fecha' },
|
||||||
relation?: boolean;
|
{ value: 'BOOLEAN', label: 'Sí / No' },
|
||||||
};
|
|
||||||
|
|
||||||
const LEVELS: Array<{ kind: CanonicalKind; label: string; description: string; fields: StructuralField[] }> = [
|
|
||||||
{
|
|
||||||
kind: 'EMPRESA',
|
|
||||||
label: 'Empresa',
|
|
||||||
description: 'Maestro independiente. La Empresa se relaciona directamente con uno o más Yacimientos.',
|
|
||||||
fields: [{ label: 'Nombre', detail: 'Nombre de la Empresa / Operadora.', required: true }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
kind: 'DEPARTAMENTO',
|
|
||||||
label: 'Departamento',
|
|
||||||
description: 'Raíz territorial. No depende de ningún otro nivel.',
|
|
||||||
fields: [{ label: 'Nombre', detail: 'Nombre del Departamento.', required: true }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
kind: 'AREA',
|
|
||||||
label: 'Área',
|
|
||||||
description: 'El Área sólo tiene Nombre y pertenece obligatoriamente a un Departamento.',
|
|
||||||
fields: [
|
|
||||||
{ label: 'Departamento', detail: 'Relación obligatoria Departamento → Área.', required: true, relation: true },
|
|
||||||
{ label: 'Nombre', detail: 'Nombre del Área.', required: true },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
kind: 'YACIMIENTO',
|
|
||||||
label: 'Yacimiento',
|
|
||||||
description: 'El Yacimiento concentra el contexto operativo: Área, Tipo de concesión y Empresa relacionada.',
|
|
||||||
fields: [
|
|
||||||
{ label: 'Área', detail: 'Relación obligatoria Área → Yacimiento.', required: true, relation: true },
|
|
||||||
{ label: 'Tipo de concesión', detail: 'Explotación o Exploración, según la fuente.', required: true, relation: true },
|
|
||||||
{ label: 'Empresa relacionada', detail: 'Empresa / Operadora asociada directamente al Yacimiento.', required: true, relation: true },
|
|
||||||
{ label: 'Nombre', detail: 'Nombre del Yacimiento. Puede repetirse en otra Área.', required: true },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
kind: 'INSTALACION',
|
|
||||||
label: 'Instalación',
|
|
||||||
description: 'Cada Instalación pertenece a un Yacimiento y posee una clasificación técnica.',
|
|
||||||
fields: [
|
|
||||||
{ label: 'Yacimiento', detail: 'Relación obligatoria Yacimiento → Instalación.', required: true, relation: true },
|
|
||||||
{ label: 'Tipo de instalación', detail: 'Clasificación técnica tomada del modelo de Instalaciones.', required: true, relation: true },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
kind: 'SUBINSTALACION',
|
|
||||||
label: 'Subinstalación',
|
|
||||||
description: 'Cada Subinstalación pertenece a una Instalación y usa una clasificación compatible con ella.',
|
|
||||||
fields: [
|
|
||||||
{ label: 'Instalación', detail: 'Relación obligatoria Instalación → Subinstalación.', required: true, relation: true },
|
|
||||||
{ label: 'Tipo de subinstalación', detail: 'Clasificación técnica compatible con el Tipo de instalación padre.', required: true, relation: true },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
];
|
];
|
||||||
|
|
||||||
const EMPTY_CATALOG: FindingAdminCatalog = { categories: [], items: [] };
|
function fieldTypeLabel(value: InventoryFamilyAttributeDataType) {
|
||||||
|
return FIELD_TYPES.find((item) => item.value === value)?.label
|
||||||
|
?? (value === 'DATETIME' ? 'Fecha y hora' : value === 'SELECT' ? 'Lista' : value);
|
||||||
|
}
|
||||||
|
|
||||||
function canonicalType(types: AssetType[], kind: CanonicalKind): AssetType | null {
|
function fieldCode(name: string) {
|
||||||
if (kind === 'EMPRESA') return types.find((type) => type.operationalRole === 'COMPANY' && type.isActive) ?? null;
|
return name
|
||||||
if (kind === 'AREA') return types.find((type) => type.operationalRole === 'AREA' && type.isActive) ?? null;
|
.normalize('NFD')
|
||||||
return types.find((type) => type.code.toLowerCase() === kind.toLowerCase() && type.isActive) ?? null;
|
.replace(/[\u0300-\u036f]/g, '')
|
||||||
|
.trim()
|
||||||
|
.toLowerCase()
|
||||||
|
.replace(/[^a-z0-9]+/g, '_')
|
||||||
|
.replace(/^_+|_+$/g, '')
|
||||||
|
.slice(0, 100) || `campo_${Date.now()}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function AuthoritativeInventoryConfigPage() {
|
export function AuthoritativeInventoryConfigPage() {
|
||||||
const [types, setTypes] = useState<AssetType[]>([]);
|
const { hasPermission } = useAuth();
|
||||||
|
const canManage = hasPermission('asset_types.manage');
|
||||||
const [families, setFamilies] = useState<InventoryFamily[]>([]);
|
const [families, setFamilies] = useState<InventoryFamily[]>([]);
|
||||||
const [catalog, setCatalog] = useState<FindingAdminCatalog>(EMPTY_CATALOG);
|
const [level, setLevel] = useState<FamilyLevel>('INSTALLATION');
|
||||||
const [selectedKind, setSelectedKind] = useState<CanonicalKind>('AREA');
|
const [selectedFamilyId, setSelectedFamilyId] = useState('');
|
||||||
|
const [attributes, setAttributes] = useState<InventoryFamilyAttribute[]>([]);
|
||||||
|
const [newTypeName, setNewTypeName] = useState('');
|
||||||
|
const [newTypeParents, setNewTypeParents] = useState<string[]>([]);
|
||||||
|
const [newFieldName, setNewFieldName] = useState('');
|
||||||
|
const [newFieldType, setNewFieldType] = useState<InventoryFamilyAttributeDataType>('TEXT');
|
||||||
|
const [newFieldRequired, setNewFieldRequired] = useState(false);
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
|
const [saving, setSaving] = useState(false);
|
||||||
const [error, setError] = useState('');
|
const [error, setError] = useState('');
|
||||||
|
const [success, setSuccess] = useState('');
|
||||||
|
|
||||||
|
const refreshFamilies = async () => {
|
||||||
|
const loaded = await listInventoryFamiliesAdmin();
|
||||||
|
setFamilies(loaded);
|
||||||
|
return loaded;
|
||||||
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
Promise.all([listAssetTypes(), listInventoryFamiliesAdmin(), getFindingCatalogAdmin()])
|
refreshFamilies()
|
||||||
.then(([loadedTypes, loadedFamilies, loadedCatalog]) => {
|
|
||||||
setTypes(loadedTypes);
|
|
||||||
setFamilies(loadedFamilies);
|
|
||||||
setCatalog(loadedCatalog);
|
|
||||||
})
|
|
||||||
.catch((requestError) => setError(errorMessage(requestError)))
|
.catch((requestError) => setError(errorMessage(requestError)))
|
||||||
.finally(() => setLoading(false));
|
.finally(() => setLoading(false));
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const level = LEVELS.find((item) => item.kind === selectedKind) ?? LEVELS[0]!;
|
const installationFamilies = useMemo(
|
||||||
const selectedType = canonicalType(types, selectedKind);
|
() => families.filter((family) => family.level === 'INSTALLATION'),
|
||||||
const commonAttributes = useMemo(() => {
|
[families],
|
||||||
const attributes = selectedType?.attributes.filter((attribute) => attribute.isActive) ?? [];
|
);
|
||||||
return selectedKind === 'INSTALACION'
|
const visibleFamilies = useMemo(
|
||||||
? attributes.filter((attribute) => attribute.code !== 'tipo_instalacion')
|
() => families.filter((family) => family.level === level),
|
||||||
: attributes;
|
[families, level],
|
||||||
}, [selectedKind, selectedType]);
|
);
|
||||||
const installationFamilies = families.filter((family) => family.level === 'INSTALLATION' && family.isActive !== false);
|
const selectedFamily = families.find((family) => family.id === selectedFamilyId) ?? null;
|
||||||
const subinstallationFamilies = families.filter((family) => family.level === 'SUBINSTALLATION' && family.isActive !== false);
|
|
||||||
const activeFindings = catalog.items.filter((item) => item.isActive).length;
|
useEffect(() => {
|
||||||
|
const first = visibleFamilies.find((family) => family.isActive !== false) ?? visibleFamilies[0] ?? null;
|
||||||
|
setSelectedFamilyId((current) => visibleFamilies.some((family) => family.id === current) ? current : first?.id ?? '');
|
||||||
|
}, [level, visibleFamilies]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!selectedFamilyId) {
|
||||||
|
setAttributes([]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
getInventoryFamilyAttributes(selectedFamilyId)
|
||||||
|
.then((result) => setAttributes(result.items.sort((a, b) => a.sortOrder - b.sortOrder || a.name.localeCompare(b.name))))
|
||||||
|
.catch((requestError) => setError(errorMessage(requestError)));
|
||||||
|
}, [selectedFamilyId]);
|
||||||
|
|
||||||
|
const run = async (action: () => Promise<void>, message: string) => {
|
||||||
|
setSaving(true);
|
||||||
|
setError('');
|
||||||
|
setSuccess('');
|
||||||
|
try {
|
||||||
|
await action();
|
||||||
|
setSuccess(message);
|
||||||
|
} catch (requestError) {
|
||||||
|
setError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const createType = async () => {
|
||||||
|
if (!newTypeName.trim()) return;
|
||||||
|
if (level === 'SUBINSTALLATION' && newTypeParents.length === 0) {
|
||||||
|
setError('Elegí al menos un Tipo de Instalación que pueda contener esta Subinstalación.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
await run(async () => {
|
||||||
|
const created = await createInventoryFamily({
|
||||||
|
level,
|
||||||
|
name: newTypeName.trim(),
|
||||||
|
parentFamilyIds: level === 'SUBINSTALLATION' ? newTypeParents : undefined,
|
||||||
|
});
|
||||||
|
await refreshFamilies();
|
||||||
|
setSelectedFamilyId(created.id);
|
||||||
|
setNewTypeName('');
|
||||||
|
setNewTypeParents([]);
|
||||||
|
}, `${level === 'INSTALLATION' ? 'Tipo de Instalación' : 'Tipo de Subinstalación'} creado.`);
|
||||||
|
};
|
||||||
|
|
||||||
|
const toggleParent = (parentId: string) => {
|
||||||
|
setNewTypeParents((current) => current.includes(parentId)
|
||||||
|
? current.filter((id) => id !== parentId)
|
||||||
|
: [...current, parentId]);
|
||||||
|
};
|
||||||
|
|
||||||
|
const toggleSelectedParent = async (parentId: string) => {
|
||||||
|
if (!selectedFamily || selectedFamily.level !== 'SUBINSTALLATION') return;
|
||||||
|
const next = selectedFamily.parentFamilyIds.includes(parentId)
|
||||||
|
? selectedFamily.parentFamilyIds.filter((id) => id !== parentId)
|
||||||
|
: [...selectedFamily.parentFamilyIds, parentId];
|
||||||
|
if (next.length === 0) {
|
||||||
|
setError('Una Subinstalación debe quedar habilitada dentro de al menos un Tipo de Instalación.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
await run(async () => {
|
||||||
|
await updateInventoryFamily(selectedFamily.id, { parentFamilyIds: next });
|
||||||
|
await refreshFamilies();
|
||||||
|
}, 'Tipos permitidos actualizados.');
|
||||||
|
};
|
||||||
|
|
||||||
|
const createField = async () => {
|
||||||
|
if (!selectedFamily || !newFieldName.trim()) return;
|
||||||
|
await run(async () => {
|
||||||
|
await createInventoryFamilyAttribute(selectedFamily.id, {
|
||||||
|
code: fieldCode(newFieldName),
|
||||||
|
name: newFieldName.trim(),
|
||||||
|
dataType: newFieldType,
|
||||||
|
isRequired: newFieldRequired,
|
||||||
|
sortOrder: attributes.length,
|
||||||
|
});
|
||||||
|
const loaded = await getInventoryFamilyAttributes(selectedFamily.id);
|
||||||
|
setAttributes(loaded.items.sort((a, b) => a.sortOrder - b.sortOrder || a.name.localeCompare(b.name)));
|
||||||
|
setNewFieldName('');
|
||||||
|
setNewFieldType('TEXT');
|
||||||
|
setNewFieldRequired(false);
|
||||||
|
}, 'Campo agregado.');
|
||||||
|
};
|
||||||
|
|
||||||
|
const toggleField = async (attribute: InventoryFamilyAttribute, key: 'isRequired' | 'isActive') => {
|
||||||
|
if (!selectedFamily) return;
|
||||||
|
await run(async () => {
|
||||||
|
await updateInventoryFamilyAttribute(selectedFamily.id, attribute.id, { [key]: !attribute[key] });
|
||||||
|
const loaded = await getInventoryFamilyAttributes(selectedFamily.id);
|
||||||
|
setAttributes(loaded.items.sort((a, b) => a.sortOrder - b.sortOrder || a.name.localeCompare(b.name)));
|
||||||
|
}, key === 'isActive' ? 'Visibilidad del campo actualizada.' : 'Obligatoriedad actualizada.');
|
||||||
|
};
|
||||||
|
|
||||||
|
const toggleFamilyActive = async () => {
|
||||||
|
if (!selectedFamily) return;
|
||||||
|
await run(async () => {
|
||||||
|
await updateInventoryFamily(selectedFamily.id, { isActive: selectedFamily.isActive === false });
|
||||||
|
await refreshFamilies();
|
||||||
|
}, selectedFamily.isActive === false ? 'Tipo activado.' : 'Tipo desactivado.');
|
||||||
|
};
|
||||||
|
|
||||||
if (loading) return <LoadingBlock label="Cargando configuración de Inventarios…" />;
|
if (loading) return <LoadingBlock label="Cargando configuración de Inventarios…" />;
|
||||||
|
|
||||||
return <section className="inventory-config-page">
|
return <section className="inventory-config-page">
|
||||||
<div className="page-heading">
|
<div className="page-heading">
|
||||||
<div>
|
<div>
|
||||||
<span className="eyebrow">ADMINISTRACIÓN · MODELO AUTORITATIVO</span>
|
<span className="eyebrow">ADMINISTRACIÓN · INVENTARIOS</span>
|
||||||
<h1>Configuración de Inventarios</h1>
|
<h1>Tipos y campos</h1>
|
||||||
<p>Relaciones fijas cargadas desde los SQL definitivos. Los vínculos estructurales no son campos de texto editables.</p>
|
<p>Configuración simple para la puesta a punto. Los usuarios de campo no ven esta pantalla.</p>
|
||||||
</div>
|
</div>
|
||||||
<Link className="button primary" to="/inventarios/nuevo"><Icon name="plus" />Agregar registro</Link>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{error && <Alert>{error}</Alert>}
|
{error && <Alert>{error}</Alert>}
|
||||||
|
{success && <Alert type="success">{success}</Alert>}
|
||||||
|
|
||||||
<article className="panel" style={{ marginBottom: 18 }}>
|
<article className="panel" style={{ marginBottom: 18 }}>
|
||||||
<div className="panel-heading">
|
<div className="panel-heading">
|
||||||
<div>
|
<div>
|
||||||
<span className="eyebrow">ESTRUCTURA FÍSICA</span>
|
<span className="eyebrow">ESTRUCTURA FIJA</span>
|
||||||
<h2>Jerarquía obligatoria</h2>
|
<h2>Departamento → Área → Yacimiento → Instalación → Subinstalación</h2>
|
||||||
<p className="section-copy">Empresa es un maestro independiente y se asocia al Yacimiento. El árbol físico queda separado y sin ambigüedades.</p>
|
<p className="section-copy">Un Área puede estar vinculada a varias Empresas. Cada Yacimiento elige una sola Empresa operadora de las vinculadas a su Área.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="asset-browser-levels" aria-label="Jerarquía de Inventarios">
|
<div className="temporal-notice">
|
||||||
<div><span>1</span><strong>Departamento</strong><small>raíz</small></div><i>›</i>
|
<Icon name="map" />
|
||||||
<div><span>2</span><strong>Área</strong><small>Departamento</small></div><i>›</i>
|
<p><strong>Campos básicos del sistema:</strong> nombre, código, ubicación jerárquica, estado y GPS. No hace falta configurarlos acá.</p>
|
||||||
<div><span>3</span><strong>Yacimiento</strong><small>Área + Empresa + concesión</small></div><i>›</i>
|
|
||||||
<div><span>4</span><strong>Instalación</strong><small>Yacimiento</small></div><i>›</i>
|
|
||||||
<div><span>5</span><strong>Subinstalación</strong><small>Instalación</small></div>
|
|
||||||
</div>
|
|
||||||
<div className="temporal-notice" style={{ marginTop: 14 }}>
|
|
||||||
<Icon name="users" />
|
|
||||||
<p><strong>Empresa:</strong> ya no pertenece al Área. La relación canónica es <strong>Yacimiento → Empresa relacionada</strong>.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article className="panel" style={{ marginBottom: 18 }}>
|
<div className="quick-view-row" style={{ marginBottom: 18 }}>
|
||||||
<div className="panel-heading">
|
<button type="button" className={level === 'INSTALLATION' ? 'active' : ''} onClick={() => setLevel('INSTALLATION')}>Tipos de Instalación</button>
|
||||||
<div>
|
<button type="button" className={level === 'SUBINSTALLATION' ? 'active' : ''} onClick={() => setLevel('SUBINSTALLATION')}>Tipos de Subinstalación</button>
|
||||||
<span className="eyebrow">INFORMACIÓN ESTRUCTURAL</span>
|
</div>
|
||||||
<h2>{level.label}</h2>
|
|
||||||
<p className="section-copy">{level.description}</p>
|
|
||||||
</div>
|
|
||||||
<span className="tag">Modelo SQL</span>
|
|
||||||
</div>
|
|
||||||
<div className="quick-view-row" style={{ marginBottom: 18 }}>
|
|
||||||
{LEVELS.map((item) => <button type="button" key={item.kind} className={selectedKind === item.kind ? 'active' : ''} onClick={() => setSelectedKind(item.kind)}>{item.label}</button>)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="attribute-list">
|
|
||||||
{level.fields.map((field, index) => <div className="attribute-card" key={field.label}>
|
|
||||||
<span className="attribute-order">{index + 1}</span>
|
|
||||||
<span>
|
|
||||||
<strong>{field.label}</strong>
|
|
||||||
<small>{field.detail}</small>
|
|
||||||
</span>
|
|
||||||
<span className="attribute-flags">
|
|
||||||
{field.relation && <span className="tag">Relación</span>}
|
|
||||||
{field.required && <span className="tag">Obligatorio</span>}
|
|
||||||
</span>
|
|
||||||
</div>)}
|
|
||||||
{commonAttributes.map((attribute, index) => <div className="attribute-card" key={attribute.id}>
|
|
||||||
<span className="attribute-order">{level.fields.length + index + 1}</span>
|
|
||||||
<span>
|
|
||||||
<strong>{attribute.name}</strong>
|
|
||||||
<small>{attribute.code} · Campo común del nivel</small>
|
|
||||||
</span>
|
|
||||||
<span className="attribute-flags">{attribute.isRequired && <span className="tag">Obligatorio</span>}</span>
|
|
||||||
</div>)}
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<div className="dashboard-grid" style={{ alignItems: 'start' }}>
|
<div className="dashboard-grid" style={{ alignItems: 'start' }}>
|
||||||
<article className="panel">
|
<article className="panel">
|
||||||
<div className="panel-heading"><div><span className="eyebrow">MODELO TÉCNICO</span><h2>Tipos de Instalación</h2><p className="section-copy">{installationFamilies.length} clasificaciones exactas del SQL.</p></div></div>
|
<div className="panel-heading">
|
||||||
<div className="attribute-list" style={{ maxHeight: 520, overflow: 'auto' }}>
|
<div>
|
||||||
{installationFamilies.map((family) => <div className="attribute-card" key={family.id}><span className="asset-symbol"><Icon name="layers" size={16} /></span><span><strong>{family.name}</strong><small>{family.findingCount ?? 0} Hallazgos asociados</small></span><span className="tag">{family.code}</span></div>)}
|
<span className="eyebrow">TIPOS</span>
|
||||||
|
<h2>{level === 'INSTALLATION' ? 'Instalaciones' : 'Subinstalaciones'}</h2>
|
||||||
|
<p className="section-copy">Seleccioná un tipo para administrar sus campos.</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="attribute-list" style={{ maxHeight: 520, overflow: 'auto' }}>
|
||||||
|
{visibleFamilies.length === 0 && <p className="muted">Todavía no hay tipos configurados.</p>}
|
||||||
|
{visibleFamilies.map((family) => <button
|
||||||
|
type="button"
|
||||||
|
key={family.id}
|
||||||
|
onClick={() => setSelectedFamilyId(family.id)}
|
||||||
|
className="attribute-card"
|
||||||
|
style={{ width: '100%', textAlign: 'left', borderColor: selectedFamilyId === family.id ? 'var(--primary)' : undefined, opacity: family.isActive === false ? .55 : 1 }}
|
||||||
|
>
|
||||||
|
<span className="asset-symbol"><Icon name="layers" size={16} /></span>
|
||||||
|
<span><strong>{family.name}</strong><small>{family.isActive === false ? 'Oculto' : `${family.technicalAttributeCount ?? 0} campos`}</small></span>
|
||||||
|
<Icon name="chevron" size={16} />
|
||||||
|
</button>)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{canManage && <div style={{ marginTop: 18, borderTop: '1px solid var(--border)', paddingTop: 18 }}>
|
||||||
|
<h3 style={{ marginTop: 0 }}>+ Nuevo tipo</h3>
|
||||||
|
<label className="field"><span>Nombre</span><input value={newTypeName} onChange={(event) => setNewTypeName(event.target.value)} placeholder={level === 'INSTALLATION' ? 'Ej. Planta de tratamiento' : 'Ej. Bomba centrífuga'} /></label>
|
||||||
|
{level === 'SUBINSTALLATION' && <div className="field"><span>Puede estar dentro de</span><div style={{ display: 'grid', gap: 8, marginTop: 8 }}>
|
||||||
|
{installationFamilies.filter((family) => family.isActive !== false).map((family) => <label key={family.id} style={{ display: 'flex', alignItems: 'center', gap: 8 }}><input type="checkbox" checked={newTypeParents.includes(family.id)} onChange={() => toggleParent(family.id)} />{family.name}</label>)}
|
||||||
|
</div></div>}
|
||||||
|
<button type="button" className="button primary" disabled={saving || !newTypeName.trim()} onClick={() => void createType()}><Icon name="plus" />Crear tipo</button>
|
||||||
|
</div>}
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article className="panel">
|
<article className="panel">
|
||||||
<div className="panel-heading"><div><span className="eyebrow">MODELO TÉCNICO</span><h2>Tipos de Subinstalación</h2><p className="section-copy">{subinstallationFamilies.length} clasificaciones, cada una vinculada a su Tipo de instalación.</p></div></div>
|
{!selectedFamily ? <div className="inline-empty">Seleccioná un tipo para ver sus campos.</div> : <>
|
||||||
<div className="attribute-list" style={{ maxHeight: 520, overflow: 'auto' }}>
|
<div className="panel-heading">
|
||||||
{subinstallationFamilies.map((family) => <div className="attribute-card" key={family.id}><span className="asset-symbol"><Icon name="layers" size={16} /></span><span><strong>{family.name}</strong><small>{family.parentFamilies.map((parent) => parent.name).join(' · ') || 'Sin padre'} · {family.findingCount ?? 0} Hallazgos</small></span></div>)}
|
<div>
|
||||||
</div>
|
<span className="eyebrow">{selectedFamily.level === 'INSTALLATION' ? 'INSTALACIÓN' : 'SUBINSTALACIÓN'}</span>
|
||||||
|
<h2>{selectedFamily.name}</h2>
|
||||||
|
<p className="section-copy">Campos sencillos que se muestran al cargar este tipo.</p>
|
||||||
|
</div>
|
||||||
|
{canManage && <button type="button" className="button secondary" onClick={() => void toggleFamilyActive()}>{selectedFamily.isActive === false ? 'Activar tipo' : 'Ocultar tipo'}</button>}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{selectedFamily.level === 'SUBINSTALLATION' && <div style={{ marginBottom: 22 }}>
|
||||||
|
<strong>Puede estar dentro de:</strong>
|
||||||
|
<div style={{ display: 'grid', gap: 8, marginTop: 10 }}>
|
||||||
|
{installationFamilies.filter((family) => family.isActive !== false).map((family) => <label key={family.id} style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
|
||||||
|
<input type="checkbox" disabled={!canManage || saving} checked={selectedFamily.parentFamilyIds.includes(family.id)} onChange={() => void toggleSelectedParent(family.id)} />
|
||||||
|
{family.name}
|
||||||
|
</label>)}
|
||||||
|
</div>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
<div className="attribute-list">
|
||||||
|
{attributes.length === 0 && <p className="muted">Este tipo no tiene campos específicos. Puede usarse sólo con los datos básicos.</p>}
|
||||||
|
{attributes.map((attribute) => <div className="attribute-card" key={attribute.id} style={{ opacity: attribute.isActive ? 1 : .5 }}>
|
||||||
|
<span className="attribute-order">{attribute.sortOrder + 1}</span>
|
||||||
|
<span>
|
||||||
|
<strong>{attribute.name}</strong>
|
||||||
|
<small>{fieldTypeLabel(attribute.dataType)}{attribute.isRequired ? ' · Obligatorio' : ' · Opcional'}{attribute.isActive ? '' : ' · Oculto'}</small>
|
||||||
|
</span>
|
||||||
|
{canManage && <span className="attribute-flags" style={{ display: 'flex', gap: 6 }}>
|
||||||
|
<button type="button" className="button secondary" disabled={saving} onClick={() => void toggleField(attribute, 'isRequired')}>{attribute.isRequired ? 'Hacer opcional' : 'Hacer obligatorio'}</button>
|
||||||
|
<button type="button" className="button secondary" disabled={saving} onClick={() => void toggleField(attribute, 'isActive')}>{attribute.isActive ? 'Ocultar' : 'Mostrar'}</button>
|
||||||
|
</span>}
|
||||||
|
</div>)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{canManage && selectedFamily.isActive !== false && <div style={{ marginTop: 22, borderTop: '1px solid var(--border)', paddingTop: 18 }}>
|
||||||
|
<h3 style={{ marginTop: 0 }}>+ Agregar campo</h3>
|
||||||
|
<div className="form-grid">
|
||||||
|
<label className="field"><span>Nombre</span><input value={newFieldName} onChange={(event) => setNewFieldName(event.target.value)} placeholder="Ej. Capacidad" /></label>
|
||||||
|
<label className="field"><span>Tipo</span><select value={newFieldType} onChange={(event) => setNewFieldType(event.target.value as InventoryFamilyAttributeDataType)}>{FIELD_TYPES.map((item) => <option key={item.value} value={item.value}>{item.label}</option>)}</select></label>
|
||||||
|
</div>
|
||||||
|
<label style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 14 }}><input type="checkbox" checked={newFieldRequired} onChange={(event) => setNewFieldRequired(event.target.checked)} />Obligatorio</label>
|
||||||
|
<button type="button" className="button primary" disabled={saving || !newFieldName.trim()} onClick={() => void createField()}><Icon name="plus" />Agregar campo</button>
|
||||||
|
<p className="muted" style={{ marginBottom: 0, marginTop: 12 }}>Teléfono, email o identificadores simples se cargan como Texto. GPS es un dato básico del registro y no se configura como campo.</p>
|
||||||
|
</div>}
|
||||||
|
</>}
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<article className="panel" style={{ marginTop: 18 }}>
|
|
||||||
<div className="panel-heading">
|
|
||||||
<div><span className="eyebrow">HALLAZGOS</span><h2>Catálogo contextual</h2><p className="section-copy">{activeFindings} Hallazgos cargados con sus relaciones exactas a Instalaciones y Subinstalaciones.</p></div>
|
|
||||||
<Link className="button secondary" to="/admin/finding-catalog">Abrir catálogo <Icon name="chevron" /></Link>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</section>;
|
</section>;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,437 @@
|
|||||||
|
import { useEffect, useMemo, useState } from 'react';
|
||||||
|
import type { FormEvent } from 'react';
|
||||||
|
import { Link, useSearchParams } from 'react-router';
|
||||||
|
import { useAuth } from '../auth/AuthContext';
|
||||||
|
import { Alert, EmptyState, LoadingBlock, errorMessage } from '../components/Feedback';
|
||||||
|
import { Icon } from '../components/Icon';
|
||||||
|
import { SearchableSelect } from '../components/SearchableSelect';
|
||||||
|
import { AssetHistoryPanel } from '../features/assets/AssetHistoryPanel';
|
||||||
|
import { AssetMediaPanel } from '../features/assets/AssetMediaPanel';
|
||||||
|
import { assetStatusClass, assetStatusLabel } from '../features/assets/assetPresentation';
|
||||||
|
import {
|
||||||
|
createAreaCompanyRelation,
|
||||||
|
endAreaCompanyRelation,
|
||||||
|
getAssetRegistry,
|
||||||
|
listAreaCompanyRelations,
|
||||||
|
listInspectionVisits,
|
||||||
|
listOperationalAreas,
|
||||||
|
updateAsset,
|
||||||
|
upsertOrganizationProfile,
|
||||||
|
} from '../lib/api';
|
||||||
|
import type {
|
||||||
|
AreaCompanyRelation,
|
||||||
|
AssetDetail,
|
||||||
|
AssetRegistry,
|
||||||
|
OperationalAssetSummary,
|
||||||
|
OrganizationKind,
|
||||||
|
} from '../lib/api';
|
||||||
|
import {
|
||||||
|
listInspectionActsGlobalF4,
|
||||||
|
type InspectionActListItemF4,
|
||||||
|
type InspectionActStatusF4,
|
||||||
|
} from '../lib/inspectionActF4Api';
|
||||||
|
import {
|
||||||
|
listInspectionReportsF4,
|
||||||
|
type InspectionReportDetailF4,
|
||||||
|
} from '../lib/reportWorkflowApi';
|
||||||
|
import { formatDate } from '../lib/format';
|
||||||
|
import './companyInventory.css';
|
||||||
|
|
||||||
|
type CompanyTab = 'summary' | 'issued' | 'documents' | 'history';
|
||||||
|
|
||||||
|
const organizationLabels: Record<OrganizationKind, string> = {
|
||||||
|
COMPANY: 'Empresa',
|
||||||
|
UTE: 'UTE',
|
||||||
|
PUBLIC_ENTITY: 'Entidad pública',
|
||||||
|
OTHER: 'Otra organización',
|
||||||
|
};
|
||||||
|
|
||||||
|
function relationRoleLabel(role: AreaCompanyRelation['relationRole']) {
|
||||||
|
if (role === 'OPERATOR') return 'Operadora';
|
||||||
|
if (role === 'TECHNICAL_OPERATOR') return 'Operadora técnica';
|
||||||
|
if (role === 'CONCESSIONAIRE') return 'Concesionaria / titular';
|
||||||
|
if (role === 'PERMIT_HOLDER') return 'Permisionaria';
|
||||||
|
if (role === 'PARTICIPANT') return 'Participante';
|
||||||
|
return 'Otro vínculo';
|
||||||
|
}
|
||||||
|
|
||||||
|
function reportStatusLabel(report: InspectionReportDetailF4) {
|
||||||
|
if (report.status === 'OFFICIALIZED') return report.gedoIfIdentifier ? `GEDO · ${report.gedoIfIdentifier}` : 'Oficializado en GEDO';
|
||||||
|
if (report.status === 'WORKING') return 'INF en preparación';
|
||||||
|
if (report.status === 'CANCELLED') return 'Cancelado';
|
||||||
|
return 'Informe histórico';
|
||||||
|
}
|
||||||
|
|
||||||
|
function reportStatusClass(report: InspectionReportDetailF4) {
|
||||||
|
if (report.status === 'OFFICIALIZED') return 'active';
|
||||||
|
if (report.status === 'CANCELLED') return 'danger';
|
||||||
|
return 'pending';
|
||||||
|
}
|
||||||
|
|
||||||
|
function areaLabel(items: Array<{ name: string }>) {
|
||||||
|
if (!items.length) return 'Área sin informar';
|
||||||
|
const first = items[0];
|
||||||
|
if (!first) return 'Área sin informar';
|
||||||
|
return items.length === 1 ? first.name : `${first.name} +${items.length - 1}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadAllActs(companyId: string): Promise<InspectionActListItemF4[]> {
|
||||||
|
const statuses: InspectionActStatusF4[] = ['SEALED', 'CLOSED', 'RECTIFIED'];
|
||||||
|
const groups = await Promise.all(statuses.map(async (status) => {
|
||||||
|
const collected: InspectionActListItemF4[] = [];
|
||||||
|
let page = 1;
|
||||||
|
let totalPages = 1;
|
||||||
|
do {
|
||||||
|
const response = await listInspectionActsGlobalF4({ companyId, status, page, pageSize: 100 });
|
||||||
|
collected.push(...response.data);
|
||||||
|
totalPages = response.meta.totalPages;
|
||||||
|
page += 1;
|
||||||
|
} while (page <= totalPages);
|
||||||
|
return collected;
|
||||||
|
}));
|
||||||
|
return groups.flat().sort((a, b) => new Date(b.occurredAt).getTime() - new Date(a.occurredAt).getTime());
|
||||||
|
}
|
||||||
|
|
||||||
|
async function loadAllReports(companyId: string): Promise<InspectionReportDetailF4[]> {
|
||||||
|
const collected: InspectionReportDetailF4[] = [];
|
||||||
|
let page = 1;
|
||||||
|
let totalPages = 1;
|
||||||
|
do {
|
||||||
|
const response = await listInspectionReportsF4({ companyId, page, pageSize: 100 });
|
||||||
|
collected.push(...response.data);
|
||||||
|
totalPages = response.meta.totalPages;
|
||||||
|
page += 1;
|
||||||
|
} while (page <= totalPages);
|
||||||
|
return collected
|
||||||
|
.filter((item) => item.status !== 'CANCELLED')
|
||||||
|
.sort((a, b) => new Date(b.generatedAt).getTime() - new Date(a.generatedAt).getTime());
|
||||||
|
}
|
||||||
|
|
||||||
|
export function CompanyInventoryPage({ initialAsset }: { initialAsset: AssetDetail }) {
|
||||||
|
const [params, setParams] = useSearchParams();
|
||||||
|
const requestedTab = params.get('tab') as CompanyTab | null;
|
||||||
|
const tab: CompanyTab = requestedTab && ['summary', 'issued', 'documents', 'history'].includes(requestedTab)
|
||||||
|
? requestedTab
|
||||||
|
: 'summary';
|
||||||
|
const { hasPermission } = useAuth();
|
||||||
|
const canEditAsset = hasPermission('assets.update');
|
||||||
|
const canReadRegistry = hasPermission('asset_registry.read');
|
||||||
|
const canManageRegistry = hasPermission('asset_registry.manage');
|
||||||
|
const canReadRelations = hasPermission('asset_relations.read');
|
||||||
|
const canManageRelations = hasPermission('asset_relations.manage');
|
||||||
|
const canReadActs = hasPermission('inspection_acts.read');
|
||||||
|
const canReadReports = hasPermission('inspection_reports.read');
|
||||||
|
const canReadInspections = hasPermission('inspections.read');
|
||||||
|
const canReadMedia = hasPermission('assets.read_media');
|
||||||
|
const canManageMedia = hasPermission('assets.manage_media');
|
||||||
|
const canReadHistory = hasPermission('assets.read_history');
|
||||||
|
|
||||||
|
const [asset, setAsset] = useState(initialAsset);
|
||||||
|
const [registry, setRegistry] = useState<AssetRegistry | null>(null);
|
||||||
|
const [relations, setRelations] = useState<AreaCompanyRelation[]>([]);
|
||||||
|
const [areas, setAreas] = useState<OperationalAssetSummary[]>([]);
|
||||||
|
const [loadingContext, setLoadingContext] = useState(true);
|
||||||
|
const [contextError, setContextError] = useState('');
|
||||||
|
const [success, setSuccess] = useState('');
|
||||||
|
const [editing, setEditing] = useState(false);
|
||||||
|
const [saving, setSaving] = useState(false);
|
||||||
|
const [companyForm, setCompanyForm] = useState({
|
||||||
|
name: initialAsset.name,
|
||||||
|
commonName: initialAsset.commonName ?? '',
|
||||||
|
organizationKind: 'COMPANY' as OrganizationKind,
|
||||||
|
legalName: initialAsset.name,
|
||||||
|
taxId: '',
|
||||||
|
notificationEmail: '',
|
||||||
|
notes: '',
|
||||||
|
});
|
||||||
|
const [relationForm, setRelationForm] = useState({ areaId: '', reason: '' });
|
||||||
|
const [metrics, setMetrics] = useState({ acts: 0, reports: 0, activeInspections: 0 });
|
||||||
|
const [acts, setActs] = useState<InspectionActListItemF4[]>([]);
|
||||||
|
const [reports, setReports] = useState<InspectionReportDetailF4[]>([]);
|
||||||
|
const [documentsLoading, setDocumentsLoading] = useState(false);
|
||||||
|
const [documentsError, setDocumentsError] = useState('');
|
||||||
|
const [documentSearch, setDocumentSearch] = useState('');
|
||||||
|
|
||||||
|
const activeRelations = useMemo(() => relations.filter((item) => item.active), [relations]);
|
||||||
|
|
||||||
|
const loadContext = async () => {
|
||||||
|
setLoadingContext(true);
|
||||||
|
setContextError('');
|
||||||
|
try {
|
||||||
|
const [loadedRegistry, loadedRelations, loadedAreas] = await Promise.all([
|
||||||
|
canReadRegistry ? getAssetRegistry(asset.id) : Promise.resolve(null),
|
||||||
|
canReadRelations ? listAreaCompanyRelations({ companyId: asset.id, includeHistory: true }) : Promise.resolve([]),
|
||||||
|
canManageRelations ? listOperationalAreas() : Promise.resolve([]),
|
||||||
|
]);
|
||||||
|
setRegistry(loadedRegistry);
|
||||||
|
setRelations(loadedRelations);
|
||||||
|
setAreas(loadedAreas);
|
||||||
|
if (loadedRegistry?.organizationProfile) {
|
||||||
|
const profile = loadedRegistry.organizationProfile;
|
||||||
|
setCompanyForm({
|
||||||
|
name: asset.name,
|
||||||
|
commonName: asset.commonName ?? '',
|
||||||
|
organizationKind: profile.organizationKind,
|
||||||
|
legalName: profile.legalName ?? asset.name,
|
||||||
|
taxId: profile.taxId ?? '',
|
||||||
|
notificationEmail: profile.notificationEmail ?? '',
|
||||||
|
notes: profile.notes ?? '',
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} catch (requestError) {
|
||||||
|
setContextError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setLoadingContext(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => { void loadContext(); }, [asset.id]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let cancelled = false;
|
||||||
|
const loadMetrics = async () => {
|
||||||
|
try {
|
||||||
|
const [sealed, closed, rectified, reportPage, planned, inProgress] = await Promise.all([
|
||||||
|
canReadActs ? listInspectionActsGlobalF4({ companyId: asset.id, status: 'SEALED', pageSize: 1 }) : Promise.resolve(null),
|
||||||
|
canReadActs ? listInspectionActsGlobalF4({ companyId: asset.id, status: 'CLOSED', pageSize: 1 }) : Promise.resolve(null),
|
||||||
|
canReadActs ? listInspectionActsGlobalF4({ companyId: asset.id, status: 'RECTIFIED', pageSize: 1 }) : Promise.resolve(null),
|
||||||
|
canReadReports ? listInspectionReportsF4({ companyId: asset.id, pageSize: 1 }) : Promise.resolve(null),
|
||||||
|
canReadInspections ? listInspectionVisits({ companyId: asset.id, status: 'PLANNED', pageSize: 1 }) : Promise.resolve(null),
|
||||||
|
canReadInspections ? listInspectionVisits({ companyId: asset.id, status: 'IN_PROGRESS', pageSize: 1 }) : Promise.resolve(null),
|
||||||
|
]);
|
||||||
|
if (cancelled) return;
|
||||||
|
setMetrics({
|
||||||
|
acts: (sealed?.meta.total ?? 0) + (closed?.meta.total ?? 0) + (rectified?.meta.total ?? 0),
|
||||||
|
reports: reportPage?.meta.total ?? 0,
|
||||||
|
activeInspections: (planned?.meta.total ?? 0) + (inProgress?.meta.total ?? 0),
|
||||||
|
});
|
||||||
|
} catch {
|
||||||
|
if (!cancelled) setMetrics({ acts: 0, reports: 0, activeInspections: 0 });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
void loadMetrics();
|
||||||
|
return () => { cancelled = true; };
|
||||||
|
}, [asset.id, canReadActs, canReadReports, canReadInspections]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (tab !== 'issued' || (!canReadActs && !canReadReports)) return;
|
||||||
|
let cancelled = false;
|
||||||
|
setDocumentsLoading(true);
|
||||||
|
setDocumentsError('');
|
||||||
|
Promise.all([
|
||||||
|
canReadActs ? loadAllActs(asset.id) : Promise.resolve([]),
|
||||||
|
canReadReports ? loadAllReports(asset.id) : Promise.resolve([]),
|
||||||
|
])
|
||||||
|
.then(([loadedActs, loadedReports]) => {
|
||||||
|
if (cancelled) return;
|
||||||
|
setActs(loadedActs);
|
||||||
|
setReports(loadedReports);
|
||||||
|
})
|
||||||
|
.catch((requestError) => { if (!cancelled) setDocumentsError(errorMessage(requestError)); })
|
||||||
|
.finally(() => { if (!cancelled) setDocumentsLoading(false); });
|
||||||
|
return () => { cancelled = true; };
|
||||||
|
}, [tab, asset.id, canReadActs, canReadReports]);
|
||||||
|
|
||||||
|
const saveCompany = async (event: FormEvent) => {
|
||||||
|
event.preventDefault();
|
||||||
|
setSaving(true); setContextError(''); setSuccess('');
|
||||||
|
try {
|
||||||
|
let savedAsset = asset;
|
||||||
|
if (canEditAsset) {
|
||||||
|
savedAsset = await updateAsset(asset.id, {
|
||||||
|
name: companyForm.name.trim(),
|
||||||
|
commonName: companyForm.commonName.trim() || null,
|
||||||
|
});
|
||||||
|
setAsset(savedAsset);
|
||||||
|
}
|
||||||
|
if (canManageRegistry) {
|
||||||
|
await upsertOrganizationProfile(asset.id, {
|
||||||
|
organizationKind: companyForm.organizationKind,
|
||||||
|
legalName: companyForm.legalName.trim() || null,
|
||||||
|
taxId: companyForm.taxId.trim() || null,
|
||||||
|
notificationEmail: companyForm.notificationEmail.trim() || null,
|
||||||
|
notes: companyForm.notes.trim() || null,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
setEditing(false);
|
||||||
|
setSuccess('Datos de la empresa actualizados.');
|
||||||
|
await loadContext();
|
||||||
|
} catch (requestError) {
|
||||||
|
setContextError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const addRelation = async (event: FormEvent) => {
|
||||||
|
event.preventDefault();
|
||||||
|
if (!relationForm.areaId || relationForm.reason.trim().length < 3) return;
|
||||||
|
setSaving(true); setContextError(''); setSuccess('');
|
||||||
|
try {
|
||||||
|
await createAreaCompanyRelation({
|
||||||
|
areaId: relationForm.areaId,
|
||||||
|
companyId: asset.id,
|
||||||
|
reason: relationForm.reason.trim(),
|
||||||
|
});
|
||||||
|
setRelationForm({ areaId: '', reason: '' });
|
||||||
|
setSuccess('Área vinculada a la empresa.');
|
||||||
|
await loadContext();
|
||||||
|
} catch (requestError) {
|
||||||
|
setContextError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const endRelation = async (relation: AreaCompanyRelation) => {
|
||||||
|
const reason = window.prompt(`Motivo para finalizar el vínculo con ${relation.area.name}`);
|
||||||
|
if (!reason?.trim() || reason.trim().length < 3) return;
|
||||||
|
setSaving(true); setContextError(''); setSuccess('');
|
||||||
|
try {
|
||||||
|
await endAreaCompanyRelation(relation.id, reason.trim());
|
||||||
|
setSuccess('Vínculo finalizado. El historial quedó conservado.');
|
||||||
|
await loadContext();
|
||||||
|
} catch (requestError) {
|
||||||
|
setContextError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const setTab = (next: CompanyTab) => {
|
||||||
|
const nextParams = new URLSearchParams(params);
|
||||||
|
next === 'summary' ? nextParams.delete('tab') : nextParams.set('tab', next);
|
||||||
|
nextParams.delete('advanced');
|
||||||
|
setParams(nextParams);
|
||||||
|
};
|
||||||
|
|
||||||
|
const reportByAct = useMemo(() => new Map(reports.map((report) => [report.actId, report])), [reports]);
|
||||||
|
const filteredActs = useMemo(() => {
|
||||||
|
const needle = documentSearch.trim().toLocaleLowerCase('es');
|
||||||
|
if (!needle) return acts;
|
||||||
|
return acts.filter((act) => [
|
||||||
|
act.code,
|
||||||
|
act.title,
|
||||||
|
act.visit.code,
|
||||||
|
...act.areas.map((item) => item.name),
|
||||||
|
reportByAct.get(act.id)?.code ?? '',
|
||||||
|
reportByAct.get(act.id)?.gedoIfIdentifier ?? '',
|
||||||
|
].join(' ').toLocaleLowerCase('es').includes(needle));
|
||||||
|
}, [acts, documentSearch, reportByAct]);
|
||||||
|
|
||||||
|
const usedAreaIds = new Set(activeRelations.map((relation) => relation.area.id));
|
||||||
|
const availableAreas = areas.filter((item) => !usedAreaIds.has(item.id));
|
||||||
|
const profile = registry?.organizationProfile ?? null;
|
||||||
|
|
||||||
|
return <section className="narrow-section company-page">
|
||||||
|
<nav className="breadcrumb company-breadcrumb" aria-label="Ruta de empresa">
|
||||||
|
<Link to="/inventarios">Inventarios</Link><span>›</span>
|
||||||
|
<Link to="/inventarios?section=companies">Empresas</Link><span>›</span><strong>{asset.name}</strong>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<header className="company-hero">
|
||||||
|
<div>
|
||||||
|
<span className="eyebrow">EMPRESA</span>
|
||||||
|
<h1>{asset.name}</h1>
|
||||||
|
<p><strong>{asset.code}</strong>{profile?.taxId ? ` · CUIT ${profile.taxId}` : ''}</p>
|
||||||
|
</div>
|
||||||
|
<div className="company-hero-actions">
|
||||||
|
<span className={`status-badge ${assetStatusClass(asset.informationStatus)}`}>{assetStatusLabel(asset.informationStatus)}</span>
|
||||||
|
{(canEditAsset || canManageRegistry) && tab === 'summary' && <button type="button" className="button primary" onClick={() => setEditing((current) => !current)}><Icon name="edit" />{editing ? 'Cerrar edición' : 'Editar empresa'}</button>}
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<nav className="company-tabs" aria-label="Secciones de la empresa">
|
||||||
|
<button type="button" className={tab === 'summary' ? 'active' : ''} onClick={() => setTab('summary')}>Resumen</button>
|
||||||
|
{(canReadActs || canReadReports) && <button type="button" className={tab === 'issued' ? 'active' : ''} onClick={() => setTab('issued')}>Actas e informes</button>}
|
||||||
|
{(canReadRegistry || canReadMedia) && <button type="button" className={tab === 'documents' ? 'active' : ''} onClick={() => setTab('documents')}>Documentación</button>}
|
||||||
|
{canReadHistory && <button type="button" className={tab === 'history' ? 'active' : ''} onClick={() => setTab('history')}>Historial</button>}
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
{contextError && <Alert>{contextError}</Alert>}
|
||||||
|
{success && <Alert type="success">{success}</Alert>}
|
||||||
|
|
||||||
|
{tab === 'summary' && <div className="company-stack">
|
||||||
|
{loadingContext ? <LoadingBlock label="Cargando empresa…" /> : <>
|
||||||
|
<article className="panel company-card">
|
||||||
|
<div className="company-card-heading">
|
||||||
|
<div><span className="eyebrow">IDENTIDAD</span><h2>Datos de la empresa</h2><p>La información que se usa para identificarla y enviar documentación oficial.</p></div>
|
||||||
|
</div>
|
||||||
|
{editing ? <form className="company-edit-form" onSubmit={saveCompany}>
|
||||||
|
<div className="form-grid">
|
||||||
|
<label className="field"><span>Nombre</span><input value={companyForm.name} disabled={!canEditAsset} onChange={(event) => setCompanyForm({ ...companyForm, name: event.target.value })} required /></label>
|
||||||
|
<label className="field"><span>Nombre corto / sigla <em>opcional</em></span><input value={companyForm.commonName} disabled={!canEditAsset} onChange={(event) => setCompanyForm({ ...companyForm, commonName: event.target.value })} placeholder="Ej.: EMESA" /></label>
|
||||||
|
<label className="field"><span>Tipo</span><SearchableSelect value={companyForm.organizationKind} disabled={!canManageRegistry} onChange={(event) => setCompanyForm({ ...companyForm, organizationKind: event.target.value as OrganizationKind })}>{Object.entries(organizationLabels).map(([value, label]) => <option key={value} value={value}>{label}</option>)}</SearchableSelect></label>
|
||||||
|
<label className="field"><span>Razón social <em>opcional</em></span><input value={companyForm.legalName} disabled={!canManageRegistry} onChange={(event) => setCompanyForm({ ...companyForm, legalName: event.target.value })} /></label>
|
||||||
|
<label className="field"><span>CUIT <em>opcional</em></span><input value={companyForm.taxId} disabled={!canManageRegistry} onChange={(event) => setCompanyForm({ ...companyForm, taxId: event.target.value })} /></label>
|
||||||
|
<label className="field"><span>Email oficial para actas <em>opcional</em></span><input type="email" value={companyForm.notificationEmail} disabled={!canManageRegistry} onChange={(event) => setCompanyForm({ ...companyForm, notificationEmail: event.target.value })} /></label>
|
||||||
|
</div>
|
||||||
|
<label className="field"><span>Notas <em>opcional</em></span><textarea rows={2} value={companyForm.notes} disabled={!canManageRegistry} onChange={(event) => setCompanyForm({ ...companyForm, notes: event.target.value })} /></label>
|
||||||
|
<div className="form-actions"><button type="button" className="button secondary" onClick={() => setEditing(false)}>Cancelar</button><button className="button primary" disabled={saving}>{saving ? 'Guardando…' : 'Guardar cambios'}</button></div>
|
||||||
|
</form> : <div className="company-data-grid">
|
||||||
|
<div><small>Razón social</small><strong>{profile?.legalName || asset.name}</strong></div>
|
||||||
|
<div><small>Tipo</small><strong>{organizationLabels[profile?.organizationKind ?? 'COMPANY']}</strong></div>
|
||||||
|
<div><small>CUIT</small><strong>{profile?.taxId || 'Sin informar'}</strong></div>
|
||||||
|
<div><small>Email oficial para actas</small><strong>{profile?.notificationEmail || 'Sin informar'}</strong></div>
|
||||||
|
</div>}
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article className="panel company-card">
|
||||||
|
<div className="company-card-heading">
|
||||||
|
<div><span className="eyebrow">OPERACIÓN</span><h2>Áreas donde opera</h2><p>Estas relaciones indican dónde participa la empresa. No cambian la jerarquía física del Inventario.</p></div>
|
||||||
|
<span className="count-pill">{activeRelations.length}</span>
|
||||||
|
</div>
|
||||||
|
{activeRelations.length === 0 ? <EmptyState title="Sin áreas vinculadas" text="Todavía no hay áreas operativas asociadas a esta empresa." /> : <div className="company-area-list">{activeRelations.map((relation) => <div className="company-area-row" key={relation.id}>
|
||||||
|
<Link to={`/inventarios/${relation.area.id}`}><strong>{relation.area.name}</strong><small>{relation.area.code} · {relationRoleLabel(relation.relationRole)}</small></Link>
|
||||||
|
<div><span className="status-badge active">Activa</span>{canManageRelations && <button type="button" className="button text compact" disabled={saving} onClick={() => void endRelation(relation)}>Finalizar</button>}</div>
|
||||||
|
</div>)}</div>}
|
||||||
|
{canManageRelations && <details className="company-inline-action"><summary><Icon name="plus" size={15} />Vincular otra área</summary><form onSubmit={addRelation}><div className="form-grid"><label className="field"><span>Área</span><SearchableSelect value={relationForm.areaId} onChange={(event) => setRelationForm({ ...relationForm, areaId: event.target.value })} required><option value="">Seleccionar área…</option>{availableAreas.map((item) => <option key={item.id} value={item.id}>{item.name} · {item.code}</option>)}</SearchableSelect></label><label className="field"><span>Motivo</span><input value={relationForm.reason} onChange={(event) => setRelationForm({ ...relationForm, reason: event.target.value })} minLength={3} required placeholder="Ej.: operación vigente" /></label></div><button className="button primary" disabled={saving || !relationForm.areaId || relationForm.reason.trim().length < 3}>Vincular área</button></form></details>}
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article className="panel company-card company-activity-card">
|
||||||
|
<div className="company-card-heading"><div><span className="eyebrow">INSPECCIONES</span><h2>Actividad de la empresa</h2><p>Acceso rápido a la documentación que ya fue emitida.</p></div></div>
|
||||||
|
<div className="company-metrics">
|
||||||
|
<div><small>Actas emitidas</small><strong>{metrics.acts}</strong></div>
|
||||||
|
<div><small>Informes</small><strong>{metrics.reports}</strong></div>
|
||||||
|
<div><small>Inspecciones activas</small><strong>{metrics.activeInspections}</strong></div>
|
||||||
|
</div>
|
||||||
|
{(canReadActs || canReadReports) && <div className="company-card-actions"><button type="button" className="button primary" onClick={() => setTab('issued')}>Ver actas e informes <Icon name="chevron" /></button></div>}
|
||||||
|
</article>
|
||||||
|
</>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{tab === 'issued' && <div className="company-stack">
|
||||||
|
<article className="panel company-card">
|
||||||
|
<div className="company-card-heading company-doc-heading"><div><span className="eyebrow">DOCUMENTACIÓN EMITIDA</span><h2>Actas e informes</h2><p>Historial documental de esta empresa. Sólo se muestran Actas ya emitidas y sus Informes asociados.</p></div><div className="company-doc-counts"><span>{acts.length} actas</span><span>{reports.length} informes</span></div></div>
|
||||||
|
<label className="company-document-search"><Icon name="search" /><input value={documentSearch} onChange={(event) => setDocumentSearch(event.target.value)} placeholder="Buscar por acta, informe, inspección, área o GEDO" /></label>
|
||||||
|
{documentsError && <Alert>{documentsError}</Alert>}
|
||||||
|
{documentsLoading ? <LoadingBlock label="Cargando documentación emitida…" /> : filteredActs.length === 0 ? <EmptyState title="Sin documentación emitida" text="Todavía no hay Actas selladas para esta empresa." /> : <div className="table-scroll company-doc-table"><table><thead><tr><th>Fecha</th><th>Área</th><th>Acta</th><th>Inspección</th><th>Informe</th><th>Oficialización</th><th /></tr></thead><tbody>{filteredActs.map((act) => {
|
||||||
|
const report = reportByAct.get(act.id);
|
||||||
|
return <tr key={act.id}>
|
||||||
|
<td>{formatDate(act.occurredAt)}</td>
|
||||||
|
<td><strong className="table-primary">{areaLabel(act.areas)}</strong></td>
|
||||||
|
<td><Link className="text-link" to={`/inspecciones/actas/${act.id}`}>{act.code}</Link></td>
|
||||||
|
<td><Link className="text-link" to={`/inspecciones/${act.visitId}`}>{act.visit.code}</Link></td>
|
||||||
|
<td>{report ? <Link className="text-link" to={`/informes/${report.id}`}>{report.code}</Link> : <span className="status-badge pending">Pendiente de INF</span>}</td>
|
||||||
|
<td>{report ? <span className={`status-badge ${reportStatusClass(report)}`}>{reportStatusLabel(report)}</span> : <span className="muted">—</span>}</td>
|
||||||
|
<td className="action-cell"><Link className="icon-button" to={`/inspecciones/actas/${act.id}`} aria-label={`Abrir ${act.code}`}><Icon name="chevron" /></Link></td>
|
||||||
|
</tr>;
|
||||||
|
})}</tbody></table></div>}
|
||||||
|
</article>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{tab === 'documents' && <div className="company-stack">
|
||||||
|
{loadingContext ? <LoadingBlock label="Cargando documentación…" /> : <>
|
||||||
|
{canReadRegistry && <article className="panel company-card">
|
||||||
|
<div className="company-card-heading"><div><span className="eyebrow">RESPALDO</span><h2>Documentos de la empresa</h2><p>Documentos e identificadores que respaldan los datos institucionales.</p></div><Link className="button secondary" to={`/inventarios/${asset.id}?advanced=1&tab=registry`}>Administrar</Link></div>
|
||||||
|
{registry?.sourceDocuments.length ? <div className="company-document-list">{registry.sourceDocuments.map((document) => <div key={document.linkId}><div><strong>{document.title}</strong><small>{document.documentNumber || document.documentType}{document.issuer ? ` · ${document.issuer}` : ''}</small></div><span className="tag">{document.relationType}</span></div>)}</div> : <div className="inline-empty">Todavía no hay documentos respaldatorios vinculados.</div>}
|
||||||
|
{registry?.externalIdentifiers.length ? <details className="company-more"><summary>Ver identificadores externos ({registry.externalIdentifiers.length})</summary><div className="company-identifier-list">{registry.externalIdentifiers.map((item) => <div key={item.id}><strong>{item.namespace}</strong><span>{item.value}</span><small>{item.validUntil ? 'Histórico' : 'Vigente'}</small></div>)}</div></details> : null}
|
||||||
|
</article>}
|
||||||
|
{canReadMedia && <AssetMediaPanel assetId={asset.id} assetName={asset.name} canManage={canManageMedia} />}
|
||||||
|
<div className="company-advanced-link"><span>¿Necesitás procedencia, composición UTE u otros datos técnicos?</span><Link to={`/inventarios/${asset.id}?advanced=1&tab=registry`}>Abrir administración avanzada</Link></div>
|
||||||
|
</>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{tab === 'history' && canReadHistory && <AssetHistoryPanel assetId={asset.id} />}
|
||||||
|
</section>;
|
||||||
|
}
|
||||||
@@ -6,13 +6,13 @@ import { Icon } from '../components/Icon';
|
|||||||
import { getAsset } from '../lib/api';
|
import { getAsset } from '../lib/api';
|
||||||
import {
|
import {
|
||||||
createInventoryStructure,
|
createInventoryStructure,
|
||||||
getInventoryFamilyFindings,
|
|
||||||
getInventoryStructureOptions,
|
getInventoryStructureOptions,
|
||||||
|
listCompaniesForInventoryArea,
|
||||||
listInventoryStructureParents,
|
listInventoryStructureParents,
|
||||||
} from '../lib/inventoryStructureApi';
|
} from '../lib/inventoryStructureApi';
|
||||||
import type {
|
import type {
|
||||||
|
InventoryAreaCompanyOption,
|
||||||
InventoryFamily,
|
InventoryFamily,
|
||||||
InventoryFamilyFindings,
|
|
||||||
InventoryStructureKind,
|
InventoryStructureKind,
|
||||||
InventoryStructureOptions,
|
InventoryStructureOptions,
|
||||||
InventoryStructureParent,
|
InventoryStructureParent,
|
||||||
@@ -26,13 +26,24 @@ const KINDS: Array<{ kind: InventoryStructureKind; label: string }> = [
|
|||||||
{ kind: 'SUBINSTALACION', label: 'Subinstalación' },
|
{ kind: 'SUBINSTALACION', label: 'Subinstalación' },
|
||||||
{ kind: 'EMPRESA', label: 'Empresa' },
|
{ kind: 'EMPRESA', label: 'Empresa' },
|
||||||
];
|
];
|
||||||
|
|
||||||
const childKindByParentType: Record<string, InventoryStructureKind | undefined> = {
|
const childKindByParentType: Record<string, InventoryStructureKind | undefined> = {
|
||||||
departamento: 'AREA', area: 'YACIMIENTO', yacimiento: 'INSTALACION', instalacion: 'SUBINSTALACION',
|
departamento: 'AREA',
|
||||||
|
area: 'YACIMIENTO',
|
||||||
|
yacimiento: 'INSTALACION',
|
||||||
|
instalacion: 'SUBINSTALACION',
|
||||||
};
|
};
|
||||||
const parentLabelByKind: Partial<Record<InventoryStructureKind,string>> = {
|
|
||||||
AREA:'Departamento', YACIMIENTO:'Área', INSTALACION:'Yacimiento', SUBINSTALACION:'Instalación',
|
const parentLabelByKind: Partial<Record<InventoryStructureKind, string>> = {
|
||||||
|
AREA: 'Departamento',
|
||||||
|
YACIMIENTO: 'Área',
|
||||||
|
INSTALACION: 'Yacimiento',
|
||||||
|
SUBINSTALACION: 'Instalación',
|
||||||
};
|
};
|
||||||
function kindLabel(kind: InventoryStructureKind) { return KINDS.find((item) => item.kind===kind)?.label ?? kind; }
|
|
||||||
|
function kindLabel(kind: InventoryStructureKind) {
|
||||||
|
return KINDS.find((item) => item.kind === kind)?.label ?? kind;
|
||||||
|
}
|
||||||
|
|
||||||
export function InventoryCreatePage() {
|
export function InventoryCreatePage() {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
@@ -44,102 +55,232 @@ export function InventoryCreatePage() {
|
|||||||
const [parentSearch, setParentSearch] = useState('');
|
const [parentSearch, setParentSearch] = useState('');
|
||||||
const [parentId, setParentId] = useState('');
|
const [parentId, setParentId] = useState('');
|
||||||
const [familyId, setFamilyId] = useState('');
|
const [familyId, setFamilyId] = useState('');
|
||||||
|
const [areaCompanies, setAreaCompanies] = useState<InventoryAreaCompanyOption[]>([]);
|
||||||
const [operatorCompanyId, setOperatorCompanyId] = useState('');
|
const [operatorCompanyId, setOperatorCompanyId] = useState('');
|
||||||
const [concessionTypeId, setConcessionTypeId] = useState('');
|
|
||||||
const [familyFindings, setFamilyFindings] = useState<InventoryFamilyFindings | null>(null);
|
|
||||||
const [name, setName] = useState('');
|
const [name, setName] = useState('');
|
||||||
const [code, setCode] = useState('');
|
const [code, setCode] = useState('');
|
||||||
const [commonName, setCommonName] = useState('');
|
|
||||||
const [description, setDescription] = useState('');
|
|
||||||
const [loading, setLoading] = useState(true);
|
const [loading, setLoading] = useState(true);
|
||||||
const [saving, setSaving] = useState(false);
|
const [saving, setSaving] = useState(false);
|
||||||
const [error, setError] = useState('');
|
const [error, setError] = useState('');
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
getInventoryStructureOptions().then(async (loaded) => {
|
getInventoryStructureOptions()
|
||||||
setOptions(loaded);
|
.then(async (loaded) => {
|
||||||
if (contextParentId) {
|
setOptions(loaded);
|
||||||
const parent = await getAsset(contextParentId);
|
if (contextParentId) {
|
||||||
const inferred = childKindByParentType[parent.type.code.toLowerCase()];
|
const parent = await getAsset(contextParentId);
|
||||||
if (inferred) { setKind(inferred); setParentId(parent.id); }
|
const inferred = childKindByParentType[parent.type.code.toLowerCase()];
|
||||||
}
|
if (inferred) {
|
||||||
}).catch((requestError) => setError(errorMessage(requestError))).finally(() => setLoading(false));
|
setKind(inferred);
|
||||||
|
setParentId(parent.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch((requestError) => setError(errorMessage(requestError)))
|
||||||
|
.finally(() => setLoading(false));
|
||||||
}, [contextParentId]);
|
}, [contextParentId]);
|
||||||
|
|
||||||
const requiresParent = Boolean(parentLabelByKind[kind]);
|
const requiresParent = Boolean(parentLabelByKind[kind]);
|
||||||
const requiresFamily = kind === 'INSTALACION' || kind === 'SUBINSTALACION';
|
const requiresFamily = kind === 'INSTALACION' || kind === 'SUBINSTALACION';
|
||||||
const requiresYacimientoContext = kind === 'YACIMIENTO';
|
const requiresCompany = kind === 'YACIMIENTO';
|
||||||
const parentLabel = parentLabelByKind[kind] ?? '';
|
const parentLabel = parentLabelByKind[kind] ?? '';
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!requiresParent) { setParents([]); setParentId(''); return; }
|
if (!requiresParent) {
|
||||||
|
setParents([]);
|
||||||
|
setParentId('');
|
||||||
|
return;
|
||||||
|
}
|
||||||
const timer = window.setTimeout(() => {
|
const timer = window.setTimeout(() => {
|
||||||
listInventoryStructureParents(kind,parentSearch).then((loaded) => {
|
listInventoryStructureParents(kind, parentSearch)
|
||||||
setParents(loaded);
|
.then((loaded) => {
|
||||||
if (contextParentId && loaded.some((item) => item.id===contextParentId)) setParentId(contextParentId);
|
setParents(loaded);
|
||||||
}).catch((requestError) => setError(errorMessage(requestError)));
|
if (contextParentId && loaded.some((item) => item.id === contextParentId)) setParentId(contextParentId);
|
||||||
},150);
|
})
|
||||||
|
.catch((requestError) => setError(errorMessage(requestError)));
|
||||||
|
}, 150);
|
||||||
return () => window.clearTimeout(timer);
|
return () => window.clearTimeout(timer);
|
||||||
}, [kind,parentSearch,contextParentId,requiresParent]);
|
}, [kind, parentSearch, contextParentId, requiresParent]);
|
||||||
|
|
||||||
const selectedParent = parents.find((item) => item.id===parentId) ?? null;
|
useEffect(() => {
|
||||||
|
if (kind !== 'YACIMIENTO' || !parentId) {
|
||||||
|
setAreaCompanies([]);
|
||||||
|
setOperatorCompanyId('');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setOperatorCompanyId('');
|
||||||
|
listCompaniesForInventoryArea(parentId)
|
||||||
|
.then(setAreaCompanies)
|
||||||
|
.catch((requestError) => setError(errorMessage(requestError)));
|
||||||
|
}, [kind, parentId]);
|
||||||
|
|
||||||
|
const selectedParent = parents.find((item) => item.id === parentId) ?? null;
|
||||||
const families = useMemo(() => {
|
const families = useMemo(() => {
|
||||||
if (!options) return [] as InventoryFamily[];
|
if (!options) return [] as InventoryFamily[];
|
||||||
if (kind==='INSTALACION') return options.installationFamilies;
|
if (kind === 'INSTALACION') return options.installationFamilies;
|
||||||
if (kind==='SUBINSTALACION') {
|
if (kind === 'SUBINSTALACION') {
|
||||||
const parentFamilyId=selectedParent?.inventoryFamily?.id;
|
const parentFamilyId = selectedParent?.inventoryFamily?.id;
|
||||||
return parentFamilyId ? options.subinstallationFamilies.filter((item)=>item.parentFamilyIds.includes(parentFamilyId)) : [];
|
return parentFamilyId
|
||||||
|
? options.subinstallationFamilies.filter((item) => item.parentFamilyIds.includes(parentFamilyId))
|
||||||
|
: [];
|
||||||
}
|
}
|
||||||
return [];
|
return [];
|
||||||
},[options,kind,selectedParent]);
|
}, [options, kind, selectedParent]);
|
||||||
const selectedFamily=families.find((item)=>item.id===familyId) ?? null;
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!familyId) { setFamilyFindings(null); return; }
|
|
||||||
getInventoryFamilyFindings(familyId).then(setFamilyFindings).catch((requestError)=>setError(errorMessage(requestError)));
|
|
||||||
},[familyId]);
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!requiresFamily) setFamilyId('');
|
if (!requiresFamily) setFamilyId('');
|
||||||
if (kind==='SUBINSTALACION' && familyId && !families.some((item)=>item.id===familyId)) setFamilyId('');
|
if (kind === 'SUBINSTALACION' && familyId && !families.some((item) => item.id === familyId)) setFamilyId('');
|
||||||
},[kind,requiresFamily,families,familyId]);
|
}, [kind, requiresFamily, families, familyId]);
|
||||||
useEffect(() => {
|
|
||||||
if (!requiresYacimientoContext) { setOperatorCompanyId(''); setConcessionTypeId(''); }
|
|
||||||
},[requiresYacimientoContext]);
|
|
||||||
|
|
||||||
const changeKind=(next:InventoryStructureKind) => {
|
const changeKind = (next: InventoryStructureKind) => {
|
||||||
setKind(next); setParentId(''); setParentSearch(''); setFamilyId(''); setFamilyFindings(null);
|
setKind(next);
|
||||||
setOperatorCompanyId(''); setConcessionTypeId(''); setError('');
|
setParentId('');
|
||||||
|
setParentSearch('');
|
||||||
|
setFamilyId('');
|
||||||
|
setAreaCompanies([]);
|
||||||
|
setOperatorCompanyId('');
|
||||||
|
setError('');
|
||||||
};
|
};
|
||||||
const save=async(event:FormEvent) => {
|
|
||||||
|
const save = async (event: FormEvent) => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
if (requiresParent && !parentId) { setError(`Seleccioná ${parentLabel}.`); return; }
|
if (requiresParent && !parentId) {
|
||||||
if (requiresYacimientoContext && !operatorCompanyId) { setError('Seleccioná la Empresa relacionada del Yacimiento.'); return; }
|
setError(`Seleccioná ${parentLabel}.`);
|
||||||
if (requiresYacimientoContext && !concessionTypeId) { setError('Seleccioná el Tipo de concesión del Yacimiento.'); return; }
|
return;
|
||||||
if (requiresFamily && !familyId) { setError(`Seleccioná el tipo de ${kindLabel(kind).toLowerCase()}.`); return; }
|
}
|
||||||
setSaving(true); setError('');
|
if (requiresCompany && !operatorCompanyId) {
|
||||||
|
setError('Seleccioná la Empresa que opera este Yacimiento.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (requiresFamily && !familyId) {
|
||||||
|
setError(`Seleccioná el tipo de ${kindLabel(kind).toLowerCase()}.`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
setSaving(true);
|
||||||
|
setError('');
|
||||||
try {
|
try {
|
||||||
const created=await createInventoryStructure({
|
const created = await createInventoryStructure({
|
||||||
kind,name:name.trim(),parentId:parentId || null,familyId:familyId || null,
|
kind,
|
||||||
operatorCompanyId:operatorCompanyId || null,concessionTypeId:concessionTypeId || null,
|
name: name.trim(),
|
||||||
code:code.trim() || null,commonName:commonName.trim() || null,description:description.trim() || null,
|
parentId: parentId || null,
|
||||||
|
familyId: familyId || null,
|
||||||
|
operatorCompanyId: operatorCompanyId || null,
|
||||||
|
code: code.trim() || null,
|
||||||
});
|
});
|
||||||
navigate(`/inventarios/${created.id}`,{replace:true});
|
navigate(`/inventarios/${created.id}`, { replace: true });
|
||||||
} catch(requestError) { setError(errorMessage(requestError)); }
|
} catch (requestError) {
|
||||||
finally { setSaving(false); }
|
setError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
if (loading) return <LoadingBlock label="Preparando alta…" />;
|
if (loading) return <LoadingBlock label="Preparando alta…" />;
|
||||||
|
|
||||||
|
const disableSave = saving
|
||||||
|
|| !name.trim()
|
||||||
|
|| (requiresParent && !parentId)
|
||||||
|
|| (requiresCompany && !operatorCompanyId)
|
||||||
|
|| (requiresFamily && !familyId);
|
||||||
|
|
||||||
return <section className="narrow-section asset-detail-page">
|
return <section className="narrow-section asset-detail-page">
|
||||||
<nav className="breadcrumb asset-detail-breadcrumb" aria-label="Ruta del Inventario"><Link to="/inventarios">Inventarios</Link><span>›</span><strong>Nuevo registro</strong></nav>
|
<nav className="breadcrumb asset-detail-breadcrumb" aria-label="Ruta del Inventario">
|
||||||
<div className="page-heading asset-editor-heading"><div><span className="eyebrow">CARGA MANUAL</span><h1>Nuevo registro</h1><p>Modelo fijo: Departamento → Área → Yacimiento → Instalación → Subinstalación. La Empresa y el Tipo de concesión pertenecen al Yacimiento.</p></div></div>
|
<Link to="/inventarios">Inventarios</Link><span>›</span><strong>Nuevo registro</strong>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div className="page-heading asset-editor-heading">
|
||||||
|
<div>
|
||||||
|
<span className="eyebrow">ALTA RÁPIDA</span>
|
||||||
|
<h1>Agregar al Inventario</h1>
|
||||||
|
<p>Elegí qué querés crear, dónde está y completá sólo los datos necesarios.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{error && <Alert>{error}</Alert>}
|
{error && <Alert>{error}</Alert>}
|
||||||
|
|
||||||
<form className="panel form-panel" onSubmit={save}>
|
<form className="panel form-panel" onSubmit={save}>
|
||||||
<div className="form-section"><div><h2>1. ¿Qué querés crear?</h2><p className="section-copy">Área sólo depende de Departamento. Yacimiento define Área, Empresa relacionada y Tipo de concesión.</p></div><label className="field"><span>Tipo</span><select value={kind} onChange={(event)=>changeKind(event.target.value as InventoryStructureKind)}>{KINDS.map((item)=><option key={item.kind} value={item.kind}>{item.label}</option>)}</select></label></div>
|
<div className="form-section">
|
||||||
{requiresParent && <div className="form-section"><div><h2>2. Ubicación</h2><p className="section-copy">Elegí el {parentLabel.toLowerCase()} concreto.</p></div><label className="field"><span>Buscar {parentLabel.toLowerCase()}</span><input value={parentSearch} onChange={(event)=>setParentSearch(event.target.value)} placeholder={`Buscar ${parentLabel.toLowerCase()}…`} /></label><label className="field"><span>{parentLabel} <em>obligatorio</em></span><select value={parentId} onChange={(event)=>{setParentId(event.target.value);setFamilyId('');}} required><option value="">Seleccionar…</option>{parents.map((parent)=><option key={parent.id} value={parent.id}>{parent.name} · {parent.code}</option>)}</select></label></div>}
|
<div>
|
||||||
{requiresYacimientoContext && <div className="form-section"><div><h2>3. Contexto del Yacimiento</h2><p className="section-copy">Estas relaciones pertenecen directamente al Yacimiento y no al Área.</p></div><div className="form-grid"><label className="field"><span>Empresa relacionada <em>obligatorio</em></span><select value={operatorCompanyId} onChange={(event)=>setOperatorCompanyId(event.target.value)} required><option value="">Seleccionar…</option>{options?.companies.map((company)=><option key={company.id} value={company.id}>{company.name}</option>)}</select></label><label className="field"><span>Tipo de concesión <em>obligatorio</em></span><select value={concessionTypeId} onChange={(event)=>setConcessionTypeId(event.target.value)} required><option value="">Seleccionar…</option>{options?.concessionTypes.map((type)=><option key={type.id} value={type.id}>{type.name}</option>)}</select></label></div></div>}
|
<h2>¿Qué querés crear?</h2>
|
||||||
{requiresFamily && <div className="form-section"><div><h2>3. Clasificación técnica</h2><p className="section-copy">Define los datos técnicos y Hallazgos aplicables. En Subinstalaciones sólo aparecen clasificaciones compatibles con la Instalación elegida.</p></div>{kind==='SUBINSTALACION' && !selectedParent?.inventoryFamily ? <Alert>La Instalación elegida todavía no tiene clasificación técnica.</Alert> : <label className="field"><span>Tipo de {kindLabel(kind).toLowerCase()} <em>obligatorio</em></span><select value={familyId} onChange={(event)=>setFamilyId(event.target.value)} required><option value="">Seleccionar…</option>{families.map((family)=><option key={family.id} value={family.id}>{family.name}</option>)}</select></label>}{kind==='SUBINSTALACION' && selectedParent?.inventoryFamily && families.length===0 && <Alert>No hay tipos de Subinstalación compatibles con {selectedParent.inventoryFamily.name}.</Alert>}{selectedFamily && <div className="context-create-banner"><Icon name="alert" /><div><strong>{selectedFamily.name}</strong><span>{familyFindings ? `${familyFindings.count} Hallazgo${familyFindings.count===1?'':'s'} asociado${familyFindings.count===1?'':'s'}` : 'Cargando Hallazgos asociados…'}</span>{familyFindings && familyFindings.items.length>0 && <ul style={{margin:'8px 0 0',paddingLeft:18}}>{familyFindings.items.slice(0,6).map((item)=><li key={item.id}>{item.title}</li>)}{familyFindings.items.length>6 && <li>+ {familyFindings.items.length-6} más</li>}</ul>}</div></div>}</div>}
|
<p className="section-copy">Departamento → Área → Yacimiento → Instalación → Subinstalación.</p>
|
||||||
<div className="form-section"><div><h2>{requiresYacimientoContext ? '4' : requiresFamily ? '4' : requiresParent ? '3' : '2'}. Nombre</h2><p className="section-copy">El nombre es el dato propio principal de este nivel. Los datos técnicos se completan después, cuando corresponda.</p></div><label className="field"><span>Nombre <em>obligatorio</em></span><input autoFocus value={name} onChange={(event)=>setName(event.target.value)} required maxLength={200} placeholder={`Nombre de ${kindLabel(kind).toLowerCase()}`} /></label><details style={{marginTop:12}}><summary style={{cursor:'pointer',fontWeight:700}}>Datos opcionales</summary><div style={{marginTop:14}}><div className="form-grid"><label className="field"><span>Código DH</span><input value={code} onChange={(event)=>setCode(event.target.value.toUpperCase())} maxLength={120} pattern="[A-Z0-9][A-Z0-9._/-]*" placeholder="Dejalo vacío para generar automáticamente" /></label><label className="field"><span>Nombre habitual</span><input value={commonName} onChange={(event)=>setCommonName(event.target.value)} maxLength={200} /></label></div><label className="field"><span>Descripción</span><textarea value={description} onChange={(event)=>setDescription(event.target.value)} rows={2} maxLength={4000} /></label></div></details></div>
|
</div>
|
||||||
<div className="form-actions"><Link className="button secondary" to="/inventarios">Cancelar</Link><button className="button primary" disabled={saving || !name.trim() || (requiresParent && !parentId) || (requiresYacimientoContext && (!operatorCompanyId || !concessionTypeId)) || (requiresFamily && !familyId)}><Icon name="check" />{saving?'Creando…':`Crear ${kindLabel(kind)}`}</button></div>
|
<div className="quick-view-row" aria-label="Tipo de registro">
|
||||||
|
{KINDS.map((item) => <button
|
||||||
|
type="button"
|
||||||
|
key={item.kind}
|
||||||
|
className={kind === item.kind ? 'active' : ''}
|
||||||
|
onClick={() => changeKind(item.kind)}
|
||||||
|
>{item.label}</button>)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{requiresParent && <div className="form-section">
|
||||||
|
<div>
|
||||||
|
<h2>¿Dónde está?</h2>
|
||||||
|
<p className="section-copy">Seleccioná el {parentLabel.toLowerCase()} al que pertenece.</p>
|
||||||
|
</div>
|
||||||
|
<label className="field">
|
||||||
|
<span>Buscar {parentLabel.toLowerCase()}</span>
|
||||||
|
<input value={parentSearch} onChange={(event) => setParentSearch(event.target.value)} placeholder={`Buscar ${parentLabel.toLowerCase()}…`} />
|
||||||
|
</label>
|
||||||
|
<label className="field">
|
||||||
|
<span>{parentLabel} <em>obligatorio</em></span>
|
||||||
|
<select value={parentId} onChange={(event) => { setParentId(event.target.value); setFamilyId(''); }} required>
|
||||||
|
<option value="">Seleccionar…</option>
|
||||||
|
{parents.map((parent) => <option key={parent.id} value={parent.id}>{parent.name}</option>)}
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{requiresCompany && <div className="form-section">
|
||||||
|
<div>
|
||||||
|
<h2>Empresa operadora</h2>
|
||||||
|
<p className="section-copy">Un Área puede tener varias Empresas. Cada Yacimiento queda asociado a una sola de ellas.</p>
|
||||||
|
</div>
|
||||||
|
{!parentId ? <Alert>Primero seleccioná el Área.</Alert> : areaCompanies.length === 0 ? <Alert>El Área elegida todavía no tiene Empresas operadoras vinculadas.</Alert> : <label className="field">
|
||||||
|
<span>Empresa <em>obligatorio</em></span>
|
||||||
|
<select value={operatorCompanyId} onChange={(event) => setOperatorCompanyId(event.target.value)} required>
|
||||||
|
<option value="">Seleccionar…</option>
|
||||||
|
{areaCompanies.map((company) => <option key={company.id} value={company.id}>{company.name}</option>)}
|
||||||
|
</select>
|
||||||
|
</label>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{requiresFamily && <div className="form-section">
|
||||||
|
<div>
|
||||||
|
<h2>{kind === 'INSTALACION' ? 'Tipo de instalación' : 'Tipo / función'}</h2>
|
||||||
|
<p className="section-copy">{kind === 'SUBINSTALACION' ? 'Sólo aparecen tipos permitidos dentro de la Instalación seleccionada.' : 'Elegí la clasificación simple que corresponda.'}</p>
|
||||||
|
</div>
|
||||||
|
{kind === 'SUBINSTALACION' && !selectedParent?.inventoryFamily ? <Alert>La Instalación elegida todavía no tiene un tipo configurado.</Alert> : <label className="field">
|
||||||
|
<span>{kind === 'INSTALACION' ? 'Tipo' : 'Tipo / función'} <em>obligatorio</em></span>
|
||||||
|
<select value={familyId} onChange={(event) => setFamilyId(event.target.value)} required>
|
||||||
|
<option value="">Seleccionar…</option>
|
||||||
|
{families.map((family) => <option key={family.id} value={family.id}>{family.name}</option>)}
|
||||||
|
</select>
|
||||||
|
</label>}
|
||||||
|
{kind === 'SUBINSTALACION' && selectedParent?.inventoryFamily && families.length === 0 && <Alert>No hay tipos de Subinstalación configurados para esta Instalación.</Alert>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
<div className="form-section">
|
||||||
|
<div>
|
||||||
|
<h2>Datos básicos</h2>
|
||||||
|
<p className="section-copy">El nombre alcanza para identificar el registro. El código puede generarse automáticamente.</p>
|
||||||
|
</div>
|
||||||
|
<label className="field">
|
||||||
|
<span>Nombre <em>obligatorio</em></span>
|
||||||
|
<input autoFocus value={name} onChange={(event) => setName(event.target.value)} required maxLength={200} placeholder={`Nombre de ${kindLabel(kind).toLowerCase()}`} />
|
||||||
|
</label>
|
||||||
|
<label className="field">
|
||||||
|
<span>Código <em>opcional</em></span>
|
||||||
|
<input value={code} onChange={(event) => setCode(event.target.value.toUpperCase())} maxLength={120} pattern="[A-Z0-9][A-Z0-9._/-]*" placeholder="Se genera automáticamente si lo dejás vacío" />
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="form-actions">
|
||||||
|
<Link className="button secondary" to="/inventarios">Cancelar</Link>
|
||||||
|
<button className="button primary" disabled={disableSave}><Icon name="check" />{saving ? 'Guardando…' : `Crear ${kindLabel(kind)}`}</button>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</section>;
|
</section>;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,56 @@
|
|||||||
|
import { useEffect, useState } from 'react';
|
||||||
|
import { useParams, useSearchParams } from 'react-router';
|
||||||
|
import { useAuth } from '../auth/AuthContext';
|
||||||
|
import { hasAdministratorRole } from '../auth/adminAccess';
|
||||||
|
import { Alert, LoadingBlock, errorMessage } from '../components/Feedback';
|
||||||
|
import { getAsset } from '../lib/api';
|
||||||
|
import type { AssetDetail } from '../lib/api';
|
||||||
|
import { AssetEditorPage } from './AssetEditorPage';
|
||||||
|
import { CompanyInventoryPage } from './CompanyInventoryPage';
|
||||||
|
import { SimpleInventoryDetailPage, isSimpleInventoryAsset } from './SimpleInventoryDetailPage';
|
||||||
|
import { TerritorialInventoryPage, isTerritorialInventoryAsset } from './TerritorialInventoryPage';
|
||||||
|
|
||||||
|
export function InventoryDetailPage() {
|
||||||
|
const { id } = useParams();
|
||||||
|
const [params] = useSearchParams();
|
||||||
|
const { user } = useAuth();
|
||||||
|
const [asset, setAsset] = useState<AssetDetail | null>(null);
|
||||||
|
const [loading, setLoading] = useState(true);
|
||||||
|
const [error, setError] = useState('');
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!id) {
|
||||||
|
setError('No se encontró el registro solicitado.');
|
||||||
|
setLoading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
setLoading(true);
|
||||||
|
setError('');
|
||||||
|
getAsset(id)
|
||||||
|
.then(setAsset)
|
||||||
|
.catch((requestError) => setError(errorMessage(requestError)))
|
||||||
|
.finally(() => setLoading(false));
|
||||||
|
}, [id]);
|
||||||
|
|
||||||
|
if (loading) return <LoadingBlock label="Cargando registro…" />;
|
||||||
|
if (!asset) return <Alert>{error || 'No se pudo cargar el registro.'}</Alert>;
|
||||||
|
|
||||||
|
const advancedRequested = params.get('advanced') === '1';
|
||||||
|
const advancedAllowed = hasAdministratorRole(user);
|
||||||
|
const advanced = advancedRequested && advancedAllowed;
|
||||||
|
const isCompany = asset.type.code.toLowerCase() === 'empresa';
|
||||||
|
|
||||||
|
if (isCompany && !advanced) {
|
||||||
|
return <CompanyInventoryPage initialAsset={asset} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isSimpleInventoryAsset(asset) && !advanced) {
|
||||||
|
return <SimpleInventoryDetailPage initialAsset={asset} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isTerritorialInventoryAsset(asset) && !advanced) {
|
||||||
|
return <TerritorialInventoryPage initialAsset={asset} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
return <AssetEditorPage />;
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,350 @@
|
|||||||
|
import { lazy, Suspense, useEffect, useMemo, useState } from 'react';
|
||||||
|
import type { FormEvent } from 'react';
|
||||||
|
import { Link, useSearchParams } from 'react-router';
|
||||||
|
import { useAuth } from '../auth/AuthContext';
|
||||||
|
import { hasAdministratorRole } from '../auth/adminAccess';
|
||||||
|
import { Alert, LoadingBlock, errorMessage } from '../components/Feedback';
|
||||||
|
import { Icon } from '../components/Icon';
|
||||||
|
import { AssetDossierPanel } from '../features/assets/AssetDossierPanel';
|
||||||
|
import { AssetFindingCatalogPanel } from '../features/assets/AssetFindingCatalogPanel';
|
||||||
|
import { AssetHistoryPanel } from '../features/assets/AssetHistoryPanel';
|
||||||
|
import { AssetMediaPanel } from '../features/assets/AssetMediaPanel';
|
||||||
|
import { AssetTechnicalDataPanel } from '../features/assets/AssetTechnicalDataPanel';
|
||||||
|
import {
|
||||||
|
ASSET_OPERATIONAL_STATUSES,
|
||||||
|
ASSET_STATUSES,
|
||||||
|
assetOperationalStatusLabel,
|
||||||
|
assetStatusClass,
|
||||||
|
assetStatusLabel,
|
||||||
|
} from '../features/assets/assetPresentation';
|
||||||
|
import {
|
||||||
|
getAssetLineage,
|
||||||
|
listAssetTreeChildren,
|
||||||
|
updateAsset,
|
||||||
|
updateAssetInformationStatus,
|
||||||
|
updateAssetOperationalStatus,
|
||||||
|
} from '../lib/api';
|
||||||
|
import type {
|
||||||
|
AssetDetail,
|
||||||
|
AssetInformationStatus,
|
||||||
|
AssetLineageItem,
|
||||||
|
AssetListItem,
|
||||||
|
AssetOperationalStatus,
|
||||||
|
} from '../lib/api';
|
||||||
|
import { getInventoryTechnicalValues } from '../lib/inventoryStructureApi';
|
||||||
|
import type { InventoryTechnicalValues } from '../lib/inventoryStructureApi';
|
||||||
|
import './SimpleInventoryDetailPage.css';
|
||||||
|
|
||||||
|
const AssetGeometryEditor = lazy(() =>
|
||||||
|
import('../features/map/AssetGeometryEditor').then((module) => ({ default: module.AssetGeometryEditor })),
|
||||||
|
);
|
||||||
|
|
||||||
|
export type SimpleInventoryKind =
|
||||||
|
| 'DEPARTAMENTO'
|
||||||
|
| 'AREA'
|
||||||
|
| 'YACIMIENTO'
|
||||||
|
| 'INSTALACION'
|
||||||
|
| 'SUBINSTALACION';
|
||||||
|
|
||||||
|
type SimpleTab = 'summary' | 'activity' | 'findings' | 'location' | 'photos' | 'history';
|
||||||
|
|
||||||
|
function normalized(value: string | null | undefined): string {
|
||||||
|
return (value ?? '')
|
||||||
|
.normalize('NFD')
|
||||||
|
.replace(/[\u0300-\u036f]/g, '')
|
||||||
|
.trim()
|
||||||
|
.toLowerCase()
|
||||||
|
.replace(/[_\s]+/g, '-');
|
||||||
|
}
|
||||||
|
|
||||||
|
export function simpleInventoryKind(asset: AssetDetail): SimpleInventoryKind | null {
|
||||||
|
const code = normalized(asset.type.code);
|
||||||
|
const name = normalized(asset.type.name);
|
||||||
|
const values = new Set([code, name]);
|
||||||
|
if (values.has('departamento')) return 'DEPARTAMENTO';
|
||||||
|
if (values.has('area')) return 'AREA';
|
||||||
|
if (values.has('yacimiento')) return 'YACIMIENTO';
|
||||||
|
if (values.has('subinstalacion')) return 'SUBINSTALACION';
|
||||||
|
if (
|
||||||
|
values.has('instalacion')
|
||||||
|
|| values.has('instalacion-de-superficie')
|
||||||
|
|| values.has('instalacion-superficie')
|
||||||
|
) return 'INSTALACION';
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isSimpleInventoryAsset(asset: AssetDetail): boolean {
|
||||||
|
return simpleInventoryKind(asset) !== null;
|
||||||
|
}
|
||||||
|
|
||||||
|
const labels: Record<SimpleInventoryKind, string> = {
|
||||||
|
DEPARTAMENTO: 'Departamento',
|
||||||
|
AREA: 'Área',
|
||||||
|
YACIMIENTO: 'Yacimiento',
|
||||||
|
INSTALACION: 'Instalación',
|
||||||
|
SUBINSTALACION: 'Subinstalación',
|
||||||
|
};
|
||||||
|
|
||||||
|
const childLabels: Partial<Record<SimpleInventoryKind, string>> = {
|
||||||
|
DEPARTAMENTO: 'Área',
|
||||||
|
AREA: 'Yacimiento',
|
||||||
|
YACIMIENTO: 'Instalación',
|
||||||
|
INSTALACION: 'Subinstalación',
|
||||||
|
};
|
||||||
|
|
||||||
|
function lineageLabel(item: AssetLineageItem): string {
|
||||||
|
return item.commonName ? `${item.name} · ${item.commonName}` : item.name;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function SimpleInventoryDetailPage({ initialAsset }: { initialAsset: AssetDetail }) {
|
||||||
|
const [params, setParams] = useSearchParams();
|
||||||
|
const { user, hasPermission } = useAuth();
|
||||||
|
const kind = simpleInventoryKind(initialAsset);
|
||||||
|
const [asset, setAsset] = useState(initialAsset);
|
||||||
|
const [lineage, setLineage] = useState<AssetLineageItem[]>([]);
|
||||||
|
const [children, setChildren] = useState<AssetListItem[]>([]);
|
||||||
|
const [childrenHasMore, setChildrenHasMore] = useState(false);
|
||||||
|
const [technical, setTechnical] = useState<InventoryTechnicalValues | null>(null);
|
||||||
|
const [loadingRelated, setLoadingRelated] = useState(true);
|
||||||
|
const [editing, setEditing] = useState(false);
|
||||||
|
const [saving, setSaving] = useState(false);
|
||||||
|
const [name, setName] = useState(initialAsset.name);
|
||||||
|
const [commonName, setCommonName] = useState(initialAsset.commonName ?? '');
|
||||||
|
const [description, setDescription] = useState(initialAsset.description ?? '');
|
||||||
|
const [status, setStatus] = useState<AssetInformationStatus>(initialAsset.informationStatus);
|
||||||
|
const [operationalStatus, setOperationalStatus] = useState<AssetOperationalStatus>(initialAsset.operationalStatus);
|
||||||
|
const [historyRefreshKey, setHistoryRefreshKey] = useState(0);
|
||||||
|
const [error, setError] = useState('');
|
||||||
|
const [success, setSuccess] = useState('');
|
||||||
|
|
||||||
|
const canEdit = hasPermission('assets.update');
|
||||||
|
const canCreate = hasPermission('assets.create');
|
||||||
|
const canChangeStatus = hasPermission('assets.change_status');
|
||||||
|
const canChangeOperationalStatus = hasPermission('assets.change_operational_status');
|
||||||
|
const canReadHistory = hasPermission('assets.read_history');
|
||||||
|
const canReadMedia = hasPermission('assets.read_media');
|
||||||
|
const canManageMedia = hasPermission('assets.manage_media');
|
||||||
|
const canEditGeometry = hasPermission('assets.update_geometry');
|
||||||
|
const canReadFindingCatalog = hasPermission('finding_catalog.read');
|
||||||
|
const canManageFindingCatalog = hasPermission('finding_catalog.manage');
|
||||||
|
const canReadDossier = hasPermission('inspections.read')
|
||||||
|
&& hasPermission('inspection_acts.read')
|
||||||
|
&& hasPermission('inspection_findings.read')
|
||||||
|
&& hasPermission('inspection_evidence.read')
|
||||||
|
&& hasPermission('inspection_communications.read');
|
||||||
|
const canAdvanced = hasAdministratorRole(user);
|
||||||
|
|
||||||
|
const inspectable = kind === 'YACIMIENTO' || kind === 'INSTALACION' || kind === 'SUBINSTALACION';
|
||||||
|
const technicalLevel = kind === 'INSTALACION' || kind === 'SUBINSTALACION';
|
||||||
|
const hasChildren = kind !== 'SUBINSTALACION';
|
||||||
|
const requestedTab = params.get('tab') as SimpleTab | null;
|
||||||
|
const availableTabs = useMemo(() => new Set<SimpleTab>([
|
||||||
|
'summary',
|
||||||
|
...(inspectable && canReadDossier ? ['activity' as const] : []),
|
||||||
|
...(technicalLevel && canReadFindingCatalog ? ['findings' as const] : []),
|
||||||
|
'location',
|
||||||
|
...(canReadMedia ? ['photos' as const] : []),
|
||||||
|
...(canReadHistory ? ['history' as const] : []),
|
||||||
|
]), [inspectable, technicalLevel, canReadDossier, canReadFindingCatalog, canReadMedia, canReadHistory]);
|
||||||
|
const tab: SimpleTab = requestedTab && availableTabs.has(requestedTab) ? requestedTab : 'summary';
|
||||||
|
|
||||||
|
const loadRelated = async () => {
|
||||||
|
setLoadingRelated(true);
|
||||||
|
try {
|
||||||
|
const [loadedLineage, childPage, loadedTechnical] = await Promise.all([
|
||||||
|
getAssetLineage(asset.id),
|
||||||
|
hasChildren
|
||||||
|
? listAssetTreeChildren({ parentId: asset.id, limit: 100 })
|
||||||
|
: Promise.resolve({ data: [] as AssetListItem[], meta: { count: 0, hasMore: false } }),
|
||||||
|
technicalLevel
|
||||||
|
? getInventoryTechnicalValues(asset.id).catch(() => null)
|
||||||
|
: Promise.resolve(null),
|
||||||
|
]);
|
||||||
|
setLineage(loadedLineage);
|
||||||
|
setChildren(childPage.data);
|
||||||
|
setChildrenHasMore(childPage.meta.hasMore);
|
||||||
|
setTechnical(loadedTechnical);
|
||||||
|
} catch (requestError) {
|
||||||
|
setError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setLoadingRelated(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => { void loadRelated(); }, [asset.id]);
|
||||||
|
|
||||||
|
if (!kind) return <Alert>Este registro no pertenece al modelo simple de Inventarios.</Alert>;
|
||||||
|
|
||||||
|
const save = async (event: FormEvent) => {
|
||||||
|
event.preventDefault();
|
||||||
|
if (!name.trim()) return;
|
||||||
|
setSaving(true);
|
||||||
|
setError('');
|
||||||
|
setSuccess('');
|
||||||
|
try {
|
||||||
|
let saved = asset;
|
||||||
|
if (canEdit) {
|
||||||
|
saved = await updateAsset(asset.id, {
|
||||||
|
name: name.trim(),
|
||||||
|
commonName: commonName.trim() || null,
|
||||||
|
description: description.trim() || null,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (canChangeStatus && saved.informationStatus !== status) {
|
||||||
|
saved = await updateAssetInformationStatus(asset.id, status);
|
||||||
|
}
|
||||||
|
if (canChangeOperationalStatus && saved.operationalStatus !== operationalStatus) {
|
||||||
|
saved = await updateAssetOperationalStatus(asset.id, operationalStatus);
|
||||||
|
}
|
||||||
|
setAsset(saved);
|
||||||
|
setName(saved.name);
|
||||||
|
setCommonName(saved.commonName ?? '');
|
||||||
|
setDescription(saved.description ?? '');
|
||||||
|
setStatus(saved.informationStatus);
|
||||||
|
setOperationalStatus(saved.operationalStatus);
|
||||||
|
setEditing(false);
|
||||||
|
setHistoryRefreshKey((current) => current + 1);
|
||||||
|
setSuccess('Registro actualizado.');
|
||||||
|
} catch (requestError) {
|
||||||
|
setError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const cancelEdit = () => {
|
||||||
|
setEditing(false);
|
||||||
|
setName(asset.name);
|
||||||
|
setCommonName(asset.commonName ?? '');
|
||||||
|
setDescription(asset.description ?? '');
|
||||||
|
setStatus(asset.informationStatus);
|
||||||
|
setOperationalStatus(asset.operationalStatus);
|
||||||
|
};
|
||||||
|
|
||||||
|
const setTab = (next: SimpleTab) => {
|
||||||
|
const nextParams = new URLSearchParams(params);
|
||||||
|
next === 'summary' ? nextParams.delete('tab') : nextParams.set('tab', next);
|
||||||
|
nextParams.delete('advanced');
|
||||||
|
setParams(nextParams);
|
||||||
|
};
|
||||||
|
|
||||||
|
const childLabel = childLabels[kind];
|
||||||
|
const parentLabel = kind === 'AREA'
|
||||||
|
? 'Departamento'
|
||||||
|
: kind === 'YACIMIENTO'
|
||||||
|
? 'Área'
|
||||||
|
: kind === 'INSTALACION'
|
||||||
|
? 'Yacimiento'
|
||||||
|
: kind === 'SUBINSTALACION'
|
||||||
|
? 'Instalación'
|
||||||
|
: null;
|
||||||
|
|
||||||
|
return <section className="narrow-section simple-inventory-page">
|
||||||
|
<nav className="breadcrumb simple-inventory-breadcrumb" aria-label="Ruta de Inventario">
|
||||||
|
<Link to="/inventarios">Inventarios</Link>
|
||||||
|
{lineage.filter((item) => item.id !== asset.id).map((item) => <span className="simple-inventory-breadcrumb-part" key={item.id}><span>›</span><Link to={`/inventarios/${item.id}`}>{lineageLabel(item)}</Link></span>)}
|
||||||
|
<span>›</span><strong>{asset.name}</strong>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<header className="simple-inventory-hero">
|
||||||
|
<div>
|
||||||
|
<span className="eyebrow">{labels[kind].toUpperCase()}</span>
|
||||||
|
<h1>{asset.name}</h1>
|
||||||
|
<div className="simple-inventory-hero-meta"><strong>{asset.code}</strong>{asset.commonName && <span>{asset.commonName}</span>}</div>
|
||||||
|
</div>
|
||||||
|
<div className="simple-inventory-hero-actions">
|
||||||
|
<span className={`status-badge ${assetStatusClass(asset.informationStatus)}`}>{assetStatusLabel(asset.informationStatus)}</span>
|
||||||
|
{tab === 'summary' && (canEdit || canChangeStatus || canChangeOperationalStatus) && <button type="button" className="button secondary" onClick={() => editing ? cancelEdit() : setEditing(true)}><Icon name="edit" />{editing ? 'Cancelar' : 'Editar'}</button>}
|
||||||
|
{tab === 'summary' && canCreate && childLabel && <Link className="button primary" to={`/inventarios/nuevo?parentId=${asset.id}`}><Icon name="plus" />Agregar {childLabel.toLowerCase()}</Link>}
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div className="simple-inventory-purpose">
|
||||||
|
<Icon name={inspectable ? 'clipboard' : 'layers'} />
|
||||||
|
<span>{inspectable
|
||||||
|
? 'Ficha operativa: identidad, ubicación y actividad de inspección. La información administrativa avanzada queda fuera de la vista cotidiana.'
|
||||||
|
: 'Este nivel organiza la estructura del Inventario. La vista cotidiana muestra sólo los datos necesarios para ubicar y navegar.'}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav className="simple-inventory-tabs" aria-label="Secciones del Inventario">
|
||||||
|
<button type="button" className={tab === 'summary' ? 'active' : ''} onClick={() => setTab('summary')}>Resumen</button>
|
||||||
|
{inspectable && canReadDossier && <button type="button" className={tab === 'activity' ? 'active' : ''} onClick={() => setTab('activity')}>Actividad</button>}
|
||||||
|
{technicalLevel && canReadFindingCatalog && <button type="button" className={tab === 'findings' ? 'active' : ''} onClick={() => setTab('findings')}>Hallazgos</button>}
|
||||||
|
<button type="button" className={tab === 'location' ? 'active' : ''} onClick={() => setTab('location')}>Ubicación</button>
|
||||||
|
{canReadMedia && <button type="button" className={tab === 'photos' ? 'active' : ''} onClick={() => setTab('photos')}>Fotos</button>}
|
||||||
|
{canReadHistory && <button type="button" className={tab === 'history' ? 'active' : ''} onClick={() => setTab('history')}>Cambios</button>}
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
{error && <Alert>{error}</Alert>}
|
||||||
|
{success && <Alert type="success">{success}</Alert>}
|
||||||
|
|
||||||
|
{tab === 'summary' && <div className="simple-inventory-stack">
|
||||||
|
<article className="panel simple-inventory-card">
|
||||||
|
<div className="simple-inventory-card-heading"><div><span className="eyebrow">DATOS PRINCIPALES</span><h2>Identificación</h2></div></div>
|
||||||
|
{editing ? <form className="simple-inventory-form" onSubmit={save}>
|
||||||
|
<div className="form-grid two">
|
||||||
|
<label className="field"><span>Nombre <em>obligatorio</em></span><input value={name} onChange={(event) => setName(event.target.value)} required maxLength={200} /></label>
|
||||||
|
<label className="field"><span>Nombre habitual <em>opcional</em></span><input value={commonName} onChange={(event) => setCommonName(event.target.value)} maxLength={200} /></label>
|
||||||
|
</div>
|
||||||
|
<details className="simple-inventory-details">
|
||||||
|
<summary>Más datos</summary>
|
||||||
|
<label className="field"><span>Descripción <em>opcional</em></span><textarea rows={3} value={description} onChange={(event) => setDescription(event.target.value)} maxLength={4000} /></label>
|
||||||
|
</details>
|
||||||
|
{(canChangeStatus || canChangeOperationalStatus) && <details className="simple-inventory-details">
|
||||||
|
<summary>Estado y opciones</summary>
|
||||||
|
<div className="form-grid two">
|
||||||
|
{canChangeStatus && <label className="field"><span>Estado del dato</span><select value={status} onChange={(event) => setStatus(event.target.value as AssetInformationStatus)}>{ASSET_STATUSES.map((item) => <option key={item.value} value={item.value}>{item.label}</option>)}</select></label>}
|
||||||
|
{canChangeOperationalStatus && <label className="field"><span>Estado operativo</span><select value={operationalStatus} onChange={(event) => setOperationalStatus(event.target.value as AssetOperationalStatus)}>{ASSET_OPERATIONAL_STATUSES.map((item) => <option key={item.value} value={item.value}>{item.label}</option>)}</select></label>}
|
||||||
|
</div>
|
||||||
|
</details>}
|
||||||
|
<div className="form-actions"><button type="button" className="button secondary" onClick={cancelEdit}>Cancelar</button><button className="button primary" disabled={saving}><Icon name="check" />{saving ? 'Guardando…' : 'Guardar cambios'}</button></div>
|
||||||
|
</form> : <div className="simple-inventory-data-grid">
|
||||||
|
<div><small>Nombre</small><strong>{asset.name}</strong></div>
|
||||||
|
<div><small>Código DH</small><strong>{asset.code}</strong></div>
|
||||||
|
{asset.commonName && <div><small>Nombre habitual</small><strong>{asset.commonName}</strong></div>}
|
||||||
|
<div><small>Estado operativo</small><strong>{assetOperationalStatusLabel(asset.operationalStatus)}</strong></div>
|
||||||
|
</div>}
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article className="panel simple-inventory-card">
|
||||||
|
<div className="simple-inventory-card-heading"><div><span className="eyebrow">UBICACIÓN ACTUAL</span><h2>Dentro del Inventario</h2></div></div>
|
||||||
|
<div className="simple-inventory-context-grid">
|
||||||
|
{parentLabel && <div className="simple-inventory-context-card"><small>{parentLabel}</small>{asset.parent ? <Link to={`/inventarios/${asset.parent.id}`}><strong>{asset.parent.name}</strong><span>{asset.parent.code}</span></Link> : <strong>Sin asignar</strong>}</div>}
|
||||||
|
{kind === 'YACIMIENTO' && <div className="simple-inventory-context-card"><small>Empresa operadora</small>{asset.operatorCompany ? <Link to={`/inventarios/${asset.operatorCompany.id}`}><strong>{asset.operatorCompany.name}</strong><span>{asset.operatorCompany.code}</span></Link> : <strong>Sin asignar</strong>}</div>}
|
||||||
|
{(kind === 'INSTALACION' || kind === 'SUBINSTALACION') && <div className="simple-inventory-context-card"><small>Empresa del Yacimiento</small>{asset.operatorCompany ? <Link to={`/inventarios/${asset.operatorCompany.id}`}><strong>{asset.operatorCompany.name}</strong><span>{asset.operatorCompany.code}</span></Link> : <strong>Sin asignar</strong>}</div>}
|
||||||
|
{technicalLevel && <div className="simple-inventory-context-card"><small>Tipo técnico</small><strong>{technical?.family.name ?? 'Sin clasificación técnica'}</strong>{technical?.family.code && <span>{technical.family.code}</span>}</div>}
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
{hasChildren && <article className="panel simple-inventory-card">
|
||||||
|
<div className="simple-inventory-card-heading"><div><span className="eyebrow">CONTENIDO</span><h2>{childLabel ? `${childLabel}s dentro de ${asset.name}` : `Contenido de ${asset.name}`}</h2></div><span className="count-pill">{children.length}{childrenHasMore ? '+' : ''}</span></div>
|
||||||
|
{loadingRelated ? <LoadingBlock label="Cargando contenido…" /> : children.length === 0 ? <div className="inline-empty">Todavía no hay registros dentro de {asset.name}.</div> : <div className="simple-inventory-child-list">{children.map((child) => <Link key={child.id} to={`/inventarios/${child.id}`} className="simple-inventory-child-row"><span className="asset-symbol"><Icon name="layers" /></span><span><strong>{child.name}</strong><small>{child.type.name} · {child.code}</small></span><span className={`status-badge ${assetStatusClass(child.informationStatus)}`}>{assetStatusLabel(child.informationStatus)}</span><Icon name="chevron" size={16} /></Link>)}</div>}
|
||||||
|
</article>}
|
||||||
|
|
||||||
|
{technicalLevel && <details className="panel simple-inventory-card simple-inventory-technical-details">
|
||||||
|
<summary><span><small>DATOS TÉCNICOS</small><strong>{technical?.family.name ?? 'Información técnica'}</strong></span><span>Ver / editar</span></summary>
|
||||||
|
<AssetTechnicalDataPanel assetId={asset.id} canEdit={canEdit} />
|
||||||
|
</details>}
|
||||||
|
|
||||||
|
{!editing && asset.description && <details className="panel simple-inventory-card simple-inventory-extra-details">
|
||||||
|
<summary>Más datos</summary>
|
||||||
|
<p>{asset.description}</p>
|
||||||
|
</details>}
|
||||||
|
|
||||||
|
{!editing && <details className="panel simple-inventory-card simple-inventory-extra-details">
|
||||||
|
<summary>Estado y opciones</summary>
|
||||||
|
<div className="simple-inventory-data-grid">
|
||||||
|
<div><small>Estado del dato</small><strong>{assetStatusLabel(asset.informationStatus)}</strong></div>
|
||||||
|
<div><small>Estado operativo</small><strong>{assetOperationalStatusLabel(asset.operationalStatus)}</strong></div>
|
||||||
|
</div>
|
||||||
|
{canAdvanced && <div className="simple-inventory-advanced"><span>Las herramientas históricas y administrativas quedan separadas de esta ficha.</span><Link to={`/inventarios/${asset.id}?advanced=1`}>Administración avanzada</Link></div>}
|
||||||
|
</details>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{tab === 'activity' && inspectable && canReadDossier && <AssetDossierPanel assetId={asset.id} />}
|
||||||
|
{tab === 'findings' && technicalLevel && canReadFindingCatalog && <AssetFindingCatalogPanel assetId={asset.id} canManage={canManageFindingCatalog} />}
|
||||||
|
{tab === 'location' && <Suspense fallback={<LoadingBlock label="Cargando mapa…" />}><AssetGeometryEditor assetId={asset.id} assetName={asset.name} canEdit={canEditGeometry} onChanged={() => setHistoryRefreshKey((current) => current + 1)} /></Suspense>}
|
||||||
|
{tab === 'photos' && canReadMedia && <AssetMediaPanel assetId={asset.id} assetName={asset.name} canManage={canManageMedia} onChanged={() => setHistoryRefreshKey((current) => current + 1)} />}
|
||||||
|
{tab === 'history' && canReadHistory && <AssetHistoryPanel assetId={asset.id} refreshKey={historyRefreshKey} />}
|
||||||
|
</section>;
|
||||||
|
}
|
||||||
@@ -0,0 +1,276 @@
|
|||||||
|
import { useEffect, useMemo, useState } from 'react';
|
||||||
|
import type { FormEvent } from 'react';
|
||||||
|
import { Link, useSearchParams } from 'react-router';
|
||||||
|
import { useAuth } from '../auth/AuthContext';
|
||||||
|
import { hasAdministratorRole } from '../auth/adminAccess';
|
||||||
|
import { Alert, LoadingBlock, errorMessage } from '../components/Feedback';
|
||||||
|
import { Icon } from '../components/Icon';
|
||||||
|
import { AssetHistoryPanel } from '../features/assets/AssetHistoryPanel';
|
||||||
|
import { assetStatusClass, assetStatusLabel } from '../features/assets/assetPresentation';
|
||||||
|
import {
|
||||||
|
getAssetLineage,
|
||||||
|
listAreaCompanyRelations,
|
||||||
|
listAssetTreeChildren,
|
||||||
|
listInspectionVisits,
|
||||||
|
updateAsset,
|
||||||
|
} from '../lib/api';
|
||||||
|
import type { AreaCompanyRelation, AssetDetail, AssetLineageItem, AssetListItem } from '../lib/api';
|
||||||
|
import {
|
||||||
|
listInspectionActsGlobalF4,
|
||||||
|
type InspectionActStatusF4,
|
||||||
|
} from '../lib/inspectionActF4Api';
|
||||||
|
import { listInspectionReportsF4 } from '../lib/reportWorkflowApi';
|
||||||
|
import './territorialInventory.css';
|
||||||
|
|
||||||
|
type TerritoryTab = 'summary' | 'history';
|
||||||
|
|
||||||
|
function normalized(value: string) {
|
||||||
|
return value
|
||||||
|
.normalize('NFD')
|
||||||
|
.replace(/[\u0300-\u036f]/g, '')
|
||||||
|
.toLowerCase()
|
||||||
|
.replace(/[^a-z0-9]+/g, ' ')
|
||||||
|
.trim();
|
||||||
|
}
|
||||||
|
|
||||||
|
function tokensForType(type: { code: string; name: string }) {
|
||||||
|
return new Set(`${normalized(type.code)} ${normalized(type.name)}`.split(' ').filter(Boolean));
|
||||||
|
}
|
||||||
|
|
||||||
|
function typeTokens(asset: AssetDetail) {
|
||||||
|
return tokensForType(asset.type);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function isTerritorialInventoryAsset(asset: AssetDetail) {
|
||||||
|
const tokens = typeTokens(asset);
|
||||||
|
return tokens.has('departamento') || tokens.has('area') || tokens.has('yacimiento');
|
||||||
|
}
|
||||||
|
|
||||||
|
function isOperationalArea(asset: AssetDetail) {
|
||||||
|
return typeTokens(asset).has('area');
|
||||||
|
}
|
||||||
|
|
||||||
|
function isYacimiento(asset: AssetDetail) {
|
||||||
|
return typeTokens(asset).has('yacimiento');
|
||||||
|
}
|
||||||
|
|
||||||
|
function lineageArea(lineage: AssetLineageItem[]) {
|
||||||
|
return [...lineage].reverse().find((item) => tokensForType(item.type).has('area')) ?? null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function relationRoleLabel(role: AreaCompanyRelation['relationRole']) {
|
||||||
|
if (role === 'OPERATOR') return 'Operadora';
|
||||||
|
if (role === 'TECHNICAL_OPERATOR') return 'Operadora técnica';
|
||||||
|
if (role === 'CONCESSIONAIRE') return 'Concesionaria / titular';
|
||||||
|
if (role === 'PERMIT_HOLDER') return 'Permisionaria';
|
||||||
|
if (role === 'PARTICIPANT') return 'Participante';
|
||||||
|
return 'Vinculada';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function TerritorialInventoryPage({ initialAsset }: { initialAsset: AssetDetail }) {
|
||||||
|
const [params, setParams] = useSearchParams();
|
||||||
|
const requestedTab = params.get('tab') as TerritoryTab | null;
|
||||||
|
const tab: TerritoryTab = requestedTab === 'history' ? 'history' : 'summary';
|
||||||
|
const { user, hasPermission } = useAuth();
|
||||||
|
const canEdit = hasPermission('assets.update');
|
||||||
|
const canCreate = hasPermission('assets.create');
|
||||||
|
const canReadHistory = hasPermission('assets.read_history');
|
||||||
|
const canReadRelations = hasPermission('asset_relations.read');
|
||||||
|
const canReadActs = hasPermission('inspection_acts.read');
|
||||||
|
const canReadReports = hasPermission('inspection_reports.read');
|
||||||
|
const canReadInspections = hasPermission('inspections.read');
|
||||||
|
const canAdvanced = hasAdministratorRole(user);
|
||||||
|
|
||||||
|
const [asset, setAsset] = useState(initialAsset);
|
||||||
|
const [children, setChildren] = useState<AssetListItem[]>([]);
|
||||||
|
const [childrenHasMore, setChildrenHasMore] = useState(false);
|
||||||
|
const [lineage, setLineage] = useState<AssetLineageItem[]>([]);
|
||||||
|
const [relations, setRelations] = useState<AreaCompanyRelation[]>([]);
|
||||||
|
const [loading, setLoading] = useState(true);
|
||||||
|
const [error, setError] = useState('');
|
||||||
|
const [success, setSuccess] = useState('');
|
||||||
|
const [editing, setEditing] = useState(false);
|
||||||
|
const [saving, setSaving] = useState(false);
|
||||||
|
const [name, setName] = useState(initialAsset.name);
|
||||||
|
const [description, setDescription] = useState(initialAsset.description ?? '');
|
||||||
|
const [metrics, setMetrics] = useState({ activeInspections: 0, acts: 0, reports: 0 });
|
||||||
|
|
||||||
|
const area = isOperationalArea(asset);
|
||||||
|
const yacimiento = isYacimiento(asset);
|
||||||
|
const activeRelations = useMemo(() => relations.filter((item) => item.active), [relations]);
|
||||||
|
const relationAreaContext = useMemo(() => {
|
||||||
|
if (area) return { id: asset.id, code: asset.code, name: asset.name };
|
||||||
|
if (asset.operationalArea) return asset.operationalArea;
|
||||||
|
const ancestor = lineageArea(lineage);
|
||||||
|
return ancestor ? { id: ancestor.id, code: ancestor.code, name: ancestor.name } : null;
|
||||||
|
}, [area, asset.id, asset.code, asset.name, asset.operationalArea, lineage]);
|
||||||
|
|
||||||
|
const loadSummary = async () => {
|
||||||
|
setLoading(true);
|
||||||
|
setError('');
|
||||||
|
try {
|
||||||
|
const loadedLineage = await getAssetLineage(asset.id);
|
||||||
|
const ancestorArea = lineageArea(loadedLineage);
|
||||||
|
const relationAreaId = area
|
||||||
|
? asset.id
|
||||||
|
: asset.operationalArea?.id ?? ancestorArea?.id ?? null;
|
||||||
|
const [childPage, loadedRelations] = await Promise.all([
|
||||||
|
listAssetTreeChildren({ parentId: asset.id, limit: 100 }),
|
||||||
|
relationAreaId && canReadRelations
|
||||||
|
? listAreaCompanyRelations({ areaId: relationAreaId, includeHistory: true })
|
||||||
|
: Promise.resolve([]),
|
||||||
|
]);
|
||||||
|
setLineage(loadedLineage);
|
||||||
|
setChildren(childPage.data);
|
||||||
|
setChildrenHasMore(childPage.meta.hasMore);
|
||||||
|
setRelations(loadedRelations);
|
||||||
|
} catch (requestError) {
|
||||||
|
setError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => { void loadSummary(); }, [asset.id, area, canReadRelations]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!area) {
|
||||||
|
setMetrics({ activeInspections: 0, acts: 0, reports: 0 });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
let cancelled = false;
|
||||||
|
const loadMetrics = async () => {
|
||||||
|
try {
|
||||||
|
const actStatuses: InspectionActStatusF4[] = ['SEALED', 'CLOSED', 'RECTIFIED'];
|
||||||
|
const [planned, inProgress, actPages, reportPage] = await Promise.all([
|
||||||
|
canReadInspections ? listInspectionVisits({ areaId: asset.id, status: 'PLANNED', pageSize: 1 }) : Promise.resolve(null),
|
||||||
|
canReadInspections ? listInspectionVisits({ areaId: asset.id, status: 'IN_PROGRESS', pageSize: 1 }) : Promise.resolve(null),
|
||||||
|
canReadActs
|
||||||
|
? Promise.all(actStatuses.map((status) => listInspectionActsGlobalF4({ areaId: asset.id, status, pageSize: 1 })))
|
||||||
|
: Promise.resolve([]),
|
||||||
|
canReadReports ? listInspectionReportsF4({ areaId: asset.id, pageSize: 1 }) : Promise.resolve(null),
|
||||||
|
]);
|
||||||
|
if (cancelled) return;
|
||||||
|
setMetrics({
|
||||||
|
activeInspections: (planned?.meta.total ?? 0) + (inProgress?.meta.total ?? 0),
|
||||||
|
acts: actPages.reduce((total, page) => total + page.meta.total, 0),
|
||||||
|
reports: reportPage?.meta.total ?? 0,
|
||||||
|
});
|
||||||
|
} catch {
|
||||||
|
if (!cancelled) setMetrics({ activeInspections: 0, acts: 0, reports: 0 });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
void loadMetrics();
|
||||||
|
return () => { cancelled = true; };
|
||||||
|
}, [asset.id, area, canReadActs, canReadReports, canReadInspections]);
|
||||||
|
|
||||||
|
const save = async (event: FormEvent) => {
|
||||||
|
event.preventDefault();
|
||||||
|
if (!canEdit || !name.trim()) return;
|
||||||
|
setSaving(true); setError(''); setSuccess('');
|
||||||
|
try {
|
||||||
|
const saved = await updateAsset(asset.id, {
|
||||||
|
name: name.trim(),
|
||||||
|
description: description.trim() || null,
|
||||||
|
});
|
||||||
|
setAsset(saved);
|
||||||
|
setName(saved.name);
|
||||||
|
setDescription(saved.description ?? '');
|
||||||
|
setEditing(false);
|
||||||
|
setSuccess('Datos actualizados.');
|
||||||
|
} catch (requestError) {
|
||||||
|
setError(errorMessage(requestError));
|
||||||
|
} finally {
|
||||||
|
setSaving(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const setTab = (next: TerritoryTab) => {
|
||||||
|
const nextParams = new URLSearchParams(params);
|
||||||
|
next === 'summary' ? nextParams.delete('tab') : nextParams.set('tab', next);
|
||||||
|
nextParams.delete('advanced');
|
||||||
|
setParams(nextParams);
|
||||||
|
};
|
||||||
|
|
||||||
|
return <section className="narrow-section territory-page">
|
||||||
|
<nav className="breadcrumb territory-breadcrumb" aria-label="Ruta territorial">
|
||||||
|
<Link to="/inventarios">Inventarios</Link><span>›</span>
|
||||||
|
<Link to="/inventarios?section=territory">Áreas y yacimientos</Link><span>›</span><strong>{asset.name}</strong>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<header className="territory-hero">
|
||||||
|
<div>
|
||||||
|
<span className="eyebrow">{asset.type.name.toUpperCase()}</span>
|
||||||
|
<h1>{asset.name}</h1>
|
||||||
|
<p><strong>{asset.code}</strong></p>
|
||||||
|
</div>
|
||||||
|
<div className="territory-hero-actions">
|
||||||
|
<span className={`status-badge ${assetStatusClass(asset.informationStatus)}`}>{assetStatusLabel(asset.informationStatus)}</span>
|
||||||
|
{canEdit && tab === 'summary' && <button type="button" className="button secondary" onClick={() => setEditing((current) => !current)}><Icon name="edit" />{editing ? 'Cancelar edición' : 'Editar'}</button>}
|
||||||
|
{canCreate && tab === 'summary' && <Link className="button primary" to={`/inventarios/nuevo?parentId=${asset.id}`}><Icon name="plus" />Agregar elemento</Link>}
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div className="territory-purpose-note"><Icon name="map" /><span>Este nivel organiza el territorio y la navegación. Los hallazgos se cargan sobre elementos inspeccionables, no sobre {asset.type.name.toLowerCase()}s.</span></div>
|
||||||
|
|
||||||
|
<nav className="territory-tabs" aria-label="Secciones territoriales">
|
||||||
|
<button type="button" className={tab === 'summary' ? 'active' : ''} onClick={() => setTab('summary')}>Resumen</button>
|
||||||
|
{canReadHistory && <button type="button" className={tab === 'history' ? 'active' : ''} onClick={() => setTab('history')}>Historial</button>}
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
{error && <Alert>{error}</Alert>}{success && <Alert type="success">{success}</Alert>}
|
||||||
|
|
||||||
|
{tab === 'summary' && <div className="territory-stack">
|
||||||
|
<article className="panel territory-card">
|
||||||
|
<div className="territory-card-heading">
|
||||||
|
<div><span className="eyebrow">DATOS BÁSICOS</span><h2>Identificación</h2></div>
|
||||||
|
</div>
|
||||||
|
{editing ? <form className="territory-edit-form" onSubmit={save}>
|
||||||
|
<label className="field"><span>Nombre</span><input value={name} onChange={(event) => setName(event.target.value)} required maxLength={200} /></label>
|
||||||
|
<label className="field"><span>Descripción <em>opcional</em></span><textarea value={description} onChange={(event) => setDescription(event.target.value)} rows={3} maxLength={4000} /></label>
|
||||||
|
<div className="form-actions"><button type="button" className="button secondary" onClick={() => { setEditing(false); setName(asset.name); setDescription(asset.description ?? ''); }}>Cancelar</button><button className="button primary" disabled={saving}><Icon name="check" />{saving ? 'Guardando…' : 'Guardar'}</button></div>
|
||||||
|
</form> : <div className="territory-data-grid">
|
||||||
|
<div><small>Tipo</small><strong>{asset.type.name}</strong></div>
|
||||||
|
<div><small>Código DH</small><strong>{asset.code}</strong></div>
|
||||||
|
{asset.description && <div className="wide"><small>Descripción</small><strong>{asset.description}</strong></div>}
|
||||||
|
</div>}
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<article className="panel territory-card">
|
||||||
|
<div className="territory-card-heading">
|
||||||
|
<div><span className="eyebrow">CONTENIDO</span><h2>Registros dentro de {asset.name}</h2><p>Acceso directo a los niveles que dependen de este registro.</p></div>
|
||||||
|
<span className="count-pill">{children.length}{childrenHasMore ? '+' : ''}</span>
|
||||||
|
</div>
|
||||||
|
{loading ? <LoadingBlock label="Cargando contenido…" /> : children.length === 0 ? <div className="inline-empty">Todavía no hay registros dentro de {asset.name}.</div> : <div className="territory-child-list">
|
||||||
|
{children.map((child) => <Link to={`/inventarios/${child.id}`} key={child.id} className="territory-child-row">
|
||||||
|
<span className="asset-symbol"><Icon name="layers" /></span>
|
||||||
|
<span><strong>{child.name}</strong><small>{child.type.name} · {child.code}</small></span>
|
||||||
|
<span className={`status-badge ${assetStatusClass(child.informationStatus)}`}>{assetStatusLabel(child.informationStatus)}</span>
|
||||||
|
<Icon name="chevron" size={16} />
|
||||||
|
</Link>)}
|
||||||
|
</div>}
|
||||||
|
{childrenHasMore && <div className="territory-card-actions"><Link className="button secondary" to={`/inventarios?section=territory&parentId=${asset.id}`}>Ver contenido completo</Link></div>}
|
||||||
|
</article>
|
||||||
|
|
||||||
|
{relationAreaContext && canReadRelations && <article className="panel territory-card">
|
||||||
|
<div className="territory-card-heading"><div><span className="eyebrow">OPERACIÓN</span><h2>Empresas vinculadas</h2><p>{area ? 'Quién opera o participa actualmente en esta área.' : yacimiento ? `Empresas que operan o participan en el Área ${relationAreaContext.name}, contexto operativo de este yacimiento.` : `Empresas vinculadas al Área ${relationAreaContext.name}.`}</p></div><span className="count-pill">{activeRelations.length}</span></div>
|
||||||
|
{loading ? <LoadingBlock label="Cargando empresas…" /> : activeRelations.length === 0 ? <div className="inline-empty">No hay empresas con vínculo vigente en el Área {relationAreaContext.name}.</div> : <div className="territory-company-list">
|
||||||
|
{activeRelations.map((relation) => <Link to={`/inventarios/${relation.company.id}`} key={relation.id} className="territory-company-row"><span><strong>{relation.company.name}</strong><small>{relationRoleLabel(relation.relationRole)}{!area ? ` · ${relation.area.name}` : ''}</small></span><Icon name="chevron" size={16} /></Link>)}
|
||||||
|
</div>}
|
||||||
|
</article>}
|
||||||
|
|
||||||
|
{area && (canReadInspections || canReadActs || canReadReports) && <article className="panel territory-card">
|
||||||
|
<div className="territory-card-heading"><div><span className="eyebrow">ACTIVIDAD</span><h2>Actividad del área</h2><p>Resumen documental y operativo, sin mezclarlo con hallazgos de los elementos inspeccionados.</p></div></div>
|
||||||
|
<div className="territory-metrics">
|
||||||
|
{canReadInspections && <div><small>Inspecciones activas</small><strong>{metrics.activeInspections}</strong></div>}
|
||||||
|
{canReadActs && <div><small>Actas emitidas</small><strong>{metrics.acts}</strong></div>}
|
||||||
|
{canReadReports && <div><small>Informes</small><strong>{metrics.reports}</strong></div>}
|
||||||
|
</div>
|
||||||
|
</article>}
|
||||||
|
|
||||||
|
{canAdvanced && <div className="territory-advanced-link"><span>Los datos estructurales, procedencia, ubicación y opciones técnicas quedan fuera de la vista cotidiana.</span><Link to={`/inventarios/${asset.id}?advanced=1`}>Administración avanzada</Link></div>}
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{tab === 'history' && canReadHistory && <AssetHistoryPanel assetId={asset.id} />}
|
||||||
|
</section>;
|
||||||
|
}
|
||||||
@@ -0,0 +1,105 @@
|
|||||||
|
.company-page { display: grid; gap: 18px; }
|
||||||
|
.company-breadcrumb { margin-bottom: 0; }
|
||||||
|
|
||||||
|
.company-hero {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 24px;
|
||||||
|
padding: 4px 0 2px;
|
||||||
|
}
|
||||||
|
.company-hero h1 { margin: 6px 0 5px; font-size: clamp(31px, 3.5vw, 44px); line-height: 1.02; letter-spacing: -.045em; }
|
||||||
|
.company-hero p { margin: 0; color: var(--muted); font-size: 13px; }
|
||||||
|
.company-hero-actions { display: flex; align-items: center; gap: 12px; }
|
||||||
|
|
||||||
|
.company-tabs {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 0 0 1px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
}
|
||||||
|
.company-tabs button {
|
||||||
|
position: relative;
|
||||||
|
min-height: 43px;
|
||||||
|
padding: 9px 13px;
|
||||||
|
border: 0;
|
||||||
|
color: #566178;
|
||||||
|
background: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.company-tabs button:hover { color: var(--ink); }
|
||||||
|
.company-tabs button.active { color: var(--blue); }
|
||||||
|
.company-tabs button.active::after { content: ''; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--blue); }
|
||||||
|
|
||||||
|
.company-stack { display: grid; gap: 15px; }
|
||||||
|
.company-card { padding: 23px; }
|
||||||
|
.company-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
|
||||||
|
.company-card-heading h2 { margin: 4px 0 4px; }
|
||||||
|
.company-card-heading p { max-width: 680px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
|
||||||
|
.company-card-actions { display: flex; justify-content: flex-end; margin-top: 17px; }
|
||||||
|
|
||||||
|
.company-data-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--line); }
|
||||||
|
.company-data-grid > div { min-height: 78px; padding: 15px 16px; background: #fff; }
|
||||||
|
.company-data-grid small, .company-data-grid strong { display: block; }
|
||||||
|
.company-data-grid small { margin-bottom: 7px; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
|
||||||
|
.company-data-grid strong { font-size: 13px; font-weight: 750; }
|
||||||
|
.company-edit-form { display: grid; gap: 16px; }
|
||||||
|
|
||||||
|
.company-area-list { display: grid; gap: 8px; }
|
||||||
|
.company-area-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 62px; padding: 12px 14px; border: 1px solid #e3e7ee; border-radius: 10px; background: #fafbfc; }
|
||||||
|
.company-area-row > a { min-width: 0; text-decoration: none; }
|
||||||
|
.company-area-row > a:hover strong { color: var(--blue); }
|
||||||
|
.company-area-row strong, .company-area-row small { display: block; }
|
||||||
|
.company-area-row strong { font-size: 13px; }
|
||||||
|
.company-area-row small { margin-top: 4px; color: var(--muted); font-size: 10px; }
|
||||||
|
.company-area-row > div { display: flex; align-items: center; gap: 7px; }
|
||||||
|
.company-inline-action { margin-top: 13px; border: 1px dashed #cfd7e5; border-radius: 10px; background: #fbfcfe; }
|
||||||
|
.company-inline-action summary { display: flex; align-items: center; gap: 7px; padding: 13px 14px; cursor: pointer; color: var(--blue); font-size: 12px; font-weight: 750; list-style: none; }
|
||||||
|
.company-inline-action summary::-webkit-details-marker { display: none; }
|
||||||
|
.company-inline-action form { display: grid; gap: 13px; padding: 0 14px 14px; }
|
||||||
|
|
||||||
|
.company-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
|
||||||
|
.company-metrics > div { display: grid; gap: 6px; padding: 16px; border: 1px solid #e2e7ef; border-radius: 11px; background: #f8faff; }
|
||||||
|
.company-metrics small { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
|
||||||
|
.company-metrics strong { color: #173b7a; font-size: 25px; line-height: 1; letter-spacing: -.04em; }
|
||||||
|
|
||||||
|
.company-doc-heading { align-items: center; }
|
||||||
|
.company-doc-counts { display: flex; gap: 7px; }
|
||||||
|
.company-doc-counts span { padding: 6px 9px; border-radius: 999px; color: #536078; background: #f0f3f8; font-size: 10px; font-weight: 750; }
|
||||||
|
.company-document-search { display: flex; align-items: center; gap: 9px; width: 100%; margin-bottom: 17px; padding: 0 12px; border: 1px solid #d8dee8; border-radius: 10px; background: white; }
|
||||||
|
.company-document-search .icon { color: #818ba0; }
|
||||||
|
.company-document-search input { width: 100%; min-height: 43px; border: 0; outline: 0; background: transparent; font-size: 12px; }
|
||||||
|
.company-doc-table table { min-width: 870px; }
|
||||||
|
.company-doc-table td { vertical-align: middle; }
|
||||||
|
|
||||||
|
.company-document-list { display: grid; gap: 8px; }
|
||||||
|
.company-document-list > div { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 14px; border: 1px solid #e2e6ed; border-radius: 10px; background: #fbfcfd; }
|
||||||
|
.company-document-list strong, .company-document-list small { display: block; }
|
||||||
|
.company-document-list strong { font-size: 12px; }
|
||||||
|
.company-document-list small { margin-top: 4px; color: var(--muted); font-size: 10px; }
|
||||||
|
.company-more { margin-top: 13px; }
|
||||||
|
.company-more summary { cursor: pointer; color: #59657b; font-size: 11px; font-weight: 750; }
|
||||||
|
.company-identifier-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; margin-top: 10px; }
|
||||||
|
.company-identifier-list > div { display: grid; gap: 3px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; background: #fafbfc; }
|
||||||
|
.company-identifier-list strong { font-size: 10px; color: var(--blue); }
|
||||||
|
.company-identifier-list span { font-size: 12px; font-weight: 750; }
|
||||||
|
.company-identifier-list small { color: var(--muted); font-size: 9px; }
|
||||||
|
.company-advanced-link { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 15px; border: 1px dashed #ccd4e2; border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.55); font-size: 11px; }
|
||||||
|
.company-advanced-link a { color: var(--blue); font-weight: 750; text-decoration: none; }
|
||||||
|
|
||||||
|
@media (max-width: 760px) {
|
||||||
|
.company-hero { align-items: flex-start; flex-direction: column; }
|
||||||
|
.company-hero-actions { width: 100%; justify-content: space-between; }
|
||||||
|
.company-card { padding: 18px; }
|
||||||
|
.company-card-heading { align-items: flex-start; flex-direction: column; }
|
||||||
|
.company-data-grid, .company-metrics { grid-template-columns: 1fr; }
|
||||||
|
.company-area-row { align-items: flex-start; flex-direction: column; }
|
||||||
|
.company-area-row > div { width: 100%; justify-content: space-between; }
|
||||||
|
.company-doc-counts { width: 100%; }
|
||||||
|
.company-advanced-link { align-items: flex-start; flex-direction: column; }
|
||||||
|
}
|
||||||
@@ -0,0 +1,106 @@
|
|||||||
|
.territory-page { display: grid; gap: 18px; }
|
||||||
|
.territory-breadcrumb { margin-bottom: 0; }
|
||||||
|
|
||||||
|
.territory-hero {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 24px;
|
||||||
|
padding: 4px 0 2px;
|
||||||
|
}
|
||||||
|
.territory-hero h1 { margin: 6px 0 5px; font-size: clamp(31px, 3.5vw, 44px); line-height: 1.02; letter-spacing: -.045em; }
|
||||||
|
.territory-hero p { margin: 0; color: var(--muted); font-size: 13px; }
|
||||||
|
.territory-hero-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
|
||||||
|
|
||||||
|
.territory-purpose-note {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 9px;
|
||||||
|
padding: 11px 13px;
|
||||||
|
border: 1px solid #dbe4f2;
|
||||||
|
border-radius: 10px;
|
||||||
|
color: #536078;
|
||||||
|
background: #f7f9fd;
|
||||||
|
font-size: 11px;
|
||||||
|
line-height: 1.45;
|
||||||
|
}
|
||||||
|
.territory-purpose-note .icon { color: var(--blue); flex: 0 0 auto; }
|
||||||
|
|
||||||
|
.territory-tabs {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 0 0 1px;
|
||||||
|
border-bottom: 1px solid var(--line);
|
||||||
|
}
|
||||||
|
.territory-tabs button {
|
||||||
|
position: relative;
|
||||||
|
min-height: 43px;
|
||||||
|
padding: 9px 13px;
|
||||||
|
border: 0;
|
||||||
|
color: #566178;
|
||||||
|
background: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.territory-tabs button:hover { color: var(--ink); }
|
||||||
|
.territory-tabs button.active { color: var(--blue); }
|
||||||
|
.territory-tabs button.active::after { content: ''; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--blue); }
|
||||||
|
|
||||||
|
.territory-stack { display: grid; gap: 15px; }
|
||||||
|
.territory-card { padding: 22px; }
|
||||||
|
.territory-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
|
||||||
|
.territory-card-heading h2 { margin: 4px 0; }
|
||||||
|
.territory-card-heading p { max-width: 680px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
|
||||||
|
.territory-card-actions { display: flex; justify-content: flex-end; margin-top: 14px; }
|
||||||
|
|
||||||
|
.territory-data-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--line); }
|
||||||
|
.territory-data-grid > div { min-height: 74px; padding: 15px 16px; background: #fff; }
|
||||||
|
.territory-data-grid > div.wide { grid-column: 1 / -1; }
|
||||||
|
.territory-data-grid small, .territory-data-grid strong { display: block; }
|
||||||
|
.territory-data-grid small { margin-bottom: 7px; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
|
||||||
|
.territory-data-grid strong { font-size: 13px; font-weight: 750; line-height: 1.45; }
|
||||||
|
.territory-edit-form { display: grid; gap: 15px; }
|
||||||
|
|
||||||
|
.territory-child-list, .territory-company-list { display: grid; gap: 8px; }
|
||||||
|
.territory-child-row, .territory-company-row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
min-height: 60px;
|
||||||
|
padding: 11px 13px;
|
||||||
|
border: 1px solid #e2e7ef;
|
||||||
|
border-radius: 10px;
|
||||||
|
color: inherit;
|
||||||
|
background: #fbfcfd;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.territory-child-row:hover, .territory-company-row:hover { border-color: #bfd0ee; background: #f7faff; }
|
||||||
|
.territory-child-row > span:nth-child(2), .territory-company-row > span:first-child { flex: 1; min-width: 0; }
|
||||||
|
.territory-child-row strong, .territory-child-row small, .territory-company-row strong, .territory-company-row small { display: block; }
|
||||||
|
.territory-child-row strong, .territory-company-row strong { font-size: 12px; }
|
||||||
|
.territory-child-row small, .territory-company-row small { margin-top: 4px; color: var(--muted); font-size: 10px; }
|
||||||
|
.territory-child-row > .icon:last-child, .territory-company-row > .icon:last-child { color: #8b96aa; }
|
||||||
|
|
||||||
|
.territory-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
|
||||||
|
.territory-metrics > div { display: grid; gap: 6px; padding: 16px; border: 1px solid #e2e7ef; border-radius: 11px; background: #f8faff; }
|
||||||
|
.territory-metrics small { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
|
||||||
|
.territory-metrics strong { color: #173b7a; font-size: 25px; line-height: 1; letter-spacing: -.04em; }
|
||||||
|
|
||||||
|
.territory-advanced-link { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 15px; border: 1px dashed #ccd4e2; border-radius: 10px; color: var(--muted); background: rgba(255,255,255,.55); font-size: 11px; }
|
||||||
|
.territory-advanced-link a { color: var(--blue); font-weight: 750; text-decoration: none; }
|
||||||
|
|
||||||
|
@media (max-width: 760px) {
|
||||||
|
.territory-hero { align-items: flex-start; flex-direction: column; }
|
||||||
|
.territory-hero-actions { width: 100%; }
|
||||||
|
.territory-card { padding: 18px; }
|
||||||
|
.territory-card-heading { align-items: flex-start; flex-direction: column; }
|
||||||
|
.territory-data-grid, .territory-metrics { grid-template-columns: 1fr; }
|
||||||
|
.territory-data-grid > div.wide { grid-column: auto; }
|
||||||
|
.territory-child-row { align-items: flex-start; flex-wrap: wrap; }
|
||||||
|
.territory-child-row .status-badge { margin-left: 44px; }
|
||||||
|
.territory-advanced-link { align-items: flex-start; flex-direction: column; }
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user