smoreno/funcionarios_front
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Modificacinoes

Browse Source
This commit is contained in:
santiago
2026-01-07 17:00:02 -06:00
parent 283a8babe3 67dd34ce46
commit 4482d618c6
17 changed files with 1091 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.tsxt
+13
View File
@@ -0,0 +1,13 @@
110 Departamento de movilidad estudiantil intercambio academico
198 secretaría Auxiliar de Extensión Universitaria y Vinculación Institucional
148 Secretaría Auxiliar de la Secretaría General", cargo: "Secretario Auxiliar
5 Unidad de Administración y Recursos", cargo
3 Unidad de Servicios a la Comunidad
61 Superintendencia de Obras y Mantenimiento
59 Unidad de la Oficina Jurídica
package-lock.json
Generated
+11
View File
@@ -1290,6 +1290,7 @@
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
"license": "MIT",
"peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
@@ -1716,6 +1717,7 @@
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz",
"integrity": "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==",
"license": "MIT",
"peer": true,
"dependencies": {
"csstype": "^3.0.2"
}
@@ -1791,6 +1793,7 @@
"integrity": "sha512-n1H6IcDhmmUEG7TNVSspGmiHHutt7iVKtZwRppD7e04wha5MrkV1h3pti9xQLcCMt6YWsncpoT0HMjkH1FNwWQ==",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"@typescript-eslint/scope-manager": "8.46.0",
"@typescript-eslint/types": "8.46.0",
@@ -2308,6 +2311,7 @@
"integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
"dev": true,
"license": "MIT",
"peer": true,
"bin": {
"acorn": "bin/acorn"
},
@@ -3248,6 +3252,7 @@
"integrity": "sha512-XyLmROnACWqSxiGYArdef1fItQd47weqB7iwtfr9JHwRrqIXZdcFMvvEcL9xHCmL0SNsOvF0c42lWyM1U5dgig==",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"@eslint-community/eslint-utils": "^4.8.0",
"@eslint-community/regexpp": "^4.12.1",
@@ -3422,6 +3427,7 @@
"integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
"dev": true,
"license": "MIT",
"peer": true,
"dependencies": {
"@rtsao/scc": "^1.1.0",
"array-includes": "^3.1.9",
@@ -5630,6 +5636,7 @@
"resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
"integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
"license": "MIT",
"peer": true,
"engines": {
"node": ">=0.10.0"
}
@@ -5670,6 +5677,7 @@
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
"integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
"license": "MIT",
"peer": true,
"dependencies": {
"scheduler": "^0.26.0"
},
@@ -5898,6 +5906,7 @@
"resolved": "https://registry.npmjs.org/sass/-/sass-1.93.2.tgz",
"integrity": "sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg==",
"license": "MIT",
"peer": true,
"dependencies": {
"chokidar": "^4.0.0",
"immutable": "^5.0.2",
@@ -6427,6 +6436,7 @@
"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
"dev": true,
"license": "MIT",
"peer": true,
"engines": {
"node": ">=12"
},
@@ -6576,6 +6586,7 @@
"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
"dev": true,
"license": "Apache-2.0",
"peer": true,
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
public/Organigrama_con_ids(1).svg
+322
View File
@@ -0,0 +1,322 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 27.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg id="Capa_1" style="enable-background:new 0 0 1634 1251.8;" version="1.1" viewBox="0 0 1634 1251.8" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:none;stroke:#002B7A;stroke-width:5;stroke-linecap:round;stroke-miterlimit:10;}
.st2{fill:#002B7A;stroke:#D59F0F;stroke-width:3;stroke-miterlimit:10;}
.st3{font-family:'CenturyGothic-Bold';}
.st4{font-size:12px;}
.st5{font-size:11px;}
.st6{font-size:10px;}
</style>
<g id="Capa_2_00000014613679252256872710000012712931533006635161_">
<rect class="st0" height="1251.8" width="1634" y="0"/>
</g>
<g id="Capa_3">
<line class="st1" x1="485.3" x2="485.3" y1="782.1" y2="842"/>
<line class="st1" x1="485.3" x2="485.3" y1="689.9" y2="749.8"/>
<line class="st1" x1="485.3" x2="485.3" y1="411.9" y2="471.8"/>
<line class="st1" x1="485.3" x2="485.3" y1="597.6" y2="657.5"/>
<line class="st1" x1="485.3" x2="485.3" y1="504.8" y2="564.7"/>
<line class="st1" x1="481.6" x2="481.6" y1="316.6" y2="376.5"/>
</g>
<g id="Capa_1_00000148652816476125859040000017556691375719302558_">
<line class="st1" x1="509.8" x2="651.6" y1="256.4" y2="256.4"/>
<line class="st1" x1="509.8" x2="793.3" y1="171.7" y2="171.7"/>
<line class="st1" x1="150" x2="1502.9" y1="316.6" y2="316.6"/>
<line class="st1" x1="651.6" x2="651.6" y1="87.4" y2="376.5"/>
<line class="st1" x1="150" x2="150" y1="316.6" y2="376.5"/>
<line class="st1" x1="150" x2="150" y1="376.5" y2="471.8"/>
<line class="st1" x1="150" x2="150" y1="471.8" y2="567.1"/>
<line class="st1" x1="150" x2="150" y1="567.1" y2="662.4"/>
<line class="st1" x1="150" x2="150" y1="662.4" y2="757.8"/>
<line class="st1" x1="150" x2="150" y1="757.8" y2="853.1"/>
<line class="st1" x1="150" x2="150" y1="853.1" y2="948.4"/>
<line class="st1" x1="150" x2="150" y1="948.4" y2="1043.7"/>
<line class="st1" x1="315.7" x2="315.7" y1="316.6" y2="376.5"/>
<line class="st1" x1="315.7" x2="315.7" y1="411.9" y2="471.8"/>
<line class="st1" x1="655.5" x2="655.5" y1="411.9" y2="471.8"/>
<line class="st1" x1="825.8" x2="825.8" y1="411.9" y2="471.8"/>
<line class="st1" x1="825.8" x2="825.8" y1="597.6" y2="657.5"/>
<line class="st1" x1="825.8" x2="825.8" y1="690.5" y2="750.4"/>
<line class="st1" x1="825.8" x2="825.8" y1="783.4" y2="843.3"/>
<line class="st1" x1="825.8" x2="825.8" y1="504.8" y2="564.7"/>
<line class="st1" x1="655.5" x2="655.5" y1="505.2" y2="565.1"/>
<line class="st1" x1="655.5" x2="655.5" y1="597.5" y2="657.4"/>
<line class="st1" x1="655.5" x2="655.5" y1="689.9" y2="749.8"/>
<line class="st1" x1="655.5" x2="655.5" y1="782.2" y2="842.1"/>
<line class="st1" x1="655.5" x2="655.5" y1="874.5" y2="934.4"/>
<line class="st1" x1="315.7" x2="315.7" y1="600.1" y2="660"/>
<line class="st1" x1="315.7" x2="315.7" y1="504.8" y2="564.7"/>
<line class="st1" x1="821.8" x2="821.8" y1="316.6" y2="376.5"/>
<line class="st1" x1="992.1" x2="992.1" y1="316.6" y2="376.5"/>
<line class="st1" x1="1162.3" x2="1162.3" y1="316.6" y2="376.5"/>
<line class="st1" x1="1332.6" x2="1332.6" y1="316.6" y2="376.5"/>
<line class="st1" x1="1502.9" x2="1502.9" y1="316.6" y2="376.5"/>
<line class="st1" x1="1502.9" x2="1502.9" y1="412.5" y2="472.4"/>
<line class="st1" x1="1502.9" x2="1502.9" y1="504.8" y2="564.7"/>
<line class="st1" x1="1502.9" x2="1502.9" y1="597" y2="656.9"/>
<line class="st1" x1="1502.9" x2="1502.9" y1="689.2" y2="749.1"/>
<line class="st1" x1="1502.9" x2="1502.9" y1="781.5" y2="841.4"/>
<path class="st2" d="M592.7,51.9h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12V63.9 C580.7,57.3,586.1,51.9,592.7,51.9z"/>
<path class="st2" d="M592.7,341h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12V353 C580.7,346.4,586.1,341,592.7,341z"/>
<path class="st2" d="M252.8,341h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H252.8c-6.6,0-12-5.4-12-12V353 C240.8,346.4,246.2,341,252.8,341z"/>
<path class="st2" d="M252.8,436.4h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H252.8c-6.6,0-12-5.4-12-12v-46.9 C240.8,441.7,246.2,436.4,252.8,436.4z"/>
<path class="st2" d="M763,436.4h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H763c-6.6,0-12-5.4-12-12v-46.9 C751,441.7,756.3,436.4,763,436.4z"/>
<path class="st2" d="M763,622.1h117.7c6.6,0,12,5.4,12,12V681c0,6.6-5.4,12-12,12H763c-6.6,0-12-5.4-12-12v-46.9 C751,627.5,756.3,622.1,763,622.1z"/>
<path class="st2" d="M763,715h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H763c-6.6,0-12-5.4-12-12V727 C751,720.3,756.3,715,763,715z"/>
<path class="st2" d="M763,807.8h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H763c-6.6,0-12-5.4-12-12v-46.9 C751,813.2,756.3,807.8,763,807.8z"/>
<path class="st2" d="M763,529.2h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H763c-6.6,0-12-5.4-12-12v-46.9 C751,534.6,756.3,529.2,763,529.2z"/>
<path class="st2" d="M252.8,624.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H252.8c-6.6,0-12-5.4-12-12v-46.9 C240.8,629.9,246.2,624.6,252.8,624.6z"/>
<path class="st2" d="M252.8,529.2h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H252.8c-6.6,0-12-5.4-12-12v-46.9 C240.8,534.6,246.2,529.2,252.8,529.2z"/>
<path class="st2" d="M91.2,341h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H91.2c-6.6,0-12-5.4-12-12V353 C79.2,346.4,84.5,341,91.2,341z"/>
<path class="st2" d="M91.2,436.4h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H91.2c-6.6,0-12-5.4-12-12v-46.9 C79.2,441.7,84.5,436.4,91.2,436.4z"/>
<path class="st2" d="M91.2,531.7h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H91.2c-6.6,0-12-5.4-12-12v-46.9 C79.2,537.1,84.5,531.7,91.2,531.7z"/>
<path class="st2" d="M91.2,627h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H91.2c-6.6,0-12-5.4-12-12V639 C79.2,632.4,84.5,627,91.2,627z"/>
<path class="st2" d="M91.2,722.3h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H91.2c-6.6,0-12-5.4-12-12v-46.9 C79.2,727.7,84.5,722.3,91.2,722.3z"/>
<path class="st2" d="M91.2,817.7h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H91.2c-6.6,0-12-5.4-12-12v-46.9 C79.2,823,84.5,817.7,91.2,817.7z"/>
<path class="st2" d="M91.2,913h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H91.2c-6.6,0-12-5.4-12-12V925 C79.2,918.3,84.5,913,91.2,913z"/>
<path class="st2" d="M91.2,1008.3h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H91.2c-6.6,0-12-5.4-12-12v-46.9 C79.2,1013.7,84.5,1008.3,91.2,1008.3z"/>
<path class="st2" d="M763,341h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H763c-6.6,0-12-5.4-12-12V353 C751,346.4,756.3,341,763,341z"/>
<path class="st2" d="M933.2,341h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H933.2c-6.6,0-12-5.4-12-12V353 C921.2,346.4,926.6,341,933.2,341z"/>
<path class="st2" d="M1103.5,341h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12h-117.7c-6.6,0-12-5.4-12-12V353 C1091.5,346.4,1096.9,341,1103.5,341z"/>
<path class="st2" d="M1273.7,341h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12h-117.7c-6.6,0-12-5.4-12-12V353 C1261.7,346.4,1267.1,341,1273.7,341z"/>
<path class="st2" d="M451,136.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H451c-6.6,0-12-5.4-12-12v-46.9 C439,142,444.3,136.6,451,136.6z"/>
<path class="st2" d="M451,221.3h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H451c-6.6,0-12-5.4-12-12v-46.9 C439,226.6,444.3,221.3,451,221.3z"/>
<path class="st2" d="M734.4,136.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H734.4c-6.6,0-12-5.4-12-12v-46.9 C722.4,142,727.8,136.6,734.4,136.6z"/>
<text id="72" class="st0 st3 st4" transform="matrix(1 0 0 1 618.5801 91.77)">DIRECCIÓN</text>
<g id="60">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 729.47 168.9204)">DEPARTAMENTO DE LA</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 735.8301 183.3208)">OFICINA DE PRENSA</text>
</g>
<g id="122">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 452.01 161.7202)">COORDINACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 459.8101 176.1206)">COMUNICACIÓN</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 488.24 190.52)">SOCIAL</text>
</g>
<g id="143">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 452.01 253.5806)">COORDINACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 484.8799 267.981)">GESTIÓN</text>
</g>
<text id="8" class="st0 st3 st4" transform="matrix(1 0 0 1 88.01 381.2007)">SECRETARÍA GENERAL</text>
<g id="76">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 115 461.8003)">DIVISIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 103.49 476.2007)">MATEMÁTICAS E</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 116.9199 490.6006)">INGENIERÍA</text>
</g>
<g id="78">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 86.3201 564.3306)">DIVISIÓN DE DISEÑO Y</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 111.52 578.7305)">EDIFICACIÓN</text>
</g>
<g id="77">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 115 659.6504)">DIVISIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 107.0801 674.0503)">HUMANIDADES</text>
</g>
<g id="79">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 85.49 754.9702)">DIVISIÓN DE CIENCIAS</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 83.45 769.3706)">Y SOCIOECONÓMICAS</text>
</g>
<g id="80">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 85.49 850.3003)">DIVISIÓN DE CIENCIAS</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 120.04 864.7007)">JURÍDICAS</text>
</g>
<g id="74">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 88.2498 930.7827)">DIVISIÓN DEL SISTEMA</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 104.9143 945.2097)">DE UNIVERSIDAD</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 84.3201 958.6936)">ABIERTA Y EDUCACIÓN</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 115 971.8047)">A DISTANCIA</text>
</g>
<g id="148">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 88.01 1033.7505)">SECRETARÍA AUXILIAR</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 98.21 1048.1504)">DE LA SECRETARÍA</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 123.76 1062.5503)">GENERAL</text>
</g>
<g id="119">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 268.6201 366.8003)">SECRETARÍA DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 273.1799 381.2007)">POSGRADO E</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 265.6299 395.6006)">INVESTIGACIÓN</text>
</g>
<g id="120">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 253.8701 462.1206)">COORDINACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 276.0601 476.5205)">ESTUDIOS DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 277.98 490.9204)">POSGRADO</text>
</g>
<path class="st2" d="M422.5,807h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H422.5c-6.6,0-12-5.4-12-12V819 C410.5,812.4,415.8,807,422.5,807z"/>
<g id="6">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 449.51 832.7705)">UNIDAD DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 430.0801 847.1704)">ADMINISTRACIÓN</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 454.79 861.5703)">ESCOLAR</text>
</g>
<path class="st2" d="M592.7,712.3h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12v-46.9 C580.7,717.7,586.1,712.3,592.7,712.3z"/>
<g id="129">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 591.1001 738.0503)">COORDINACIÓN DEL</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 583.0601 752.4507)">CENTRO DE ENSEÑANZA</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 617.01 766.8506)">DE IDIOMAS</text>
</g>
<g id="123">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 753.4399 462.1206)">UNIDAD DEL CENTRO DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 773.24 476.5205)">INFORMACIÓN Y</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 768.3201 490.9204)">DOCUMENTACIÓN</text>
</g>
<g id="130">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 753.4399 647.8604)">UNIDAD DEL CENTRO DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 784.6401 662.2603)">DESARROLLO</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 777.9199 676.6606)">TECNOLÓGICO</text>
</g>
<g id="2">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 758.23 747.9307)">UNIDAD DE SERVICIOS</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 786.79 762.3306)">EDITORIALES</text>
</g>
<g id="1">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 761.6001 833.6006)">UNIDAD DE TALLERES,</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 772.04 848.0005)">LABORATORIOS Y</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 776.48 862.4004)">AUDIOVISUALES</text>
</g>
<g id="176">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 766.3999 549.2202)">COORDINACIÓN DEL</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 758.7 562.4204)">CENTRO TECNOLÓGICO</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 759.1401 575.6206)">PARA LA EDUCACIÓN A</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 793.24 588.8203)">DISTANCIA</text>
</g>
<path class="st2" d="M592.7,805.3h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12v-46.9 C580.7,810.6,586.1,805.3,592.7,805.3z"/>
<g id="214">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 591.1001 823.8203)">COORDINACIÓN DEL</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 590.97 838.2202)">CENTRO DE ESTUDIOS</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 607.78 852.6206)">MUNICIPALES Y</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 599.74 867.0205)">METROPOLITANOS</text>
</g>
<path class="st2" d="M592.7,526.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12v-46.9 C580.7,532,586.1,526.6,592.7,526.6z"/>
<g id="125">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 591.1001 552.3804)">COORDINACIÓN DEL</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 590.74 566.7808)">CENTRO DE DIFUSIÓN</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 623.49 581.1807)">CULTURAL</text>
</g>
<path class="st2" d="M592.7,436.9h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12v-46.9 C580.7,442.3,586.1,436.9,592.7,436.9z"/>
<g id="128">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 593.74 455.4805)">COORDINACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 613.29 469.8804)">ACTIVIDADES</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 611.01 484.2803)">DEPORTIVAS Y</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 613.29 498.6807)">RECREATIVAS</text>
</g>
<path class="st2" d="M592.7,899.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12v-46.9 C580.7,905,586.1,899.6,592.7,899.6z"/>
<g id="198">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 586.46 919.6406)">SECRETARÍA AUXILIAR DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 582.5 932.8403)">EXTENSIÓN UNIVERSITARIA</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 608.3501 946.0405)">Y VINCULACIÓN</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 612.4199 959.2407)">INSTITUCIONAL</text>
</g>
<path class="st2" d="M592.7,992h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H592.7c-6.6,0-12-5.4-12-12V1004 C580.7,997.3,586.1,992,592.7,992z"/>
<g id="165">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 587.1201 1011.9604)">SECRETARÍA TÉCNICA DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 582.5 1025.1606)">EXTENSIÓN UNIVERSITARIA</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 608.3501 1038.3604)">Y VINCULACIÓN</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 612.4199 1051.5605)">INSTITUCIONAL</text>
</g>
<path class="st2" d="M422.5,711.9h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H422.5c-6.6,0-12-5.4-12-12v-46.9 C410.5,717.3,415.8,711.9,422.5,711.9z"/>
<g id="190">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 416.2 731.9307)">SECRETARÍA AUXILIAR DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 433.8 745.1304)">LA SECRETARÍA DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 418.0701 758.3306)">ASUNTOS ACADÉMICOS</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 444.24 771.5308)">ESTUDIANTILES</text>
</g>
<path class="st2" d="M422.5,523.7h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H422.5c-6.6,0-12-5.4-12-12v-46.9 C410.5,529.1,415.8,523.7,422.5,523.7z"/>
<g id="110">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 430.8301 543.7407)">DEPARTAMENTO DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 416.2 556.9404)">MOVILIDAD ESTUDIANTIL,</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 419.3999 570.1406)">INTERCAMBIO, BECAS Y</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 427.2 583.3403)">SERVICIOS DE SALUD</text>
</g>
<g id="50">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 249.6699 650.3105)">SECRETARÍA AUXILIAR</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 264.1799 664.7104)">DE POSGRADO E</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 265.6299 679.1104)">INVESTIGACIÓN</text>
</g>
<g id="182">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 250.6599 542.6206)">COORDINACIÓN DE LA</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 282.55 555.8203)">UNIDAD DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 269.47 569.0205)">INVESTIGACIÓN</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 258.9099 582.2202)">MULTIDISCIPLINARIA</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 284.3101 595.4204)">APLICADA</text>
</g>
<g id="177">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 612.0901 354.4307)">SECRETARÍA DE</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 622.6499 367.6304)">EXTENSIÓN</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 608.02 380.8306)">UNIVERSITARIA Y</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 613.3 394.0303)">VINCULACIÓN</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 612.4199 407.2305)">INSTITUCIONAL</text>
</g>
<g id="121">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 764 366.4805)">COORDINACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 791.71 380.8804)">SERVICIOS</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 781.04 395.2803)">ACADÉMICOS</text>
</g>
<g id="59">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 925.02 373.6807)">UNIDAD DE LA OFICINA</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 965.21 388.0806)">JURÍDICA</text>
</g>
<g id="4">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1130.55 373.6807)">UNIDAD DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1124.0801 388.0806)">PLANEACIÓN</text>
</g>
<g id="9">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1274.78 373.6807)">COORDINACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1265.3 388.0806)">CUERPOS COLEGIADOS</text>
</g>
<path class="st2" d="M1444,341h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H1444c-6.6,0-12-5.4-12-12V353 C1432,346.4,1437.4,341,1444,341z"/>
<g id="127">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1468.79 373.6807)">SECRETARÍA</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1454.6299 388.0806)">ADMINISTRATIVA</text>
</g>
<path class="st2" d="M1444,719.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H1444c-6.6,0-12-5.4-12-12v-46.9 C1432,725,1437.4,719.6,1444,719.6z"/>
<g id="5">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1471.0698 745.0503)">UNIDAD DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1442.6401 759.4507)">ADMINISTRACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1472.99 773.8506)">RECURSOS</text>
</g>
<path class="st2" d="M1444,809.1h117.7c6.6,0,12,5.4,12,12V868c0,6.6-5.4,12-12,12H1444c-6.6,0-12-5.4-12-12v-46.9 C1432,814.5,1437.4,809.1,1444,809.1z"/>
<g id="3">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1439.27 841.7407)">UNIDAD DE SERVICIOS </text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1450.0698 856.1406)">A LA COMUNIDAD</text>
</g>
<path class="st2" d="M1444,525.8h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H1444c-6.6,0-12-5.4-12-12v-46.9 C1432,531.2,1437.4,525.8,1444,525.8z"/>
<g id="204">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1447.79 551.2705)">DEPARTAMENTO DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1468.79 565.6704)">PROYECTOS</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1450.9102 580.0703)">ADMINISTRATIVOS</text>
</g>
<path class="st2" d="M423.7,436.6h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H423.7c-6.6,0-12-5.4-12-12v-46.9 C411.7,442,417.1,436.6,423.7,436.6z"/>
<text id="105" class="st0 st3 st5" transform="matrix(1 0 0 1 431.8599 456.6206)">DEPARTAMENTO DE </text>
<text id="105" class="st0 st3 st5" transform="matrix(1 0 0 1 440.8899 469.8203)">ATENCIÓN A LA </text>
<text id="105" class="st0 st3 st5" transform="matrix(1 0 0 1 447.5901 483.0205)">COMUNIDAD </text>
<text id="105" class="st0 st3 st5" transform="matrix(1 0 0 1 451 496.2207)">ESTUDIANTIL</text>
<path class="st2" d="M422.2,621.5H540c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H422.2c-6.6,0-12-5.4-12-12v-46.9 C410.2,626.9,415.6,621.5,422.2,621.5z"/>
<text id="93" class="st0 st3 st6" transform="matrix(1 0 0 1 435.1899 642.6006)">DEPARTAMENTO DE </text>
<text id="93" class="st0 st3 st6" transform="matrix(1 0 0 1 437.8 654.6006)">SERVICIO SOCIAL, </text>
<text id="93" class="st0 st3 st6" transform="matrix(1 0 0 1 415.99 666.6006)">DESARROLLO PROFESIONAL </text>
<text id="93" class="st0 st3 st6" transform="matrix(1 0 0 1 427.5 678.6006)">E INSERCIÓN LABORAL</text>
<path class="st2" d="M596.7,621.5h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H596.7c-6.6,0-12-5.4-12-12v-46.9 C584.7,626.9,590.1,621.5,596.7,621.5z"/>
<text id="124" class="st0 st3 st4" transform="matrix(1 0 0 1 595.0801 639.7407)">COORDINACIÓN DEL </text>
<text id="124" class="st0 st3 st4" transform="matrix(1 0 0 1 623.27 654.1406)">CENTRO DE </text>
<text id="124" class="st0 st3 st4" transform="matrix(1 0 0 1 619.4299 668.5405)">EDUCACIÓN </text>
<text id="124" class="st0 st3 st4" transform="matrix(1 0 0 1 624.48 682.9404)">CONTINUA</text>
<path class="st2" d="M423.6,338.5h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H423.6c-6.6,0-12-5.4-12-12v-46.9 C411.6,343.8,417,338.5,423.6,338.5z"/>
<g id="181">
<text class="st0 st3 st5" transform="matrix(1 0 0 1 417.1499 365.0703)">SECRETARÍA DE ASUNTOS</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 445.0901 378.2705)">ACADÉMICOS</text>
<text class="st0 st3 st5" transform="matrix(1 0 0 1 445.4099 391.4707)">ESTUDIANTILES</text>
</g>
<path class="st2" d="M1444,624.2h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H1444c-6.6,0-12-5.4-12-12v-46.9 C1432,629.6,1437.4,624.2,1444,624.2z"/>
<g id="61">
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1438.2 649.6704)">SUPERINTENDENCIA DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1477.9102 664.0703)">OBRAS Y</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1454.6401 678.4702)">MANTENIMIENTO</text>
</g>
<path class="st2" d="M1444,436.4h117.7c6.6,0,12,5.4,12,12v46.9c0,6.6-5.4,12-12,12H1444c-6.6,0-12-5.4-12-12v-46.9 C1432,441.7,1437.4,436.4,1444,436.4z"/>
<g>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1445.04 454.6006)">COORDINACIÓN DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1472.03 469.0005)">PLANTA DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1454.28 483.4004)">TRATAMIENTO DE</text>
<text class="st0 st3 st4" transform="matrix(1 0 0 1 1447.55 497.8003)">AGUAS RESIDUALES</text>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

public/organigrama231025.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

public/organigrama_FES102025.svg
+242
View File
@@ -0,0 +1,242 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1497.56 1125.56">
<defs>
<style>
.cls-1 {
fill: none;
stroke: #002b7a;
stroke-linecap: round;
stroke-width: 5px;
}
.cls-1,
.cls-2 {
stroke-miterlimit: 10;
}
.cls-2 {
fill: #002b7a;
stroke: #d59f0f;
stroke-width: 3px;
}
.cls-3 {
font-size: 12px;
}
.cls-3,
.cls-4 {
fill: #fff;
font-family: CenturyGothic-Bold, Century Gothic;
font-weight: 700;
}
.cls-4 {
font-size: 11px;
}
</style>
</defs>
<g id="conectores2">
<line class="cls-1" x1="432.17" y1="205.95" x2="573.9" y2="205.95" />
<line class="cls-1" x1="432.17" y1="121.28" x2="715.63" y2="121.28" />
<line class="cls-1" x1="72.37" y1="266.15" x2="1425.2" y2="266.15" />
<line class="cls-1" x1="573.9" y1="36.93" x2="573.9" y2="326.04" />
<line class="cls-1" x1="72.37" y1="266.15" x2="72.37" y2="326.04" />
<line class="cls-1" x1="72.37" y1="326.04" x2="72.37" y2="421.37" />
<line class="cls-1" x1="72.37" y1="421.37" x2="72.37" y2="516.69" />
<line class="cls-1" x1="72.37" y1="516.69" x2="72.37" y2="612.01" />
<line class="cls-1" x1="72.37" y1="612.01" x2="72.37" y2="707.34" />
<line class="cls-1" x1="72.37" y1="707.34" x2="72.37" y2="802.66" />
<line class="cls-1" x1="72.37" y1="802.66" x2="72.37" y2="897.98" />
<line class="cls-1" x1="72.37" y1="897.98" x2="72.37" y2="993.31" />
<line class="cls-1" x1="72.37" y1="993.31" x2="72.37" y2="1088.63" />
<line class="cls-1" x1="238" y1="266.15" x2="238" y2="326.04" />
<line class="cls-1" x1="238" y1="361.48" x2="238" y2="421.37" />
<line class="cls-1" x1="407.62" y1="361.48" x2="407.62" y2="421.37" />
<line class="cls-1" x1="577.88" y1="361.48" x2="577.88" y2="421.37" />
<line class="cls-1" x1="748.14" y1="361.48" x2="748.14" y2="421.37" />
<line class="cls-1" x1="748.14" y1="547.22" x2="748.14" y2="607.11" />
<line class="cls-1" x1="748.14" y1="640.09" x2="748.14" y2="699.98" />
<line class="cls-1" x1="748.14" y1="732.96" x2="748.14" y2="792.85" />
<line class="cls-1" x1="748.14" y1="454.35" x2="748.14" y2="514.24" />
<line class="cls-1" x1="577.88" y1="454.8" x2="577.88" y2="514.69" />
<line class="cls-1" x1="577.88" y1="547.12" x2="577.88" y2="607.01" />
<line class="cls-1" x1="577.88" y1="639.45" x2="577.88" y2="699.34" />
<line class="cls-1" x1="577.88" y1="731.77" x2="577.88" y2="791.66" />
<line class="cls-1" x1="577.88" y1="824.09" x2="577.88" y2="883.98" />
<line class="cls-1" x1="407.62" y1="547.22" x2="407.62" y2="607.11" />
<line class="cls-1" x1="407.62" y1="454.35" x2="407.62" y2="514.24" />
<line class="cls-1" x1="238" y1="549.67" x2="238" y2="609.56" />
<line class="cls-1" x1="238" y1="454.35" x2="238" y2="514.24" />
<line class="cls-1" x1="403.96" y1="266.15" x2="403.96" y2="326.04" />
<line class="cls-1" x1="744.16" y1="266.15" x2="744.16" y2="326.04" />
<line class="cls-1" x1="914.42" y1="266.15" x2="914.42" y2="326.04" />
<line class="cls-1" x1="1084.68" y1="266.15" x2="1084.68" y2="326.04" />
<line class="cls-1" x1="1254.94" y1="266.15" x2="1254.94" y2="326.04" />
<line class="cls-1" x1="1425.2" y1="266.15" x2="1425.2" y2="326.04" />
<line class="cls-1" x1="1425.2" y1="362.11" x2="1425.2" y2="422" />
<line class="cls-1" x1="1425.2" y1="454.35" x2="1425.2" y2="514.24" />
<line class="cls-1" x1="1425.2" y1="546.58" x2="1425.2" y2="606.47" />
<line class="cls-1" x1="1425.2" y1="638.82" x2="1425.2" y2="698.71" />
<line class="cls-1" x1="1425.2" y1="731.06" x2="1425.2" y2="790.95" />
</g>
<g id="formas2">
<rect class="cls-2" x="503.04" y="1.5" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="503.04" y="290.61" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="332.78" y="290.61" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="163.16" y="290.61" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="163.16" y="385.93" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="332.78" y="385.93" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="503.04" y="385.93" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="673.29" y="385.93" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="673.29" y="571.68" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="673.29" y="664.55" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="673.29" y="757.42" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="673.29" y="478.8" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="503.04" y="479.26" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="503.04" y="571.58" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="503.04" y="663.9" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="503.04" y="756.23" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="503.04" y="848.55" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="332.78" y="571.68" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="332.78" y="478.8" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="163.16" y="574.13" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="163.16" y="478.8" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1.5" y="290.61" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1.5" y="385.93" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1.5" y="481.26" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1.5" y="576.58" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1.5" y="671.9" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1.5" y="767.23" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1.5" y="862.55" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1.5" y="957.87" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1.5" y="1053.2" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="673.29" y="290.61" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="843.55" y="290.61" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1013.81" y="290.61" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1184.07" y="290.61" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1354.33" y="290.61" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1354.33" y="386.57" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1354.33" y="478.8" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1354.33" y="571.04" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1354.33" y="663.28" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="1354.33" y="755.51" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="361.3" y="86.16" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="361.3" y="170.83" width="141.73" height="70.87" rx="12" />
<rect class="cls-2" x="644.77" y="86.16" width="141.73" height="70.87" rx="12" />
</g>
<g id="texto2"><text class="cls-3" transform="translate(540.91 41.35)">DIRECCIÓN</text><text class="cls-3"
transform="translate(651.8 118.5)">DEPARTAMENTO DE LA <tspan x="6.36" y="14.4">OFICINA DE PRENSA</tspan>
</text><text class="cls-3" transform="translate(374.34 111.3)">COORDINACIÓN DE <tspan x="7.8" y="14.4">
COMUNICACIÓN </tspan>
<tspan x="36.23" y="28.8">SOCIAL</tspan>
</text><text class="cls-3" transform="translate(374.34 203.16)">COORDINACIÓN DE <tspan x="32.87" y="14.4">
GESTIÓN</tspan></text><text class="cls-3" transform="translate(10.34 330.78)">SECRETARÍA
GENERAL</text><text class="cls-3" transform="translate(37.33 411.38)">DIVISIÓN DE <tspan x="-11.51"
y="14.4">MATEMÁTICAS E </tspan>
<tspan x="1.92" y="28.8">INGENIERÍA</tspan>
</text><text class="cls-3" transform="translate(8.65 513.91)">DIVISIÓN DE DISEÑO Y <tspan x="25.2" y="14.4">
EDIFICACIÓN</tspan></text><text class="cls-3" transform="translate(37.33 609.23)">DIVISIÓN DE <tspan
x="-7.92" y="14.4">HUMANIDADES</tspan></text><text class="cls-3"
transform="translate(7.82 704.55)">DIVISIÓN DE CIENCIAS <tspan x="-2.04" y="14.4">Y SOCIOECONÓMICAS</tspan>
</text><text class="cls-3" transform="translate(7.82 799.88)">DIVISIÓN DE CIENCIAS <tspan x="34.55"
y="14.4">JURÍDICAS</tspan></text><text class="cls-3" transform="translate(3.25 895.2)">DIVISIÓN DE
SISTEMA DE <tspan x="46.67" y="14.4">SUAYED</tspan></text><text class="cls-3"
transform="translate(3.25 990.52)">DIVISIÓN DE SISTEMA DE <tspan x="46.67" y="14.4">SUAYED</tspan>
</text><text class="cls-3" transform="translate(10.34 1078.65)">SECRETARÍA AUXILIAR <tspan x="10.2"
y="14.4">DE LA SECRETARÍA </tspan>
<tspan x="35.75" y="28.8">GENERAL</tspan>
</text><text class="cls-3" transform="translate(190.95 316.38)">SECRETARÍA DE <tspan x="4.56" y="14.4">POSGRADO
E </tspan>
<tspan x="-2.99" y="28.8">INVESTIGACIÓN</tspan>
</text><text class="cls-3" transform="translate(176.2 411.7)">COORDINACIÓN DE <tspan x="22.19" y="14.4">ESTUDIOS
DE </tspan>
<tspan x="24.11" y="28.8">POSGRADO</tspan>
</text><text class="cls-3" transform="translate(371.84 411.7)">UNIDAD DE <tspan x="-19.43" y="14.4">
ADMINISTRACIÓN </tspan>
<tspan x="5.28" y="28.8">ESCOLAR</tspan>
</text><text class="cls-3" transform="translate(513.43 411.7)">COORDINACIÓN DEL <tspan x="-8.04" y="14.4">CENTRO
DE ENSEÑANZA </tspan>
<tspan x="25.91" y="28.8">DE IDIOMAS</tspan>
</text><text class="cls-3" transform="translate(675.77 411.7)">UNIDAD DEL CENTRO DE <tspan x="19.8" y="14.4">
INFORMACIÓN Y </tspan>
<tspan x="14.88" y="28.8">DOCUMENTACIÓN</tspan>
</text><text class="cls-3" transform="translate(675.77 597.44)">UNIDAD DEL CENTRO DE <tspan x="31.2" y="14.4">
DESARROLLO </tspan>
<tspan x="24.48" y="28.8">TECNOLÓGICO</tspan>
</text><text class="cls-3" transform="translate(680.56 697.51)">UNIDAD DE SERVICIOS <tspan x="28.56" y="14.4">
EDITORIALES</tspan></text><text class="cls-3" transform="translate(683.93 783.18)">UNIDAD DE TALLERES,
<tspan x="10.44" y="14.4">LABORATORIOS Y </tspan>
<tspan x="14.88" y="28.8">AUDIOVISUALES</tspan>
</text><text class="cls-4" transform="translate(688.73 498.8)">COORDINACIÓN DEL <tspan x="-7.7" y="13.2">CENTRO
TECNOLÓGICO </tspan>
<tspan x="-7.26" y="26.4">PARA LA EDUCACIÓN A </tspan>
<tspan x="26.84" y="39.6">DISTANCIA</tspan>
</text><text class="cls-3" transform="translate(513.43 497.82)">COORDINACIÓN DEL <tspan x="-0.13" y="14.4">
CENTRO DE ESTUDIOS </tspan>
<tspan x="16.68" y="28.8">MUNICIPALES Y </tspan>
<tspan x="8.64" y="43.2">METROPOLITANOS</tspan>
</text><text class="cls-3" transform="translate(513.43 597.35)">COORDINACIÓN DEL <tspan x="-0.36" y="14.4">
CENTRO DE DIFUSIÓN </tspan>
<tspan x="32.39" y="28.8">CULTURAL</tspan>
</text><text class="cls-3" transform="translate(516.07 682.47)">COORDINACIÓN DE <tspan x="19.55" y="14.4">
ACTIVIDADES </tspan>
<tspan x="17.27" y="28.8">DEPORTIVAS Y </tspan>
<tspan x="19.55" y="43.2">RECREATIVAS</tspan>
</text><text class="cls-4" transform="translate(508.79 776.23)">SECRETARÍA AUXILIAR DE <tspan x="-3.96"
y="13.2">EXTENSIÓN UNIVERSITARIA </tspan>
<tspan x="21.89" y="26.4">Y VINCULACIÓN </tspan>
<tspan x="25.96" y="39.6">INSTITUCIONAL</tspan>
</text><text class="cls-4" transform="translate(509.45 868.55)">SECRETARÍA TÉCNICA DE <tspan x="-4.62" y="13.2">
EXTENSIÓN UNIVERSITARIA </tspan>
<tspan x="21.23" y="26.4">Y VINCULACIÓN </tspan>
<tspan x="25.3" y="39.6">INSTITUCIONAL</tspan>
</text><text class="cls-4" transform="translate(338.53 591.67)">SECRETARÍA AUXILIAR DE <tspan x="17.6" y="13.2">
LA SECRETARÍA DE </tspan>
<tspan x="1.87" y="26.4">ASUNTOS ACADÉMICOS </tspan>
<tspan x="28.04" y="39.6">ESTUDIANTILES</tspan>
</text><text class="cls-4" transform="translate(353.16 498.8)">DEPARTAMENTO DE <tspan x="-14.63" y="13.2">
MOVILIDAD ESTUDIANTIL, </tspan>
<tspan x="-11.43" y="26.4">INTERCAMBIO, BECAS Y </tspan>
<tspan x="-3.63" y="39.6">SERVICIOS DE SALUD</tspan>
</text><text class="cls-3" transform="translate(172 599.89)">SECRETARÍA AUXILIAR <tspan x="14.51" y="14.4">DE
POSGRADO E </tspan>
<tspan x="15.96" y="28.8">INVESTIGACIÓN</tspan>
</text><text class="cls-4" transform="translate(172.99 492.2)">COORDINACIÓN DE LA <tspan x="31.89" y="13.2">
UNIDAD DE </tspan>
<tspan x="18.81" y="26.4">INVESTIGACIÓN </tspan>
<tspan x="8.25" y="39.6">MULTIDISCIPLINARIA </tspan>
<tspan x="33.65" y="52.8">APLICADA</tspan>
</text><text class="cls-4" transform="translate(338.31 317.21)">SECRETARÍA DE ASUNTOS <tspan x="27.94" y="13.2">
ACADÉMICOS </tspan>
<tspan x="28.26" y="26.4">ESTUDIANTILES</tspan>
</text><text class="cls-4" transform="translate(534.42 304.01)">SECRETARÍA DE <tspan x="10.56" y="13.2">
EXTENSIÓN </tspan>
<tspan x="-4.07" y="26.4">UNIVERSITARIA Y </tspan>
<tspan x="1.21" y="39.6">VINCULACIÓN </tspan>
<tspan x="0.33" y="52.8">INSTITUCIONAL</tspan>
</text><text class="cls-3" transform="translate(686.33 316.06)">COORDINACIÓN DE <tspan x="27.71" y="14.4">
SERVICIOS </tspan>
<tspan x="17.04" y="28.8">ACADÉMICOS</tspan>
</text><text class="cls-3" transform="translate(847.35 323.26)">UNIDAD DE LA OFICINA <tspan x="40.19" y="14.4">
JURÍDICA</tspan></text><text class="cls-3" transform="translate(1052.88 323.26)">UNIDAD DE <tspan
x="-6.47" y="14.4">PLANEACIÓN</tspan></text><text class="cls-3"
transform="translate(1197.11 323.26)">COORDINACIÓN DE <tspan x="-9.48" y="14.4">CUERPOS COLEGIADOS</tspan>
</text><text class="cls-3" transform="translate(1391.12 323.26)">SECRETARÍA <tspan x="-14.16" y="14.4">
ADMINISTRATIVA</tspan></text><text class="cls-3" transform="translate(1393.4 412.02)">UNIDAD DE <tspan
x="-28.43" y="14.4">ADMINISTRACIÓN DE </tspan>
<tspan x="1.92" y="28.8">RECURSOS</tspan>
</text><text class="cls-3" transform="translate(1360.52 504.25)">SUPERINTENDENCIA DE <tspan x="39.71" y="14.4">
OBRAS Y </tspan>
<tspan x="16.44" y="28.8">MANTENIMIENTO</tspan>
</text><text class="cls-3" transform="translate(1367.37 589.29)">COORDINACIÓN DE <tspan x="26.99" y="14.4">
PLANTA DE </tspan>
<tspan x="9.24" y="28.8">TRATAMIENTO DE </tspan>
<tspan x="2.51" y="43.2">AGUAS RESIDUALES</tspan>
</text><text class="cls-3" transform="translate(1361.6 695.93)">
<tspan xml:space="preserve">UNIDAD DE SERVICIOS </tspan>
<tspan x="10.8" y="14.4">A LA COMUNIDAD</tspan>
</text><text class="cls-3" transform="translate(1370.12 780.96)">DEPARTAMENTO DE <tspan x="21" y="14.4">
PROYECTOS </tspan>
<tspan x="3.12" y="28.8">ADMINISTRATIVOS</tspan>
</text></g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

