vijo / jquery.taskpaper

This is a jquery port of the taskpaper application for the mac to demonstrate the usage of bdd for javascript

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

taskpaper : jQuery feed parser plugin
Copyright (C) 2008 toddb
Dual licensed under the MIT (MIT-license.txt)
and GPL (GPL-license.txt) licenses.

Introduction
============

Taskpaper is a browser version of "Taskpaper" for the mac (http://www.hogbaysoftware.com/products/taskpaper). This project is an exercise to explore jQuery for doing this job using BDD. The current version has bugs on data entry. This is because using content editable elements in the DOM is generally hard. The current version is certainly not production ready but should give an idea on the extent to which we can produce test-first jQuery-based GUI on the browser.

Dependencies
============

* JQuery

Usage
=====
<html>
<head>

<link rel="stylesheet" href="lib/treeview/jquery.treeview.css" />
<link rel="stylesheet" href="css/storyq.treeview.css" />
<link rel="stylesheet" href="css/storyq.screen.css" />

<script src="lib/jquery/jquery.js" type="text/javascript"></script>
<script src="lib/jquery/jquery.cookie.js" type="text/javascript"></script>
<script src="jquery.taskpaper.js" type="text/javascript"></script>

</head>
<body>

<div id="tree">

<script type="text/javascript">

$(function() {

    $('#tree').taskpaper({
        url: 'my.taskpaper'
    });
});

</body>
</html>


    jQuery.taskpaper(options); 
    
    options:
    
    * url: the feed URL (required).
    * data: the jQuery DOM selector id.
    * load: a pre-processing callback function that can be overridden for populating the tree (object -> list).
    * tagsControl: the element that the tags list is populated int
    * success: a function to be called if the request succeeds.
      The function gets passed one argument: the taskpaper object.
    
    Example:
    
    $('#tree).taskpaper({
        url: 'results.taskpaper',
        success: function(feed) {
            alert(feed.version);
        }
    });
    
Basic structure of object as hierarchical tree:
  project > tasks >
		  > notes > tags
Compared to taskpaper representation	  
		  project:
          - tasks @tags
    		  notes
      
Taskpaper properties
================

    * feed.version
    * feed.items: an array of Projects
    
Taskpaper properties
====================

    * item.type: project, task, note, tag
    * item.text
    * item.items: an array of children

Please see the provided examples and units/spec tests for more information. Run from /test-src.html

About

This is a jquery port of the taskpaper application for the mac to demonstrate the usage of bdd for javascript

License:GNU General Public License v2.0


Languages

Language:JavaScript 44.5%Language:HTML 33.2%Language:CSS 14.6%Language:Perl 7.4%Language:Makefile 0.4%