Skip to content

Ulpan #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ulpanb123 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Ulpan #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
950a0bb
added timeslot field in confirmation.js
Dec 3, 2022
045baea
Merge branch 'main' of https://github.com/inabatakanova/Software-engi…
Dec 3, 2022
86ea006
appointmentDay for schedule-list.js
Dec 3, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 24 additions & 1 deletion densysme-frontend/src/components/details/confirmation.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,22 @@ import "./confirmation.css";
import FormInput from "./component/FormInput";
import { useState } from "react";


export const Confirmation = () => {
const [values, setValues] = useState({
name: "",
surname: "",
email: "",
phonenumber: ""
phonenumber: "",
timeslot: ""
});


const timeslot = {
value: '12:00'
}


const inputs = [
{
id: 1,
Expand Down Expand Up @@ -62,6 +70,10 @@ export const Confirmation = () => {
setValues({ ...values, [e.target.name]: e.target.value });
};

const onChangeForTimeSlot = (e) => {
timeslot.value = e.target.value
}

console.log(values);
return (
<div className="app">
Expand All @@ -75,8 +87,19 @@ export const Confirmation = () => {
onChange={onChange}
/>
))}
<label>
Pick available time slot:
<select value={timeslot} onChange={onChangeForTimeSlot}>
<option value="0">09:00</option>
<option value="1">10:00</option>
<option value="2">11:00</option>
<option value="3">12:00</option>
<option value="4">13:00</option>6
</select>
</label>
<button> Confirm </button>
</form>

</div>
);
}
1 change: 0 additions & 1 deletion densysme-frontend/src/components/layout/app-layout.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,6 @@ import {DoctorsDetails} from "../details/doctors_details";
import { ScheduleList } from "../list/schedule-list";
import { Confirmation} from "../details/confirmation";


export const AppLayout = () => {
const [openLoginDialog, setOpenLoginDialog] = useState(false)
const [anchorElUser, setAnchorElUser] = useState(null)
Expand Down
28 changes: 19 additions & 9 deletions densysme-frontend/src/components/list/schedule-list.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,16 +26,19 @@ export const ScheduleList = () => {
{
"name": "static doctor",
"specialization": "Surg",
"appointment_day": "Wednesday",
"available_time": "13:00"
},
{
"name": "static doctor 2",
"specialization": "Eye",
"appointment_day": "Wednesday",
"available_time": "12:00"
}
])
])
const appointmentDay = {
value: '0'
}

const onChangeDay = (e) => {
appointmentDay.value = e.target.value
}
const [page, setPage] = useState(0)
const [rowsPerPage, setRowsPerPage] = useState(10)
const [openModal, setOpenModal] = useState(false)
Expand Down Expand Up @@ -102,8 +105,7 @@ export const ScheduleList = () => {
<TableRow>
<TableCell>Name</TableCell>
<TableCell align="right">Specialization</TableCell>
<TableCell align="right">Appointment day</TableCell>
<TableCell align="right">Available time</TableCell>
<TableCell align="right">Appointment Day</TableCell>
<TableCell>Action</TableCell>
</TableRow>
</TableHead>
Expand All @@ -117,8 +119,16 @@ export const ScheduleList = () => {
{schedule.name}
</TableCell>
<TableCell align="right">{schedule.specialization}</TableCell>
<TableCell align="right">{schedule.appointment_day}</TableCell>
<TableCell align="right">{schedule.available_time}</TableCell>
<TableCell align="right">
<select value={appointmentDay} onChange={onChangeDay}>
<option value="0">Monday</option>
<option value="1">Tuesday</option>
<option value="2">Wednesday</option>
<option value="3">Thursday</option>
<option value="4">Friday</option>
</select>

</TableCell>
<TableCell>
<div className={classes.actionsContainer}>
<Button
Expand Down