Skip to content

hw #19

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

Open
karnavka wants to merge 3 commits into
base: main
Choose a base branch
from
Open

hw #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8aefa1d
hw
karnavka Jun 18, 2025
6fb0106
HW5
karnavka Jun 25, 2025
7f59aec
Bonus task
karnavka Jun 25, 2025
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
153 changes: 144 additions & 9 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,148 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple HTML Page</title>
<link rel="stylesheet" href="./style/style.css">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To do list</title>
<link rel="stylesheet" href="./style/style.css" />
<script src="./src/main.js" defer></script>
</head>
<body>
</head>
<body>
<div class="container">
<h1 class="title">To-Do List</h1>
<a href="report.html" class="report-link">Переглянути звіт</a>
<div class="input-section">
<input
type="text"
placeholder="Add a new task"
class="task-input"
id="taskTitlePlaceholder"
/>
<button id="add-button" class="add-button">Add</button>
</div>

</body>
</html>
<div class="controls">
<div class="sort">
<span class="label">Sort by:</span>
<select id="sort-select" class="select">
<option value="date-desc">From new to old</option>
<option value="date-asc">Form old to new</option>
<option value="priority">Priority</option>
</select>
</div>
<div class="filter">
Filter:
<span class="filter-option" id="filterSelect">All</span>
</div>
</div>

<div class="task-list">
<div class="task">
<button class="checkbox-btn"></button>
<div class="task-info">
<span class="task-title">Купити файні льоди</span>
<span class="priority medium">Medium</span>
</div>
<div class="right-side">
<span class="date">June 26, 2025</span>
<div class="task-actions">
<button class="edit-btn">🖉</button>
<button class="delete-btn">🗑️</button>
</div>
</div>
</div>

<div class="task completed">
<button class="checkbox-btn checked"></button>
<div class="task-info">
<span class="task-title">Зробити веб</span>
<span class="priority high">High</span>
</div>
<div class="right-side">
<span class="date">June 18, 2025</span>
<div class="task-actions">
<button class="edit-btn">🖉</button>
<button class="delete-btn">🗑️</button>
</div>
</div>
</div>

<div class="task">
<button class="checkbox-btn"></button>
<div class="task-info">
<span class="task-title">Спекти хліб</span>
<span class="priority low">Low</span>
</div>
<div class="right-side">
<span class="date">June 21, 2025</span>
<div class="task-actions">
<button class="edit-btn">🖉</button>
<button class="delete-btn">🗑️</button>
</div>
</div>
</div>

<div class="task">
<button class="checkbox-btn"></button>
<div class="task-info">
<span class="task-title">Купити наповнювач Мілашці</span>
<span class="priority high">High</span>
</div>
<div class="right-side">
<span class="date">June 18, 2025</span>
<div class="task-actions">
<button class="edit-btn">🖉</button>
<button class="delete-btn">🗑️</button>
</div>
</div>
</div>
</div>
</div>

<div id="taskPopUp" class="taskPopUp hidden">
<div class="popUp-content">
<span class="close-btn" id="closePopUpBtn"></span>
<h2>Додати завдання</h2>

<label class="name-edit"></label>
<input type="text" id="inputInPopUp" />

<label class="date-edit">Дата виконання</label>
<input type="date" />

<label>Пріоритет</label>
<div class="priority-options">
<label><input type="radio" name="priority" />High</label>
<label><input type="radio" name="priority" checked />Medium</label>
<label><input type="radio" name="priority" />Low</label>
</div>

<div class="popUp-buttons">
<button class="add-task-btn">Додати завдання</button>
<button class="cancel-btn" id="cancelPopUpBtn">Скасувати</button>
</div>
</div>
</div>

<div class="filterByDate hidden" id="filterByDate">
<div class="filterByDate-content">
<h2 class="filterByDate-title">Filter by date</h2>

<label>
<select class="filterByDate-select">
<option>Current</option>
<option>Past</option>
<option>Upcoming</option>
</select>
</label>
<input type="date" class="filterByDate-date" value="2025-06-25" />
<div class="button-wrapper">
<button class="default-button" id="default-button">
Change to default
</button>
<button class="apply-button" id="apply-button">Apply</button>
</div>
</div>
</div>
</body>
</html>
24 changes: 24 additions & 0 deletions report.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8" />
<title>Звіт про завдання</title>
<link rel="stylesheet" href="./style/style.css" />
<link
href="https://cdn.webdatarocks.com/latest/webdatarocks.min.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="./style/pivot-theme.css" />
<script src="https://cdn.webdatarocks.com/latest/webdatarocks.toolbar.min.js"></script>
<script src="https://cdn.webdatarocks.com/latest/webdatarocks.js"></script>
<script src="./src/report.js" defer></script>
</head>
<body>
<div class="container">
<h1>📊 Звіт про завдання</h1>
<a href="index.html" class="report-link">Назад до списку</a>

<div id="pivot-container"></div>
</div>
</body>
</html>
Loading