{expandedDoctors[grupo.doctor_id] && (
-
@@ -451,36 +412,15 @@ const DisponibilidadesDoctorPage = ( ) => {
{grupo.disponibilidades.map((disp) => (
+ | {disp.is_empty ? "Nenhum horário cadastrado" : getDiaSemana(disp.weekday)} |
+ {disp.is_empty ? "-" : formatTime(disp.start_time)} |
+ {disp.is_empty ? "-" : formatTime(disp.end_time)} |
+ {disp.is_empty ? "-" : disp.slot_minutes || 30} |
+ {disp.is_empty ? "-" : disp.appointment_type || "presencial"} |
- {disp.is_empty ? "Nenhum horário cadastrado" : getDiaSemana(disp.weekday)}
- |
-
- {disp.is_empty ? "-" : formatTime(disp.start_time)}
- |
-
- {disp.is_empty ? "-" : formatTime(disp.end_time)}
- |
-
- {disp.is_empty ? "-" : disp.slot_minutes || 30}
- |
-
- {disp.is_empty ? "-" : disp.appointment_type || "presencial"}
- |
-
-
- {getStatusText(disp)}
-
- |
-
- {!disp.is_empty && (
-
- )}
+ {getStatusText(disp)}
|
+ {!disp.is_empty && } |
))}
@@ -499,4 +439,4 @@ const DisponibilidadesDoctorPage = ( ) => {
);
};
-export default DisponibilidadesDoctorPage;
+export default DisponibilidadesDoctorPage;
\ No newline at end of file
diff --git a/src/pages/DoctorEditPage.jsx b/src/pages/DoctorEditPage.jsx
index f50b934..a4e00cf 100644
--- a/src/pages/DoctorEditPage.jsx
+++ b/src/pages/DoctorEditPage.jsx
@@ -1,104 +1,333 @@
-import React, { useEffect, useState, useCallback } from "react";
-import { useParams, useSearchParams } from "react-router-dom";
-import { GetDoctorByID } from "../components/utils/Functions-Endpoints/Doctor";
+import React, { useState, useEffect, useMemo } from "react";
+import { useParams, useNavigate, useLocation } from "react-router-dom";
import DoctorForm from "../components/doctors/DoctorForm";
import { useAuth } from "../components/utils/AuthProvider";
import API_KEY from "../components/utils/apiKeys";
-const ENDPOINT_AVAILABILITY =
- "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctor_availability";
+const ENDPOINT = "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctors";
+const ENDPOINT_AVAILABILITY = "https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctor_availability";
-const DoctorEditPage = ({DictInfo}) => {
+const diasDaSemana = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
+const weekdayNumToStr = {
+ 0: "sunday",
+ 1: "monday",
+ 2: "tuesday",
+ 3: "wednesday",
+ 4: "thursday",
+ 5: "friday",
+ 6: "saturday",
+};
+const weekdayStrToNum = Object.fromEntries(
+ Object.entries(weekdayNumToStr).map(([num, str]) => [str, Number(num)])
+);
+
+const EditDoctorPage = () => {
+ const { id } = useParams();
+ const navigate = useNavigate();
+ const location = useLocation();
const { getAuthorizationHeader } = useAuth();
- const [DoctorToPUT, setDoctorPUT] = useState({});
+
+ const [doctor, setDoctor] = useState(null);
+ const [availability, setAvailability] = useState([]);
+ const [isLoading, setIsLoading] = useState(true);
+ const [isSaving, setIsSaving] = useState(false);
- const Parametros = useParams();
- const [searchParams] = useSearchParams();
-
- const DoctorID = "b24c88b2-1d51-4c04-8fe8-e75c3f2817d1";
- const availabilityId = searchParams.get("availabilityId");
+ const effectiveId = id;
- const [availabilityToPATCH, setAvailabilityToPATCH] = useState(null);
- const [mode, setMode] = useState("doctor");
- console.log("teste", DictInfo)
-
- useEffect(() => {
- setDoctorPUT(DictInfo)
- }, [DictInfo]);
-
- const HandlePutDoctor = async () => {
+ const getHeaders = () => {
+ const myHeaders = new Headers();
const authHeader = getAuthorizationHeader();
-
- var myHeaders = new Headers();
- myHeaders.append("apikey", API_KEY);
- myHeaders.append("Authorization", authHeader);
+ if (authHeader) myHeaders.append("Authorization", authHeader);
myHeaders.append("Content-Type", "application/json");
-
- var raw = JSON.stringify(DoctorToPUT);
-
- console.log("Enviando médico para atualização (PUT):", DoctorToPUT);
-
- var requestOptions = {
- method: "PUT",
- headers: myHeaders,
- body: raw,
- redirect: "follow",
- };
-
- fetch(`https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctors?id=eq.${DictInfo.id}`,requestOptions)
- .then(response => console.log(response))
+ if (API_KEY) myHeaders.append("apikey", API_KEY);
+ myHeaders.append("Prefer", "return=representation");
+ return myHeaders;
};
- // 2. Função para Atualizar DISPONIBILIDADE (PATCH)
- const HandlePatchAvailability = async (data) => {
- const authHeader = getAuthorizationHeader();
-
- var myHeaders = new Headers();
- myHeaders.append("apikey", API_KEY);
- myHeaders.append("Authorization", authHeader);
- myHeaders.append("Content-Type", "application/json");
-
- var raw = JSON.stringify(data);
-
- console.log("Enviando disponibilidade para atualização (PATCH):", data);
-
- var requestOptions = {
- method: "PATCH",
- headers: myHeaders,
- body: raw,
- redirect: "follow",
- };
-
+ const salvarDisponibilidades = async (doctorId, horariosAtualizados) => {
try {
- const response = await fetch(
- `${ENDPOINT_AVAILABILITY}?id=eq.${availabilityId}`,
- requestOptions
+ const headers = getHeaders();
+ const promises = [];
+ const currentIds = new Set();
+
+ for (const dia of horariosAtualizados) {
+ if (dia.isChecked && dia.blocos.length > 0) {
+ for (const bloco of dia.blocos) {
+ const inicio = bloco.inicio.includes(":") ? bloco.inicio : bloco.inicio + ":00";
+ const termino = bloco.termino.includes(":") ? bloco.termino : bloco.termino + ":00";
+
+ const payload = {
+ doctor_id: doctorId,
+ weekday: weekdayNumToStr[dia.weekday],
+ start_time: inicio,
+ end_time: termino,
+ slot_minutes: bloco.slot_minutes || 30,
+ appointment_type: bloco.appointment_type || "presencial",
+ active: true,
+ };
+
+ if (bloco.id && !bloco.isNew) {
+ currentIds.add(bloco.id);
+ promises.push(
+ fetch(`${ENDPOINT_AVAILABILITY}?id=eq.${bloco.id}`, {
+ method: "PATCH",
+ headers,
+ body: JSON.stringify(payload),
+ }).then((res) => {
+ if (!res.ok) throw new Error(`Erro no PATCH: ${res.status}`);
+ return { type: "PATCH", id: bloco.id };
+ })
+ );
+ } else {
+ promises.push(
+ fetch(ENDPOINT_AVAILABILITY, {
+ method: "POST",
+ headers,
+ body: JSON.stringify(payload),
+ })
+ .then((res) => res.json())
+ .then((data) => {
+ const createdItem = Array.isArray(data) ? data[0] : data;
+ if (createdItem && createdItem.id) {
+ return { type: "POST", id: createdItem.id };
+ }
+ return { type: "POST", id: null };
+ })
+ );
+ }
+ }
+ }
+ }
+
+ const results = await Promise.all(promises);
+
+ results.forEach((res) => {
+ if (res.type === "POST" && res.id) currentIds.add(res.id);
+ });
+
+ const existingDisponibilidadesRes = await fetch(
+ `${ENDPOINT_AVAILABILITY}?doctor_id=eq.${String(doctorId)}`,
+ { method: "GET", headers }
);
- console.log("Resposta PATCH Disponibilidade:", response);
- alert("Disponibilidade atualizada com sucesso!");
- // Opcional: Redirecionar de volta para a lista de disponibilidades
- // navigate('/disponibilidades');
+
+ if (existingDisponibilidadesRes.ok) {
+ const existingDisponibilidades = await existingDisponibilidadesRes.json();
+
+ const deletePromises = existingDisponibilidades
+ .filter((disp) => !currentIds.has(disp.id))
+ .map((disp) =>
+ fetch(`${ENDPOINT_AVAILABILITY}?id=eq.${disp.id}`, {
+ method: "DELETE",
+ headers,
+ })
+ );
+
+ await Promise.all(deletePromises);
+ }
+
+ const updatedResponse = await fetch(
+ `${ENDPOINT_AVAILABILITY}?doctor_id=eq.${doctorId}&order=weekday.asc,start_time.asc`,
+ { method: "GET", headers }
+ );
+
+ if (updatedResponse.ok) {
+ const updatedData = await updatedResponse.json();
+ setAvailability(updatedData);
+ }
} catch (error) {
- console.error("Erro ao atualizar disponibilidade:", error);
- alert("Erro ao atualizar disponibilidade.");
throw error;
}
};
+ const normalizeAvailabilityForForm = (availabilityData) => {
+ if (!Array.isArray(availabilityData)) return [];
+
+ const disponibilidadesMedico = availabilityData.filter((d) =>
+ String(d.doctor_id) === String(effectiveId) && d.active !== false
+ );
+ const blocosPorDia = {};
+
+ disponibilidadesMedico.forEach((d) => {
+ const num = typeof d.weekday === "string" ? weekdayStrToNum[d.weekday.toLowerCase()] : d.weekday;
+ if (num === undefined || num === null) return;
+ if (!blocosPorDia[num]) blocosPorDia[num] = [];
+ blocosPorDia[num].push({
+ id: d.id,
+ inicio: d.start_time?.substring(0, 5) || "07:00",
+ termino: d.end_time?.substring(0, 5) || "17:00",
+ slot_minutes: d.slot_minutes || 30,
+ appointment_type: d.appointment_type || "presencial",
+ isNew: false,
+ });
+ });
+
+ const resultado = [1, 2, 3, 4, 5, 6, 0].map((weekday) => {
+ const blocosDoDia = blocosPorDia[weekday] || [];
+ return {
+ dia: diasDaSemana[weekday],
+ weekday: weekday,
+ isChecked: blocosDoDia.length > 0,
+ blocos:
+ blocosDoDia.length > 0
+ ? blocosDoDia
+ : [
+ {
+ id: null,
+ inicio: "07:00",
+ termino: "17:00",
+ slot_minutes: 30,
+ appointment_type: "presencial",
+ isNew: true,
+ },
+ ],
+ };
+ });
+
+ return resultado;
+ };
+
+ const availabilityFormatted = useMemo(() => {
+ return normalizeAvailabilityForForm(availability);
+ }, [availability, effectiveId]);
+
+ useEffect(() => {
+ const fetchDoctorData = async () => {
+ if (!effectiveId || effectiveId === "edit") {
+ alert("ID do médico não encontrado");
+ navigate("/secretaria/medicos");
+ return;
+ }
+
+ try {
+ const doctorResponse = await fetch(`${ENDPOINT}?id=eq.${effectiveId}`, {
+ method: "GET",
+ headers: getHeaders(),
+ });
+
+ if (!doctorResponse.ok) {
+ throw new Error("Erro ao carregar dados do médico");
+ }
+
+ const doctorData = await doctorResponse.json();
+ if (doctorData.length === 0) {
+ throw new Error("Médico não encontrado");
+ }
+
+ setDoctor(doctorData[0]);
+
+ const availabilityResponse = await fetch(
+ `${ENDPOINT_AVAILABILITY}?doctor_id=eq.${effectiveId}&order=weekday.asc,start_time.asc`,
+ {
+ method: "GET",
+ headers: getHeaders(),
+ }
+ );
+
+ if (availabilityResponse.ok) {
+ const availabilityData = await availabilityResponse.json();
+ setAvailability(availabilityData);
+ } else {
+ setAvailability([]);
+ }
+
+ } catch (error) {
+ alert("Erro ao carregar dados do médico");
+ navigate("/secretaria/medicos");
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ if (effectiveId) {
+ fetchDoctorData();
+ }
+ }, [effectiveId, navigate]);
+
+ const handleSave = async (formData) => {
+ const { availability: updatedAvailability, ...doctorDataToSave } = formData;
+
+ try {
+ setIsSaving(true);
+
+ const response = await fetch(`${ENDPOINT}?id=eq.${effectiveId}`, {
+ method: "PATCH",
+ headers: getHeaders(),
+ body: JSON.stringify(doctorDataToSave),
+ });
+
+ if (!response.ok) {
+ throw new Error("Erro ao salvar dados do médico");
+ }
+
+ if (updatedAvailability && updatedAvailability.length > 0) {
+ await salvarDisponibilidades(effectiveId, updatedAvailability);
+ }
+
+ alert("Médico e horários atualizados com sucesso!");
+ navigate("/secretaria/medicos");
+
+ } catch (error) {
+ alert(`Erro ao salvar dados: ${error.message}`);
+ } finally {
+ setIsSaving(false);
+ }
+ console.log('Horários a serem salvos:', updatedAvailability);
+ };
+
+ const handleCancel = () => {
+ navigate("/secretaria/medicos");
+ };
+
+ if (isLoading) {
+ return (
+
+
+
+ Carregando dados do médico ID: {effectiveId || "..."}
+
+
+ );
+ }
+
+ if (!doctor) {
+ if (!isLoading) {
+ return (
+
+
+ Médico não encontrado
+
+
+ );
+ }
+ return null;
+ }
+
+ const formData = {
+ ...doctor,
+ availability: (doctor && doctor.availability) ? doctor.availability : availabilityFormatted,
+ };
+
return (
-
-
+
);
};
-export default DoctorEditPage;
+export default EditDoctorPage;
\ No newline at end of file
diff --git a/src/pages/DoctorTable.jsx b/src/pages/DoctorTable.jsx
index cdcce24..a0f3650 100644
--- a/src/pages/DoctorTable.jsx
+++ b/src/pages/DoctorTable.jsx
@@ -147,7 +147,7 @@ function TableDoctor({setDictInfo}) {
return resultado;
}) : [];
- // Aplica ordenação rápida
+
const applySorting = (arr) => {
if (!Array.isArray(arr) || !sortKey) return arr;
const copy = [...arr];
@@ -437,13 +437,13 @@ function TableDoctor({setDictInfo}) {
{medico.email || 'Não informado'} |
-
+
-
+
diff --git a/src/pages/style/Agendamento.css b/src/pages/style/Agendamento.css
index d887b3a..1237a37 100644
--- a/src/pages/style/Agendamento.css
+++ b/src/pages/style/Agendamento.css
@@ -193,8 +193,8 @@
}
.appointment-actions {
- display: flex;
- gap: 8px;
+ display: flex;
+ gap: 8px;
}
.btn-action {
@@ -221,5 +221,22 @@
color: #fff;
}
.btn-action.btn-delete:hover {
- background-color: #C53030;
+ background-color: #C53030;
+}
+
+@media (max-width: 768px) {
+ .unidade-selecionarprofissional { flex-direction: column; align-items: stretch; gap: 12px; }
+ .calendar-wrapper { flex-direction: column; padding: 16px; }
+ .calendar-info-panel { flex: 0 0 auto; border-right: none; border-bottom: 1px solid #E2E8F0; padding-right: 0; padding-bottom: 16px; }
+ .calendar-grid { grid-template-columns: repeat(4, 1fr); }
+ .calendar-controls { flex-direction: column; align-items: flex-start; gap: 8px; }
+}
+
+@media (max-width: 576px) {
+ .calendar-grid { grid-template-columns: repeat(2, 1fr); }
+ .date-indicator h2 { font-size: 1.25rem; }
+ .legend-item { font-size: 0.75rem; padding: 4px 8px; }
+ .appointment-item { flex-direction: column; align-items: stretch; gap: 8px; }
+ .appointment-actions { width: 100%; }
+ .btn-action { width: 100%; }
}
diff --git a/src/pages/style/DisponibilidadesDoctorPage.css b/src/pages/style/DisponibilidadesDoctorPage.css
index 27d9d52..bf216c8 100644
--- a/src/pages/style/DisponibilidadesDoctorPage.css
+++ b/src/pages/style/DisponibilidadesDoctorPage.css
@@ -218,6 +218,30 @@
background-color: #27ae60;
}
+@media (max-width: 576px) {
+ .disponibilidades-container { padding: 12px; }
+ .disponibilidades-title { font-size: 1.25rem; }
+ .search-container { padding: 12px; }
+ .doctor-header { padding: 12px; }
+ .doctor-name { font-size: 1rem; }
+ .doctor-hours { display: none; }
+ .expand-icon { font-size: 0.9rem; }
+ .table-container { padding: 0 6px 6px 6px; }
+ .disponibilidades-table thead th { padding: 6px 8px; }
+ .disponibilidades-table td { padding: 10px 8px; font-size: 0.8125rem; }
+ .disponibilidades-table thead th:nth-child(4),
+ .disponibilidades-table thead th:nth-child(5),
+ .disponibilidades-table thead th:nth-child(7),
+ .disponibilidades-table tbody td:nth-child(4),
+ .disponibilidades-table tbody td:nth-child(5),
+ .disponibilidades-table tbody td:nth-child(7) {
+ display: none;
+ }
+ .disp-buttons-container { flex-direction: column; gap: 10px; }
+ .disp-btn-primary, .disp-btn-danger { width: 100%; }
+ .suggestions-dropdown { width: calc(100% - 30px); left: 15px; right: 15px; }
+}
+
.status-inactive {
background-color: #e74c3c;
}
@@ -304,7 +328,7 @@
font-size: 0.875rem;
font-weight: 600;
border-radius: 6px;
- background-color: #95a5a6;
+ background-color: #fa273c;
color: white;
border: none;
cursor: pointer;
@@ -312,7 +336,7 @@
}
.disp-btn-danger:hover {
- background-color: #7f8c8d;
+ background-color: #f41936;
}
/* Section Titles */
diff --git a/src/pages/style/FilaEspera.css b/src/pages/style/FilaEspera.css
index eb2777d..18c8f49 100644
--- a/src/pages/style/FilaEspera.css
+++ b/src/pages/style/FilaEspera.css
@@ -256,6 +256,15 @@ html, body {
font-size: 1.5rem;
}
}
+@media (max-width: 576px) {
+ .unidade-selecionarprofissional { flex-direction: column; gap: 10px; }
+ .unidade-selecionarprofissional input,
+ .unidade-selecionarprofissional select { width: 100%; margin-left: 0; }
+ .busca-fila-espera { position: static; width: 100%; margin-bottom: 8px; }
+ .fila-header { height: auto; flex-direction: column; gap: 8px; }
+ .btns-e-legenda-container { flex-direction: column; gap: 10px; }
+ .legenda-tabela { justify-content: center; flex-wrap: wrap; }
+}
.fila-header {
position: relative;
display: flex;
diff --git a/src/pages/style/TableDoctor.css b/src/pages/style/TableDoctor.css
index b5d653f..da439c5 100644
--- a/src/pages/style/TableDoctor.css
+++ b/src/pages/style/TableDoctor.css
@@ -160,6 +160,17 @@
gap: 0.75rem;
}
+@media (max-width: 576px) {
+ .table-doctor-card .card-header { padding: 0.75rem 1rem; }
+ .table-doctor-table th, .table-doctor-table td { padding: 8px 6px; }
+ .table-doctor-table thead th:nth-child(2),
+ .table-doctor-table thead th:nth-child(4),
+ .table-doctor-table tbody td:nth-child(2),
+ .table-doctor-table tbody td:nth-child(4) { display: none; }
+ .filter-buttons-container { width: 100%; }
+ .filter-btn { width: 100%; }
+}
+
@media (max-width: 768px) {
.table-doctor-table {
font-size: 0.875rem;
diff --git a/src/pages/style/TablePaciente.css b/src/pages/style/TablePaciente.css
index 8e9a699..55e3557 100644
--- a/src/pages/style/TablePaciente.css
+++ b/src/pages/style/TablePaciente.css
@@ -337,4 +337,14 @@
font-size: 0.75em;
padding: 0.4em 0.65em;
margin-bottom: 0.25rem;
+}
+
+@media (max-width: 576px) {
+ .table-paciente-card .card-header { padding: 0.75rem 1rem; }
+ .table-paciente-table th, .table-paciente-table td { padding: 8px 6px; }
+ .table-paciente-table thead th:nth-child(2),
+ .table-paciente-table thead th:nth-child(4),
+ .table-paciente-table tbody td:nth-child(2),
+ .table-paciente-table tbody td:nth-child(4) { display: none; }
+ .table-paciente-filters .btn-sm { width: 100%; }
}
\ No newline at end of file
diff --git a/src/perfis/perfil_secretaria/PerfilSecretaria.jsx b/src/perfis/perfil_secretaria/PerfilSecretaria.jsx
index f76b9bc..2d024ab 100644
--- a/src/perfis/perfil_secretaria/PerfilSecretaria.jsx
+++ b/src/perfis/perfil_secretaria/PerfilSecretaria.jsx
@@ -34,8 +34,8 @@ function PerfilSecretaria({ onLogout }) {
} />
} />
} />
- } />
- } />
+ } />
+ } />
} />
} />
} />
|