IO/front-AT
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

add new request

Browse Source
This commit is contained in:
Lino
2025-10-06 17:26:14 -06:00
parent 02e06f10bf
commit 7e864e30fe
9 changed files with 125 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(private)/AgregarTiempo/page.tsx
+1 -11
View File
@@ -38,17 +38,7 @@ export default async function Page(props: {
<Information NoCuenta={student.id_cuenta} Nombre={student.nombre} />
<div className="addTime">
<div className="groupInput" style={{ marginBottom: "1rem" }}>
<label className="label">Seleccione el área</label>
<select>
<option value="0">windows</option>
<option value="1">ADOBE CREATIVE SUITE</option>
<option value="2">mmmmm</option>
<option value="3">mmmmm</option>
<option value="4">mmmmm</option>
<option value="5">mmmmm</option>
</select>
</div>
<div className="groupInput" style={{ marginBottom: "1rem" }}></div>
<Receipt numAcount={student.id_cuenta} />
</div>
</>
app/Components/Alta/registerAlta.tsx
+28 -1
View File
@@ -1,8 +1,30 @@
"use client";
import { useState } from "react";
import axios from "axios";
import { useEffect, useState } from "react";
export default function RegisterAlta() {
const [listMajor, setListMajor] = useState([]);
const [major, setMajor] = useState("");
useEffect(() => {
const fetchCarreras = async () => {
try {
const response = await axios.get(
"https://venus.acatlan.unam.mx/asignacionTiempo_test/carrera"
);
const sortedCarreras = response.data.sort((a: any, b: any) =>
a.carrera.localeCompare(b.carrera)
);
setListMajor(sortedCarreras);
} catch (error) {
console.error("Error al obtener carreras:", error);
}
};
fetchCarreras();
}, []);
return (
<form className="containerAlta gap gridAlta">
<div className="containerForm">
@@ -59,6 +81,11 @@ export default function RegisterAlta() {
<label className="label">Carrera</label>
<select value={major} onChange={(e) => setMajor(e.target.value)}>
<option value="">Selecciona la carrera</option>
{listMajor.map((carrera: any, index) => (
<option key={index} value={carrera.id_carrera}>
{carrera.carrera}
</option>
))}
</select>
</div>
app/Components/Global/selectArea.tsx
+33
View File
@@ -0,0 +1,33 @@
import axios from "axios";
import { useEffect, useState } from "react";
export default function selectArea() {
const [area, setArea] = useState([]);
useEffect(() => {
const fetchArea = async () => {
const response = await axios.get(
"https://venus.acatlan.unam.mx/asignacionTiempo_test/area-ubicacion"
);
setArea(response.data);
};
fetchArea();
});
return (
<>
<label className="label">Seleccione el área</label>
<select>
{area.map((area) => (
<option>{area}</option>
))}
<option value="0">windows</option>
<option value="1">ADOBE CREATIVE SUITE</option>
<option value="2">mmmmm</option>
<option value="3">mmmmm</option>
<option value="4">mmmmm</option>
<option value="5">mmmmm</option>
</select>
</>
);
}
app/Components/Receipt/Receipt.css
+24
View File
@@ -0,0 +1,24 @@
.groupInformation {
display: flex;
max-width: 500px;
min-width: 40px;
width: 100%;
justify-content: end;
gap: 10px;
}
.informationButton {
text-align: center;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #cfcfcf;
background-color: #fff;
max-width: 40px;
min-width: 40px;
}
.informationButton:hover {
border: 1px solid #cfcfcf;
background-color: #cfcfcf;
}
app/Components/Receipt/Receipt.tsx
+20 -16
View File
@@ -3,7 +3,7 @@
import toast from "react-hot-toast";
import { useState } from "react";
import { PostReceipt } from "@/app/lib/postReceipt";
import { useParams, usePathname, useRouter } from "next/navigation";
import { useRouter } from "next/navigation";
import "./Receipt.css";
@@ -13,8 +13,6 @@ interface ReceiptsProps {
function Receipt({ numAcount }: ReceiptsProps) {
const router = useRouter();
const path = usePathname();
console.log(path);
const [folio, setFolio] = useState("");
const [amount, setAmount] = useState("");
@@ -80,19 +78,25 @@ function Receipt({ numAcount }: ReceiptsProps) {
<div className="gap">
<div className="groupInput">
<label className="label">Ticket:</label>
<input
type="text"
value={folio}
onChange={(error) => {
const value = error.target.value;
if (/^\d*$/.test(value) && value.length <= 7) {
setFolio(value);
}
}}
placeholder="Numero de tiket..."
inputMode="numeric"
pattern="[0-9]*"
/>
<div className="groupInformation">
<input
type="text"
value={folio}
onChange={(error) => {
const value = error.target.value;
if (/^\d*$/.test(value) && value.length <= 7) {
setFolio(value);
}
}}
placeholder="Numero de tiket..."
inputMode="numeric"
pattern="[0-9]*"
/>
<select className="informationButton">
<option>7</option>
<option>8</option>
</select>
</div>
</div>
<div className="groupInput">
app/Components/auth/ChangePassword/changePassword.tsx
+7 -2
View File
@@ -1,4 +1,5 @@
"use client";
import axios from "axios";
import { useState } from "react";
export default function ChangePassword() {
@@ -6,10 +7,14 @@ export default function ChangePassword() {
const [newPass, setNewPass] = useState("");
const [confirmNewPass, setconfirmNewPass] = useState("");
const handleChangePass = (e: React.FormEvent<HTMLFormElement>) => {
const handleChangePass = async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault;
const data = { pass, newPass, confirmNewPass };
console.log(data);
await axios.post(
"https://venus.acatlan.unam.mx/asignacionTiempo_test/user/create",
data
);
};
return (
app/Components/layout/ToastProvider.tsx
+3 -2
View File
@@ -12,6 +12,7 @@ export function ToastProvider({ children }: { children: React.ReactNode }) {
style: {
padding: "16px",
fontSize: "16px",
maxWidth: "400px",
},
error: {
@@ -21,7 +22,7 @@ export function ToastProvider({ children }: { children: React.ReactNode }) {
backgroundColor: "#fee2e2dd",
color: "#000000ff",
fontWeight: "600",
padding:"1.5rem"
padding: "1.5rem",
},
},
@@ -32,7 +33,7 @@ export function ToastProvider({ children }: { children: React.ReactNode }) {
backgroundColor: "#d1fae5dd",
color: "#000000ff",
fontWeight: "600",
padding:"1.5rem"
padding: "1.5rem",
},
},
}}
app/globals.css
+8 -24
View File
@@ -88,11 +88,12 @@ footer p {
.mainContainer {
position: relative;
display: grid;
grid-template-rows: 40px 1fr;
grid-template-rows: auto 1fr;
align-items: center;
justify-items: center;
height: 100%;
width: 100%;
background-color: #f9f9f9;
}
@keyframes fadeInUp {
@@ -180,12 +181,12 @@ select {
input:focus,
select:focus {
background-color: #f9f9f9;
outline:none;
box-shadow: 0px 0px 8px 2px rgba(0, 62, 121, 0.5);
outline: none;
box-shadow: 0px 0px 8px 2px rgba(0, 62, 121, 0.5);
transition: all 0.2s ease-in-out;
}
input[type="checkbox"]{
input[type="checkbox"] {
min-width: 3rem;
}
@@ -196,7 +197,7 @@ label {
}
button {
font-size: 2rem;
font-size: 1.5rem;
padding: 1rem 1.75rem;
border-radius: 4px;
cursor: pointer;
@@ -296,7 +297,7 @@ a {
font-size: 3rem;
font-weight: bold;
text-align: start;
color:#bd8c01;
color: #bd8c01;
border-bottom: 1px solid #cfcfcf;
margin-bottom: 10px;
}
@@ -352,7 +353,7 @@ form {
}
.toggleButton.active {
font-weight: 700;
font-weight: 600;
background-color: #e5e7eb;
color: rgb(1, 92, 184);
border-radius: 4px 4px 0 0;
@@ -462,22 +463,6 @@ table tr {
align-items: center;
}
.img {
width: 100%;
}
.img::after {
background: linear-gradient(to right, #f9f9f993, rgba(128, 128, 128, 0));
}
.img::before {
display: flex;
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to left, #f9f9f993, rgba(128, 128, 128, 0));
}
.title {
text-align: center;
}
@@ -563,7 +548,6 @@ table tr {
}
button {
font-size: 1.5rem;
padding: 1rem 1.5rem;
}
app/lib/postReceipt.ts
+1 -1
View File
@@ -9,7 +9,7 @@ export async function PostReceipt(data: any) {
error.response?.data?.message ||
error.message ||
"Error desconocido al crear recibo";
return { error: msg };
throw new Error(msg);
}
}
//IO