Skip to content

ToDo list app #5

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.

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
wants to merge 8 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 6 commits
Commits
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
73 changes: 73 additions & 0 deletions Roslyakov Evgeny/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>To Do List</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href='//fonts.googleapis.com/css?family=Raleway:100,300,400,600' rel='stylesheet' type='text/css'>
<link href="https://unpkg.com/[email protected]/dist/css/ionicons.min.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="style.css">
<script src="main.js" defer></script>
</head>
<body>
<div class="main-container">
<header class="task-menu">
<nav class="navigation">
<span>task sort</span>
<a class="button sort-done">checked</a>
<a class="button sort-undone">pending</a>
<span>by deadline</span>
<a class="button sort-tomorrow">tomorrow</a>
<a class="button sort-week">week</a>
<a class="button button-primary add-new-task">add new task</a>
</nav>
</header>
<section class="todo-list">
<div class="tasks-container">
<!--<section class="task task-checked" id="idx-%ID%">
Copy link

Choose a reason for hiding this comment

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

Do you need this commented code?

Copy link
Author

Choose a reason for hiding this comment

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

of course not, this is just for developing purposes

Copy link
Author

Choose a reason for hiding this comment

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

must be deleted

<nav class="task__edit">
<button class="ion-button task-check"><i class="ion-icon ion-md-checkmark"></i></button>
<button class="ion-button task-delete"><i class="ion-icon ion-md-close"></i></button>
</nav>
<div class="task__content">
<h6 class="task__title">%TITLE%</h6>
<div class="task__description"><span>%DESCRIPTION%</span></div>
</div>
<div class="task__meta-info">
<span class="task__date">date: %DATE%</span>
<span class="task__deadline">deadline: %DEADLINE%</span>
</div>
</section>-->
</div>
<section class="new-task">
<form class="new-task__form">
<h6 class="new-task__header-wrapper">
<span class="new-task__header">new task</span>
<i class="ion-icon ion-md-close form-close"></i>
</h6>
<input type="text" class="new-task__title" placeholder="task title">
<textarea class="new-task__description" rows="8" placeholder="task description"></textarea>
<div class="form-footer">
<input type="button" class="button button-primary save-button" value="save">
<div class="deadline-radios">
<span>deadline:</span>
<ul class="radio-wrapper">
<li>
<label><input type="radio" class="new-task__deadline" name="set-deadline" value="none">none</label>
Copy link

Choose a reason for hiding this comment

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

I so that this value is set as default in js part, what do you think about putting here checked attribute to show the user that it is a default?

</li>
<li>
<label><input type="radio" class="new-task__deadline" name="set-deadline" value="day">day</label>
</li>
<li>
<label><input type="radio" class="new-task__deadline" name="set-deadline" value="week">week</label>
</li>
</ul>
</div>
</div>
</form>
</section>
</section>
</div>
</body>
</html>
Loading