Doto增加了到期时间和过滤功能

今天把Doto又完善了一下，主要是增加了到期时间和过滤功能。界面如下：

左上角有一个Filter，鼠标移上去就可以弹出一个窗口，有两个过滤链接，点击会刷新Todo的列表。它是使用了一个叫SmartHoverBox( http://www.consideropen.com/demos/smart-hover-box/ )的插件，这个插件是由那个《30天学习Mootools教程》的网站提供的。具体样式是我自已弄的，凑和就行。这个插件没有做成一个app，因为比较简单，就直接放在了doto app下面。对装载todo增加了对条件的处理。

到期时间在上面可以看到在右侧有一个时间显示。采用的是timesince的显示方式。这个timesince是从django搬过来的，不过它的代码只支持现在时间大于指定时间的处理，而todo既要能显示时间过去了，也要显示还没到的时间，所以改了一点。同时在返回的结果根据是过去还是没到会显示ago或later。同时在显示时，如时过期了，时间会显示为红色。

下面是详细的修改界面：

在到期日字段，左侧是timesince的显示，右侧可以直接修改，自动保存。我使用了一个mootools datepicker的插件( http://www.monkeyphysics.com/mootools/script/2/datepicker )。并且在Doto中做成了一个datepicker的app。这样使用时只要选中这个app，然后在模板中使用{{use "datepicker"}}就基本可用了。当然要写具体的创建，配置参数，特别是要处理onSelect的事件，与后台进行交互。