public/organigrama_FES221025.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

src/app/globals.css
+3
View File
@@ -22,11 +22,14 @@
}
*/
<<<<<<< HEAD
html, body {
height: 100%;
margin: 0;
padding: 0;
}
=======
>>>>>>> 67dd34ce464d254f9ca0848dd2e3b0cd8be3c48c
body {
background: var(--background);
src/app/page.tsx
+148 -16
View File
@@ -1,36 +1,168 @@
'use client'
import React, { useState } from 'react';
import Image from 'next/image';
import React, { useState, useRef, useCallback } from 'react';
import BuscarFuncionario from '@/components/BuscarFuncionario';
import { Funcionario } from '@/types/Funcionarios';
import organigrama from '@/public/organigrama.png'; // Asegúrate de la ruta
import OrganigramaInteractivo from '@/components/OrganigramaInteractivo';
import axios from 'axios';
import { Funcionario, PayloadBusqueda } from '@/types/Funcionarios';
export default function Home() {
const [resultados, setResultados] = useState<Funcionario[]>([]);
const [currentAreaLabel, setCurrentAreaLabel] = useState<string>('');
// Zoom / Pan state
const imgRef = useRef<HTMLDivElement | null>(null);
const [scale, setScale] = useState<number>(1);
const [translate, setTranslate] = useState<{ x: number; y: number }>({ x: 0, y: 0 });
const lastTouch = useRef<{ x: number; y: number } | null>(null);
const isPanning = useRef(false);
const lastMouse = useRef<{ x: number; y: number } | null>(null);
const clamp = (v: number, a = 0.5, b = 5) => Math.min(Math.max(v, a), b);
const handleWheel = useCallback((e: React.WheelEvent) => {
e.preventDefault();
const delta = -e.deltaY; // invert so wheel up = zoom in
const zoomFactor = delta > 0 ? 1.1 : 0.9;
setScale((s) => {
const newScale = clamp(s * zoomFactor);
return newScale;
});
}, []);
const handleMouseDown = (e: React.MouseEvent) => {
isPanning.current = true;
lastMouse.current = { x: e.clientX, y: e.clientY };
};
const handleMouseMove = (e: React.MouseEvent) => {
if (!isPanning.current || !lastMouse.current) return;
const dx = e.clientX - lastMouse.current.x;
const dy = e.clientY - lastMouse.current.y;
lastMouse.current = { x: e.clientX, y: e.clientY };
setTranslate((t) => ({ x: t.x + dx, y: t.y + dy }));
};
const handleMouseUp = () => {
isPanning.current = false;
lastMouse.current = null;
};
const handleTouchStart = (e: React.TouchEvent) => {
if (e.touches.length === 1) {
const t0 = e.touches[0];
lastTouch.current = { x: t0.clientX, y: t0.clientY };
}
};
const handleTouchMove = (e: React.TouchEvent) => {
if (e.touches.length === 1 && lastTouch.current) {
const t0 = e.touches[0];
const dx = t0.clientX - lastTouch.current.x;
const dy = t0.clientY - lastTouch.current.y;
lastTouch.current = { x: t0.clientX, y: t0.clientY };
setTranslate((t) => ({ x: t.x + dx, y: t.y + dy }));
}
// pinch-to-zoom could be added later
};
const zoomIn = () => setScale((s) => clamp(s * 1.2));
const zoomOut = () => setScale((s) => clamp(s / 1.2));
const resetView = () => {
setScale(1);
setTranslate({ x: 0, y: 0 });
};
// Buscar por área: realiza la misma petición que BuscarFuncionario cuando se selecciona un área
const buscarPorArea = async (areaId: number) => {
try {
const url = process.env.NEXT_PUBLIC_API_FUNCIONARIOS;
if (!url) throw new Error('Url no definida en las variables de entorno');
const payload: PayloadBusqueda = { tipoBusqueda: 'area', IdUnidadResponsable: areaId };
const response = await axios.post(url, payload);
if (Array.isArray(response.data) && response.data.length > 0) {
setResultados(response.data as Funcionario[]);
} else {
setResultados([]);
}
} catch (err) {
console.error('Error buscando por área:', err);
setResultados([]);
}
};
const capitalizeWords = (s: string) => {
if (!s) return '';
const lower = s.toLowerCase().trim();
const smallWords = new Set(['de', 'la', 'el', 'y', 'del', 'las', 'los', 'a', 'en', 'con', 'para', 'por', 'sobre', 'e']);
const parts = lower.split(/\s+/).filter(Boolean);
return parts
.map((word, idx) => {
if (idx === 0) return word.charAt(0).toUpperCase() + word.slice(1);
if (smallWords.has(word)) return word; // keep connector lowercase
return word.charAt(0).toUpperCase() + word.slice(1);
})
.join(' ');
};
return (
<main className="container-fluid py-4 bg-light min-h-screen">
<div className="row">
<BuscarFuncionario onResultados={setResultados} />
<BuscarFuncionario onResultados={setResultados} onAreaSelected={(id, label) => { setCurrentAreaLabel(capitalizeWords(label)); buscarPorArea(id); }} onClearLabel={() => { setCurrentAreaLabel(''); }} onClear={() => { setCurrentAreaLabel(''); setResultados([]); }} />
<div className="col-12 col-md-9">
<h2 className="text-dorado mb-4">Directorio de Funcionarios</h2>
{currentAreaLabel && <h3 className="text-dorado mb-3 ms-2">{currentAreaLabel}</h3>}
<div className="row g-4 m-2">
{resultados.length === 0 ? (
<div className="col-12 text-center">
<Image
src={organigrama}
alt="No hay resultados"
width={organigrama.width} // para usar el tamaño original
height={organigrama.height}
<div
ref={imgRef}
onWheel={handleWheel}
onMouseDown={handleMouseDown}
onMouseMove={handleMouseMove}
onMouseUp={handleMouseUp}
onMouseLeave={handleMouseUp}
onTouchStart={handleTouchStart}
onTouchMove={handleTouchMove}
onTouchEnd={() => (lastTouch.current = null)}
style={{
width: '100%',
height: 'auto',
width: '100%',
height: 'auto',
overflow: 'hidden',
touchAction: 'none',
position: 'relative',
borderRadius: 6,
border: '1px solid #ddd',
background: '#fff',
}}
/>
>
<div style={{ display: 'flex', justifyContent: 'center', padding: 8 }}>
<div style={{ position: 'relative', width: '100%', maxWidth: 1200, overflow: 'hidden' }}>
<div
style={{
transform: `translate(${translate.x}px, ${translate.y}px) scale(${scale})`,
transformOrigin: '0 0',
transition: 'transform 0.05s linear',
cursor: isPanning.current ? 'grabbing' : 'grab',
touchAction: 'none',
}}
>
<OrganigramaInteractivo onAreaSelect={(id: number) => { buscarPorArea(id); }} isPanningRef={isPanning} onAreaLabel={(id, label) => setCurrentAreaLabel(capitalizeWords(label))} />
</div>
</div>
</div>
{/* Controls */}
<div style={{ position: 'absolute', right: 12, top: 12, display: 'flex', gap: 8 }}>
<button type="button" className="btn btn-sm btn-outline-secondary" onClick={zoomOut} title="Zoom out">−</button>
<button type="button" className="btn btn-sm btn-outline-secondary" onClick={resetView} title="Reset">⟲</button>
<button type="button" className="btn btn-sm btn-outline-secondary" onClick={zoomIn} title="Zoom in">+</button>
</div>
</div>
</div>
) : (
resultados.map((persona, i) => (
@@ -40,10 +172,10 @@ export default function Home() {
<h5 className="tag-unidad">{persona.unidadResponsable}</h5>
<h6 className="mb-2">
<strong>Nombre: </strong>
{`${persona.titulo}${persona.nombre} ${persona.apellidos}` || 'No disponible'}
{`${persona.titulo} ${persona.nombre} ${persona.apellidos.trim()}` || 'No disponible'}
</h6>
<p className="mb-1"><strong>Teléfono</strong>: {persona.telefono || 'No disponible'}</p>
<p className="mb-0"><strong>Correo</strong>: {persona.correo || 'No disponible'}</p>
<p className="mb-1"><strong>Teléfono</strong>: {persona.telefono.trim() || 'No disponible'}</p>
<p className="mb-0"><strong>Correo</strong>: {persona.correo.trim() || 'No disponible'}</p>
</div>
</div>
</div>
src/components/BuscarFuncionario.tsx
+42 -73
View File
@@ -1,20 +1,34 @@
'use client';
'use client';
import React, { useState, useEffect } from 'react';
import axios from 'axios';
import { Funcionario } from '../types/Funcionarios';
import { PayloadBusqueda } from '../types/Funcionarios';
import { errorBuscar, funcionarioNoEncontrado } from '@/utils/alerts';
import AREAS from '@/data/areas';
interface BuscarFuncionarioProps {
onResultados: (data: Funcionario[]) => void;
onAreaSelected?: (id: number, label: string) => void;
// Called when a manual search is initiated to clear only the area label in the parent
onClearLabel?: () => void;
// Called when the user presses the "Limpiar filtros" button — should clear results and filters
onClear?: () => void;
}
export default function BuscarFuncionario({ onResultados }: BuscarFuncionarioProps) {
export default function BuscarFuncionario({ onResultados, onAreaSelected, onClearLabel, onClear }: BuscarFuncionarioProps) {
const [nombre, setNombre] = useState('');
const [apellidos, setApellidos] = useState('');
const [area, setArea] = useState('0');
// variable para excluir las adscripciones necesarias
const area_excluida = [
60, 198, 148, 50, 105, 110, 93, 190, 165, 61, 143, 59
]
// Creamos el nuevo arreglo para las areas filtradas
const areas_filtradas = AREAS.filter(area => !area_excluida.includes(area.id));
const fetchData = async (tipo?: 'manual' | 'auto') => {
try {
const payload: PayloadBusqueda = {};
@@ -25,6 +39,11 @@ export default function BuscarFuncionario({ onResultados }: BuscarFuncionarioPro
return;
}
// Si es búsqueda manual, limpiar SOLO la etiqueta de área en el padre (no borrar resultados antes de que llegue la respuesta)
if (tipo === 'manual') {
onClearLabel?.();
}
// Tipo de búsqueda
if (area !== '0') {
payload.tipoBusqueda = 'area';
@@ -50,7 +69,7 @@ export default function BuscarFuncionario({ onResultados }: BuscarFuncionarioPro
//Limpiar campos después de buscar
setNombre('');
setApellidos('');
setArea('0');
//setArea('0');
} catch (error) {
console.error('Error al buscar funcionario:', error);
@@ -115,82 +134,32 @@ export default function BuscarFuncionario({ onResultados }: BuscarFuncionarioPro
name="bus_depid"
className="form-select"
value={area}
onChange={(e) => setArea(e.target.value)}
onChange={(e) => {
const val = e.target.value;
const label = e.target.options[e.target.selectedIndex]?.text || '';
setArea(val);
if (val !== '0' && label) {
onAreaSelected?.(parseInt(val, 10), label);
}
}}
>
<option value="0">-- Selecciona un área --</option>
<option value="128">Coordinación de Actividades Deportivas y Recreativas</option>
<option value="122">Coordinación de Comunicación Social</option>
<option value="9">Coordinación de Cuerpos Colegiados</option>
<option value="126">Coordinación de Derecho del Sistema de Universidad Abierta y Educación a Distancia</option>
<option value="206">Coordinación de Especializaciones</option>
<option value="120">Coordinación de Estudios de Posgrado</option>
<option value="182">Coordinación de la Unidad de Investigación Multidisciplinaria Aplicada</option>
<option value="174">Coordinación de LICEL Sistema de Universidad Abierta y Educación a Distancia</option>
<option value="221">Coordinación de Maestrías y Doctorados</option>
<option value="152">Coordinación de Relaciones Internacionales del Sistema de Universidad Abierta y Educación a Distancia</option>
<option value="121">Coordinación de Servicios Académicos</option>
<option value="125">Coordinación del Centro de Difusión Cultural</option>
<option value="124">Coordinación del Centro de Educación Continua</option>
<option value="129">Coordinación del Centro de Enseñanza de Idiomas</option>
<option value="214">Coordinación del Centro de Estudios Municipales y Metropolitanos</option>
<option value="176">Coordinación del Centro Tecnológico para la Educación a Distancia</option>
<option value="58">Coordinación del Programa de Actuaría</option>
<option value="57">Coordinación del Programa de Arquitectura</option>
<option value="46">Coordinación del Programa de Comunicación</option>
<option value="56">Coordinación del Programa de Derecho</option>
<option value="55">Coordinación del Programa de Diseño Gráfico</option>
<option value="54">Coordinación del Programa de Economía</option>
<option value="49">Coordinación del Programa de Enseñanza de Inglés</option>
<option value="52">Coordinación del Programa de Humanidades</option>
<option value="51">Coordinación del Programa de Ingeniería Civil</option>
<option value="48">Coordinación del Programa de Matemáticas Aplicadas y Computación</option>
<option value="47">Coordinación del Programa de Pedagogía</option>
<option value="44">Coordinación del Programa de Sociología</option>
<option value="43">Coordinación del Programa Político</option>
<option value="194">Departamento de Intendencia</option>
<option value="193">Departamento de Investigación en Comunicación y Estudios Culturales</option>
<option value="222">Departamento de Orientación Académica del Sistema de Universidad Abierta y Educación a Distancia</option>
<option value="204">Departamento de Proyectos Administrativos</option>
<option value="86">Departamento de Talleres y Laboratorios</option>
<option value="72">Dirección</option>
<option value="80">División de Ciencias Jurídicas</option>
<option value="79">División de Ciencias Socioeconómicas</option>
<option value="78">División de Diseño y Edificación</option>
<option value="77">División de Humanidades</option>
<option value="76">División de Matemáticas e Ingeniería</option>
<option value="74">División del Sistema de Universidad Abierta y Educación a Distancia</option>
<option value="70">Especialización en Costos en la Construcción</option>
<option value="69">Especialización en Finanzas Públicas</option>
<option value="68">Especialización en Geotecnia</option>
<option value="71">Especialización en Sistemas de Calidad</option>
<option value="220">Especialización en Tecnología Digital para la Enseñanza de Matemáticas</option>
<option value="207">Grupo de Trabajo de Educación para Adultos (GTEA)</option>
<option value="173">Maestría en Docencia para la Educación Media Superior</option>
<option value="224">Posgrado en Ciencias Políticas y Sociales</option>
<option value="62">Posgrado en Derecho</option>
<option value="164">Posgrado en Economía</option>
<option value="197">Posgrado en Pedagogía</option>
<option value="63">Posgrado en Urbanismo</option>
<option value="226">Programa Único de Especializaciones en Derecho</option>
<option value="127">Secretaría Administrativa</option>
<option value="181">Secretaría de Asuntos Académicos Estudiantiles</option>
<option value="177">Secretaría de Extensión Universitaria y Vinculación Institucional</option>
<option value="119">Secretaría de Posgrado e Investigación</option>
<option value="8">Secretaría General</option>
<option value="6">Unidad de Administración Escolar</option>
<option value="5">Unidad de Administración y Recursos</option>
<option value="4">Unidad de Planeación</option>
<option value="3">Unidad de Servicios a la Comunidad</option>
<option value="2">Unidad de Servicios Editoriales</option>
<option value="1">Unidad de Talleres, Laboratorios y Audiovisuales</option>
<option value="130">Unidad del Centro de Desarrollo Tecnológico</option>
<option value="123">Unidad del Centro de Información y Documentación</option>
{areas_filtradas.map((a) => (
<option key={a.id} value={String(a.id)}>{a.label}</option>
))}
</select>
</div>
{/* Botón de buscar (sin limpiar) */}
<div className="d-grid gap-2">
<button className="btn btn-primary" type="submit">Buscar</button>
<div className="d-flex gap-2">
<button className="btn btn-primary bg-dorado" type="submit">Buscar</button>
<button type="button" className="btn btn-outline-secondary" onClick={() => {
setNombre('');
setApellidos('');
setArea('0');
onClear?.();
}}>Limpiar filtros</button>
</div>
</div>
</form>
</div>
src/components/OrganigramaInteractivo.tsx
+210
View File
@@ -0,0 +1,210 @@
import React from 'react';
import AREAS from '@/data/areas';
/*
interface Props {
onAreaSelect: (areaId: number) => void;
className?: string;
style?: React.CSSProperties;
isPanningRef?: React.MutableRefObject<boolean>;
onAreaLabel?: (id: number, label: string) => void;
}
// Map display substrings (lowercase) to the area id used in BuscarFuncionario
const areaMap: Record<string, number> = AREAS.reduce((acc, cur) => {
acc[cur.label.toLowerCase()] = cur.id;
return acc;
}, {} as Record<string, number>);
const svgContent = `
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1497.56 1125.56">${
// Inline the inner content of the SVG (kept short for brevity, we will load the full SVG below)
''}
</svg>`;
// Instead of inlining the full SVG string here (long), we'll import it via require at runtime by fetching the file relative to the app.
// But to keep this component self-contained, we'll render an <object> fallback and then query inside it.
export default function OrganigramaInteractivo({ onAreaSelect, className, style, isPanningRef, onAreaLabel }: Props) {
const containerRef = React.useRef<HTMLDivElement | null>(null);
const normalize = (s: string) =>
s
.normalize('NFD')
.replace(/\p{Diacritic}/gu, '')
.toLowerCase()
.replace(/\p{M}/gu, '')
.trim();
const normalizedAreaEntries = React.useMemo(() => {
return Object.keys(areaMap).map((k) => ({ key: normalize(k), id: areaMap[k], label: k }));
}, []);
React.useEffect(() => {
const container = containerRef.current;
if (!container) return;
// Fetch the SVG file from the public path. The SVG is located at /organigrama_FES102025.svg (if placed in public/)
// There's a copy in src/public; to be served statically, ensure the SVG is available at '/organigrama_FES102025.svg'.
let mounted = true;
//fetch('/organigrama231025.svg')
fetch('/Organigrama_con_ids(1).svg')
.then((r) => r.text())
.then((text) => {
if (!mounted) return;
container.innerHTML = text;
const svg = container.querySelector('svg');
if (!svg) return;
const onClick = (e: MouseEvent) => {
// if parent reports it's panning/dragging, ignore clicks
if (isPanningRef && isPanningRef.current) return;
const target = e.target as Element;
const clientX = (e as MouseEvent).clientX;
const clientY = (e as MouseEvent).clientY;
// Try to find a text element under the click
const texts = Array.from(svg.querySelectorAll('text')) as Element[];
// First check which text elements have bounding rect containing the click
const hit = texts.find((t) => {
const r = (t as Element).getBoundingClientRect();
return clientX >= r.left && clientX <= r.right && clientY >= r.top && clientY <= r.bottom;
});
let textContent = '';
if (hit) {
textContent = hit.textContent || '';
} else {
// If no direct hit, find nearest text within 120px
let nearest: { el: Element | null; dist: number } = { el: null, dist: Infinity };
texts.forEach((t) => {
const r = (t as Element).getBoundingClientRect();
const cx = (r.left + r.right) / 2;
const cy = (r.top + r.bottom) / 2;
const d = Math.hypot(clientX - cx, clientY - cy);
if (d < nearest.dist) {
nearest = { el: t, dist: d };
}
});
if (nearest.el && nearest.dist < 140) {
textContent = nearest.el.textContent || '';
}
}
if (!textContent) return;
const normalized = normalize(textContent);
// Try to match any normalized key in areaMap
for (const entry of normalizedAreaEntries) {
if (normalized.includes(entry.key) || entry.key.includes(normalized)) {
onAreaSelect(entry.id);
onAreaLabel?.(entry.id, entry.label);
return;
}
}
// If target element directly has a title or id
if (target) {
const el = target as HTMLElement;
const title = (el.getAttribute('title') || el.getAttribute('id') || '').toString();
const n = normalize(title);
for (const entry of normalizedAreaEntries) {
if (n.includes(entry.key) || entry.key.includes(n)) {
onAreaSelect(entry.id);
onAreaLabel?.(entry.id, entry.label);
return;
}
}
}
};
svg.addEventListener('click', onClick);
// allow pointer events
svg.style.pointerEvents = 'auto';
return () => svg.removeEventListener('click', onClick);
})
.catch((err) => console.error('No se pudo cargar SVG:', err));
return () => {
mounted = false;
};
}, [onAreaSelect]);
return (
<div ref={containerRef} className={className} style={style} />
);
}
*/
interface Props {
onAreaSelect: (areaId: number) => void;
className?: string;
style?: React.CSSProperties;
isPanningRef?: React.MutableRefObject<boolean>;
onAreaLabel?: (id: number, label: string) => void;
}
export default function OrganigramaInteractivo({
onAreaSelect,
className,
style,
isPanningRef,
onAreaLabel
}: Props) {
const containerRef = React.useRef<HTMLDivElement | null>(null);
React.useEffect(() => {
const container = containerRef.current;
if (!container) return;
let mounted = true;
fetch('/Organigrama_con_ids(1).svg')
.then((r) => r.text())
.then((text) => {
if (!mounted) return;
container.innerHTML = text;
const svg = container.querySelector('svg');
if (!svg) return;
const onClick = (e: MouseEvent) => {
if (isPanningRef && isPanningRef.current) return;
const target = e.target as HTMLElement | null;
if (!target) return;
// Buscar el elemento (o ancestro) con un id numérico
const areaElement = target.closest('[id]') as HTMLElement | null;
if (!areaElement) return;
const idAttr = areaElement.getAttribute('id');
if (!idAttr) return;
const areaId = parseInt(idAttr, 10);
if (isNaN(areaId)) return;
// Verificar si el id existe en tu banco de datos
const area = AREAS.find((a) => a.id === areaId);
if (area) {
onAreaSelect(area.id);
onAreaLabel?.(area.id, area.label);
}
};
svg.addEventListener('click', onClick);
svg.style.pointerEvents = 'auto';
return () => svg.removeEventListener('click', onClick);
})
.catch((err) => console.error('No se pudo cargar SVG:', err));
return () => {
mounted = false;
};
}, [onAreaSelect]);
return <div ref={containerRef} className={className} style={style} />;
}
src/data/areas.ts
+95
View File
@@ -0,0 +1,95 @@
export const AREAS: Array<{ id: number; label: string }> = [
{ id: 0, label: '-- Selecciona un área --' },
{ id: 128, label: 'Coordinación de Actividades Deportivas y Recreativas' },
{ id: 122, label: 'Coordinación de Comunicación Social' },
{ id: 9, label: 'Coordinación de Cuerpos Colegiados' },
{ id: 126, label: 'Coordinación de Derecho del Sistema de Universidad Abierta y Educación a Distancia' },
{ id: 206, label: 'Coordinación de Especializaciones' },
{ id: 120, label: 'Coordinación de Estudios de Posgrado' },
{ id: 182, label: 'Coordinación de la Unidad de Investigación Multidisciplinaria Aplicada' },
{ id: 174, label: 'Coordinación de LICEL Sistema de Universidad Abierta y Educación a Distancia' },
{ id: 221, label: 'Coordinación de Maestrías y Doctorados' },
{ id: 152, label: 'Coordinación de Relaciones Internacionales del Sistema de Universidad Abierta y Educación a Distancia' },
{ id: 121, label: 'Coordinación de Servicios Académicos' },
{ id: 125, label: 'Coordinación del Centro de Difusión Cultural' },
{ id: 124, label: 'Coordinación del Centro de Educación Continua' },
{ id: 129, label: 'Coordinación del Centro de Enseñanza de Idiomas' },
{ id: 214, label: 'Coordinación del Centro de Estudios Municipales y Metropolitanos' },
{ id: 176, label: 'Coordinación del Centro Tecnológico para la Educación a Distancia' },
{ id: 58, label: 'Coordinación del Programa de Actuaría' },
{ id: 57, label: 'Coordinación del Programa de Arquitectura' },
{ id: 46, label: 'Coordinación del Programa de Comunicación' },
{ id: 56, label: 'Coordinación del Programa de Derecho' },
{ id: 55, label: 'Coordinación del Programa de Diseño Gráfico' },
{ id: 54, label: 'Coordinación del Programa de Economía' },
{ id: 49, label: 'Coordinación del Programa de Enseñanza de Inglés' },
{ id: 51, label: 'Coordinación del Programa de Ingeniería Civil' },
{ id: 48, label: 'Coordinación del Programa de Matemáticas Aplicadas y Computación' },
{ id: 47, label: 'Coordinación del Programa de Pedagogía' },
{ id: 44, label: 'Coordinación del Programa de Sociología' },
{ id: 43, label: 'Coordinación del Programa Político' },
{ id: 194, label: 'Departamento de Intendencia' },
{ id: 193, label: 'Departamento de Investigación en Comunicación y Estudios Culturales' },
{ id: 222, label: 'Departamento de Orientación Académica del Sistema de Universidad Abierta y Educación a Distancia' },
{ id: 204, label: 'Departamento de Proyectos Administrativos' },
{ id: 86, label: 'Departamento de Talleres y Laboratorios' },
{ id: 72, label: 'Dirección' },
{ id: 80, label: 'División de Ciencias Jurídicas' },
{ id: 79, label: 'División de Ciencias y Socioeconómicas' },
{ id: 78, label: 'División de Diseño y Edificación' },
{ id: 77, label: 'División de Humanidades' },
{ id: 76, label: 'División de Matemáticas e Ingeniería' },
{ id: 74, label: 'División del Sistema de Universidad Abierta y Educación a Distancia' },
{ id: 70, label: 'Especialización en Costos en la Construcción' },
{ id: 69, label: 'Especialización en Finanzas Públicas' },
{ id: 68, label: 'Especialización en Geotecnia' },
{ id: 71, label: 'Especialización en Sistemas de Calidad' },
{ id: 220, label: 'Especialización en Tecnología Digital para la Enseñanza de Matemáticas' },
{ id: 207, label: 'Grupo de Trabajo de Educación para Adultos (GTEA)' },
{ id: 173, label: 'Maestría en Docencia para la Educación Media Superior' },
{ id: 224, label: 'Posgrado en Ciencias Políticas y Sociales' },
{ id: 62, label: 'Posgrado en Derecho' },
{ id: 164, label: 'Posgrado en Economía' },
{ id: 197, label: 'Posgrado en Pedagogía' },
{ id: 63, label: 'Posgrado en Urbanismo' },
{ id: 226, label: 'Programa Único de Especializaciones en Derecho' },
{ id: 127, label: 'Secretaría Administrativa' },
{ id: 181, label: 'Secretaría de Asuntos Académicos Estudiantiles' },
{ id: 177, label: 'Secretaría de Extensión Universitaria y Vinculación Institucional' },
{ id: 119, label: 'Secretaría de Posgrado e Investigación' },
{ id: 8, label: 'Secretaría General' },
{ id: 6, label: 'Unidad de Administración Escolar' },
{ id: 5, label: 'Unidad de Administración y Recursos' },
{ id: 4, label: 'Unidad de Planeación' },
{ id: 3, label: 'Unidad de Servicios a la Comunidad' },
{ id: 2, label: 'Unidad de Servicios Editoriales' },
{ id: 1, label: 'Unidad de Talleres, Laboratorios y Audiovisuales' },
{ id: 130, label: 'Unidad del Centro de Desarrollo Tecnológico' },
{ id: 123, label: 'Unidad del Centro de Información y Documentación' },
//Estas no se tiene que mostrar
{ id: 60, label: 'Departamento de la Oficina de Prensa'},
{ id: 198, label: 'Secretaria Auxiliar De Extension Universitaria y Vinculacion Institucional.'},
{ id: 148, label: 'Secretaria Auxiliar de la Secretaria General'},
{ id: 50, label: 'Secretaria Auxiliar de Posgrado e Investigacion'},
{ id: 105, label: 'Departamento de Atencion a la Comunidad Estudiantil'},
{ id: 110, label: 'Departamento de Movilidad Estudiantil, Intercambio, Becas y Servicios de Salud'},
{ id: 93, label: 'Departamento de servicio Social, desarrollo Profesional e Intercambio Laboral'},
{ id: 190, label: 'Secretaria Auxiliar de la Secretaria de Asuntos Academicos Estudiantiles'},
{ id: 165, label: 'Secretaria Tecnica de Extension Universitaria y Vinculacion Institucional'},
{ id: 61, label: 'Superintendencia de Obras y Mantenimiento'},
{ id: 143, label: 'Cordinacion de Gestion'},
{ id: 59, label: 'Unidad de la Oficina Juridica'}
];
/*
{ id: 61, label: 'Superintendencia de Obras y Mantenimiento' },
{ id: 106, label: 'Departamento de Obra Civil y Proyectos' },
{ id: 87, label: 'Departamento de Supervisión Técnica' },
{ id: 82, label: 'Departamento de Vigilancia' },
{ id: 52, label: 'Coordinación del Programa de Humanidades' },
{ id: 198, label: 'Secretaria Auxiliar De Extension Universitaria y Vinculacion Institucional.'}
{ id: 190, label: 'Departamento Auxiliar De Extension Universitaria y Vinculacion Institucional.'},
*/
export default AREAS;
src/public/organigrama231025.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

src/public/organigrama_FES102025.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 302 KiB

src/public/organigrama_FES102025.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

src/public/organigrama_FES221025.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 MiB

src/public/organigrama_FES221025.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 312 KiB

src/public/organigrama_FES221025.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB