Skip to content

Initialize year selection to current year #372

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
dipikabh wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Initialize year selection to current year #372

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
bc8ef16
initialize year to current
dipikabh Jan 8, 2026
c40dd57
apply code review feedback
dipikabh Jan 28, 2026
56cc289
apply code review feedback
dipikabh Jan 28, 2026
60a62d5
update app readme, add link to content tutorial
dipikabh Jan 28, 2026
309f50c
add directory entry to the list in repo readme
dipikabh Jan 28, 2026
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
146 changes: 77 additions & 69 deletions to-do-notifications/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,39 @@
<!DOCTYPE HTML>
<html lang="en-US">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=380">
<script src="scripts/todo.js"></script>
<title>To-do list with Notifications</title>
<!-- Icon originated from design by Sabine Wollender: http://thenounproject.com/wosamo/ -->
<link rel="icon" type="image/png" href="img/icon-128.png">
<link href='https://fonts.googleapis.com/css?family=Donegal+One|Lily+Script+One' rel='stylesheet' type='text/css'>
<link href="style/style.css" type="text/css" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=380">
<script src="scripts/todo.js"></script>
<title>To-do list with Notifications</title>
<!-- Icon originated from design by Sabine Wollender: http://thenounproject.com/wosamo/ -->
<link rel="icon" type="image/png" href="img/icon-128.png">
<link href='https://fonts.googleapis.com/css?family=Donegal+One|Lily+Script+One' rel='stylesheet' type='text/css'>
<link href="style/style.css" type="text/css" rel="stylesheet">
</head>

<body>

<h1>To-do list</h1>
<h1>To-do list</h1>

<div class="task-box">
<div class="task-box">

<ul id="task-list">
<ul id="task-list">

</ul>
</ul>

</div>
</div>

<div class="form-box">
<h2>Add new to-do item.</h2>
<div class="form-box">
<h2>Add new to-do item.</h2>

<form id="task-form" action="index.html">
<div class="full-width"><label for="title">Task title:</label><input type="text" id="title" required></div>
<div class="half-width"><label for="deadline-hours">Hours (hh):</label><input type="number" id="deadline-hours" required></div>
<div class="half-width"><label for="deadline-minutes">Mins (mm):</label><input type="number" id="deadline-minutes" required></div>
<div class="third-width"><label for="deadline-day">Day:</label>
<form id="task-form" action="index.html">
<div class="full-width"><label for="title">Task title:</label><input type="text" id="title" required></div>
<div class="half-width"><label for="deadline-hours">Hours (hh):</label><input type="number" id="deadline-hours"
required></div>
<div class="half-width"><label for="deadline-minutes">Mins (mm):</label><input type="number" id="deadline-minutes"
required></div>
<div class="third-width"><label for="deadline-day">Day:</label>
<select id="deadline-day" required>
<option value="01">01</option>
<option value="02">02</option>
Expand Down Expand Up @@ -62,55 +66,59 @@ <h2>Add new to-do item.</h2>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select></div>

<div class="third-width"><label for="deadline-month">Month:</label>
<select id="deadline-month" required>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
<option value="December">December</option>
</select></div>

<div class="third-width"><label for="deadline-year">Year:</label>
<select id="deadline-year" required>
<option value="2030">2030</option>
<option value="2029">2029</option>
<option value="2028">2028</option>
<option value="2027">2027</option>
<option value="2026">2026</option>
<option value="2025">2025</option>
<option value="2024">2024</option>
<option value="2023">2023</option>
<option value="2022">2022</option>
<option value="2021">2021</option>
<option value="2020">2020</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
</select></div>

<div><input type="submit" id="submit" value="Add Task"></div>
<div></div>
</form>
</div>

<div id="toolbar">
<ul id="notifications">

</ul>

<button id="enable">
Enable notifications
</button>
</div>
</select>
</div>

<div class="third-width"><label for="deadline-month">Month:</label>
<select id="deadline-month" required>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
</div>

<div class="third-width"><label for="deadline-year">Year:</label>
<select id="deadline-year" required>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
<option value="2028">2028</option>
<option value="2029">2029</option>
<option value="2030">2030</option>
Copy link
Contributor Author

@dipikabh dipikabh Jan 8, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

reordered this list to be in ascending order

</select>
</div>

<div><input type="submit" id="submit" value="Add Task"></div>
<div></div>
</form>
</div>

<div id="toolbar">
<ul id="notifications">

</ul>

<button id="enable">
Enable notifications
</button>
</div>

</body>

</html>
Loading