Calendar

Calendar that show all events that we joined

WebApp/DTOs/EventCreateDto.cs

@@ -1,4 +1,4 @@
-using System.ComponentModel.DataAnnotations;
+using System.ComponentModel.DataAnnotations;
 using WebApp.Entities;
 
 namespace WebApp.DTOs;
@@ -8,6 +8,7 @@ public record class EventCreateDto
 (
     [Required][StringLength(50)] string Title,
     [StringLength(500)] string Description,
+    string? ImageURL,
     [Required][StringLength(100)] string Location,
     [Required] DateTime? EventDate,
     ICollection<EventSkill> EventSkills

WebApp/DTOs/EventDetailsDto.cs

@@ -11,6 +11,7 @@ public record class EventDetailsDto
     [Required] public string? OrganisationName { get; set; }
     [Required][StringLength(50)] public string Title { get; set; }
     [StringLength(500)] public string Description { get; set; }
+    public string? ImageURL { get; set; }
     [Required][StringLength(100)] public string Location { get; set; }
     [Required] public DateTime? EventDate { get; set; }
     //ICollection<EventSkill> EventSkills,

WebApp/DTOs/EventSummaryDto.cs

@@ -10,6 +10,7 @@ public record class EventSummaryDto {
     [Required] public int OrganisationId { get; set; }
     [Required] [StringLength(50)] public string Title { get; set; }
     [StringLength(500)] public string Description { get; set; }
+    public string? ImageURL { get; set; }
     [Required] [StringLength(100)] public string Location { get; set; }
     [Required] public DateTime? EventDate { get; set; }
     public ICollection<SkillSummaryDto> EventSkills { get; set; }

WebApp/DTOs/EventSummaryNoErDto.cs

@@ -10,6 +10,7 @@ public record class EventSummaryNoErDto(
     [Required] int OrganisationId,
     [Required][StringLength(50)] string Title,
     [StringLength(500)] string Description,
+    string? ImageURL,
     [Required][StringLength(100)] string Location,
     [Required] DateTime? EventDate,
     ICollection<EventSkill> EventSkills

WebApp/DTOs/EventUpdateDto.cs

@@ -1,4 +1,4 @@
-using System.ComponentModel.DataAnnotations;
+using System.ComponentModel.DataAnnotations;
 using WebApp.Entities;
 
 namespace WebApp.DTOs;
@@ -8,6 +8,7 @@ public record class EventUpdateDto
 (
     [Required][StringLength(50)] string Title,
     [StringLength(500)] string Description,
+    string? ImageURL,
     [Required][StringLength(100)] string Location,
     [Required] DateTime? EventDate,
     ICollection<EventSkill> EventSkills

WebApp/Endpoints/EventRegistrationEndpoints.cs

@@ -1,4 +1,4 @@
-using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Http;
 using Microsoft.AspNetCore.Http.HttpResults;
 using Microsoft.EntityFrameworkCore;
 using System.Security.Cryptography;
@@ -128,7 +128,26 @@ namespace WebApp.Endpoints
 
                 return Results.Json(new { success = true });
             });
+            group.MapGet("/registered",
+                async (ApplicationDbContext dbContext, HttpContext httpContext, GeneralUseHelpers guhf) =>
+                {
+                    Token? token = await guhf.GetTokenFromHTTPContext(httpContext);
+                    User? user = await guhf.GetUserFromToken(token);
 
+                    if (user is null || user.IsOrganisation)
+                        return Results.Json(new { success = false, error_msg = "Unauthorized or organisations cannot register." });
+
+                    var events = await dbContext.EventRegistrations
+                        .Where(r => r.UserId == user.UserId)
+                        .Select(r => new {
+                            r.Event.EventId,
+                            r.Event.Title,
+                            r.Event.EventDate
+                        })
+                        .ToListAsync();
+
+                    return Results.Json(events);
+                });
             return group;
         }
     }

WebApp/Endpoints/GeneralUseHelperFunctions.cs

@@ -5,15 +5,10 @@ using WebApp.Entities;
 
 namespace WebApp.Endpoints;
 
