Commit Bulk

ts/horario.ts

@@ -0,0 +1,140 @@
+import { createApp, reactive } from 'https://unpkg.com/petite-vue?module'
+type Profesor = {
+    profesor_clave: string;
+    profesor_correo: string;
+    profesor_grado: null | string;
+    profesor_id: number;
+    profesor_nombre: string;
+}
+
+type Horario = {
+    carrera: string;
+    carrera_id: number;
+    dia: string;
+    duracion: string;
+    duracion_id: number;
+    facultad: string;
+    facultad_id: number;
+    fecha_carga: Date;
+    horario_dia: number;
+    horario_fecha_fin: null;
+    horario_fecha_inicio: Date;
+    horario_fin: string;
+    horario_grupo: string;
+    horario_hora: string;
+    horario_id: number;
+    limite: null;
+    materia: string;
+    materia_id: number;
+    nivel: string;
+    nivel_id: number;
+    periodo: string;
+    periodo_fecha_fin: Date;
+    periodo_fecha_inicio: Date;
+    periodo_id: number;
+    profesor_id: number;
+    salon: string;
+    salon_id: number;
+    bloques: number;
+}
+
+
+const profesores = reactive({
+    data: [] as Profesor[],
+    search: null as null | string,
+    fetch: async function () {
+        const response = await fetch('action/action_profesor.php')
+        this.data = await response.json() as Profesor[]
+    },
+    get clave() {
+        const match = this.search.match(/^\((.+)\)/)
+        return match ? match[1] : ''
+    },
+    get current() {
+        return this.data.find((profesor: Profesor) => profesor.profesor_clave === profesores.clave)
+    },
+})
+
+type Structure = {
+    sábado: boolean;
+    hora_mínima: number;
+    hora_máxima: number;
+    horas_totales: number;
+}
+
+const horarios = reactive({
+    data: [] as Horario[],
+    fetch: async function () {
+        if (profesores.current) {
+            const response = await fetch(`action/action_horario.php?profesor_id=${profesores.current.profesor_id}`)
+            this.data = await response.json()
+        }
+    },
+    get structure() {
+        if (this.data.length === 0) return null;
+
+        const structure: Structure = {
+            sábado: this.data.some((horario: Horario) => horario.horario_dia === 6),
+            hora_mínima: Math.min(...this.data.map((horario: Horario) => parseInt(horario.horario_hora.split(':')[0]))),
+            hora_máxima: Math.max(...this.data.map((horario: Horario) => {
+                const [hour, minute] = horario.horario_fin.split(':').map(Number);
+                return hour + Math.ceil(minute / 60);
+            })),
+            horas_totales: 0
+        };
+
+        structure.horas_totales = structure.hora_máxima - structure.hora_mínima;
+
+        return structure;
+    },
+    get blocks() {
+        if (this.data.length === 0) return null;
+        return [...Array(this.structure.horas_totales).keys()].flatMap(hora => {
+            const baseHour = hora + this.structure.hora_mínima;
+            return [0, 15, 30, 45].map(block => ({ hour: baseHour, block }));
+        });
+    },
+    getHorarioData(hour: number, block: number, día: number) {
+        const foundHorario = this.data.find((horario: Horario) =>
+            parseInt(horario.horario_hora.split(':')[0]) === hour &&
+            parseInt(horario.horario_hora.split(':')[1]) === block &&
+            horario.horario_dia === día
+        );
+        return foundHorario;
+    },
+    isOccupied(hora: number, bloque: number, day: number) {
+        if (this.getHorarioData(hora, bloque, day)) {
+            return false;
+        }
+        const currentTimeInMinutes = hora * 60 + bloque;
+
+        for (const item of this.data) {
+            if (item.horario_dia !== day) {
+                continue; // Skip items that are not on the specified day
+            }
+
+            // Split the hour and minute from horario_hora
+            const [startHour, startMinute] = item.horario_hora.split(":").map(Number);
+            const startTimeInMinutes = startHour * 60 + startMinute;
+
+            // Calculate end time using duracion
+            const [durationHours, durationMinutes] = item.duracion.split(":").map(Number);
+            const endTimeInMinutes = startTimeInMinutes + (durationHours * 60) + durationMinutes;
+
+            if (currentTimeInMinutes >= startTimeInMinutes && currentTimeInMinutes < endTimeInMinutes) {
+                return true;  // The block is occupied
+            }
+        }
+
+        return false;  // The block is not occupied by any class
+    }
+
+})
+
+const app = createApp({
+    profesores,
+    horarios,
+    mounted: async function () {
+        await profesores.fetch()
+    }
+}).mount('#app')