kinto
Version:
An Offline-First JavaScript client for Kinto.
47 lines (46 loc) • 1.44 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>Kinto.js demo</title>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"
integrity="sha384-pdapHxIh7EYuwy6K7iE41uXVxGCXY0sAjBzaElYGJUrzwodck3Lx6IE2lA0rFREo"
crossorigin="anonymous">
</head>
<body>
<div class="container">
<h1>Tasks</h1>
<form class="form-inline" id="form">
<div class="form-group">
<input class="form-control" type="text" name="title" placeholder="Thing">
<input class="btn btn-primary" type="submit" value="Add">
</div>
</form>
<hr>
<div class="row">
<div class="col-md-6">
<ul id="tasks" class="list-group"></ul>
<button id="clearCompleted" class="btn">Clear completed</button>
<button id="sync" class="btn">Synchronize</button>
</div>
<div class="col-md-6">
<textarea id="results" style="font-family:Monaco,monospace;font-size:12px"
class="form-control col-md-6" rows="20"></textarea>
</div>
</div>
<template id="task-tpl">
<li class="list-group-item">
<label>
<input class="done" type="checkbox">
<span class="title"></span><br>
</label>
<br>
<small class="uuid"></small>
</li>
</template>
</div>
<script src="kinto.js"></script>
<script src="demo.js"></script>
</body>
</html>