*
+}
+ i++;
+ }
+}
+const calenderStyle = {
+ color: "white",
+ width:"35%",
+ backgroundColor: "DodgerBlue",
+ padding: "10px",
+ fontFamily: "Arial",
+marging:"50px",
+};
+const styleShowOnTime= {
+ color: "white",
+ width:"50%",
+ height:"200px",
+ position:"absolute",
+ top:"100px",
+ right:"10px",
+ backgroundColor: "DodgerBlue",
+ padding: "10px",
+ fontFamily: "Arial",
+};
+
+const deleteingEvent=(id)=>{
+ setViewMode("process");
+deleteEventByID(id).then((resolve)=>{
+setViewMode("showAllEvent");
+ console.log(resolve.success);
+},(reject)=>{
+ alert("Event not delete ,due to some Error")
+})
+
+
+getEvent().then((events)=>{
+ setViewMode("showAllEvent")
+ events.forEach((event)=>{
+ //convert into string and data format
+ event.eventDate=dateFormat(event.eventDate, "dd/mm/yyyy");
+ // alert(event.eventDate)
+ //Convert Time to am/pm
+ var timeString=event.eventTime;
+ const timeString12hr = new Date('1970-01-01T' + timeString + 'Z')
+ .toLocaleTimeString('en-US',
+ {timeZone:'UTC',hour12:true,hour:'numeric',minute:'numeric'}
+ );
+ event.eventTime=timeString12hr;
+ })
+ setEvents(events);
+ clickEvents()
+},(error)=>{
+ // viewMode("process")
+ console.log(error);
+})
+
+
+
+setViewMode("showAllEvent");
+}
+ return (
+
+
+
+
+
+
+
+
+
+ {viewMode==="process" &&
}
+ {viewMode==="showAllEvent" &&
}
+
+
+
+
Event for this date -{events.eventDate}
+
+ {
+ events.map((event)=>{
+ return - {event.eventName}
+
+ })
+ }
+
+
+
+ Sorry ... not event found on date
+
+
+)
+}
+
+
+const ShowAllEvent=({events,deleteingEvent})=>{
+
+ const [entryAdmin,setEntryAdmin]=React.useState(true);
+ const iconStyle={
+ position:"absolute",
+ right:"15px",
+ cursor:"pointer"
+ }
+ const editEvent=()=>{
+alert("d")
+ }
+ const deleteEvent=(ev)=>{
+ alert(ev.currentTarget.id)
+deleteingEvent(ev.currentTarget.id)
+ }
+ return(
+
+
All Events
+
+ {
+events.map((event)=>{
+ return(
+
+
+ - {event.eventId}
+ {event.eventName}
+ {event.eventDate} ({event.eventTime})
+ {entryAdmin &&
+
+
+ }
+
+
+
+ )
+})
+ }
+
+
-const Contact=()=>{
- return(
-
-Conatct pages
-
-)
+
*
+ }
+ i++;
+ }
+ }
+ const calenderStyle = {
+ color: "white",
+ width: "30%",
+ backgroundColor: "#e3e4e4",
+ padding: "10px",
+ fontFamily: "Arial",
+ marging: "50px",
+ leftPadding: "100px"
+ };
+ const styleShowOnTime = {
+ color: "#3a3f6d",
+ width: "50%",
+ height: "200px",
+ position: "absolute",
+ top: "100px",
+ right: "10px",
+ // border: "1px solid",
+ padding: "10px",
+ boxShadow: "2px 2px 12px 2px #888888",
+ backgroundColor: "#e3e4e4",
+ borderRadius: "10px",
+ alignItems: "Center",
+ padding: "10px",
+ fontFamily: "Arial",
+ };
+ function gettingEventWhenChange() {
+ getEvent().then((events) => {
+ setViewMode("showAllEvent")
+ events.forEach((event) => {
+ //convert into string and data format
+ event.eventDate = dateFormat(event.eventDate, "dd/mm/yyyy");
+ // alert(event.eventDate)
+ //Convert Time to am/pm
+ var timeString = event.eventTime;
+ const timeString12hr = new Date('1970-01-01T' + timeString + 'Z')
+ .toLocaleTimeString('en-US',
+ { timeZone: 'UTC', hour12: true, hour: 'numeric', minute: 'numeric' }
+ );
+ event.eventTime = timeString12hr;
+ })
+ setEvents(events);
+ clickEvents()
+ }, (error) => {
+ // viewMode("process")
+ console.log(error);
+ })
+ }
+ const deleteingEvent = (id) => {
+ setViewMode("process");
+ deleteEventByID(id).then((resolve) => {
+ setViewMode("showAllEvent");
+ console.log(resolve.success);
+ }, (reject) => {
+ console.log("Event not delete ,due to some Error")
+ })
+ gettingEventWhenChange();
+ setViewMode("showAllEvent");
+ }
+ const saveEditEvent = (event) => {
+ editEventByServer(event).then((suucess) => {
+ console.log("success");
+ }).then((error) => {
+ console.log("unable to edit,please try again")
+ })
+ gettingEventWhenChange();
+ }
+ const a = {
+ backgroundColor: "#e3e4e4"
+ }
+ const addNewEvent = (ev) => {
+ setViewMode("addNewEvent");
+ }
+ const cancelAddEvent = (ev) => {
+ setViewMode("showAllEvent")
+ }
+ const saveNewEvent = (newEvent) => {
+ setViewMode("process");
+ saveNewEventOnServerSide(newEvent).then((newEventAdded) => {
+ events = newEventAdded;
+ }).then((error) => {
+ alert("sorry we Can't added,please try again")
+ })
+ gettingEventWhenChange();
+ setViewMode("showAllEvent")
+ }
+
+ async function serachEvent(value) {
+ const eventsCome = [];
+
+ await searchEventFromServerSide(value).then((eventsComeFromServer) => {
+ var i = 0;
+ while (i < eventsComeFromServer.length) {
+ eventsCome.push(eventsComeFromServer);
+ i++
+ }
+ }, (error) => {
+ alert(error);
+ })
+
+ return eventsCome;
+ }
+
+ const getAllEventDetail = (id) => {
+ getAllEventDetailFromServerSide(id)
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+ {viewMode === "process" &&
}
+ {viewMode === "showAllEvent" &&
}
+ {viewMode === "addNewEvent" &&
}
+
+
+
+
Events for this date are -{events.eventDate}
+
+ {
+ events.map((event) => {
+ return - {event.eventName}
+
+ })
+ }
+
+
+
+ No events found on this date
+
+
+ )
+}
+
+const iconStyle = {
+ position: "absolute",
+ right: "15px",
+ cursor: "pointer"
+}
+
+const ShowAllEvent = ({ events, deleteingEvent, savingEditEvent, addNewEvent, serachEvent, getAllEventDetail }) => {
+ const [changeEvent, setChangeEvent] = React.useState(false);
+
+ const [entryAdmin, setEntryAdmin] = React.useState(true);
+ const [eventName, setEventname] = React.useState("");
+ const [eventDate, setEventDate] = React.useState("");
+ const [eventTime, setEventTime] = React.useState("");
+ const [eventMgrId, setEventMenagerId] = React.useState("");
+ const [editEventById, setEditEventById] = React.useState("")
+ const [eventDescription, setEventDescription] = React.useState("");
+ const [addEvent, setAddEvent] = React.useState(false);
+ const [knowMore, setKnowMore] = React.useState(false)
+ var eventSearch = [];
+ // const [eventSearch,setEventSearch]=React.useState([])
+
+ const editEvent = (ev) => {
+ // alert(changeEvent+""+addEvent+""+knowMore)
+ setEditEventById(ev.currentTarget.id)
+ setChangeEvent(true);
+ // giveIninitalValue();
+ events.forEach((event) => {
+ if (event.eventId === ev.currentTarget.id) {
+ setEventname(event.eventName);
+ setEventDate(event.eventDate);
+ setEventMenagerId(event.mgr_id);
+ setEventTime(event.eventTime);
+ setEventDescription(event.eventDescription);
+ }
+ })
+
+ }
+
+ const deleteEvent = (ev) => {
+ // alert(ev.currentTarget.id)
+ deleteingEvent(ev.currentTarget.id)
+ }
+
+ const cancelEditEvent = (ev) => {
+ setChangeEvent(false);
+ }
+ const saveEditEvent = (ev) => {
+ const event = {
+ "eventId": editEventById,
+ "eventName": eventName,
+ "eventDate": convertDate(eventDate),
+ "eventTime": convertTo24HrsFormat(eventTime),
+ "eventMgrId": eventMgrId,
+ "eventDescription": eventDescription
+ }
+
+ savingEditEvent(event);
+ setChangeEvent(false);
+ }
+ const EditFormStyle = {
+ margin: "2.5px",
+ padding: "2.5px",
+ border: "1px solid #cf8372"
+ }
+ const addIconStyle = {
+ position: "absolute",
+ right: "10px",
+ border: "1px solid black",
+ cursor: "pointer"
+ }
+ const addEventClickHandle = (ev) => {
+ addNewEvent(ev);
+ }
+ function clickKnowMore(ev) {
+ setKnowMore(true)
+ setEditEventById(ev.currentTarget.id);
+ getAllEventDetail(ev.currentTarget.id)
+ }
+ async function SearchChangeEvent(ev) {
+ class Event {
+ constructor(eventId, eventName, eventDate, eventTime, mgr_id, eventDescription) {
+ this.eventId = eventId;
+ this.eventName = eventName;
+ this.eventDate = eventDate;
+ this.eventTime = eventTime;
+ this.mgr_id = mgr_id;
+ this.eventDescription = eventDescription;
+ }
+ }
+ var event;
+
+ serachEvent(ev.currentTarget.value).then((e) => {
+ alert(JSON.stringify(e))
+ var i = 0;
+ while (i < e.length) {
+ event = new Event(e[i].eventId, e[i].eventName, e[i].eventDate, e[i].eventTime, e[i].eventManagerId.e[i].eventDescription)
+ eventSearch.push(event);
+ i++;
+ }
+ })
+ alert(eventSearch)
+ }
+
+ if (!changeEvent && !addEvent && !knowMore) return (
+
+
+
All Events{entryAdmin && }
+
+
+
+ {
+ events.map((event) => {
+ return (
+
+
+ - {event.eventId}
+ Event Name {event.eventName}
+ Event Date - {event.eventDate}
+ Event Time - {event.eventTime}
+ Event Manage Id -{event.mgr_id}
+ Description - {event.eventDescription}
+
+ {entryAdmin &&
+
+
+
+ }
+
+
+ )
+
+ }
+ )
+ }
+
+
+
Event
+
{
+ events.map((event) => {
+ return (
+
+
+
- {event.eventId}
+ {editEventById === event.eventId &&
+
+
{event.eventName}
+ {event.eventDate}
+ {event.eventTime}
+
+
+ }
+ {
+ editEventById !== event.eventId &&
+
{event.eventName}
+ {event.eventDate} ({event.eventTime})
+
+ }
+
+
+
+
+
You can ADD new Event ,right now
+
Your Event ID Must Be Unique
+
+
{title}
+
setEventId(e.target.value)}
+ />
+ setEventName(e.target.value)}
+ />
+ setEventDate(e.target.value)}
+ />
+ setEventTime(e.target.value)}
+ />
+ setEventMenagerId(e.target.value)}
+ />
+ setEventDescription(e.target.value)}
+ />
+
+
+
+
+
+
+
-
Welcome to our website!
-
-
+
);
};
diff --git a/src/pages/login.js b/src/pages/login.js
index 4c8b2b0..cb0bac3 100644
--- a/src/pages/login.js
+++ b/src/pages/login.js
@@ -1,8 +1,8 @@
import React from "react";
import ModalDialog from './ModalDialog';
-import Button from '@material-ui/core/Button';
-import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import loginImage from './loginImage.jpg'
import { useNavigate } from 'react-router-dom'
+
const Login=()=>{
const navigate=useNavigate();
const [open, setOpen] = React.useState(true);
@@ -15,10 +15,11 @@ const navigate=useNavigate();
setOpen(false);
navigate('/')
};
+
return(
-
-
LOgin
-
+
+
+
diff --git a/src/pages/loginImage.jpg b/src/pages/loginImage.jpg
new file mode 100644
index 0000000..04689b1
Binary files /dev/null and b/src/pages/loginImage.jpg differ
diff --git a/src/pages/my-style.module.css b/src/pages/my-style.module.css
new file mode 100644
index 0000000..b330bc7
--- /dev/null
+++ b/src/pages/my-style.module.css
@@ -0,0 +1,7 @@
+.bigblue {
+ color: DodgerBlue;
+ padding: 40px;
+ font-family: Sans-Serif;
+ text-align: center;
+ background-image: "https://ibb.co/9pRkDCG";
+}
\ No newline at end of file
diff --git a/src/pages/process.gif b/src/pages/process.gif
index 5372a94..fe48668 100644
Binary files a/src/pages/process.gif and b/src/pages/process.gif differ
diff --git a/src/sandra-seitamaa-Zcr67MPWsSM-unsplash.jpg b/src/sandra-seitamaa-Zcr67MPWsSM-unsplash.jpg
new file mode 100644
index 0000000..074ae0c
Binary files /dev/null and b/src/sandra-seitamaa-Zcr67MPWsSM-unsplash.jpg differ
diff --git a/src/styling/colorcodes.txt b/src/styling/colorcodes.txt
new file mode 100644
index 0000000..5f4115c
--- /dev/null
+++ b/src/styling/colorcodes.txt
@@ -0,0 +1,5 @@
+#3a3f6d
+#e3e4e4
+#e1b259
+#7b92cd
+#7b92cd
\ No newline at end of file
