diff --git a/.DS_Store b/.DS_Store index b5e169e..1bf74ea 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/.tmp_index.html.54064~ b/.tmp_index.html.54064~ new file mode 100644 index 0000000..0fe0075 --- /dev/null +++ b/.tmp_index.html.54064~ @@ -0,0 +1,73 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
Tamara Fleisher
+ + +
+
+
+ +
+
+ + +
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + \ No newline at end of file diff --git a/.tmp_index.html.90425~ b/.tmp_index.html.90425~ new file mode 100644 index 0000000..0fe0075 --- /dev/null +++ b/.tmp_index.html.90425~ @@ -0,0 +1,73 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
Tamara Fleisher
+ + +
+
+
+ +
+
+ + +
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + \ No newline at end of file diff --git a/.tmp_index.html.95037~ b/.tmp_index.html.95037~ new file mode 100644 index 0000000..0fe0075 --- /dev/null +++ b/.tmp_index.html.95037~ @@ -0,0 +1,73 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
Tamara Fleisher
+ + +
+
+
+ +
+
+ + +
+
+
+ +
+ +
+
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + + + \ No newline at end of file diff --git a/.tmp_indexold.html.15488~ b/.tmp_indexold.html.15488~ new file mode 100644 index 0000000..0ca1c85 --- /dev/null +++ b/.tmp_indexold.html.15488~ @@ -0,0 +1,110 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
BucketList is a shared task-management application that allows you to easily create group to-do lists. +

Once you have an account, you can create "buckets" - categories for your tasks. + Then you can share these buckets with your friends, and assign different tasks to different + groups of people. You can als write and share notes about each task, to make sure you and your + group are on the same page. Now that you know what BucketList does, make an account and get started!
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+ +
+ + +
+
Tamara Fleisher
+ + +
+ +
+ +
+
+ +
+
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/.tmp_indexold.html.18190~ b/.tmp_indexold.html.18190~ new file mode 100644 index 0000000..0ca1c85 --- /dev/null +++ b/.tmp_indexold.html.18190~ @@ -0,0 +1,110 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
BucketList is a shared task-management application that allows you to easily create group to-do lists. +

Once you have an account, you can create "buckets" - categories for your tasks. + Then you can share these buckets with your friends, and assign different tasks to different + groups of people. You can als write and share notes about each task, to make sure you and your + group are on the same page. Now that you know what BucketList does, make an account and get started!
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+ +
+ + +
+
Tamara Fleisher
+ + +
+ +
+ +
+
+ +
+
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/.tmp_indexold.html.51099~ b/.tmp_indexold.html.51099~ new file mode 100644 index 0000000..0ca1c85 --- /dev/null +++ b/.tmp_indexold.html.51099~ @@ -0,0 +1,110 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
BucketList is a shared task-management application that allows you to easily create group to-do lists. +

Once you have an account, you can create "buckets" - categories for your tasks. + Then you can share these buckets with your friends, and assign different tasks to different + groups of people. You can als write and share notes about each task, to make sure you and your + group are on the same page. Now that you know what BucketList does, make an account and get started!
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+ +
+ + +
+
Tamara Fleisher
+ + +
+ +
+ +
+
+ +
+
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/.tmp_indexold.html.88891~ b/.tmp_indexold.html.88891~ new file mode 100644 index 0000000..0ca1c85 --- /dev/null +++ b/.tmp_indexold.html.88891~ @@ -0,0 +1,110 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
BucketList is a shared task-management application that allows you to easily create group to-do lists. +

