Notes![what is notes.io? What is notes.io?](/theme/images/whatisnotesio.png)
![]() ![]() Notes - notes.io |
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event Management System</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 50px auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
color: #333;
}
form {
display: grid;
gap: 15px;
}
label {
font-weight: bold;
}
input,
textarea {
width: 100%;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}
button {
background-color: #4caf50;
color: #fff;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
</style>
<body>
<!-- Event Management Section -->
<h1>"Event scehdule Manager"</h1>
<div id="event-management" >
<h2>Event Management</h2>
<div id="username"></div>
<button onclick="displayUpcomingEvents()">Upcoming Events</button>
<button onclick="manageMyEvents()">Manage My Events</button>
<button onclick="createNewEvent()">Create New Event</button>
<button onclick="trackMyEvents()">Track My Events</button>
<button onclick="Appointment()">appointments</button>
<button onclick="logout()">Logout</button>
<div id="eventsContainer"></div>
<div id="manageEventsContainer" style="display: none"> </div>
<div id="trackEventsContainer" style="display: none"> </div>
</div>
</body>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Get the username parameter from the URL
const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username');
// Display the username on the page
const usernameElement = document.getElementById('username');
if (usernameElement) {
usernameElement.textContent = `Welcome, ${username}!`;
}
});
//upcoming event
function displayUpcomingEvents() {
fetch('https://localhost:7114/api/Evensht/upcoming')
.then(response => {
if (!response.ok) {
throw new Error(`Failed to fetch upcoming events: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(upcomingEvents => {
const eventsContainer = document.getElementById('eventsContainer');
eventsContainer.innerHTML = '';
upcomingEvents.forEach(event => {
const eventDiv = document.createElement('div');
eventDiv.classList.add('event-container');
eventDiv.innerHTML = `<h3>${event.name}</h3><p><strong>Date:</strong>${event.date}</p><p><strong>Description :</strong>${event.description}</p><p><strong>Location:</strong>${event.location}</p><p><strong> Event creator:</strong>${event.creator}`;
// Add a Join button with an onclick event to dynamically obtain the event name
const joinButton = document.createElement('button');
joinButton.textContent = 'Join Event';
joinButton.onclick = function () {
joinEvent(event.name);
};
eventDiv.appendChild(joinButton);
eventsContainer.appendChild(eventDiv);
});
})
.catch(error => {
alert(`Error fetching upcoming events: ${error.message}`);
});
}
//join the event
function joinEvent(eventName) {
const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username') || "YourDefaultUsername";
const joinRequest = {
EventName: eventName,
Username: username
};
fetch('https://localhost:7114/api/Evensht/join', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(joinRequest),
})
.then(response => {
if (!response.ok) {
throw new Error(`Failed to join event: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(data => {
alert(`Successfully joined event: ${data}`);
// You can perform additional actions here after a successful join
})
.catch(error => {
alert(`Error joining event: ${error.message}`);
});
}
/// manage
function manageMyEvents() {
// Hide other containers and show the manageEventsContainer
document.getElementById('eventsContainer').style.display = 'none';
document.getElementById('manageEventsContainer').style.display = 'block';
document.getElementById('trackEventsContainer').style.display = 'none';
const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username');
// Call an API to fetch and display user's events
fetch(`https://localhost:7114/api/Evensht/manage/${username}`)
.then(response => response.json())
.then(events => {
const manageEventsContainer = document.getElementById('manageEventsContainer');
manageEventsContainer.innerHTML = '';
events.forEach(event => {
const eventDiv = document.createElement('div');
eventDiv.classList.add('event-container');
eventDiv.innerHTML = `<h3>${event.name}</h3>
<p><strong>Date:</strong>${event.date}</p>
<p><strong>Description :</strong>${event.description}</p>
<p><strong>Location:</strong>${event.location}</p>
<p><strong>Event creator:</strong>${event.creator}`;
// Add edit and join buttons with onclick events
const editButton = document.createElement('button');
editButton.textContent = 'Edit Event';
editButton.onclick = function () {
editEvent(event.name);
};
const deleteButton = document.createElement('button');
deleteButton.textContent = 'Delete Event';
deleteButton.onclick = function () {
deleteEvent(event.name);
};
eventDiv.appendChild(editButton);
eventDiv.appendChild(deleteButton);
manageEventsContainer.appendChild(eventDiv);
});
})
.catch(error => {
console,error('errorfacing',error)
alert(`Error fetching managed events: ${error.message}`);
});
}
//edit
function editEvent(eventName) {
// Prompt the user for updated event details
const updatedName = prompt("Enter the updated event name:");
const updatedLocation = prompt("Enter the updated event location:");
const updatedDate = prompt("Enter the updated event date (YYYY-MM-DDTHH:mm:ss.fffZ):");
const updatedDescription = prompt("Enter the updated event description:");
// Prepare data to be sent in the request body
const updatedEventData = {
Name: updatedName,
Location: updatedLocation,
Date: new Date (updatedDate),
Description: updatedDescription
};
// Make an AJAX PUT request to update the event
fetch(`https://localhost:7114/api/Evensht/edit/${eventName}`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(updatedEventData),
})
.then(response => {
if (!response.ok) {
throw new Error(`Failed to edit event: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(data => {
alert(`Event "${eventName}" edited successfully!`);
// You can perform additional actions here after a successful edit
})
.catch(error => {
console.error('Error editing event:', error);
alert(`Error editing event: ${error.message}`);
});
}
//delete
function deleteEvent(eventName) {
// Confirm with the user before deleting the event
const confirmation = confirm(`Are you sure you want to delete the event "${eventName}"?`);
if (confirmation) {
// Make an AJAX DELETE request to delete the event
fetch(`https://localhost:7114/api/Evensht/delete/${eventName}`, {
method: 'DELETE',
})
.then(response => {
if (!response.ok) {
throw new Error(`Failed to delete event: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(data => {
alert(`Event "${eventName}" deleted successfully!`);
// You can perform additional actions here after a successful delete
})
.catch(error => {
console.error('Error deleting event:', error);
alert(`Error deleting event: ${error.message}`);
});
}
}
//CREATE
function createNewEvent() {
// Prompt user for event details
const eventName = prompt("Enter the event name:");
const location = prompt("Enter the event location:");
const date = prompt("Enter the event date (YYYY-MM-DDTHH:mm:ss.fffZ):");
const description = prompt("Enter the event description:");
// Get the username parameter from the URL
const urlParams = new URLSearchParams(window.location.search);
const creator = urlParams.get('username') || "YourDefaultUsername";
// Data to be sent in the request body
const eventData = {
Name: eventName,
Location: location,
Date: date,
Description: description,
Creator: creator
};
// Make an AJAX POST request
$.ajax({
type: "POST",
url: "https://localhost:7114/api/Evensht/create",
contentType: "application/json",
data: JSON.stringify(eventData),
success: function (response) {
if (response.success) {
const createdEvent = response.events;
alert(`Event "${createdEvent.Name}" created successfully!`);
} else {
alert("Unexpected error");
}
},
error: function (error) {
console.error("Error creating event: ", error.responseText);
alert("Error creating event: " + error.responseText);
}
});
// Assuming you have other containers, show the trackEventContainer and hide other containers
document.getElementById('eventsContainer').style.display = 'none';
document.getElementById('manageEventsContainer').style.display = 'none';
document.getElementById('trackEventContainer').style.display = 'block';
}
//track the events
function trackMyEvents() {
const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username') || "YourDefaultUsername";
fetch(`https://localhost:7114/api/Evensht/track/${username}`)
.then(response => {
if (!response.ok) {
throw new Error(`Failed to fetch tracked events: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(trackedEvents => {
const trackEventsContainer = document.getElementById('trackEventsContainer');
trackEventsContainer.innerHTML = '';
if (trackedEvents.length > 0) {
trackedEvents.forEach(eventInfo => {
const eventDiv = document.createElement('div');
eventDiv.classList.add('event-container');
eventDiv.innerHTML = `<p>${eventInfo}</p>`;
trackEventsContainer.appendChild(eventDiv);
});
} else {
trackEventsContainer.innerHTML = '<p>No events tracked yet.</p>';
}
// Show the trackEventsContainer and hide eventsContainer
document.getElementById('eventsContainer').style.display = 'none';
document.getElementById('manageEventsContainer').style.display = 'none';
trackEventsContainer.style.display = 'block';
})
.catch(error => {
alert(`Error fetching tracked events: ${error.message}`);
});
}
function Appointment()
{
const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username') || "YourDefaultUsername";
fetch(`https://localhost:7114/api/Evensht/track/${username}`)
.then(response => {
if (!response.ok) {
throw new Error(`Failed to fetch tracked events: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(trackedEvents => {
const trackEventsContainer = document.getElementById('trackEventsContainer');
trackEventsContainer.innerHTML = '';
if (trackedEvents.length > 0) {
trackedEvents.forEach(eventInfo => {
const eventDiv = document.createElement('div');
eventDiv.classList.add('event-container');
eventDiv.innerHTML = `<p>${eventInfo}</p>`;
trackEventsContainer.appendChild(eventDiv);
});
} else {
trackEventsContainer.innerHTML = '<p>No events tracked yet.</p>';
}
// Show the trackEventsContainer and hide eventsContainer
document.getElementById('eventsContainer').style.display = 'none';
document.getElementById('manageEventsContainer').style.display = 'none';
trackEventsContainer.style.display = 'block';
})
.catch(error => {
alert(`Error fetching tracked events: ${error.message}`);
});
}
function logout() {
window.location.href=`project.html`;
}
</script>
</html>
controller
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Identity.Data;
using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;
using System.Linq;
using WebApplication10.models;
namespace WebApplication10.Controllers
{
[Route("api/[controller]")]
[ApiController]
public class EvenshtController : ControllerBase
{
private static readonly List<User> Users = new List<User>();
private static readonly List<Event> Events = new List<Event>();
private static readonly Dictionary<string, List<string>> UserEventss = new Dictionary<string, List<string>>();
// POST api/event/register
[HttpPost("register")]
public IActionResult Register(User user)
{
if (Users.Any(u => u.Username == user.Username))
{
return BadRequest("user already exist");
}
Users.Add(user);
UserEventss[user.Username] = new List<string>();
return Ok("registration sucessfull ");
}
// POST api/event/login
[HttpPost("login")]
public IActionResult Login([FromBody] User user)
{
if (ModelState.IsValid)
{
if (Users.Any(u => u.Username == user.Username && u.Password == user.Password))
{
return Ok(new { message = "Login successful", username = user.Username });
}
return Ok("Invalid credentials.");
}
return BadRequest("Invalid model state");
}
// GET api/event/upcoming
[HttpGet("upcoming")]
public IActionResult GetUpcomingEvents()
{
if (Events.Count == 0)
{
return Ok("no events yet");
}
return Ok(Events);
}
[HttpPost("create")]
public ActionResult CreateEvent([FromBody] Event ev)
{
if (ev == null)
{
return BadRequest("Invalid data");
}
var newEvent = new Event
{
Name = ev.Name,
Location = ev.Location,
Date = ev.Date,
Description = ev.Description,
Creator = ev.Creator,
};
// Check if an event with the same location and date-time already exists
if (Events.Any(e => e.Location == ev.Location && e.Date == ev.Date))
{
return BadRequest ("An event with the same location and date-time already exists");
}
Events.Add(newEvent);
var response = new
{
success = true,
message = " created sucessfully!",
events = newEvent
};
return Ok (response);
}
[HttpPut("edit/{eventName}")]
public ActionResult EditEvent(string eventName, [FromBody] Event updatedEvent)
{
var existingEvent = Events.FirstOrDefault(e => e.Name == eventName);
if (existingEvent == null)
{
return NotFound($"Event with name {eventName} not found");
}
// Check if the updated location and date-time conflict with other events
if (Events.Any(e => e.Name != eventName && e.Location == updatedEvent.Location && e.Date == updatedEvent.Date && e.Description == updatedEvent.Description))
{
return BadRequest("Another event with the same location and date-time already exists");
}
// Update the existing event
existingEvent.Name = updatedEvent.Name;
existingEvent.Location = updatedEvent.Location;
existingEvent.Date = updatedEvent.Date;
existingEvent.Description = updatedEvent.Description;
return Ok($"Event {eventName} updated successfully!");
}
[HttpDelete("delete/{eventName}")]
public ActionResult DeleteEvent(string eventName)
{
var eventToRemove = Events.FirstOrDefault(e => e.Name == eventName);
if (eventToRemove == null)
{
return NotFound($"Event with name {eventName} not found");
}
Events.Remove(eventToRemove);
return Ok($"Event {eventName} deleted successfully!");
}
//join
[HttpPost("join")]
public ActionResult JoinEvent([FromBody] JoinRequest joinRequest)
{
string eventName = joinRequest.Eventname;
string username = joinRequest.Username;
// Check if the event exists
Event eventDetails = Events.FirstOrDefault(e => e.Name == eventName);
if (eventDetails == null)
{
return NotFound($"Event '{eventName}' does not exist.");
}
if (UserEventss.ContainsKey(username))
{
// Ensure the user's event list is initialized
UserEventss[username] ??= new List<string>();
// Check if the user has already joined an event on the same date
if (UserEventss[username].Any(e =>
Events.Any(ev => e.Contains($"Event: {ev.Name}") && ev.Date.Date == eventDetails.Date.Date)))
{
return Conflict($"User '{username}' has already joined an event on the same date.");
}
// Add the user to the event
UserEventss[username].Add($"Event: {eventName}, Date: {eventDetails.Date},location {eventDetails.Location},");
// Additional event information can be added here
return Ok($"Successfully joined event: {eventName}");
}
else
{
return NotFound($"User '{username}' not found.");
}
}
[HttpGet("track/{username}")]
public ActionResult GetUserJoinedEvents(string username)
{
if (UserEventss.ContainsKey(username))
{
List<string> userJoinedEvents = UserEventss[username];
return Ok(userJoinedEvents);
}
else
{
return NotFound($"User '{username}' not found.");
}
}
///manage the event
[HttpGet("manage/{username}")]
public ActionResult Manage(string username)
{
if (UserEventss.ContainsKey(username))
{
List<Event> userEvents = Events.Where(e => e.Creator == username).ToList();
return Ok(userEvents);
}
else
{
return NotFound($"User '{username}' not found.");
}
}
[HttpGet("get-appointments/{username}")]
public ActionResult Appointment (string username)
{
if (UserEventss.ContainsKey(username))
{
List<string> userJoinedEvents = UserEventss[username];
return Ok(userJoinedEvents);
}
else
{
return NotFound($"User '{username}' not found.");
}
}
}
}
![]() |
Notes is a web-based application for online taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000+ notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 14 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team