Permalink
Browse files

first commit

  • Loading branch information...
0 parents commit 12157085cde910234ed821f06db922993c718122 Dave Waller committed Aug 7, 2009
Showing with 1,564 additions and 0 deletions.
  1. BIN .DS_Store
  2. +2 −0 .gitignore
  3. +11 −0 .project
  4. 0 CHANGELOG.txt
  5. +7 −0 LICENSE.txt
  6. 0 README
  7. BIN Resources/.DS_Store
  8. BIN Resources/aboutbutton.png
  9. BIN Resources/aboutbutton_o.png
  10. BIN Resources/ajax-loader.gif
  11. BIN Resources/completebutton.png
  12. BIN Resources/completebutton_o.png
  13. BIN Resources/corner.png
  14. BIN Resources/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png
  15. BIN Resources/custom-theme/images/ui-bg_glass_55_fbf9ee_1x400.png
  16. BIN Resources/custom-theme/images/ui-bg_glass_65_ffffff_1x400.png
  17. BIN Resources/custom-theme/images/ui-bg_glass_75_dadada_1x400.png
  18. BIN Resources/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png
  19. BIN Resources/custom-theme/images/ui-bg_glass_75_ffffff_1x400.png
  20. BIN Resources/custom-theme/images/ui-bg_highlight-soft_75_cccccc_1x100.png
  21. BIN Resources/custom-theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png
  22. BIN Resources/custom-theme/images/ui-icons_222222_256x240.png
  23. BIN Resources/custom-theme/images/ui-icons_2e83ff_256x240.png
  24. BIN Resources/custom-theme/images/ui-icons_454545_256x240.png
  25. BIN Resources/custom-theme/images/ui-icons_888888_256x240.png
  26. BIN Resources/custom-theme/images/ui-icons_cd0a0a_256x240.png
  27. +406 −0 Resources/custom-theme/jquery-ui-1.7.2.custom.css
  28. BIN Resources/dave.png
  29. BIN Resources/default_app_logo.png
  30. BIN Resources/deletebutton.png
  31. BIN Resources/deletebutton_o.png
  32. BIN Resources/divider.png
  33. +197 −0 Resources/index.css
  34. +125 −0 Resources/index.html
  35. +245 −0 Resources/index.js
  36. +19 −0 Resources/jquery-1.3.2.js
  37. +22 −0 Resources/jquery-ui-1.7.2.custom.min.js
  38. +476 −0 Resources/json2.js
  39. BIN Resources/leftbg.png
  40. BIN Resources/logo.png
  41. BIN Resources/makelivebutton.png
  42. BIN Resources/makelivebutton_o.png
  43. BIN Resources/menubg.png
  44. BIN Resources/newbutton.png
  45. BIN Resources/newbutton_o.png
  46. BIN Resources/refreshbutton.png
  47. BIN Resources/refreshbutton_o.png
  48. BIN Resources/settingsbutton.png
  49. BIN Resources/settingsbutton_o.png
  50. BIN Resources/trashbutton.png
  51. BIN Resources/trashbutton_o.png
  52. BIN Resources/vertical-thumb.png
  53. +24 −0 manifest
  54. +29 −0 tiapp.xml
  55. +1 −0 timanifest