Once you have an account, you can create "buckets" - categories for your tasks. + Then you can share these buckets with your friends, and assign different tasks to different + groups of people. You can als write and share notes about each task, to make sure you and your + group are on the same page. Now that you know what BucketList does, make an account and get started!
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+ +
+ + +
+
Tamara Fleisher
+ + +
+ +
+ +
+
+ +
+
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/.tmp_newIndex.html.17166~ b/.tmp_newIndex.html.17166~ new file mode 100644 index 0000000..f543f8f --- /dev/null +++ b/.tmp_newIndex.html.17166~ @@ -0,0 +1,95 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
Collaborators
+
+
+ +
+
+
+
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/.tmp_newIndex.html.99428~ b/.tmp_newIndex.html.99428~ new file mode 100644 index 0000000..040c91f --- /dev/null +++ b/.tmp_newIndex.html.99428~ @@ -0,0 +1,53 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + +
+ + + +
+
+ + +
+ + + + \ No newline at end of file diff --git a/.tmp_new_file.html.445~ b/.tmp_new_file.html.445~ new file mode 100644 index 0000000..13f5ebc --- /dev/null +++ b/.tmp_new_file.html.445~ @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/.tmp_sliding_menu.html.78136~ b/.tmp_sliding_menu.html.78136~ new file mode 100644 index 0000000..e47dd3c --- /dev/null +++ b/.tmp_sliding_menu.html.78136~ @@ -0,0 +1,33 @@ + + + + +Sliding Menu Tutorial | HV-DESIGNS.CO.UK + + + + + + + +
+ + +
+ + +
+ +
+ + diff --git a/css/.tmp_newbucketList.css.html58769~ b/css/.tmp_newbucketList.css.html58769~ new file mode 100644 index 0000000..06fa38b --- /dev/null +++ b/css/.tmp_newbucketList.css.html58769~ @@ -0,0 +1,127 @@ +

The H1 tag looks like this

+

The paragraph tag after an H1 tag looks like this

+

The H2 tag looks like this

+

The paragraph tag after an H2 tag looks like this

+

The H3 tag looks like this

+

The paragraph tag after an H3 tag looks like this

+

The H4 tag looks like this

+

The paragraph tag after an H4 tag looks like this

+
The H5 tag looks like this
+

The paragraph tag after an H5 tag looks like this

+
    +
  1. This is a strong element in an ordered list
    2. +
  2. This is an italic element in an ordered list
    3. +
  3. This is a bold element in an ordered list
    4. +
  4. This is an emphasized element in an ordered list
    5. +
  5. This is a regular element in an ordered list
    6. +
+ +
The block quote element looks like this
+
The pre element looks like this
+The code element looks like this +
+The span element looks like this +
+The anchor element looks like this +
+
+
Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this.
+
Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this.
+
Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this.
\ No newline at end of file diff --git a/css/.tmp_newbucketList.css.html85977~ b/css/.tmp_newbucketList.css.html85977~ new file mode 100644 index 0000000..d62c561 --- /dev/null +++ b/css/.tmp_newbucketList.css.html85977~ @@ -0,0 +1,64 @@ +

The H1 tag looks like this

+

The paragraph tag after an H1 tag looks like this

+

The H2 tag looks like this

+

The paragraph tag after an H2 tag looks like this

+

The H3 tag looks like this

+

The paragraph tag after an H3 tag looks like this

+

The H4 tag looks like this

+

The paragraph tag after an H4 tag looks like this

+
The H5 tag looks like this
+

The paragraph tag after an H5 tag looks like this

+
    +
  1. This is a strong element in an ordered list
    2. +
  2. This is an italic element in an ordered list
    3. +
  3. This is a bold element in an ordered list
    4. +
  4. This is an emphasized element in an ordered list
    5. +
  5. This is a regular element in an ordered list
    6. +
