agrego grilla de inconsistencias a pantalla principal

src/client/css/menu.styl

@@ -333,6 +333,57 @@ span.box-info
   border-right 0.5px dotted gray
   padding 2px
 
+.componente-inconsistencias-persona
+  min-width 28em
+
+.inconsistencias-titulo
+  font-weight bold
+  font-size 1em
+  margin-bottom 0.2em
+
+.inconsistencias-descripcion
+  font-size 0.9em
+  color #aa6600
+  padding 0.4em
+  background-color #fff8d6
+  border-radius 3px
+  border-left 4px solid #f0e8c9
+
+.inconsistencia-item
+  padding 0.7em
+  border-radius 3px
+  margin-bottom 0.3em
+
+  &:last-child
+    border-bottom none
+
+.inconsistencia-row
+  display flex
+  justify-content space-between
+  margin-bottom 0.3em
+
+.inconsistencia-left
+  font-size 0.9em
+
+.inconsistencia-right
+  color #666
+  font-family monospace
+
+.inconsistencia-description
+  color #333
+  font-size 0.9em
+
+.inconsistencia-detail
+  margin-top 0.3em
+  font-size 0.9em
+  color #666
+
+.inconsistencias-vacio
+  padding 1em
+  text-align center
+  color #666
+  font-style italic
+
 .search-box
   padding-left 0.7em
   display flex

src/client/ws-componentes.tsx

@@ -280,6 +280,8 @@ type ProvisorioPersonaDomicilio = {idper:string, barrios__nombre_barrio:string,c
 type ProvisorioPersonaTelefono = {idper: string, tipo_telefono: string, tipos_telefono__descripcion?: string, telefono: string, observaciones?: string, nro_item?: number, orden?: number}
 type ProvisorioSectores = {pactivas: number, activo: boolean,sector:string, nombre_sector:string, pertenece_a:string, nivel:number};
 type ProvisorioSectoresAumentados = ProvisorioSectores & {perteneceA: Record<string, boolean>, hijos:ProvisorioSectoresAumentados[], profundidad:number}
+type ProvisorioInconsistencia = {annio:string, idper:string, cod_nov:string, cod_nov__novedad:string, pauta:string, pautas__descripcion:string}
+
 // @ts-ignore
 type ProvisorioCodNovedades = {cod_nov:string, novedad:string}
 
@@ -935,6 +937,58 @@ function LegajoPer(props: {conn: Connector, idper:string}) {
     </Componente>
 }
 
+function InconsistenciasPersona(props:{conn: Connector, idper:string, annio:number}){
+    const {conn, idper, annio} = props;
+    const [inconsistencias, setInconsistencias] = useState<ProvisorioInconsistencia[]>([]);
+    useEffect(function(){
+        setInconsistencias(setEfimero)
+        conn.ajax.table_data<any>({
+            table: 'inconsistencias',
+            fixedFields: [{fieldName:'idper', value:idper}],
+            paramfun: {}
+        }).then(function(inconsistencias: ProvisorioInconsistencia[]){
+            setInconsistencias(inconsistencias);
+            console.log(inconsistencias)
+        }).catch(logError)
+    }, [idper])
+
+    return <Componente componentType="inconsistencias-persona" esEfimero={inconsistencias}>
+        {inconsistencias.length > 0 && 
+            <div className="inconsistencias-descripcion">
+                Esta persona posee {inconsistencias.length} {inconsistencias.length === 1 ? 'inconsistencia' : 'inconsistencias'} que requiere atención
+            </div>
+        }
+        {inconsistencias.length > 0 ? (
+            <List>
+                {inconsistencias.filter(inc => inc.annio == annio.toString() || inc.annio == null).map((inconsistencia) => (
+                    <div key={inconsistencia.pauta} className="inconsistencia-item">
+                        <div className="inconsistencia-row">
+                            <div className="inconsistencia-left">
+                                <strong>{inconsistencia.pauta}</strong>
+                            </div>
+                            {inconsistencia.cod_nov && (
+                                <div className="inconsistencia-right">
+                                    {inconsistencia.cod_nov}
+                                </div>
+                            )}
+                        </div>
+                        <div className="inconsistencia-description">
+                            {inconsistencia.pautas__descripcion}
+                            {inconsistencia.cod_nov__novedad && (
+                                <div className="inconsistencia-detail">{inconsistencia.cod_nov__novedad}</div>
+                            )}
+                        </div>
+                    </div>
+                ))}
+            </List>
+        ) : (
+            <div className="inconsistencias-vacio">
+                No se encontraron inconsistencias
+            </div>
+        )}
+    </Componente>   
+}
+
 function Pantalla1(props:{conn: Connector, fixedFields:FixedFields}){
     var ffObject: Record<string, any> = {
     };
@@ -1172,6 +1226,7 @@ function Pantalla1(props:{conn: Connector, fixedFields:FixedFields}){
                     <Typography>{error?.message ?? (guardandoRegistroNovedad && "registrando..." || "error")}</Typography>
                 : null}</Box>
                 { es.rrhh && <NovedadesRegistradas conn={conn} idper={idper} annio={annio} ultimaNovedad={ultimaNovedad} persona={persona} fechaActual={fechaActual} onBorrado={()=>setUltimaNovedad(ultimaNovedad-1)}/>}
+                { es.rrhh && <InconsistenciasPersona conn={conn} idper={idper} annio={annio}/>}
                 <Horario conn={conn} idper={idper} fecha={fecha}/>
                 </div>
             </Componente>

src/common/contracts.ts

@@ -735,6 +735,15 @@ export const info_nov_numeros = [
     { name: 'saldo'     , abr: 'saldo' , minAbr: 's', title: 'saldo'           },
 ] satisfies {name:'cantidad'|'usados'|'pendientes'|'saldo', abr:string, minAbr:string, title:string}[]
 
+export const info_inconsistencias = [
+    { name: 'annio'               , abr: 'año',     title: 'año'        },
+    { name: 'pauta'               , abr: 'pauta',   title: 'pauta'      },
+    { name: 'pautas__descripcion' , abr: 'descr',   title: 'descripcion'},
+    { name: 'cod_nov'             , abr: 'cod',     title: 'codigo'     },
+    { name: 'cod_nov__novedad'    , abr: 'novedad', title: 'novedad'    },
+] satisfies {name:'annio'|'pauta'|'pautas__descripcion'|'cod_nov'|'cod_nov__novedad', abr:string, title:string}[]
+
+
 //////////// ERRORES POSTGRES PROPIOS:
 export const ERROR_REFERENCIA_CIRCULAR_EN_SECTORES = 'P1001';
 export const ERROR_NO_SE_PUEDE_CARGAR_EN_EL_PASADO = 'P1002';