BIN .DS_Store
Binary file not shown.
@@ -0,0 +1,2 @@
+dist
+tmp
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+ <name>TID: Jobii</name>
+ <comment></comment>
+ <projects>
+ </projects>
+ <buildSpec>
+ </buildSpec>
+ <natures>
+ </natures>
+</projectDescription>
No changes.
@@ -0,0 +1,7 @@
+This project is licensed under a "Attribution-Non-Commercial-Share Alike 2.0 UK: England & Wales" license.
+
+http://creativecommons.org/licenses/by-nc-sa/2.0/uk/
+
+http://www.mkmlabs.com
+
+dave.waller@myknowledgemap.com
0 README
No changes.
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,197 @@
+/* Global styles */
+body{
+ margin:4px 0px 0px 0px;
+ font-family:Helvetica Neue;
+ font-size:12px;
+}
+h1,h2,h3,h4,p{
+ margin:0px;
+ padding:0px;
+}
+/* Webkit specific styles for any scrollbars */
+::-webkit-scrollbar {
+ width: 16px;
+ height: 16px;
+}
+
+::-webkit-scrollbar-thumb:vertical {
+ -webkit-border-image: url(vertical-thumb.png) 16 0 16 0;
+ border-color: transparent;
+ border-width: 16px 0;
+ min-height: 20px;
+}
+/* Structural styles */
+#left{
+ width:60px;
+ background-image:url(leftbg.png);
+ background-position:top right;
+ float:left;
+ height:100%;
+}
+#right{
+ float:left;
+ height:576px;
+ overflow:hidden;
+ width:300px;
+}
+/* Horiztonal menu */
+#menu{
+ height:30px;
+ line-height:30px;
+ border-bottom:1px solid #454545;
+ background-image:url(menubg.png);
+ background-position:bottom left;
+ background-repeat:repeat-x;
+}
+ #menu a{
+ height:30px;
+ width:98px;
+ display:block;
+ color:#212121;
+ text-decoration:none;
+ text-shadow: 0px 1px 0px #e5e5ee;
+ float:left;
+ padding-left:5px;
+ }
+ #menu a#live{
+ width:68px;
+ background-image:url(divider.png);
+ background-position:top right;
+ background-repeat:repeat-y;
+ }
+#spinner{
+ width:30px;
+ height:30px;
+ float:right;
+ background-image:url(ajax-loader.gif);
+ background-position:center center;
+ background-repeat:no-repeat;
+}
+/* Main holder DIVs for live items, completed items and other pages */
+#items{
+ background-color:#e5e5ee;
+ width:300px;
+ height:546px;
+ overflow:auto;
+ position:absolute;
+ left:60px;
+ top:35px;
+}
+#completed{
+ background-color:#c1c1cc;
+ width:300px;
+ height:546px;
+ overflow:auto;
+ position:absolute;
+ left:60px;
+ top:35px;
+}
+#new,#settings,#about{
+ background-color:#ababaa;
+ width:300px;
+ height:546px;
+ overflow:auto;
+ position:absolute;
+ left:60px;
+ top:35px;
+}
+/* Styling for page details - new, about and settings */
+#new h3,#settings h3,#about h3{
+ margin:8px;
+ color:#212121;
+ text-shadow: 0px 1px 0px #e5e5ee;
+}
+#new label,#settings label,#about label{
+ margin:4px 0px 4px 8px;
+ width:80px;
+ display:block;
+ float:left;
+}
+#new p,#settings p,#about p{
+ margin:4px 8px;
+}
+/* Styling for a live item */
+div.item{
+ background-color:#cecece;
+ margin:4px;
+ padding:4px;
+ -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
+}
+/* Styling for a live item near it's deadline */
+div.itemclose{
+ background-color:#FEC768;
+ margin:4px;
+ padding:4px;
+ -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
+}
+/* Styling for an overdue live item */
+div.itemoverdue{
+ background-color:#FEC0BA;
+ margin:4px;
+ padding:4px;
+ -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
+}
+/* Styling for completed items */
+#completed div.item,
+#completed div.itemclose,
+#completed div.itemoverdue{
+ background-color:#adadad;
+ text-decoration:line-through;
+}
+/* General styles for all items */
+ div.item h3,
+ div.itemclose h3,
+ div.itemoverdue h3{
+ color:#212121;
+ text-shadow: 0px 1px 0px #e5e5ee;
+ margin-bottom:2px;
+ }
+ div.item p,
+ div.itemclose p,
+ div.itemoverdue p{
+ margin-top:2px;
+ margin-bottom:3px;
+ padding:0px;
+ }
+ p.meta{
+ color:#454545;
+ font-style:italic;
+ }
+/* Structural styles for items */
+div.itemdata{
+ float:left;
+ width:245px;
+}
+div.itemactions{
+ width:20px;
+ float:right;
+}
+ div.itemactions img{
+ clear:both;
+ cursor:pointer;
+ }
+div.break{
+ clear:both;
+ font-size:0px;
+}
+/* Styles for the left hand menu */
+#logo{
+ width:44px;
+ height:44px;
+ background-color:white;
+ margin:8px;
+ -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.6);
+}
+ #logo img{
+ margin:3px;
+ }
+div.link{
+ width:44px;
+ height:44px;
+ /*background-color:#454545;*/
+ margin:8px;
+}
+ div.link img{
+ cursor:pointer;
+ }
+
@@ -0,0 +1,125 @@
+<html>
+ <head>
+ <!-- Load all javascript files and stylesheets - we're using jQuery to make life easier -->
+ <script type="text/javascript" src="jquery-1.3.2.js"></script>
+ <script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
+ <script type="text/javascript" src="json2.js"></script>
+ <script type="text/javascript" src="index.js"></script>
+ <link rel="stylesheet" type="text/css" href="index.css" />
+ <link rel="stylesheet" type="text/css" href="custom-theme/jquery-ui-1.7.2.custom.css" />
+ </head>
+ <body>
+ <!-- HTML for the left hand menu -->
+ <div id="left">
+ <div id="logo"><!-- The application logo -->
+ <img src="logo.png" />
+ </div>
+ <div class="link"><!-- The link to create a new item -->
+ <img src="newbutton.png" alt="Create a new Jobii" onmouseover="$(this).attr('src', 'newbutton_o.png');" onmouseout="$(this).attr('src', 'newbutton.png');" onclick="$('#new').fadeIn();$('#about').fadeOut();$('#settings').fadeOut();" />
+ </div>
+ <div class="link"><!-- The link to edit settings -->
+ <img src="settingsbutton.png" alt="Edit your Jobii settings" onmouseover="$(this).attr('src', 'settingsbutton_o.png');" onmouseout="$(this).attr('src', 'settingsbutton.png');" onclick="$('#new').fadeOut();$('#about').fadeOut();$('#settings').fadeIn();" />
+ </div>
+ <div class="link"><!-- The link to read more about Jobii -->
+ <img src="aboutbutton.png" alt="About Jobii" onmouseover="$(this).attr('src', 'aboutbutton_o.png');" onmouseout="$(this).attr('src', 'aboutbutton.png');" onclick="$('#new').fadeOut();$('#about').fadeIn();$('#settings').fadeOut();" />
+ </div>
+ <div class="link"><!-- The link to clear all completed items -->
+ <img src="trashbutton.png" alt="Trash all closed Jobbis" onmouseover="$(this).attr('src', 'trashbutton_o.png');" onmouseout="$(this).attr('src', 'trashbutton.png');" onclick="clearUp();" />
+ </div>
+ <div class="link"><!-- The link to refresh all items -->
+ <img src="refreshbutton.png" alt="Refresh all deadlines" onmouseover="$(this).attr('src', 'refreshbutton_o.png');" onmouseout="$(this).attr('src', 'refreshbutton.png');" onclick="refresh();" />
+ </div>
+ </div>
+ <!-- End of HTML for left hand menu -->
+ <!-- HTML for the main / right side of the application -->
+ <div id="right">
+ <!-- The small horizontal menu to switch between live and completed items -->
+ <div id="menu">
+ <a href="#" id="live" onclick="$('#items').fadeIn();$('#completed').fadeOut();">Live items</a><!-- link for live items -->
+ <a href="#" id="closed" onClick="$('#completed').fadeIn();$('#items').fadeOut();">Closed items</a><!-- link for completed items -->
+ <div id="spinner" style="display:none;"></div><!-- spinner image for during ajax calls -->
+ </div>
+ <!-- End of horizontal menu -->
+ <!-- Holder for live items -->
+ <div id="items"></div>
+ <!-- End of live items holder -->
+ <!-- Holder for completed items (hidden at start) -->
+ <div id="completed" style="display:none;"></div>
+ <!-- End of completed items -->
+ <!-- Form for creating new items (hidden at start) -->
+ <div id="new" style="display:none;">
+ <h3>Create a new Jobii item...</h3>
+ <hr/>
+ <form>
+ <label for="newtitle">Title: </label><input type="text" id="newtitle" size="20" /><br/>
+ <label for="newdesc">Description: </label><input type="text" id="newdesc" size="26" /><br/>
+ <hr/>
+ <p>Now select a date when your Jobii item is due...</p>
+ <div id="datepicker"></div>
+ <input type="hidden" id="date" />
+ <label for="dueh">Due time: </label><input type="text" id="dueh" size="3" value="12" />:<input type="text" id="duem" size="3" value="34" /> (eg 12:34)
+ <hr/>
+ <p style="text-align:right;">
+ <input type="button" onclick="$('#new').fadeOut();" value="Cancel" />
+ <input type="button" onclick="newJobii($('#newtitle').val(),$('#newdesc').val(),$('#date').val(),$('#dueh').val(),$('#duem').val());" value="Create" />
+ </p>
+ </form>
+ </div>
+ <!-- End of form for creating new items -->
+ <!-- Form for editing settings (hidden at start) -->
+ <div id="settings" style="display:none;">
+ <h3>Update your Jobii settings...</h3>
+ <hr/>
+ <form>
+ <p>Jobii can automatically send updates to Twitter everytime you complete one of your items.</p>
+ <p><input type="checkbox" id="tweet" /> Send updates to Twitter</p>
+ <p>If you'd like to tweet your updates then please provide your Twitter details.</p>
+ <label for="twitteru">Username: </label><input type="text" id="twitteru" size="20" /><br/>
+ <label for="twitterp">Password: </label><input type="password" id="twitterp" size="20" />
+ <hr/>
+ <p style="text-align:right;">
+ <input type="button" onclick="$('#settings').fadeOut();" value="Cancel" />
+ <input type="button" onclick="updateSettings();" value="Update" />
+ </p>
+ </form>
+ </div>
+ <!-- End of form for editing settings -->
+ <!-- Panel with extra info about Jobii (hidden at start) -->
+ <div id="about" style="display:none;">
+ <h3>A bit about Jobii...</h3>
+ <hr/>
+ <p>Jobii is a simple to do list manager written entirely in HTML and Javascript using the innovatibe Appcelerator Titanium platform.</p>
+ <p>Built primarily as a way of exploring the Titanium APIs and the art of the possible, this application makes use of lots of different features including local databases, application variables, webkit styling and AJAX connections to Twitter.</p>
+ <p>Jobii lets you create new to do items and assign them deadlines, mark items as complete, re-enable closed items, archive closed items and even sent tweets to Twitter everytime you completed something.</p>
+ <p>Feel free to play about with the code and hopefully you'll learn as much from it as I did making it!</p>
+ <p style="text-align:center;"><img src="dave.png" /></p>
+ <hr/>
+ <p>This project is licensed under a "Attribution-Non-Commercial-Share Alike 2.0 UK: England & Wales" license.</p>
+ <hr/>
+ <p style="text-align:right;">
+ <input type="button" onclick="$('#about').fadeOut();" value="Close" />
+ </p>
+ </div>
+ <!-- End of about Jobii panel -->
+ </div>
+ <!-- End of the HTML for the right side -->
+ <script>
+ //JS functions to be called when the application is fully loaded...
+ window.onload = function(){
+ //Load all stored items
+ loadData();
+ //Initialise the date picker
+ $('#datepicker').datepicker({ altField: 'input#date', altFormat: 'yy-mm-dd' });
+ //Get any stored twitter settings
+ tu = Titanium.App.Properties.getString('twitteru');
+ $('#twitteru').val(tu);
+ tp = Titanium.App.Properties.getString('twitterp');
+ $('#twitterp').val(tp);
+ tw = Titanium.App.Properties.getString('tweet');
+ if(tw=="on") $('#tweet').attr('checked', true);
+ //Set the logo / twitter image
+ getTwitterIMG();
+ }
+ </script>
+ </body>
+</html>
Oops, something went wrong.

0 comments on commit 1215708

Please sign in to comment.