+ +
The block quote element looks like this
+
The pre element looks like this
+The code element looks like this +
+The span element looks like this +
+The anchor element looks like this +
+
+
Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this.
+
Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this.
+
Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this.
\ No newline at end of file diff --git a/css/newbucketList.css b/css/newbucketList.css new file mode 100644 index 0000000..f73dd1e --- /dev/null +++ b/css/newbucketList.css @@ -0,0 +1,154 @@ +#container { + font-family: Helvetica; + background-image: url('../img/bulletin.jpg'); + border: 1px solid gray; + -moz-border-radius: 15px; + border-radius: 7px; + height: 99%; + width: 99% +} + +#nameDropDown { + float: left; +} + +#dropDownBar { + margin-left: 5px; + margin-right: 5px; +} + +#rightSideDropDowns { + float: right; +} + +#alertDropDown { + float: left; +} +#myTasksDropDown { + float: right; +} + +#paperHolder { + height: 247px; + width: 380px; + float: left; + backgroud-size: 100%; + background-repeat: no-repeat; + background-image: url('../img/paper2.png'); +} + +#textHolder{ + background-color="transparent"; + font-size: 11pt; + padding-left: 10px; + padding-top: 8%; + padding-right: 10px; + padding-bottom: 8%; +} + +h5 { + font-size: small; + margin-top:0px; + margin-bottom:0px; +} + +.icon { + height: 15px; + width: 15px; +} + +ul, li { + margin:0; + padding:1px; + list-style:none; +} + +.menu_class { + font-size: 10pt; + width: 12em; + border:1px solid #1c1c1c; +} + +.the_menu { + display:none; + width: auto; + border: 1px solid #1c1c1c; + +} + +.the_menu li { + background-color: #ffffff; + padding: 1px; + color:#000000; + font-size: 10pt; + text-decoration:none; + display:block; +} + +.the_menu li:hover { + font-weight:bold; + color: #F00880; +} + +.sticky { + width: 75px; + height: 96px; + position: absolute; + background-image: url('../img/sticky.gif'); + background-repeat: no-repeat; + background-size: 100%; + padding-left: 10px; + padding-top: 15px; + padding-right: 8px; + cursor: pointer; +} + +.stickyButton{ + cursor: pointer; +} + +textarea { + background: transparent; + border: none; + width: 80%; + height: 1.6em; + resize: none; + cursor: text; +} + +textarea:focus { + outline: none; +} + +textarea.new { + color: #aaa; + background-color: trasparent; + display:inline-block; +} + +textarea.real { + color: black; + display:inline-block; +} + +textarea.note { + height: 2em; + border-bottom: dashed 1px; + border-color:-moz-use-text-color; +} + +textarea.bucket { + height: 2em; + border-bottom: dashed 1px; + border-color:-moz-use-text-color; +} + +textarea.stickyNote { + background: transparent; + height: inherit; + width: inherit; +} + +.hidden { + visibility:hidden; +} \ No newline at end of file diff --git a/img/ICON_checkbox-d.gif b/img/ICON_checkbox-d.gif new file mode 100644 index 0000000..c467ba5 Binary files /dev/null and b/img/ICON_checkbox-d.gif differ diff --git a/img/ICON_checkbox-u.gif b/img/ICON_checkbox-u.gif new file mode 100644 index 0000000..564e580 Binary files /dev/null and b/img/ICON_checkbox-u.gif differ diff --git a/img/alarmclock.png b/img/alarmclock.png new file mode 100644 index 0000000..ac4d611 Binary files /dev/null and b/img/alarmclock.png differ diff --git a/img/bucket.gif b/img/bucket.gif new file mode 100644 index 0000000..5f343eb Binary files /dev/null and b/img/bucket.gif differ diff --git a/img/checkbox-empty.png b/img/checkbox-empty.png new file mode 100644 index 0000000..85426c6 Binary files /dev/null and b/img/checkbox-empty.png differ diff --git a/img/checkbox-full.png b/img/checkbox-full.png new file mode 100644 index 0000000..d947a5c Binary files /dev/null and b/img/checkbox-full.png differ diff --git a/img/paper.gif b/img/paper.gif new file mode 100644 index 0000000..0055034 Binary files /dev/null and b/img/paper.gif differ diff --git a/img/paper2.gif b/img/paper2.gif new file mode 100644 index 0000000..0055034 Binary files /dev/null and b/img/paper2.gif differ diff --git a/img/paper2.png b/img/paper2.png new file mode 100644 index 0000000..90e2901 Binary files /dev/null and b/img/paper2.png differ diff --git a/indexold.html b/indexold.html new file mode 100644 index 0000000..0ca1c85 --- /dev/null +++ b/indexold.html @@ -0,0 +1,110 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
BucketList is a shared task-management application that allows you to easily create group to-do lists. +

Once you have an account, you can create "buckets" - categories for your tasks. + Then you can share these buckets with your friends, and assign different tasks to different + groups of people. You can als write and share notes about each task, to make sure you and your + group are on the same page. Now that you know what BucketList does, make an account and get started!
+
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+ +
+ + +
+
Tamara Fleisher
+ + +
+ +
+ +
+
+ +
+
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/js/Bucket.js b/js/Bucket.js new file mode 100644 index 0000000..5e976d1 --- /dev/null +++ b/js/Bucket.js @@ -0,0 +1,5 @@ +var Bucket=function(name) { + this.name = name; + this.tasks=[]; + this.collabs=[]; +} diff --git a/js/Note.js b/js/Note.js new file mode 100644 index 0000000..f3e42cd --- /dev/null +++ b/js/Note.js @@ -0,0 +1,7 @@ +var Note = function(name, creator, task, bucket) { + this.name = name; + this.task = task; + this.bucket = bucket; + this.alert = []; + this.creator = creator; +} diff --git a/js/Task.js b/js/Task.js new file mode 100644 index 0000000..2e840cf --- /dev/null +++ b/js/Task.js @@ -0,0 +1,7 @@ +var Task = function(name, bucket) { + this.bucket = bucket; + this.name = name; + this.notes = []; + this.dueDate = null; + this.collabs = []; +} diff --git a/js/newbucketList.js b/js/newbucketList.js new file mode 100644 index 0000000..41dc819 --- /dev/null +++ b/js/newbucketList.js @@ -0,0 +1,231 @@ +/** + * @author Becky + */ +$(document).ready(function() { + $(".draggable").draggable( {containment: "#container"} ); + $('#nameButton').click(function () { + $('ul.menu1').slideToggle('fast'); + }); + + $('#alertButton').click(function () { + $('ul.menu2').slideToggle('fast'); + }); + + $('#tasksButton').click(function() { + $('ul.menu3').slideToggle('fast'); + }); + + }); + +function addBucketToPaper(bucket, name) { + $("#paperTitle").text(name); + var collabs=["Becky", "Tamara"] + var notes = "
" + + "" + + "
" + + "
"; + var collabs = "
" + + "
"+collabs[(bucket%2)]+"
"; + + $("#bottomLeftBox").html(notes); + $("#bottomRightBox").html(collabs); + +} + +function bucketFocus(bucket) { + var id = '#b0'; + if ($(id).hasClass('new')) { + $(id).text(''); + $(id).css('color', 'black'); + } +} + +function bucketBlur(bucket) { + var currentBucket = '#b0'; + var newBucketNum = parseInt(bucket)+1; + var newBucket = 'b'+newBucketNum; + var newBucketID = '#'+newBucket; + + if ($(currentBucket).val() == '' && $(currentBucket).hasClass('new')) { + $(currentBucket).text('New Bucket'); + $(currentBucket).css('color', '#aaa'); + } + else if ($(currentBucket).hasClass('new')) { + $(currentBucket).removeClass('new'); + name = $(currentBucket).val(); + + bucket = new Bucket(name); + + bucketsTasksNotes.append(bucket); + + var newBucket = "
  • "+name+"
    • "; + + $(currentBucket).text('New Bucket'); + $(currentBucket).css('color', '#aaa'); + $(currentBucket).addClass('new'); + $(currentBucket).onkeypress="ifEnter("+newBucketID+", event)"; + + $('#tasksMenu').append(newBucket); + } +} + +function taskFocus(bucket, task) { + var id = '#b'+bucket+'t'+task; + if ($(id).hasClass('new')) { + $(id).text(''); + $(id).css('color', 'black'); + } +} + + +function taskBlur(bucket, task) { + var currentTask = '#b'+bucket+'t'+task; + var currentTaskIcon = '#b'+bucket+'t'+task+'i'; + + if($(currentTask).val() == '' && $(currentTask).hasClass('new')) { + $(currentTask).text('New Task'); + $(currentTask).css('color', '#aaa'); + } + else if ($(currentTask).hasClass('new')) { + $(currentTask).removeClass('new'); + $(currentTaskIcon).removeClass('hidden'); + + bucketsTasksNotes[bucket].append([]); + + nextTaskNumber = parseInt(task)+1; + + } + + +/* + var taskID = '#b'+bucket+'t'+task; + var iconID = '#b'+bucket+'t'+task+'i'; + var nextTaskNum = parseInt(task)+1; + var nextTaskID = 'b'+bucket+'t'+nextTaskID; + var nextTaskIcon = 'b'+bucket+'t'+nextTaskID+'i'; + + + if ($(taskID).val() == '' && $(taskID).hasClass('new')) { + $(taskID).text('New Task'); + $(taskID).css('color', '#aaa'); + } + else if ($(taskID).hasClass('new')) { + $(taskID).removeClass('new'); + $(iconID).removeClass('hidden'); + + var newIcon = ""; + + var newText = "
    "; + + $('#b'+bucket+'t'+task+'n').append(newIcon+newText); + // $('#'+newNodeId).focus(); + } +*/ +} + +function noteFocus(bucket, task, note) { + var id = '#b'+bucket+'t'+task+'n'+note; + if ($(id).hasClass('new')) { + $(id).text(''); + $(id).css('color', 'black'); + } +} + + +function noteBlur(bucket, task, note) { + var pNoteId = '#b'+bucket+'t'+task+'n'+note; + var pIconId = '#b'+bucket+'t'+task+'i'+note; + var newNoteNum = parseInt(note)+1; + var newNoteId = 'b'+bucket+'t'+task+'n'+newNoteNum; + var newIconId = 'b'+bucket+'t'+task+'i'+newNoteNum; + + + if ($(pNoteId).val() == '' && $(pNoteId).hasClass('new')) { + $(pNoteId).text('New Note'); + $(pNoteId).css('color', '#aaa'); + } + else if ($(pNoteId).hasClass('new')) { + $(pNoteId).removeClass('new'); + $(pIconId).removeClass('hidden'); + + var newIcon = ""; + + var newText = "
    "; + + $('#b'+bucket+'t'+task+'n').append(newIcon+newText); + // $('#'+newNodeId).focus(); + } +} + +function addSticky(bucket, task, note) { + var id = 'b'+bucket+'t'+task+'n'+note+'s'; + var noteId = '#b'+bucket+'t'+task+'n'+note; + var buttonId = '#b'+bucket+'t'+task+'i'+note; + $(buttonId).attr("onclick", ""); + $(buttonId).css("opacity", "0.3"); + $(buttonId).css("filter", "alpha(opacity=30)"); + var note = "
    "; + $("#container").append(note); + $(".draggable").draggable( {containment: "#container"} ); + // $(".resizable").resizable(); +} + +function addTaskToInfo(bucket, task, name) { + var notes = "
    " + + "

    Information about " + name + "

    " + + "" + + + "
    " + +"
    "; + + var collabs = "
    " + + "
    Collaborators" + + "
    " + + "
    Becky
    "; + var due = "
    " + + "

    Due Date Options

    " + + "
    Due Date: " + + "" + + "
    Remind me days in advance.
    "; + + $("#notesBox").append(notes); + $("#collabsBar").append(collabs); + $("#dueOptions").append(due); +} + +function ifEnter(field, event) { + var theCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; + if (theCode == 13){ + $(field).blur(); + } +} + diff --git a/newIndex.html b/newIndex.html new file mode 100644 index 0000000..2df4abe --- /dev/null +++ b/newIndex.html @@ -0,0 +1,98 @@ + + + + + BucketList + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    Collaborators
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    + + + + + + + \ No newline at end of file