mirror of
https://github.com/amark/gun.git
synced 2025-10-14 00:59:35 +00:00
38 lines
1.2 KiB
HTML
38 lines
1.2 KiB
HTML
<html>
|
|
<body onload="ready()">
|
|
<h2>ToDo List</h2>
|
|
|
|
<form id="addToDo"><input id="todoItem" /><button>Add</button></form>
|
|
<ul id="todos"></ul>
|
|
|
|
<script src="../../gun.js"></script>
|
|
<script>
|
|
// by Forrest Tait! Edited by Mark Nadal.
|
|
function ready(){
|
|
var $ = document.querySelector.bind(document);
|
|
var gun = Gun(location.origin + '/gun').get('example/todo/data');
|
|
gun.on(function renderToDo(val){
|
|
var todoHTML = '';
|
|
for(field in val) {
|
|
if(!val[field] || field == '_') continue;
|
|
todoHTML += '<li style="width:400px;height:2em;">'
|
|
+ (val[field]||'').toString().replace(/\</ig, '<')
|
|
+ '<button style="float:right;" onclick=removeToDo("'+field+'")>X</button></li>';
|
|
}
|
|
$("#todos").innerHTML = todoHTML;
|
|
});
|
|
$("#addToDo").onsubmit = function(){
|
|
gun.path(Gun.text.random()).put(($("#todoItem").value||'').toString().replace(/\</ig, '<'));
|
|
$("#todoItem").value = "";
|
|
return false;
|
|
};
|
|
window.removeToDo = function(id){
|
|
gun.path(id).put(null);
|
|
}
|
|
}
|
|
function randomId(){
|
|
return ''+(new Date()).getTime()+Math.round((Math.random()*1000));
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |