125 | 133 |
137 |
138 |
139 |
140 |
141 | 
142 |
143 |
142 | |
124 |
125 | |
126 |
127 | 128 | Todo.txt Text Driven Interface for Dropbox (Beta) 129 | | 130 | 131 |
132 | 133 | |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
143 |
142 | |
144 |
162 |
Reload this page to reconnect!
179 |
183 |
185 | Todo.txt Text Driven Interface for Dropbox (Beta)
Your Todo.txt synchronised on your browsers (except IE) at home and work.
186 | Todo.txt is just a text file, yet you can sort and filter to your heart's content. Sort on your extension tags. Filter on tasks due today or earlier. Enter due dates like due:fri; or due:+7;. Even without a due date, be reminded when when all a task's predecessor tasks are completed.
Click the button below to ask Dropbox to authorise this browser to create and/or
187 | update a Todo.txt file in a specially created /Apps/todotxttdi folder in your Dropbox
Visit Dropbox.com
More information about Todo.txt
More information about App folder authorisation using Dropbox's Core API
Visit the author's blog davidpratten.com
todotxttdi (Todo.txt Text Driven Interface) is a self-contained html5 application 198 | hosted entirely in your Chrome, Firefox, Safari, or Opera browser. When authorised by you, 199 | todotxttdi creates a Todo.txt file in your Dropbox, 200 | and automatically saves your changes. todotxttdi supports the full Todo.txt specification, 202 | with some useful extensions.
203 | 204 |todotxttdi is guided by the following principles:
207 | 208 |Once the application page is loaded, Dropbox will ask you if you authorise the 226 | application. If you authorise todotxttdi, Dropbox gives your browser access to just 227 | one folder: /Apps/todotxttdi in your Dropbox. You may close 228 | your browser and reload the application without having to reauthorise it. To revoke 229 | authorisation for your browser, click the "Disconnect" button.
230 | 231 |The todotxtapi application will only work if your browser has an authorised and 232 | active connection with dropbox.com.
233 | 234 |todotxttdi sorts lines according to the Todo.txt specification. By default, 239 | todotxttdi provides buttons to sort alphabetically (A-Z), by creation date, by 240 | priority, by context code, and project code. You may also sort by hashtags if you use 241 | them. If a line contains multiple codes, the sort is based on the first code 242 | found.
243 | 244 |todotxttdi also supports the sorting by extension tags such as "due:". When an extension tag is detected, a sort button is added for 246 | your use.
247 | 248 |Sorting the Todo.txt file does not trigger a save to Dropbox. This is because each 249 | line in a Todo.txt file is independent, and sorting does not change the information 250 | that you have entered.
251 | 252 |todotxttdi places the lines that match a filter at the top of the Todo.txt file 255 | and rather than hiding the non-matching lines, it shows them after two blank lines. 256 | This preserves the spirit of Todo.txt - that it is always just a text file.
257 | 258 |todotxttdi allows you to enter up to three independent filters. Filters are 259 | applied simply by clicking in the filter field. The currently applied filter has a 260 | green background. Filters are remembered by your browser and are not stored in 261 | Dropbox.
262 | 263 |Each filter consists of one or more space separated items. For a Todo.txt line to 264 | match a filter, it must match every space separated filter item. If a filter item is 265 | preceded by a "-" sign, this means a line will match if it doesn't contain this item. 266 | If a filter item contains multiple sub-items separated by "|" then a line will match 267 | if it matches any one of the sub-items.
268 | 269 |You may use a "~" prefix to temporarily disable a filter item so you don't need to 270 | retype it later.
271 | 272 |If you wish to use one of the following characters in a filter you will need to 273 | precede them with a "\" character. Use "\+" instead of "+", "\*" instead of "*", ditto for "\.", "\(", and "\)". And yes, this means, if you care, you may use regular expressions 278 | in the filters.
279 | 280 |Prior to applying each filter, todotxttdi analyses all due:yyyy-mm-dd dates and adds a hashtag: " #past", " #today", or 283 | " #tomorrow" as appropriate. These may be filtered 284 | against. For example: the filter "#past|#today" will filter 285 | for all current Todo.txt lines.
286 | 287 |Filtering the Todo.txt file does not trigger a save to Dropbox. This is because 288 | each line in a Todo.txt file is independent, and filtering (like sorting) does not 289 | change the information that you have entered.
290 | 291 |Typing changes into the text area will cause it to be saved to the Todo.txt file 294 | the next time you pause your typing.
295 | 296 |todotxttdi greatly simplifies entering dates. The entry of both "task completion" 297 | x yyyy-mm-dd and "due dates" due:yyyy-mm-dd are simplified. Dates may be entered as text (e.g. 299 | due:today;, due:tomorrow;, 300 | due:+4;, due:+4d;, due:monday;), in each context the dates will be interpreted as soon as 302 | the ';' is typed. For example a completed task can be 303 | entered as x yesterday; and a reminder set as due:next thursday; The kinds of dates that are understood is defined 305 | here http://www.datejs.com/
306 | 307 |A task that can't be started until another task is complete may include an tag of 310 | after:xxxx where the task on which this task depends 311 | contains a corresponding id:xxxx tag.
312 | 313 |Every id: tag must be unique.
314 | 315 |As soon as all tasks on which a task depends are deleted or marked as completed, 316 | the now 'ready to run' task will be highlighted in the user interface.
317 | 318 |The only information that is recorded by the todotxttdi.com website is the fact 321 | that the (empty) application page was requested. After your browser loads the (empty) 322 | todotxttdi application page from the todotxttdi.com website, the browser's only 323 | connection is with dropbox.com. Your browser retrieves your Todo.txt and saves it 324 | using a secure (https) connection with Dropbox.com. While editting, your data remains 325 | entirely in your browser.
326 |
');
488 | $("#logoutbutton").click(
489 | function (event) {
490 | if (todotxttdi.isDirty) {
491 | if (!confirm("You have unsaved changes in your todo list. Do you wish to disconnect from Dropbox?")) {
492 | return;
493 | }
494 | }
495 | todotxttdi.isDirty = false; // prevent the window from also catching this.
496 | todotxttdi.client.signOff(function () {
497 | switchWindowMode("welcome");
498 | localStorage.setItem("userRequestedAuthentication", "false");
499 | });
500 | event.preventDefault();
501 | }
502 | );
503 | });
504 | }
505 |
506 | function saveit() {
507 | // save to dropbox
508 | if ($("#t1").val() !== "" && todotxttdi.client.isAuthenticated()) {
509 | todotxttdi.client.stat("todo.txt", function (error, stat) {
510 | if (error) {
511 | dropBoxFailError(error);
512 | return;
513 | }
514 | if (stat.versionTag === todotxttdi.versionTag) {
515 | // save after removing the alert hashtags
516 | todotxttdi.client.writeFile("todo.txt", $("#t1").val().replace(todotxttdi.alerthashtag, ""), function (error, stat) {
517 | if (error) {
518 | dropBoxFailError(error);
519 | return;
520 | }
521 | todotxttdi.isDirty = false;
522 | $("#saving_status_msg").text("All changes saved in Dropbox (" + stat.modifiedAt.dropboxDateTolocalDateString() + ")");
523 | todotxttdi.versionTag = stat.versionTag;
524 | });
525 | } else {
526 | $("#saving_status_msg").text("Retrieving...");
527 | alert("Your todo.txt has been changed using another browser. Retrieving most recent version ... (" + stat.modifiedAt.dropboxDateTolocalDateString() + ")");
528 | loadit();
529 | }
530 | });
531 | }
532 |
533 | }
534 |
535 | window.onbeforeunload = function () {
536 | if (todotxttdi.isDirty) {
537 | return "You have unsaved changes in your todo list.";
538 | }
539 | };
540 |
541 | // resize window and set up resizer
542 | resizet1();
543 | $(window).resize(function () {
544 | clearTimeout(todotxttdi.resizetimer);
545 | todotxttdi.resizetimer = setTimeout(resizet1, 250);
546 | });
547 |
548 | // restore filters from local storage
549 | if (localStorage.getItem("filter1")) {$("#filter1").val(localStorage.getItem("filter1")); }
550 | if (localStorage.getItem("filter2")) {$("#filter2").val(localStorage.getItem("filter2")); }
551 | if (localStorage.getItem("filter3")) {$("#filter3").val(localStorage.getItem("filter3")); }
552 | if (localStorage.getItem("currFilter")) {todotxttdi.currFilter = localStorage.getItem("currFilter"); }
553 |
554 | //auth to dropbox
555 | $("#connecttodropbox").click(function (event) {
556 | localStorage.setItem("userRequestedAuthentication", "true");
557 | authandload();
558 | event.preventDefault();
559 | });
560 | if (localStorage.getItem("userRequestedAuthentication") === "true") {
561 | authandload();
562 | } else {
563 | switchWindowMode("welcome");
564 | }
565 |
566 | $("#t1").keydown(function (e) {
567 | if ($.inArray(e.which, todotxttdi.nondirtykeys) !== -1) { return; }
568 | todotxttdi.isDirty = true;
569 | $("#saving_status_msg").text("Saving...");
570 | clearTimeout(todotxttdi.reviewtimer);
571 | todotxttdi.reviewtimer = setTimeout(reviewt1, 500);
572 | clearTimeout(todotxttdi.savertimer);
573 | todotxttdi.savertimer = setTimeout(saveit, 5000);
574 | });
575 |
576 | $("#filter1").keydown(function (e) {
577 | if ($.inArray(e.which, todotxttdi.nondirtykeys) !== -1) { return; }
578 | clearTimeout(todotxttdi.filtertimer);
579 | todotxttdi.currFilter = "1";
580 | todotxttdi.filtertimer = setTimeout(filtert1, 500);
581 | });
582 | $("#filter1").focus(function () {
583 | clearTimeout(todotxttdi.filtertimer);
584 | todotxttdi.currFilter = "1";
585 | todotxttdi.filtertimer = setTimeout(filtert1, 500);
586 | });
587 |
588 | $("#filter2").keydown(function (e) {
589 | if ($.inArray(e.which, todotxttdi.nondirtykeys) !== -1) { return; }
590 | clearTimeout(todotxttdi.filtertimer);
591 | todotxttdi.currFilter = "2";
592 | todotxttdi.filtertimer = setTimeout(filtert1, 500);
593 | });
594 | $("#filter2").focus(function () {
595 | clearTimeout(todotxttdi.filtertimer);
596 | todotxttdi.currFilter = "2";
597 | todotxttdi.filtertimer = setTimeout(filtert1, 500);
598 | });
599 |
600 | $("#filter3").keydown(function (e) {
601 | if ($.inArray(e.which, todotxttdi.nondirtykeys) !== -1) { return; }
602 | clearTimeout(todotxttdi.filtertimer);
603 | todotxttdi.currFilter = "3";
604 | todotxttdi.filtertimer = setTimeout(filtert1, 500);
605 |
606 | });
607 | $("#filter3").focus(function () {
608 | clearTimeout(todotxttdi.filtertimer);
609 | todotxttdi.currFilter = "3";
610 | todotxttdi.filtertimer = setTimeout(filtert1, 500);
611 | });
612 |
613 | $(window).focus(function () {
614 | if (todotxttdi.windowMode === "use") {checkonline(""); }
615 | });
616 |
617 | $("#helplink").click(function (event) {
618 | if (todotxttdi.helpon) {
619 | switchWindowMode("use");
620 | todotxttdi.helpon = false;
621 | } else {
622 | switchWindowMode("help");
623 | todotxttdi.helpon = true;
624 | }
625 | event.preventDefault();
626 | });
627 |
628 | $("#sortalphanumeric").click(function (event) {
629 | var myString = $("#t1").val(),
630 | ContentArr = myString.split(/[\f\n\r]+/);
631 | //alert(ContentArr[3]);
632 | ContentArr.sort();
633 | $("#t1").val(ContentArr.join("\r\n"));
634 | filtert1();
635 | event.preventDefault();
636 | });
637 |
638 | $("#sortbyproject").click(function (event) {
639 | var myString = $("#t1").val(),
640 | ContentArr = myString.split(/[\f\n\r]+/),
641 | SortRegEx = /(^| )\+(\S*[a-z0-9_])\b/i;
642 | ContentArr.sort(function (a, b) {
643 | return compareByRegex(a, b, SortRegEx, 2);
644 | });
645 | $("#t1").val(ContentArr.join("\r\n"));
646 | filtert1();
647 | event.preventDefault();
648 | });
649 |
650 | $("#sortbypriority").click(function (event) {
651 | var myString = $("#t1").val(),
652 | ContentArr = myString.split(/[\f\n\r]+/),
653 | SortRegEx = /^\(([A-Z])\) /;
654 | ContentArr.sort(function (a, b) {
655 | return compareByRegex(a, b, SortRegEx);
656 | });
657 | $("#t1").val(ContentArr.join("\r\n"));
658 | filtert1();
659 | event.preventDefault();
660 | });
661 |
662 | $("#sortbycreation").click(function (event) {
663 | var myString = $("#t1").val(),
664 | ContentArr = myString.split(/[\f\n\r]+/),
665 |
666 | //matches the `` creation dates below
667 | // x 2012-09-01 `2011-09-08` @gp checkup on blood sugars due:2012-10-03
668 | // `2011-09-08` @gp checkup on blood sugars due:2012-10-03
669 | // (D) `2011-09-08` @gp checkup on blood sugars due:2012-10-03
670 |
671 |
672 | SortRegEx = /^(?:\([A-Z]\) )?(?:x \d{4}\-\d{2}\-\d{2} )?(\d{4}\-\d{2}\-\d{2})/;
673 | ContentArr.sort(function (a, b) {
674 | return compareByRegex(a, b, SortRegEx);
675 | });
676 | $("#t1").val(ContentArr.join("\r\n"));
677 | filtert1();
678 | event.preventDefault();
679 | });
680 |
681 | $("#sortbycontext").click(function (event) {
682 | var myString = $("#t1").val(),
683 | ContentArr = myString.split(/[\f\n\r]+/),
684 | SortRegEx = /(^| )@(\S*[a-z0-9_])\b/i;
685 | ContentArr.sort(function (a, b) {
686 | return compareByRegex(a, b, SortRegEx, 2);
687 | });
688 | $("#t1").val(ContentArr.join("\r\n"));
689 | filtert1();
690 | event.preventDefault();
691 | });
692 |
693 | $("#sortbyhashtag").click(function (event) {
694 | var myString = $("#t1").val(),
695 | ContentArr = myString.split(/[\f\n\r]+/),
696 | SortRegEx = /(^| )#(\S*[a-z0-9_])\b/i;
697 | ContentArr.sort(function (a, b) {
698 | return compareByRegex(a, b, SortRegEx, 2);
699 | });
700 | $("#t1").val(ContentArr.join("\r\n"));
701 | filtert1();
702 | event.preventDefault();
703 | });
704 | });
--------------------------------------------------------------------------------