-public class GeneralUseHelpers
+public class GeneralUseHelpers(ApplicationDbContext context)
 {
 
-    private readonly ApplicationDbContext _context;
+    private readonly ApplicationDbContext _context = context;
-
-    public GeneralUseHelpers(ApplicationDbContext context)
-    {
-        _context = context;
-    }
 
     async public Task<Token?> FindTokenFromString(string token_str)
     {
@@ -129,6 +124,7 @@ public class GeneralUseHelpers
                     OrganisationName = e.Organisation!.Name,
                     Title = e.Title,
                     Description = e.Description ?? "",
+                    ImageURL = e.ImageURL,
                     Location = e.Location,
                     EventDate = e.EventDate,
                     EventSkills = e
@@ -175,6 +171,7 @@ public class GeneralUseHelpers
                     Organisation = e.Organisation!.Name,
                     Title = e.Title,
                     Description = e.Description ?? "",
+                    ImageURL = e.ImageURL,
                     Location = e.Location,
                     EventDate = e.EventDate,
                     EventSkills = e

WebApp/Entities/Event.cs

@@ -1,4 +1,4 @@
-namespace WebApp.Entities
+namespace WebApp.Entities
 {
     public class Event
     {
@@ -6,6 +6,7 @@
         public int OrganisationId { get; set; }
         public required string Title { get; set; }
         public string? Description { get; set; }
+        public string? ImageURL { get; set; }
         public required string Location { get; set; }
         public required DateTime EventDate { get; set; }
 

WebApp/Mapping/EventMapping.cs

@@ -1,4 +1,5 @@
 using Microsoft.EntityFrameworkCore;
+using System.Security.Cryptography;
 using WebApp.DTOs;
 using WebApp.Entities;
 
@@ -12,6 +13,7 @@ public static class EventMapping
         {
             Title = ECDto.Title,
             Description = ECDto.Description,
+            ImageURL = ECDto.ImageURL,
             Location = ECDto.Location,
             EventDate = DateTime.SpecifyKind(ECDto.EventDate!.Value, DateTimeKind.Utc),
             EventSkills = ECDto.EventSkills,
@@ -26,6 +28,7 @@ public static class EventMapping
             EventId = id,
             Title = EUDto.Title,
             Description = EUDto.Description,
+            ImageURL = EUDto.ImageURL,
             Location = EUDto.Location,
             EventDate = DateTime.SpecifyKind(EUDto.EventDate!.Value, DateTimeKind.Utc),
             EventSkills = EUDto.EventSkills
@@ -35,18 +38,24 @@ public static class EventMapping
     public static EventSummaryDto ToEventSummaryDto(this Event myEvent)
     {
 
-        List<SkillSummaryDto>      ssdto = new List<SkillSummaryDto>();
+        List<SkillSummaryDto>      ssdto = [];
-        List<EventRegistrationDto> erdto = new List<EventRegistrationDto>();
+        List<EventRegistrationDto> erdto = [];
 
+        if (myEvent.EventSkills != null)
+        {
             foreach (EventSkill es in myEvent.EventSkills)
             {
                 ssdto.Add(es.ToSkillSummaryDto());
             }
+        }
 
+        if (myEvent.EventRegistrations != null)
+        {
             foreach (EventRegistration er in myEvent.EventRegistrations)
             {
                 erdto.Add(er.ToEventRegistrationDto());
             }
+        }
 
         return new EventSummaryDto {
             EventId            = myEvent.EventId,
@@ -69,6 +78,7 @@ public static class EventMapping
             myEvent.OrganisationId,
             myEvent.Title,
             myEvent.Description ?? "",
+            myEvent.ImageURL,
             myEvent.Location,
             myEvent.EventDate,
             myEvent.EventSkills
@@ -88,18 +98,24 @@ public static class EventMapping
 
     public static EventDetailsDto ToEventDetailsDto(this Event myEvent)
     {
-        List<SkillSummaryDto>      ssdto = new List<SkillSummaryDto>();
+        List<SkillSummaryDto>      ssdto = [];
-        List<EventRegistrationDto> erdto = new List<EventRegistrationDto>();
+        List<EventRegistrationDto> erdto = [];
 
+        if (myEvent.EventSkills != null)
+        {
             foreach (EventSkill es in myEvent.EventSkills)
             {
                 ssdto.Add(es.ToSkillSummaryDto());
             }
+        }
 
+        if (myEvent.EventRegistrations != null)
+        {
             foreach (EventRegistration er in myEvent.EventRegistrations)
             {
                 erdto.Add(er.ToEventRegistrationDto());
             }
+        }
 
         return new EventDetailsDto {
             EventId            = myEvent.EventId,

WebApp/Migrations/20250602005444_EventImageURL.Designer.cs

@@ -0,0 +1,625 @@
+// <auto-generated />
+using System;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using Npgsql.EntityFrameworkCore.PostgreSQL.Metadata;
+using WebApp.Data;
+
+#nullable disable
+
+namespace WebApp.Migrations
+{
+    [DbContext(typeof(ApplicationDbContext))]
+    [Migration("20250602005444_EventImageURL")]
+    partial class EventImageURL
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder
+                .HasAnnotation("ProductVersion", "9.0.3")
+                .HasAnnotation("Relational:MaxIdentifierLength", 63);
+
+            NpgsqlModelBuilderExtensions.UseIdentityByDefaultColumns(modelBuilder);
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRole", b =>
+                {
+                    b.Property<string>("Id")
+                        .HasColumnType("text");
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnType("text");
+
+                    b.Property<string>("Name")
+                        .HasMaxLength(256)
+                        .HasColumnType("character varying(256)");
+
+                    b.Property<string>("NormalizedName")
+                        .HasMaxLength(256)
+                        .HasColumnType("character varying(256)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NormalizedName")
+                        .IsUnique()
+                        .HasDatabaseName("RoleNameIndex");
+
+                    b.ToTable("AspNetRoles", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRoleClaim<string>", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("ClaimType")
+                        .HasColumnType("text");
+
+                    b.Property<string>("ClaimValue")
+                        .HasColumnType("text");
+
+                    b.Property<string>("RoleId")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("RoleId");
+
+                    b.ToTable("AspNetRoleClaims", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUser", b =>
+                {
+                    b.Property<string>("Id")
+                        .HasColumnType("text");
+
+                    b.Property<int>("AccessFailedCount")
+                        .HasColumnType("integer");
+
+                    b.Property<string>("ConcurrencyStamp")
+                        .IsConcurrencyToken()
+                        .HasColumnType("text");
+
+                    b.Property<string>("Email")
+                        .HasMaxLength(256)
+                        .HasColumnType("character varying(256)");
+
+                    b.Property<bool>("EmailConfirmed")
+                        .HasColumnType("boolean");
+
+                    b.Property<bool>("LockoutEnabled")
+                        .HasColumnType("boolean");
+
+                    b.Property<DateTimeOffset?>("LockoutEnd")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("NormalizedEmail")
+                        .HasMaxLength(256)
+                        .HasColumnType("character varying(256)");
+
+                    b.Property<string>("NormalizedUserName")
+                        .HasMaxLength(256)
+                        .HasColumnType("character varying(256)");
+
+                    b.Property<string>("PasswordHash")
+                        .HasColumnType("text");
+
+                    b.Property<string>("PhoneNumber")
+                        .HasColumnType("text");
+
+                    b.Property<bool>("PhoneNumberConfirmed")
+                        .HasColumnType("boolean");
+
+                    b.Property<string>("SecurityStamp")
+                        .HasColumnType("text");
+
+                    b.Property<bool>("TwoFactorEnabled")
+                        .HasColumnType("boolean");
+
+                    b.Property<string>("UserName")
+                        .HasMaxLength(256)
+                        .HasColumnType("character varying(256)");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("NormalizedEmail")
+                        .HasDatabaseName("EmailIndex");
+
+                    b.HasIndex("NormalizedUserName")
+                        .IsUnique()
+                        .HasDatabaseName("UserNameIndex");
+
+                    b.ToTable("AspNetUsers", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserClaim<string>", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("Id"));
+
+                    b.Property<string>("ClaimType")
+                        .HasColumnType("text");
+
+                    b.Property<string>("ClaimValue")
+                        .HasColumnType("text");
+
+                    b.Property<string>("UserId")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("AspNetUserClaims", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserLogin<string>", b =>
+                {
+                    b.Property<string>("LoginProvider")
+                        .HasColumnType("text");
+
+                    b.Property<string>("ProviderKey")
+                        .HasColumnType("text");
+
+                    b.Property<string>("ProviderDisplayName")
+                        .HasColumnType("text");
+
+                    b.Property<string>("UserId")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.HasKey("LoginProvider", "ProviderKey");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("AspNetUserLogins", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserRole<string>", b =>
+                {
+                    b.Property<string>("UserId")
+                        .HasColumnType("text");
+
+                    b.Property<string>("RoleId")
+                        .HasColumnType("text");
+
+                    b.HasKey("UserId", "RoleId");
+
+                    b.HasIndex("RoleId");
+
+                    b.ToTable("AspNetUserRoles", (string)null);
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserToken<string>", b =>
+                {
+                    b.Property<string>("UserId")
+                        .HasColumnType("text");
+
+                    b.Property<string>("LoginProvider")
+                        .HasColumnType("text");
+
+                    b.Property<string>("Name")
+                        .HasColumnType("text");
+
+                    b.Property<string>("Value")
+                        .HasColumnType("text");
+
+                    b.HasKey("UserId", "LoginProvider", "Name");
+
+                    b.ToTable("AspNetUserTokens", (string)null);
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Event", b =>
+                {
+                    b.Property<int>("EventId")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("EventId"));
+
+                    b.Property<string>("Description")
+                        .HasColumnType("text");
+
+                    b.Property<DateTime>("EventDate")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("ImageURL")
+                        .HasColumnType("text");
+
+                    b.Property<string>("Location")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.Property<int>("OrganisationId")
+                        .HasColumnType("integer");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.HasKey("EventId");
+
+                    b.HasIndex("OrganisationId");
+
+                    b.ToTable("Events");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.EventRegistration", b =>
+                {
+                    b.Property<int>("UserId")
+                        .HasColumnType("integer");
+
+                    b.Property<int>("EventId")
+                        .HasColumnType("integer");
+
+                    b.Property<DateTime>("RegisteredAt")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.HasKey("UserId", "EventId");
+
+                    b.HasIndex("EventId");
+
+                    b.ToTable("EventRegistrations");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.EventSkill", b =>
+                {
+                    b.Property<int>("EventId")
+                        .HasColumnType("integer");
+
+                    b.Property<int>("SkillId")
+                        .HasColumnType("integer");
+
+                    b.HasKey("EventId", "SkillId");
+
+                    b.HasIndex("SkillId");
+
+                    b.ToTable("EventSkills");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Message", b =>
+                {
+                    b.Property<int>("MessageId")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("MessageId"));
+
+                    b.Property<string>("Content")
+                        .HasColumnType("text");
+
+                    b.Property<int>("EventType")
+                        .HasColumnType("integer");
+
+                    b.Property<bool>("IsMsgFromVolunteer")
+                        .HasColumnType("boolean");
+
+                    b.Property<DateTime>("IsoDate")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<int>("OrganizationId")
+                        .HasColumnType("integer");
+
+                    b.Property<int>("VolunteerId")
+                        .HasColumnType("integer");
+
+                    b.HasKey("MessageId");
+
+                    b.ToTable("Messages");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.MessageActivity", b =>
+                {
+                    b.Property<int>("Sender")
+                        .HasColumnType("integer");
+
+                    b.Property<int>("Recipient")
+                        .HasColumnType("integer");
+
+                    b.Property<DateTime>("RecipientLastActive")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.HasKey("Sender", "Recipient");
+
+                    b.ToTable("MessagesActivities");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Organisation", b =>
+                {
+                    b.Property<int>("OrganisationId")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("OrganisationId"));
+
+                    b.Property<string>("Description")
+                        .HasColumnType("text");
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.Property<int>("UserId")
+                        .HasColumnType("integer");
+
+                    b.Property<string>("Website")
+                        .HasColumnType("text");
+
+                    b.HasKey("OrganisationId");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("Organisations");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Skill", b =>
+                {
+                    b.Property<int>("SkillId")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("SkillId"));
+
+                    b.Property<string>("Name")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.HasKey("SkillId");
+
+                    b.ToTable("Skills");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Token", b =>
+                {
+                    b.Property<int>("TokenId")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("TokenId"));
+
+                    b.Property<int>("UserId")
+                        .HasColumnType("integer");
+
+                    b.Property<DateTime>("ValidUntil")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Value")
+                        .HasColumnType("text");
+
+                    b.HasKey("TokenId");
+
+                    b.HasIndex("UserId");
+
+                    b.ToTable("Tokens");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.User", b =>
+                {
+                    b.Property<int>("UserId")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("integer");
+
+                    NpgsqlPropertyBuilderExtensions.UseIdentityByDefaultColumn(b.Property<int>("UserId"));
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("timestamp with time zone");
+
+                    b.Property<string>("Email")
+                        .HasColumnType("text");
+
+                    b.Property<string>("FirstName")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.Property<bool>("IsOrganisation")
+                        .HasColumnType("boolean");
+
+                    b.Property<string>("LastName")
+                        .IsRequired()
+                        .HasColumnType("text");
+
+                    b.Property<string>("Password")
+                        .HasColumnType("text");
+
+                    b.HasKey("UserId");
+
+                    b.ToTable("WebUsers");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.VolunteerSkill", b =>
+                {
+                    b.Property<int>("UserId")
+                        .HasColumnType("integer");
+
+                    b.Property<int>("SkillId")
+                        .HasColumnType("integer");
+
+                    b.HasKey("UserId", "SkillId");
+
+                    b.HasIndex("SkillId");
+
+                    b.ToTable("VolunteerSkills");
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityRoleClaim<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityRole", null)
+                        .WithMany()
+                        .HasForeignKey("RoleId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserClaim<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserLogin<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserRole<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityRole", null)
+                        .WithMany()
+                        .HasForeignKey("RoleId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("Microsoft.AspNetCore.Identity.IdentityUserToken<string>", b =>
+                {
+                    b.HasOne("Microsoft.AspNetCore.Identity.IdentityUser", null)
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Event", b =>
+                {
+                    b.HasOne("WebApp.Entities.Organisation", "Organisation")
+                        .WithMany("Events")
+                        .HasForeignKey("OrganisationId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Organisation");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.EventRegistration", b =>
+                {
+                    b.HasOne("WebApp.Entities.Event", "Event")
+                        .WithMany("EventRegistrations")
+                        .HasForeignKey("EventId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("WebApp.Entities.User", "User")
+                        .WithMany("EventRegistrations")
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Event");
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.EventSkill", b =>
+                {
+                    b.HasOne("WebApp.Entities.Event", "Event")
+                        .WithMany("EventSkills")
+                        .HasForeignKey("EventId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("WebApp.Entities.Skill", "Skill")
+                        .WithMany("EventSkills")
+                        .HasForeignKey("SkillId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Event");
+
+                    b.Navigation("Skill");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Organisation", b =>
+                {
+                    b.HasOne("WebApp.Entities.User", "User")
+                        .WithMany()
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Token", b =>
+                {
+                    b.HasOne("WebApp.Entities.User", null)
+                        .WithMany("Tokens")
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+                });
+
+            modelBuilder.Entity("WebApp.Entities.VolunteerSkill", b =>
+                {
+                    b.HasOne("WebApp.Entities.Skill", "Skill")
+                        .WithMany("VolunteerSkills")
+                        .HasForeignKey("SkillId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.HasOne("WebApp.Entities.User", "User")
+                        .WithMany("VolunteerSkills")
+                        .HasForeignKey("UserId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Skill");
+
+                    b.Navigation("User");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Event", b =>
+                {
+                    b.Navigation("EventRegistrations");
+
+                    b.Navigation("EventSkills");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Organisation", b =>
+                {
+                    b.Navigation("Events");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.Skill", b =>
+                {
+                    b.Navigation("EventSkills");
+
+                    b.Navigation("VolunteerSkills");
+                });
+
+            modelBuilder.Entity("WebApp.Entities.User", b =>
+                {
+                    b.Navigation("EventRegistrations");
+
+                    b.Navigation("Tokens");
+
+                    b.Navigation("VolunteerSkills");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}

WebApp/Migrations/20250602005444_EventImageURL.cs

@@ -0,0 +1,28 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace WebApp.Migrations
+{
+    /// <inheritdoc />
+    public partial class EventImageURL : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.AddColumn<string>(
+                name: "ImageURL",
+                table: "Events",
+                type: "text",
+                nullable: true);
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropColumn(
+                name: "ImageURL",
+                table: "Events");
+        }
+    }
+}

WebApp/Migrations/ApplicationDbContextModelSnapshot.cs

@@ -232,6 +232,9 @@ namespace WebApp.Migrations
                     b.Property<DateTime>("EventDate")
                         .HasColumnType("timestamp with time zone");
 
+                    b.Property<string>("ImageURL")
+                        .HasColumnType("text");
+
                     b.Property<string>("Location")
                         .IsRequired()
                         .HasColumnType("text");

WebApp/ts/calendar.ts

@@ -0,0 +1,39 @@
+async function getRegisteredEvents(): Promise<any[]> {
+    const res = await fetch("/api/events/registered");
+    if (!res.ok) throw new Error("Couldn't load joined events");
+
+    const data = await res.json();
+    return data.map((ev: any) => ({
+        title: ev.title,
+        start: ev.eventDate,
+        url: `/view.html?event=${ev.eventId}`
+    }));
+}
+
+
+document.addEventListener("DOMContentLoaded", async () => {
+    const calendarEl = document.getElementById("calendar") as HTMLElement;
+    if (!calendarEl) return;
+
+    const events = await getRegisteredEvents();
+
+    const calendar = new (window as any).FullCalendar.Calendar(calendarEl, {
+        initialView: 'dayGridMonth',
+        headerToolbar: {
+            left: 'prev,next today',
+            center: 'title',
+            right: 'dayGridMonth,timeGridWeek,listWeek'
+        },
+        themeSystem: 'bootstrap5',
+        events: events,
+        eventClick: function (info: any) {
+            if (info.event.url) {
+                window.location.href = info.event.url;
+                info.jsEvent.preventDefault();
+            }
+        }
+    });
+
+    calendar.render();
+});
+

WebApp/ts/eventCreate.js

@@ -1,61 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-console.log("TypeScript działa!");
-function createEvent() {
-    return __awaiter(this, void 0, void 0, function* () {
-        // Pobieranie danych z formularza
-        const title = document.getElementById('title').value;
-        const location = document.getElementById('location').value;
-        const description = document.getElementById('description').value;
-        const eventDateRaw = document.getElementById('eventDate').value;
-        const organisationIdRaw = document.getElementById('organisationId').value;
-        // Walidacja prostych pól
-        if (!title || !location || !eventDateRaw || !organisationIdRaw) {
-            alert("Uzupełnij wszystkie wymagane pola!");
-            return;
-        }
-        const eventDate = new Date(eventDateRaw).toISOString();
-        const organisationId = parseInt(organisationIdRaw);
-        const payload = {
-            title,
-            location,
-            description,
-            eventDate,
-            organisationId
-        };
-        try {
-            const response = yield fetch('/api/events', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify(payload)
-            });
-            if (!response.ok) {
-                const errorText = yield response.text();
-                throw new Error(errorText);
-            }
-            alert("Wydarzenie zostało utworzone!");
-            window.location.href = "/"; // Przekierowanie do strony głównej
-        }
-        catch (error) {
-            console.error("Błąd podczas tworzenia:", error);
-            alert("Nie udało się utworzyć wydarzenia: " + error);
-        }
-    });
-}
-document.addEventListener("DOMContentLoaded", () => {
-    const saveBtn = document.getElementById("saveBtn");
-    if (saveBtn) {
-        saveBtn.addEventListener("click", (e) => {
-            e.preventDefault();
-            createEvent();
-        });
-    }
-});

WebApp/ts/eventCreate.ts

@@ -1,10 +1,11 @@
-import { getEvent, getMyAccount, unhideElementById } from './generalUseHelpers.js';
+import { getEvent, getMyAccount, unhideElementById } from './generalUseHelpers.js';
 
 async function createEvent() {
     // Pobieranie danych z formularza
     const title        = (document.getElementById('title')       as HTMLInputElement).value;
     const location     = (document.getElementById('location')    as HTMLInputElement).value;
     const description  = (document.getElementById('description') as HTMLTextAreaElement).value;
+    const imageURL     = (document.getElementById('imageURL')    as HTMLInputElement).value;
     const eventDateRaw = (document.getElementById('eventDate')   as HTMLInputElement).value;
 
     // Walidacja prostych pól
@@ -19,6 +20,7 @@ async function createEvent() {
         title,
         location,
         description,
+        imageURL,
         eventDate,
     };
 

WebApp/ts/eventDelete.ts

@@ -1,4 +1,4 @@
-document.addEventListener("DOMContentLoaded", () => {
+document.addEventListener("DOMContentLoaded", () => {
     // Obsługuje kliknięcie na przycisk "Usuń"
     document.body.addEventListener("click", async (e) => {
         const target = e.target as HTMLElement;
@@ -13,7 +13,7 @@
                 window.location.href = "/modify.html?event=" + id;
                 break;
             case "remove-btn":
-                const confirmed = confirm("Na pewno chcesz usunąć to wydarzenie?");  // Potwierdzenie usunięcia
+                const confirmed = confirm("Are you sure?");  // Potwierdzenie usunięcia
                 if (!confirmed) return;
 
                 try {
@@ -27,10 +27,10 @@
                         const card = target.closest(".event-card");
                         if (card) card.remove();
                     } else {
-                        alert("Błąd podczas usuwania wydarzenia.");
+                        alert("Couldn't delete that event.");
                     }
                 } catch (err) {
-                    alert("Błąd połączenia z serwerem.");
+                    alert("Server connection failure.");
                     console.error(err);
                 }
                 break;

WebApp/ts/eventList.ts

@@ -13,7 +13,7 @@ async function getEvents(titleOrDescription?: string) {
 
     if (titleOrDescription == null) {
         res = await fetch("/api/events" + (isAscending ? "?sort=asc" : ""));
-        if (!res.ok) throw new Error("Błąd pobierania wydarzeń");
+        if (!res.ok) throw new Error("Couldn't load events");
     } else {
         const payload = {
             titleOrDescription
@@ -23,7 +23,7 @@ async function getEvents(titleOrDescription?: string) {
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify(payload)
         });
-        if (!res.ok) throw new Error("Błąd wyszukiwania wydarzeń");
+        if (!res.ok) throw new Error("Failed to get search results");
     }
 
     const events = await res.json();
@@ -44,31 +44,33 @@ async function loadEvents(org_id: number, evs?: Promise<any>) {
         }
 
         if (events.length === 0) {
-            container.innerHTML = "<p class='text-muted'>Brak wydarzeń do wyświetlenia.</p>";
+            container.innerHTML = "<p class='text-muted'>No events to display at this moment.</p>";
             return;
         }
 
         // Wyczyść kontener przed dodaniem nowych
         container.innerHTML = '';
 
+        const styleDefault     = "color: #2898BD";
+        const styleHighlighted = "#2393BD";
+
         for (const ev of events) {
             const card = document.createElement("div");
             card.className = "event-card filled";
-            //card.innerHTML = `
+
-            //    <span>${ev.title}</span>`
-            // Do odkomentowania kiedy widok podglądu wydarzeń będzie gotowy
             let formattedDate: string = new Intl.DateTimeFormat('en-US', {
                 weekday: 'long', // "Monday"
                 year: 'numeric', // "2023"
                 month: 'long', // "December"
                 day: 'numeric' // "1"
-            }).format(ev.eventDate);
+            }).format(new Date(ev.eventDate));
-            console.log(formattedDate);
+
             card.innerHTML = `
                 <span>
                     <a href="/view.html?event=${ev.eventId}" style="color: #2898BD">${ev.title}</a>
-                    <p style="margin: 0">${ev.organisation} | ${ev.location} | ${formattedDate}</p>
+                    <p style="margin: 0">👥 ${ev.organisation} | 📍 ${ev.location} | 📅 ${formattedDate}</p>
                 </span>`
+
             if (org_id == ev.organisationId) {
                 card.innerHTML += `
                 <div>
@@ -84,7 +86,7 @@ async function loadEvents(org_id: number, evs?: Promise<any>) {
             container.appendChild(card);
         }
     } catch (err) {
-        container.innerHTML = `<p class="text-danger">Błąd ładowania danych.</p>`;
+        container.innerHTML = `<p class="text-danger">General failure when trying to load data.</p>`;
         console.error(err);
     }
 }

WebApp/ts/eventModify.ts

@@ -1,4 +1,4 @@
-import { getEvent, getMyAccount, unhideElementById } from './generalUseHelpers.js';
+import { getEvent, getMyAccount, unhideElementById } from './generalUseHelpers.js';
 
 const queryString = window.location.search;
 const urlParams = new URLSearchParams(queryString);
@@ -10,6 +10,7 @@ async function modifyEvent()
     const title        = (document.getElementById('title')       as HTMLInputElement).value;
     const location     = (document.getElementById('location')    as HTMLInputElement).value;
     const description  = (document.getElementById('description') as HTMLTextAreaElement).value;
+    const imageURL     = (document.getElementById('imageURL')    as HTMLInputElement).value;
     const eventDateRaw = (document.getElementById('eventDate')   as HTMLInputElement).value;
 
     // Walidacja prostych pól
@@ -24,6 +25,7 @@ async function modifyEvent()
     const payload = {
         title,
         location,
+        imageURL,
         description,
         eventDate,
     };
@@ -42,11 +44,11 @@ async function modifyEvent()
             throw new Error(errorText);
         }
 
-        alert("Wydarzenie zmodyfikowane!");
+        alert("Event modified!");
         window.location.href = "/"; // Przekierowanie do strony głównej
     } catch (error) {
-       console.error("Błąd podczas modyfikowania:", error);
+       console.error("Error occurred while trying to modify event:", error);
-       alert("Nie udało się zmodyfikować wydarzenia: " + error);
+       alert("Couldn't modify event, an error occurred: " + error);
     }
 }
 
@@ -81,16 +83,18 @@ document.addEventListener("DOMContentLoaded", async () => {
             const locationInput    = document.getElementById(   'location') as HTMLInputElement;
             const descriptionInput = document.getElementById('description') as HTMLInputElement;
             const dateInput        = document.getElementById(  'eventDate') as HTMLInputElement;
+            const imageInput       = document.getElementById(   'imageURL') as HTMLInputElement;
             var ev = await getEvent(eventId);
 
             if (ev === null) {
-                container.innerHTML = "<p class='text-muted'>Brak wydarzeń do wyświetlenia.</p>";
+                container.innerHTML = "<p class='text-muted'>Failed to load event data.</p>";
                 return;
             } else {
                       titleInput.value = ev.title                  || '';
                    locationInput.value = ev.location               || '';
                 descriptionInput.value = ev.description            || '';
                        dateInput.value = ev.eventDate.slice(0, 16) || '';
+                      imageInput.value = ev.imageURL               || '';
             }
 
         } catch (err) {

WebApp/ts/eventView.ts

@@ -3,6 +3,7 @@ import { getEvent, getMyAccount, unhideElementById, getMyRegisteredEventIds } fr
 const queryString = window.location.search;
 const urlParams = new URLSearchParams(queryString);
 const eventId = urlParams.get('event');
+var   redirected = false;
 
 document.addEventListener("DOMContentLoaded", async () => {
 
@@ -42,15 +43,20 @@ document.addEventListener("DOMContentLoaded", async () => {
         const descText      = document.getElementById(     "descText") as HTMLElement;
         const dateText      = document.getElementById(     "dateText") as HTMLElement;
         const organizerText = document.getElementById("organizerText") as HTMLElement;
+        const coverImage    = document.getElementById(   "coverImage") as HTMLImageElement;
         const newdateText   = new Date(thisEvent.eventDate).toLocaleDateString('pl-PL');
         const newtimeText   = new Date(thisEvent.eventDate).toLocaleTimeString('pl-PL');
 
 
             titleText.innerHTML = thisEvent.title + ` (#${eventId})`;
-         locationText.innerHTML = "Place: " + thisEvent.location;
+         locationText.innerHTML = "📍 Place: " + thisEvent.location;
              descText.innerHTML = thisEvent.description;
-             dateText.innerHTML = "When: " + newdateText + " " + newtimeText; //thisEvent.eventDate;
+             dateText.innerHTML = "📅 When: " + newdateText + " " + newtimeText; //thisEvent.eventDate;
-        organizerText.innerHTML = "Organized by: " + thisEvent.organisationName;
+        organizerText.innerHTML = "👥 Organized by: " + thisEvent.organisationName;
+           coverImage.src       = thisEvent.imageURL
+
+        console.log(thisEvent.imageURL);
+        if (thisEvent.imageURL !== "") unhideElementById(document, "imgdiv");
 
         if (org_id == thisEvent.organisationId) {
             // Użytkownik jest organizacją, która
@@ -71,7 +77,10 @@ document.addEventListener("DOMContentLoaded", async () => {
             } catch {
                 unhideElementById(document, "applyBtn");
                 (applyBtn as HTMLButtonElement).textContent = "log in to apply";
-                (applyBtn as HTMLButtonElement).disabled = true;
+                (applyBtn as HTMLButtonElement).addEventListener("click", async (e) => {
+                    redirected = true;
+                    window.location.href = "login.html";
+                });
             }
             
         }
@@ -112,6 +121,7 @@ document.addEventListener("DOMContentLoaded", async () => {
 
     if (applyBtn) {
         applyBtn.addEventListener("click", async (e) => {
+            if (redirected) return;
             try {
                 const response = await fetch(`/api/events/join/${eventId}`, {
                     method: "POST",

WebApp/ts/generalUseHelpers.ts

@@ -2,6 +2,7 @@ interface EventData {
     title: string;
     location: string;
     description: string;
+    imageURL: string;
     eventDate: string;
     organisationName: string,
     organisationId: number

WebApp/wwwroot/calendar.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="pl">
+<head>
+    <meta charset="UTF-8" />
+    <title>Kalendarz Wydarzeń</title>
+
+    <!-- Styles -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet">
+    <link href="/css/panel.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.css" rel="stylesheet" />
+</head>
+<body class="bg-light">
+
+    <div class="d-flex">
+        <!-- Sidebar -->
+        <div class="sidebar">
+            <nav class="sidebar d-flex flex-column align-items-center pt-3">
+                <div class="icon-box my-2">
+                    <a href="index.html" class="nav-link text-info mb-3">
+                        <!-- Home icon -->
+                        <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#2898BD"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z" /></svg>
+                        <br /><h8 class="iconText">Home</h8>
+                    </a>
+                </div>
+                <div class="icon-box my-2">
+                    <a href="#" class="nav-link text-info mb-3">
+                        <!-- Chats icon -->
+                        <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#2898BD"><path d="M880-80 720-240H320q-33 0-56.5-23.5T240-320v-40h440q33 0 56.5-23.5T760-440v-280h40q33 0 56.5 23.5T880-640v560ZM160-473l47-47h393v-280H160v327ZM80-280v-520q0-33 23.5-56.5T160-880h440q33 0 56.5 23.5T680-800v280q0 33-23.5 56.5T600-440H240L80-280Zm80-240v-280 280Z" /></svg>
+                        <br /><h8 class="iconText">Chats</h8>
+                    </a>
+                </div>
+                <div class="icon-box my-2">
+                    <a href="calendar.html" class="nav-link text-info mb-3">
+                        <!-- Calendar icon -->
+                        <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#2898BD"><path d="M580-240q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Z" /></svg>
+                        <br /><h8 class="iconText">Calendar</h8>
+                    </a>
+                </div>
+                <div class="icon-box mt-auto mb-4">
+                    <a href="#" class="nav-link text-info mb-3">
+                        <!-- Settings icon -->
+                        <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#2898BD"><path d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Z" /></svg>
+                        <br /><h8 class="iconText">Settings</h8>
+                    </a>
+                </div>
+            </nav>
+        </div>
+
+        <!-- Top Nav -->
+        <div class="topnav d-flex justify-content-between align-items-center shadow">
+            <a href="index.html" class="eventsText m-0 logo text-decoration-none">Lend a Hand</a>
+            <div>
+                <button class="button-join hidden-before-load" id="joinnow-btn">Join now</button>
+                <button class="button-sign hidden-before-load" id="signin-btn">Sign In</button>
+                <button class="button-sign hidden-before-load" id="logout-btn">Log out</button>
+                <svg xmlns="http://www.w3.org/2000/svg" height="50px" viewBox="0 -960 960 960" width="50px" fill="#2898BD"><path d="M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Z" /></svg>
+            </div>
+        </div>
+
+        <!-- Main Content -->
+        <div class="main p-4">
+            <div class="events-card bg-white p-4 rounded-4 shadow position-relative">
+                <div class="d-flex justify-content-between align-items-center mb-3">
+                    <h2 class="eventsText">Mój Kalendarz</h2>
+                </div>
+                <div id="calendar"></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Scripts -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.js"></script>
+    <script type="module" src="/js/calendar.js"></script>
+</body>
+</html>

WebApp/wwwroot/create.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="pl">
 <head>
     <meta charset="UTF-8">
@@ -73,6 +73,10 @@
                 <label for="eventDate">Date</label>
                 <input id="eventDate" type="datetime-local" class="form-control input-field" />
             </div>
+            <div class="form-group mb-2">
+                <label for="imageURL">Poster Image URL (optional)</label>
+                <input id="imageURL" class="form-control input-field" />
+            </div>
 
             <button id="saveBtn" class="button"><span>Save</span><span>&#11166;</span></button>
 

WebApp/wwwroot/css/style.css

@@ -1,7 +1,18 @@
-body {
+body {
     color: #2898BD;
 }
 
+#imgdiv {
+    padding-right: 2%;
+}
+
+#coverImage {
+    min-width: 30em;
+    max-width: 50em;
+    border: 3px dashed #2898BD;
+    border-radius: 16px;
+}
+
 .hidden-before-load {
     display: none !important;
     visibility: hidden !important;

WebApp/wwwroot/index.html

@@ -28,7 +28,7 @@
 					</a>
 				</div>
 				<div class="icon-box my-2">
-					<a href="#" class="nav-link text-info mb-3">
+					<a href="calendar.html" class="nav-link text-info mb-3">
 						<svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#2898BD"><path d="M580-240q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z" /></svg>
 						<br /><h8 class="iconText">Calendar</h8>
 					</a>

WebApp/wwwroot/js/calendar.js

@@ -0,0 +1,46 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+function getRegisteredEvents() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const res = yield fetch("/api/events/registered");
+        if (!res.ok)
+            throw new Error("Couldn't load joined events");
+        const data = yield res.json();
+        return data.map((ev) => ({
+            title: ev.title,
+            start: ev.eventDate,
+            url: `/view.html?event=${ev.eventId}`
+        }));
+    });
+}
+document.addEventListener("DOMContentLoaded", () => __awaiter(void 0, void 0, void 0, function* () {
+    const calendarEl = document.getElementById("calendar");
+    if (!calendarEl)
+        return;
+    const events = yield getRegisteredEvents();
+    const calendar = new window.FullCalendar.Calendar(calendarEl, {
+        initialView: 'dayGridMonth',
+        headerToolbar: {
+            left: 'prev,next today',
+            center: 'title',
+            right: 'dayGridMonth,timeGridWeek,listWeek'
+        },
+        themeSystem: 'bootstrap5',
+        events: events,
+        eventClick: function (info) {
+            if (info.event.url) {
+                window.location.href = info.event.url;
+                info.jsEvent.preventDefault();
+            }
+        }
+    });
+    calendar.render();
+}));

WebApp/wwwroot/js/eventCreate.js

@@ -14,6 +14,7 @@ function createEvent() {
         const title = document.getElementById('title').value;
         const location = document.getElementById('location').value;
         const description = document.getElementById('description').value;
+        const imageURL = document.getElementById('imageURL').value;
         const eventDateRaw = document.getElementById('eventDate').value;
         // Walidacja prostych pól
         if (!title || !location || !eventDateRaw) {
@@ -25,6 +26,7 @@ function createEvent() {
             title,
             location,
             description,
+            imageURL,
             eventDate,
         };
         try {

WebApp/wwwroot/js/eventDelete.js

@@ -22,7 +22,7 @@ document.addEventListener("DOMContentLoaded", () => {
                 window.location.href = "/modify.html?event=" + id;
                 break;
             case "remove-btn":
-                const confirmed = confirm("Na pewno chcesz usunąć to wydarzenie?"); // Potwierdzenie usunięcia
+                const confirmed = confirm("Are you sure?"); // Potwierdzenie usunięcia
                 if (!confirmed)
                     return;
                 try {
@@ -37,11 +37,11 @@ document.addEventListener("DOMContentLoaded", () => {
                             card.remove();
                     }
                     else {
-                        alert("Błąd podczas usuwania wydarzenia.");
+                        alert("Couldn't delete that event.");
                     }
                 }
                 catch (err) {
-                    alert("Błąd połączenia z serwerem.");
+                    alert("Server connection failure.");
                     console.error(err);
                 }
                 break;

WebApp/wwwroot/js/eventList.js

@@ -19,7 +19,7 @@ function getEvents(titleOrDescription) {
         if (titleOrDescription == null) {
             res = yield fetch("/api/events" + (isAscending ? "?sort=asc" : ""));
             if (!res.ok)
-                throw new Error("Błąd pobierania wydarzeń");
+                throw new Error("Couldn't load events");
         }
         else {
             const payload = {
@@ -31,7 +31,7 @@ function getEvents(titleOrDescription) {
                 body: JSON.stringify(payload)
             });
             if (!res.ok)
-                throw new Error("Błąd wyszukiwania wydarzeń");
+                throw new Error("Failed to get search results");
         }
         const events = yield res.json();
         return events;
@@ -51,22 +51,22 @@ function loadEvents(org_id, evs) {
                 events = yield evs;
             }
             if (events.length === 0) {
-                container.innerHTML = "<p class='text-muted'>Brak wydarzeń do wyświetlenia.</p>";
+                container.innerHTML = "<p class='text-muted'>No events to display at this moment.</p>";
                 return;
             }
             // Wyczyść kontener przed dodaniem nowych
             container.innerHTML = '';
+            const styleDefault = "color: #2898BD";
+            const styleHighlighted = "#2393BD";
             for (const ev of events) {
                 const card = document.createElement("div");
                 card.className = "event-card filled";
-
                 let formattedDate = new Intl.DateTimeFormat('en-US', {
                     weekday: 'long',
                     year: 'numeric',
                     month: 'long',
                     day: 'numeric' // "1"
                 }).format(new Date(ev.eventDate));
-
                 card.innerHTML = `
                 <span>
                     <a href="/view.html?event=${ev.eventId}" style="color: #2898BD">${ev.title}</a>
@@ -87,7 +87,7 @@ function loadEvents(org_id, evs) {
             }
         }
         catch (err) {
-            container.innerHTML = `<p class="text-danger">Błąd ładowania danych.</p>`;
+            container.innerHTML = `<p class="text-danger">General failure when trying to load data.</p>`;
             console.error(err);
         }
     });

WebApp/wwwroot/js/eventModify.js

@@ -17,6 +17,7 @@ function modifyEvent() {
         const title = document.getElementById('title').value;
         const location = document.getElementById('location').value;
         const description = document.getElementById('description').value;
+        const imageURL = document.getElementById('imageURL').value;
         const eventDateRaw = document.getElementById('eventDate').value;
         // Walidacja prostych pól
         if (!title || !location || !eventDateRaw) {
@@ -27,6 +28,7 @@ function modifyEvent() {
         const payload = {
             title,
             location,
+            imageURL,
             description,
             eventDate,
         };
@@ -40,12 +42,12 @@ function modifyEvent() {
                 const errorText = yield response.text();
                 throw new Error(errorText);
             }
-            alert("Wydarzenie zmodyfikowane!");
+            alert("Event modified!");
             window.location.href = "/"; // Przekierowanie do strony głównej
         }
         catch (error) {
-            console.error("Błąd podczas modyfikowania:", error);
+            console.error("Error occurred while trying to modify event:", error);
-            alert("Nie udało się zmodyfikować wydarzenia: " + error);
+            alert("Couldn't modify event, an error occurred: " + error);
         }
     });
 }
@@ -77,9 +79,10 @@ document.addEventListener("DOMContentLoaded", () => __awaiter(void 0, void 0, vo
             const locationInput = document.getElementById('location');
             const descriptionInput = document.getElementById('description');
             const dateInput = document.getElementById('eventDate');
+            const imageInput = document.getElementById('imageURL');
             var ev = yield getEvent(eventId);
             if (ev === null) {
-                container.innerHTML = "<p class='text-muted'>Brak wydarzeń do wyświetlenia.</p>";
+                container.innerHTML = "<p class='text-muted'>Failed to load event data.</p>";
                 return;
             }
             else {
@@ -87,6 +90,7 @@ document.addEventListener("DOMContentLoaded", () => __awaiter(void 0, void 0, vo
                 locationInput.value = ev.location || '';
                 descriptionInput.value = ev.description || '';
                 dateInput.value = ev.eventDate.slice(0, 16) || '';
+                imageInput.value = ev.imageURL || '';
             }
         }
         catch (err) {

WebApp/wwwroot/js/eventView.js

@@ -11,6 +11,7 @@ import { getEvent, getMyAccount, unhideElementById, getMyRegisteredEventIds } fr
 const queryString = window.location.search;
 const urlParams = new URLSearchParams(queryString);
 const eventId = urlParams.get('event');
+var redirected = false;
 document.addEventListener("DOMContentLoaded", () => __awaiter(void 0, void 0, void 0, function* () {
     var container = document.getElementById("mainContainer");
     const modifyBtn = document.getElementById("editBtn");
@@ -50,13 +51,18 @@ document.addEventListener("DOMContentLoaded", () => __awaiter(void 0, void 0, vo
         const descText = document.getElementById("descText");
         const dateText = document.getElementById("dateText");
         const organizerText = document.getElementById("organizerText");
+        const coverImage = document.getElementById("coverImage");
         const newdateText = new Date(thisEvent.eventDate).toLocaleDateString('pl-PL');
         const newtimeText = new Date(thisEvent.eventDate).toLocaleTimeString('pl-PL');
         titleText.innerHTML = thisEvent.title + ` (#${eventId})`;
-        locationText.innerHTML = "Place: " + thisEvent.location;
+        locationText.innerHTML = "📍 Place: " + thisEvent.location;
         descText.innerHTML = thisEvent.description;
-        dateText.innerHTML = "When: " + newdateText + " " + newtimeText; //thisEvent.eventDate;
+        dateText.innerHTML = "📅 When: " + newdateText + " " + newtimeText; //thisEvent.eventDate;
-        organizerText.innerHTML = "Organized by: " + thisEvent.organisationName;
+        organizerText.innerHTML = "👥 Organized by: " + thisEvent.organisationName;
+        coverImage.src = thisEvent.imageURL;
+        console.log(thisEvent.imageURL);
+        if (thisEvent.imageURL !== "")
+            unhideElementById(document, "imgdiv");
         if (org_id == thisEvent.organisationId) {
             // Użytkownik jest organizacją, która
             // stworzyła to wydarzenie
@@ -78,7 +84,10 @@ document.addEventListener("DOMContentLoaded", () => __awaiter(void 0, void 0, vo
             catch (_b) {
                 unhideElementById(document, "applyBtn");
                 applyBtn.textContent = "log in to apply";
-                applyBtn.disabled = true;
+                applyBtn.addEventListener("click", (e) => __awaiter(void 0, void 0, void 0, function* () {
+                    redirected = true;
+                    window.location.href = "login.html";
+                }));
             }
         }
         unhideElementById(document, "mainContainer");
@@ -115,6 +124,8 @@ document.addEventListener("DOMContentLoaded", () => __awaiter(void 0, void 0, vo
     if (applyBtn) {
         applyBtn.addEventListener("click", (e) => __awaiter(void 0, void 0, void 0, function* () {
             var _c;
+            if (redirected)
+                return;
             try {
                 const response = yield fetch(`/api/events/join/${eventId}`, {
                     method: "POST",

WebApp/wwwroot/modify.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="pl">
 <head>
     <meta charset="UTF-8">
@@ -31,7 +31,7 @@
                     </a>
                 </div>
                 <div class="icon-box my-2">
-                    <a href="#" class="nav-link text-info mb-3">
+                    <a href="calendar.html" class="nav-link text-info mb-3">
                         <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#2898BD"><path d="M580-240q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z" /></svg>
                         <br /><h8 class="iconText">Calendar</h8>
                     </a>
@@ -73,6 +73,10 @@
                 <label for="eventDate">Date</label>
                 <input id="eventDate" type="datetime-local" class="form-control input-field" />
             </div>
+            <div class="form-group mb-2">
+                <label for="imageURL">Poster Image URL (optional)</label>
+                <input id="imageURL" class="form-control input-field" />
+            </div>
 
             <button id="saveBtn" class="button"><span>Update</span><span>&#11166;</span></button>
 

WebApp/wwwroot/view.html

@@ -12,7 +12,6 @@
 
 
 <body class="bg-light">
-    <div class="">
         <!-- Sidebar -->
         <div class="sidebar">
             <div class="text-center mb-4">
@@ -31,7 +30,7 @@
                     </a>
                 </div>
                 <div class="icon-box my-2">
-                    <a href="#" class="nav-link text-info mb-3">
+                    <a href="calendar.html" class="nav-link text-info mb-3">
                         <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 -960 960 960" width="30px" fill="#2898BD"><path d="M580-240q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z" /></svg>
                         <br /><h8 class="iconText">Calendar</h8>
                     </a>
@@ -54,7 +53,11 @@
                 <svg class="position-relative" xmlns="http://www.w3.org/2000/svg" height="50px" viewBox="0 -960 960 960" width="50px" fill="#2898BD"><path d="M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q53 0 100-15.5t86-44.5q-39-29-86-44.5T480-280q-53 0-100 15.5T294-220q39 29 86 44.5T480-160Zm0-360q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0-60Zm0 360Z" /></svg>
             </div>
         </div>
-        <div class="main hidden-before-load" id="mainContainer">
+        <div class="main hidden-before-load" id="mainContainer" style="display: flex;">
+            <div class="hidden-before-load" id="imgdiv">
+                <img id="coverImage" src="/img/no_image.jpg" />
+            </div>
+            <div>
                 <h1 class="mb-4" id="titleText">Event title</h1>
 
                 <h2 id="organizerText">Organized by: dummy organization</h2>
@@ -69,6 +72,7 @@
                 <button id="removeBtn" class="button hidden-before-load" style="background-color: red;"><span>Remove permanently</span><span>&#11166;</span></button>
 
             </div>
+        </div>
 
         <script type="module" src="/js/eventView.js"></script>
         <script type="module" src="/js/generalUseHelpers.js"></script>