Skip to content
New issue

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

Sign up for GitHub

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

Already on GitHub? Sign in to your account

Day 2 #1

Merged
merged 14 commits into from
Jul 25, 2024
Merged

Day 2 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
18f94fb
added popup and buttons for go to page
xreedev Jul 25, 2024
11633c3
formatted
xreedev Jul 25, 2024
cc4de7e
modularity added
xreedev Jul 25, 2024
9eaa891
modularity added
xreedev Jul 25, 2024
e6a0f65
renamed files
xreedev Jul 25, 2024
5fd2a35
new file structure added
xreedev Jul 25, 2024
a95a340
events basic structure added
xreedev Jul 25, 2024
5592d93
header.css added
xreedev Jul 25, 2024
7d96d72
tables added for events
xreedev Jul 25, 2024
0d860e7
table css added as common
xreedev Jul 25, 2024
113e8e5
added tasks
xreedev Jul 25, 2024
bcdb6ce
added status select for tasks
xreedev Jul 25, 2024
41ea2f4
adding task - event status updater
xreedev Jul 25, 2024
863c7b8
progress values being updated from local storage added,only validatio…
xreedev Jul 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file added README.md
View file
Open in desktop
Empty file.
2 changes: 2 additions & 0 deletions css/events.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
@import url('./header.css');
@import url('./table.css');
61 changes: 61 additions & 0 deletions css/header.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
:root {
--new-black: #1f2833; /* Dark blueish black */
--light-orange: #66ffcc; /* Turquoise */
--new-white: #eef5db; /* Pale greenish white */
--light-brown: #9a8c98; /* Dusty lavender */
--background-color: #e0e0e0;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body,
html {
background-color: var(--background-color);
height: 100%;
font-family: monospace;
}

.page-container {
text-align: center;
padding: 1%;
position: relative;
}

.title-header {
font-family: Georgia, "Times New Roman", Times, serif, Courier, monospace;
font-size: 2.3rem;
font-weight: bold;
color: var(--new-black);
}

.todo-header {
width: 100%;
background-color: var(--new-black);
color: var(--light-orange);
padding: 2%;
}

.contents-div {
margin: 20px auto;
font-size: large;
font-weight: bold;
width: 80%;
max-width: 600px;
border-radius: 5px;
}

.warning-popup {
position: absolute;
top: 50%;
border-radius: 20px;
left: 50%;
transform: translate(-50%, 50%);
background-color: #32e0c4;
font-size: 15px;
font-weight: bold;
border: none;
}
83 changes: 40 additions & 43 deletions styles.css → css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,37 +1,4 @@
:root {
--new-black: #1f2833; /* Dark blueish black */
--light-orange: #66ffcc; /* Turquoise */
--new-white: #eef5db; /* Pale greenish white */
--light-brown: #9a8c98; /* Dusty lavender */
--background-color: #e0e0e0;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body,
html {
background-color: var(--background-color);
height: 100%;
font-family: monospace;
}

.page-container {
text-align: center;
padding: 5%;
}

.csv-input-div {
margin: 20px auto;
font-size: large;
font-weight: bold;
width: 80%;
max-width: 600px;
border-radius: 5px;
}
@import url("./header.css");

.upload-csv-div {
background-color: var(--new-black);
Expand All @@ -41,11 +8,16 @@ html {
padding: 10px;
}

.title-header {
font-family: Georgia, "Times New Roman", Times, serif, Courier, monospace;
font-size: 2.3rem;
.warning-popup {
position: absolute;
top: 50%;
border-radius: 20px;
left: 50%;
transform: translate(-50%, 50%);
background-color: #32e0c4;
font-size: 15px;
font-weight: bold;
color: var(--new-black);
border: none;
}

.input-file {
Expand All @@ -70,11 +42,30 @@ html {
margin-top: 20px;
}

.goto-button {
background-color: var(--new-black);
border-radius: 5px;
border: 2px solid var(--light-orange);
width: 50%;
color: var(--light-orange);
max-width: 200px;
height: 35px;
font-weight: bold;
margin-bottom: 20px;
margin-top: 20px;
}

.submit-csv-button:hover {
background-color: var(--new-white);
border: 1px solid var(--light-orange);
}

.goto-button:hover {
background-color: var(--new-white);
border: 3px solid var(--new-black);
color: var(--new-black);
}

.csv-type-select {
width: 80%;
max-width: 300px;
Expand All @@ -88,9 +79,15 @@ html {
font-family: Arial, Helvetica, sans-serif;
}

.todo-header {
width: 100%;
background-color: var(--new-black);
color: var(--light-orange);
padding: 2%;
.close-btn {
width: 90px;
margin-top: 5px;
background-color: red;
color: #32e0c4;
font-weight: bold;
border: 1px solid red;
border-radius: 20px;
padding: 5px;
text-align: center;
cursor: pointer;
}
28 changes: 28 additions & 0 deletions css/table.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
/* code pen table */
table {
border-collapse: collapse;
width: 100%;
}

td, th {
border: 1px solid #dddddd;
text-align: center;
padding:6px 20px;
}
tr th {
border: 1px solid #dddddd;
text-align: center;
padding:6px 20px;
background-color: #ad1e23;
color:#fff;
}

tr:hover {
background-color: #dddddd;
cursor: pointer;
}

.content td, .content th {
border-top: 1px solid transparent;
padding: 2px 10px 2px 15px;
}
11 changes: 11 additions & 0 deletions css/tasks.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
@import url('./header.css');
@import url('./table.css');

.confirm-button{
width: 100px;
height: 20px;
border-radius: 20px;
background-color: black;
color: azure;
margin-top: 50px;
}
33 changes: 33 additions & 0 deletions events.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<title>Event Manager</title>
<link rel="stylesheet" href="./css/events.css" />
</head>
<body>
<div class="todo-header">
<h1>EVENT MANAGER</h1>
</div>
<div class="page-container">
<div class="title-header">EVENTS</div>
<div class="contents-div">
<div class="events-container">
<table id="events-table">
<tr>
<th>Event Id</th>
<th><strong>Event Name</strong></th>
<th><strong>Start date</strong></th>
<th><strong>End date</strong></th>
<th><strong>Progress</strong></th>
<th><strong>Action</strong></th>
</tr>
</table>
</div>
</div>
<div class="warning-popup" id="warning-popup">
<div id="warning-msg"></div>
</div>
</div>
<script src="./scripts/events.js"></script>
</body>
</html>
12 changes: 9 additions & 3 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
<html>
<head>
<title>Event Manager</title>
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<div class="todo-header">
<h1>EVENT MANAGER</h1>
</div>
<div class="page-container">
<div class="title-header">UPLOAD CSV</div>
<div class="csv-input-div">
<div class="contents-div" id="csv-input-div">
<div class="upload-csv-div">
<label for="csv-type-select" class="csv-type-label"
>Select the type of CSV and upload</label
Expand All @@ -35,8 +35,14 @@ <h1>EVENT MANAGER</h1>
onclick="submitCsv()"
/>
</div>
<div class="goto-page">
<a href="events.html"><button class="goto-button">Events</button></a>
</div>
</div>
<div class="warning-popup" id="warning-popup">
<div id="warning-msg"></div>
</div>
</div>
<script src="script.js"></script>
<script src="./scripts/script.js"></script>
</body>
</html>
104 changes: 0 additions & 104 deletions script.js
View file
Open in desktop

This file was deleted.

Loading