[BACK]Return to index.html CVS log [TXT][DIR] Up to [local] / todotxt / Text-Todo-REST-API / example / htdocs

Diff for /todotxt/Text-Todo-REST-API/example/htdocs/index.html between version 1.2 and 1.10

version 1.2, 2010/01/18 04:51:15 version 1.10, 2010/02/17 02:16:28
Line 1 
Line 1 
 <html><head>  <html><head>
 <title>todo.txt - javascript client</title>          <!-- $AFresh1: index.html,v 1.9 2010/02/16 03:45:17 andrew Exp $ -->
 <script src="prototype.js" type="text/javascript"></script>          <title>todo.txt - ajax client</title>
           <link rel="stylesheet" href="todo.css">
   
           <script src="scriptaculous/lib/prototype.js"></script>
           <script src="scriptaculous/src/scriptaculous.js?load=effects,controls"></script>
 <script type='text/javascript'>  <script type='text/javascript'>
 function getFiles() {  
         document.getElementById('files').innerHTML = "Getting Files . . .";  var TODO = function () {
         new Ajax.Request('/~andrew/user-bin/todo.cgi/andrew.txt', {      var base_url = '/~andrew/user-bin/todo.cgi',
                 method: 'get',          editors = {},
                 onSuccess: function(response) {  
                          document.getElementById('files').innerHTML = response.responseText;      makeEntryEditor  = function(id, list_url) {
                 }         var url = list_url + '/entry/' + id;
         });  
 }         if (!editors[id]) {
 function getList(list) {          editors[id] = {
         document.getElementById('list').innerHTML = "Getting List . . .";              list_url: list_url,
         new Ajax.Request('/~andrew/user-bin/todo.cgi/andrew/' + list + '.txt', {              editor: new Ajax.InPlaceEditor(
                 method: 'get',                      id, url + '.json', {
                 onSuccess: function(response) {                          cols: 80,
                          document.getElementById('list').innerHTML =                          rows: 1,
                         '<pre>' + response.responseText + '</pre>';                          onComplete: updateEntry,
                 }                      }
         });                  ),
 }              };
 function getEntry(list, entry) {          }
         document.getElementById('entry').innerHTML = "Getting Entry . . .";      },
         new Ajax.Request('/~andrew/user-bin/todo.cgi/andrew/' + list + '/entry/' + entry + '.md5', {  
                 method: 'get',      updateEntry = function(transport, element) {
                 onSuccess: function(response) {          var list_url = editors[element.id].list_url,
                          document.getElementById('entry').innerHTML =              entry;
                         '<pre>' + response.responseText + '</pre>';  
                 }          if (transport && transport.responseJSON) {
         });              entry = transport.responseJSON;
 }  
               element.update(entry.text);
   
               if (element.id !== entry.md5) {
                   if (editors[element.id]) {
                       editors[element.id].editor.dispose();
                       delete editors[element.id];
                   }
   
                   element.id = entry.md5;
   
                   makeEntryEditor(element.id, list_url);
               }
           }
       },
   
       updateList = function (list_url, transport) {
           var i,
             todo = transport.responseJSON,
             url  = '';
   
           $("list").update();
   
           for (i=0; i <= todo.length; i++) {
               $('list').insert({
                   bottom: new Element('div',
                           { id: todo[i].md5 }
                           ).update(todo[i].text)
                   }
               );
   
               makeEntryEditor(todo[i].md5, list_url);
           }
       };
   
       return {
           getFiles: function () {
               $('files').update("Getting Files . . .");
   
               new Ajax.Updater('files', base_url, {
                   method: 'get',
               });
           },
   
           getTags: function (list) {
                var url = base_url + '/' + list + '/tags';
                $('tags').update("Getting Tags. . .");
   
                new Ajax.Request(url + '.json', {
                   method: 'get',
                   onSuccess: function (transport) {
                       var data = transport.responseJSON,
                       k,
                       html = '';
                       for (k in data) {
                           if (data.hasOwnProperty(k)) {
                               html += k + ": " + data[k] + "<br/>\n";
                           }
                       }
                       $("tags").innerHTML = html;
                   },
               });
           },
   
           getList: function (list) {
               var url = base_url + '/' + list;
               $('list').update("Getting List . . .");
   
               new Ajax.Request(url + '.json', {
                   method:    'get',
                   onSuccess: function (transport) { updateList(url, transport) },
               });
   
           },
       };
   }();
   
 </script>  </script>
 </head>  </head>
 <body onLoad="getFiles();getList('todo');getEntry('todo',5)">  
 <!-- $AFresh1$ -->  <body onLoad="TODO.getList('todo');TODO.getTags('todo');TODO.getFiles()">
 <div id='files'></div>      <h1>Files:</h1><div id='files'></div>
 <div id='list'></div>      <h1>Tags:</h1> <div id='tags'></div>
 <div id='entry'></div>      <h1>List:</h1> <div id='list'></div>
 </body></html>  </body></html>
Legend:
Removed from v.1.2  
changed lines
  Added in v.1.10
FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>