jsTaskPaper: Exibir listas de tarefas do Taskpaper como HTML usando Javascript

Há muito tempo, eu queria montar uma lista de tarefas gigantesca no estilo outdoor em meu escritório – algo que seria tão grande que seria difícil ignorar. Fiquei tentado pelo lindo aplicativo Status Board do Panic para iOS, mas não sabia como seria fácil integrar minhas listas de tarefas diárias baseadas em papéis de tarefas com os widgets do Panic. (Além disso, a ideia de amarrar meu iPad para este projeto era inútil.) Temos toneladas de computadores antigos por aqui, todos perfeitos para alimentar um painel de status baseado em navegador somente leitura, então parecia um não brainer para lançar algo juntos.

Surpreendentemente, não parecia haver nenhum formatador do TaskPaper baseado em Javascript por aí. Portanto, usando o  script tp para html.pl de Jim King  como ponto de partida, criei o jsTaskPaper , uma biblioteca Javascript para renderizar arquivos TaskPaper como HTML. Esta é a aparência da saída:

Screen Shot 2013-12-23 at 3:21.45 PM

O uso é muito simples. Você cria um div em seu HTML assim:

<div id="scratchTasks"&gt;</div>

e, em seguida, você invoca a biblioteca Javascript da seguinte maneira:

<script type="text/JavaScript">
$
(document).ready(function(){
new TaskPaperPanel('#scratchTasks', '<url-of-taskpaper-todo-file>', 4000);
});
</script>

É basicamente isso. Depois de configurá-lo, você pode estilizá- lo usando o arquivo taskpaper.css .

Confira aqui:  jsTaskPaper

–Dave