-
-
setSchool(e.target.value)} name="state" />
-
+
+
+
+
+
+
+
+
+ List Users Under This School
+
+
+ CSV
+
+
+ {/*
*/}
+
+
Update School Information
+
-
-
-
-
- {/* */}
-
-
-
+
+
+ setSchool(e.target.value)} type="text" name="email" className=' border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]' />
-
+
+
+ setSchool(e.target.value)} type="text" name="country" className=' border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]' />
+
+
+
+ setSchool(e.target.value)} type="text" name="state" className=' border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]' />
+
+
+
+ setSchool(e.target.value)} type="text" name="city" className=' border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]' />
+
+
+
+ setSchool(e.target.value)} type="text" name="annual" placeholder='' className=' border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]'/>
+
+
+
+ setSchool(e.target.value)} type="text" name="toddlers" className=' bg-white border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]' />
+
+
+
+ setSchool(e.target.value)} type="text" name="early_start_programme" className=' bg-white border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]' />
+
+
+
+ setSchool(e.target.value)} type="text" name="interakto" className=' bg-white border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]' />
+
+
+
+ setSchool(e.target.value)} type="text" name="usage_expiry" className=' bg-white border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]' />
+
+
+
+
+ setSchool(e.target.value)} type="text" name="agg_expiry" className=' bg-white border-2 border-[#FE4501] p-2 rounded-md focus:outline-none focus:border-2 focus:border-[#F2B705]' />
+
+
+
+
+
+
+
+
+
+
+
+
+
)
- }
\ No newline at end of file
+ }
+ return (
+ <>
+ Not signed in
+
+
+ )
+
+
+}
+
+
diff --git a/src/pages/edit-user.jsx b/src/pages/edit-user.jsx
new file mode 100644
index 0000000..5732951
--- /dev/null
+++ b/src/pages/edit-user.jsx
@@ -0,0 +1,178 @@
+import { signIn, signOut, useSession } from 'next-auth/react'
+import {useId, useState, useEffect, useMemo} from 'react';
+import 'react-phone-number-input/style.css'
+import NavBar from '../components/NavBar';
+import { useRouter } from 'next/router'
+
+export default function EditUser() {
+ const router = useRouter();
+
+ const [user, setUser] = useState({});
+ const { data: session } = useSession()
+
+ useEffect(()=>{
+ if(router.query.user && router.query.user>0 ){
+ fetch(`/api/getUserDetails?user=${router.query.user}`)
+ .then(res => res.json())
+ .then(data => {
+ // console.log(data);
+ setUser(data[0])
+ // console.log(user)
+ })
+ }
+
+ }, [router.query.user]);
+
+ const updateUserData = async (event) => {
+ event.preventDefault()
+ const data = {
+ userId: router.query.user,
+ type: event.target.type.value,
+ status: event.target.status.value,
+ uname: event.target.uname.value,
+ country: event.target.country.value,
+ state: event.target.state.value,
+ city: event.target.city.value,
+ address: event.target.address.value,
+ start_date: event.target.start_date.value,
+ end_date: event.target.end_date.value,
+ school: event.target.school.value,
+ annual: event.target.annual.value,
+ toddlers: event.target.toddlers.value,
+ early_start_programme: event.target.early_start_programme.value,
+ interakto: event.target.interakto.value,
+ email: event.target.email.value,
+ phone: event.target.phone.value,
+ klas: event.target.klas.value
+ }
+ const JSONdata = JSON.stringify(data)
+ // console.log(data)
+ const endpoint = '/api/editUser'
+ const options = {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSONdata,
+ }
+ const response = await fetch(endpoint, options)
+ // .then(res => res.json())
+ // .then(data => {
+ // console.log(data);
+ // // setUser(data[0])
+ // // console.log(user)
+ // })
+
+ const result = await response.json()
+ console.log(result)
+ // alert(`Is this your full name: ${result.data}`)
+ alert(`User data updated`)
+
+ }
+ if (session) {
+ return (
+
+
+
+
+
+
+
+
Update User Information
+
+
+
+
+ )
+ }
+ return (
+ <>
+ Not signed in
+
+
+ )
+
+}
diff --git a/src/pages/add-user-form2.jsx b/src/pages/edit-user4.jsx
similarity index 53%
rename from src/pages/add-user-form2.jsx
rename to src/pages/edit-user4.jsx
index 7782eab..f282754 100644
--- a/src/pages/add-user-form2.jsx
+++ b/src/pages/edit-user4.jsx
@@ -6,23 +6,52 @@ import countryList from 'react-select-country-list'
import 'react-phone-number-input/style.css'
import PhoneInput from 'react-phone-number-input'
import NavBar from '../components/NavBar';
+import { useRouter } from 'next/router'
// import { Inter } from 'next/font/google'
const typeParent = "parent"
export default function addUserForm() {
- const [allLanguage, setLanguage] = useState([
- {lang: "Assamese", value: false},
- {lang: "Bengali", value: false},
- {lang: "English", value: false},
- {lang: "Hindi", value: false},
- {lang: "telegu", value: false},
- {lang: "Punjabi", value: false},
- {lang: "malayalam", value: false},
- {lang: "tamil", value: false},
- {lang: "kannada", value: false},
- {lang: "gujrati", value: false},
- ])
+
+ const router = useRouter();
+
+ const [userDetails, setUserDetails] = useState({});
+
+ useEffect(()=>{
+ if(router.query.user && router.query.user>1 ){
+ const body = new FormData();
+ body.append("user", router.query.user);
+ const response = await fetch("/api/getUserDetails", {
+ method: "POST",
+ body
+ });
+
+ fetch(`/api/getUserDetails?${router.query.user}`)
+ .then(res => res.json())
+ .then(data => {
+ // console.log(router.query.school);
+ setUserDetails(data.data)
+ })
+ }
+
+ }, [router.query.school]);
+ const response = await fetch(endpoint, options)
+
+ const result = await response.json()
+
+ const [allLanguage, setLanguage] = useState([
+ {lang: "Assamese", value: false},
+ {lang: "Bengali", value: false},
+ {lang: "English", value: false},
+ {lang: "Hindi", value: false},
+ {lang: "Telegu", value: false},
+ {lang: "Punjabi", value: false},
+ {lang: "Malayalam", value: false},
+ {lang: "Tamil", value: false},
+ {lang: "Kannada", value: false},
+ {lang: "Gujrati", value: false},
+ ])
+ // console.log(allLanguage)
const [currentType, setCurrentType] = useState(typeParent)
const [countryValue, setCountryValue] = useState('')
const options = useMemo(() => countryList().getData(), [])
@@ -34,9 +63,10 @@ export default function addUserForm() {
const handleSelectAllStates = stateCode => {
setAllCities([])
- fetch(`https://api.siliconpin.com/v3/list/country/city/?country=${countryValue.value}&state=${stateCode.value}`).then(res => res.json())
+ fetch(`https://api.siliconpin.com/v3/list/country/city/?country=${countryValue.value}&state=${stateCode.value}`)
+ .then(res => res.json())
.then(data => {
- console.log("handleSelectAllStates:", data, options)
+ // console.log("handleSelectAllStates:", data, options)
let newData = data && data.length > 0 && data.map(n => {
return {
label: n.name,
@@ -81,24 +111,44 @@ export default function addUserForm() {
})
}, [])
- // console.log(school);
+
+ const [user, setUser] = useState({});
+
+ useEffect(()=>{
+ if(router.query.user && router.query.user>1){
+ fetch(`/api/listUsers/${router.query.user}`)
+ .then(res => res.json())
+ .then(data => {
+ setUser(data)
+ }
+ )
+ }
+ },
+ [router.query.user]);
+ console.log(user)
const handleFormsubmit = async (event) => {
event.preventDefault()
+ console.log(event.target.lang.checked)
const data = {
"status": "published",
type: event.target.type.value,
- name: event.target.name.value,
- user: event.target.email.value,
+ uname: event.target.uname.value,
country: event.target.country.value,
+ state: event.target.state.value ? event.target.state.value:"",
+ city: event.target.city.value ? event.target.city.value:"",
phone: event.target.phone.value,
+ email: event.target.email.value,
school: event.target.schoolID.value,
- class: event.target.class.value,
- lang: event.target.lang.value,
+ klas: event.target.klas.value,
+ lang: allLanguage,
start_month: event.target.start_month.value,
start_date: event.target.start_date.value,
end_date: event.target.end_date.value,
anual: event.target.anual.value,
+ early_start_programme: event.target.early_start_programme.value,
+ toddlers: event.target.toddlers.value,
+ interakto: event.target.interakto.value,
}
const JSONdata = JSON.stringify(data)
const endpoint = '/api/addUsers'
@@ -111,13 +161,14 @@ export default function addUserForm() {
}
const response = await fetch(endpoint, options)
const result = await response.json()
- alert(`Is this your full name: ${result.data}`)
+ // console.log(result)
+ // alert(`Is this your full name: ${result}`)
}
const handleOnLanguageChange = (e, v) => {
let idx = allLanguage.findIndex(o => o.lang === e.target.value);
let newAllLang = [...allLanguage]
newAllLang[idx].value = true
-
+ // console.log(newAllLang)
if ([typeParent, "teacher"].includes(currentType)) {
let counter = 0
@@ -140,7 +191,10 @@ export default function addUserForm() {
newAllLang[idx].value = false
newAllLang[idx].disabled = false
})
- setLanguage(newAllLang)
+ const { name, checked } = e.target;
+ setLanguage({ ...allLanguage, [name]: checked });
+
+ // setLanguage(newAllLang)
setCurrentType(e.target.value)
}
return (
@@ -152,24 +206,18 @@ export default function addUserForm() {
className='flex flex-col justify-center place-items-center bg-[#FFF6F2] pt-6 pb-20 rounded-tl-[50px] rounded-br-[50px]'>
-
User
- Registration Form
+
Update User Information