Files
tasks/index.html
2016-11-10 15:06:12 +01:00

50 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="libs/jquery.min.js"></script>
<!--
It made life easier for many years, and it makes it really easy to change the dom and make ajax calls.
So let's include it in our html file. The latest browsers make jQuery almost useless, but it's still nice to
have it around for a lot of things for now.
-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- bootstrap -->
<link rel="stylesheet" href="css/app.css">
<!--
This file will be empty in the beginning, but since we know we will be using this let's add it now already.
-->
</head>
<body>
<!--
We have the first screen of our app inside the index.html file.
This is not that nice, because if we have to add more screens later we clutter our index.html file with all
the screens our app will have.
So we will have to move this out later.
-->
<div class="container">
<h1>Tasks</h1>
<div class="panel panel-default">
<div class="panel-body">
<form id="add-task-form" class="form-inline">
<div class="form-group">
<label for="task" class="control-label">New task</label>
<input type="text" class="form-control" id="task">
</div>
<button class="btn btn-default" id="add-task" type="submit">Add</button>
</form>
<!-- our tasks go here -->
<ol id="task-list" class="list-group">
</ol>
</div>
</div>
</div>
<script type="text/javascript" src="index.js"></script>
</body>
</html>