All

js/horario.js

@@ -14,10 +14,32 @@ const profesores = reactive({
         return this.data.find((profesor) => profesor.profesor_clave === profesores.clave);
     },
 });
-const horarios = reactive({
+const facultades = reactive({
     data: [],
     fetch: async function () {
-        if (profesores.current) {
+        const facultades = await fetch('action/action_facultad.php').then(response => response.json());
+        const carreras = await fetch(`action/carrera.php`).then(response => response.json());
+        this.data = await Promise.all(facultades.map(async (facultad) => ({
+            ...facultad,
+            carreras: await Promise.all(carreras.filter((carrera) => carrera.facultad_id === facultad.facultad_id).map(async (carrera) => {
+                const grupos = await fetch(`action/action_grupo.php?carrera_id=${carrera.carrera_id}`).then(response => response.json());
+                return {
+                    ...carrera,
+                    grupos,
+                };
+            })),
+        })));
+        this.data = this.data.filter((facultad) => facultad.carreras.length > 0);
+    }
+});
+const horarios = reactive({
+    data: [],
+    fetch: async function (grupo = null, carrera_id = null) {
+        if (grupo && carrera_id) {
+            const response = await fetch(`action/action_horario.php?grupo=${grupo}&carrera_id=${carrera_id}`);
+            this.data = await response.json();
+        }
+        else if (profesores.current) {
             const response = await fetch(`action/action_horario.php?profesor_id=${profesores.current.profesor_id}`);
             this.data = await response.json();
         }
@@ -76,7 +98,9 @@ const horarios = reactive({
 const app = createApp({
     profesores,
     horarios,
+    facultades,
     mounted: async function () {
         await profesores.fetch();
+        await facultades.fetch();
     }
 }).mount('#app');