Puestos

ts/puestos.ts

@@ -0,0 +1,78 @@
+import { createApp, reactive } from 'https://unpkg.com/petite-vue?module'
+type Puesto = {
+    puesto_id: number,
+    nombre: string,
+    facultad_id: number,
+}
+
+type Carrera = {
+    carrera_id: number;
+    carrera_nombre: string;
+    clave_carrera: string;
+}
+
+type Materia = {
+    carrera_id: number;
+    clave_materia: string;
+    materia_id: number;
+    materia_nombre: string;
+}
+
+type Usuario = {
+    usuario_clave: string;
+    usuario_id: number;
+    usuario_nombre: string;
+}
+
+const app = createApp({
+    message: null,
+    puestos: [] as Puesto[],
+    carreras: [] as Carrera[],
+    materias: [] as Materia[],
+    usuarios: [] as Usuario[],
+
+    async nuevoPuesto(nuevoPuesto: string) {
+        try {
+            const res = await fetch('action/puesto.php', {
+                method: 'POST',
+                body: JSON.stringify({
+                    puesto_nombre: nuevoPuesto
+                })
+            })
+            const data = await res.json()
+            this.puestos.push(data)
+        } catch (error) {
+            alert(`Error: ${error}`)
+
+        }
+    },
+
+    async actualizarPuesto(puesto_id: number, materias: Materia[], usuario_id: number) {
+        try {
+            const res = await fetch('action/puesto.php', {
+                method: 'PUT',
+                body: JSON.stringify({
+                    puesto_id,
+                    materias: materias.map(m => m.materia_id),
+                    usuario_id
+                })
+            })
+            const data = await res.json()
+            this.message = data.msg;
+
+            // after 3 seconds, remove the message
+            setTimeout(() => {
+                this.message = null
+            }, 3000)
+        } catch (error) {
+            alert(`Error: ${error}`)
+        }
+    },
+
+    async mounted() {
+        this.puestos = await fetch('action/puesto.php').then(res => res.json())
+        this.carreras = await fetch('action/action_carreras.php').then(res => res.json())
+        this.materias = await fetch('action/action_materias.php').then(res => res.json())
+        this.usuarios = await fetch('action/usuarios.php').then(res => res.json())
+    }
+}).mount('#app')