hourglass 0.0.1-java

data/public/js/autocomplete.js

@@ -0,0 +1,183 @@
+var activities, tags, projects;
+
+function getActivities() {
+  $.get('/activities', function(data) {
+    var d = new Dictionary();
+    $.each(data, function(i, object) {
+      d.add(object);
+    });
+    activities = d;
+  }, 'json');
+}
+
+function getTags() {
+  $.get('/tags', function(data) {
+    var d = new Dictionary();
+    $.each(data, function(i, name) {
+      d.add(name);
+    });
+    tags = d;
+  }, 'json');
+}
+
+function splitTags(val) {
+  return val.split(/,\s*/);
+}
+
+function extractLastTag(term) {
+  return splitTags(term).pop();
+}
+
+function getProjects() {
+  $.get('/projects', function(data) {
+    var d = new Dictionary();
+    $.each(data, function(i, name) {
+      d.add(name);
+    });
+    projects = d;
+  }, 'json');
+}
+
+$(function() {
+  // these return immediately
+  getActivities();
+  getTags();
+  getProjects();
+
+  $('input.activity-name').autocomplete({
+    minLength: 0,
+    delay: 0,
+    source: function(request, response) {
+      var result = [];
+      var parts = request.term.split('@');
+      if (parts.length == 2) {
+        if (projects != null) {
+          var values = projects.match(parts[1]);
+          if (values != null) {
+            result = values;
+          }
+        }
+      }
+      else {
+        if (activities != null) {
+          var values = activities.match(request.term);
+          if (values != null) {
+            result = values;
+          }
+        }
+      }
+      response(result);
+    },
+    focus: function(event, ui) {
+      var item = ui.item;
+      var obj = $(event.target);
+      var parts = obj.val().split('@');
+
+      if (parts.length == 2) {
+        /* autocomplete only the project */
+        obj.val(parts[0] + '@' + item.value);
+      }
+      else {
+        obj.val(item.value);
+      }
+
+      return false;
+    },
+    select: function(event, ui) {
+      return false;
+    }
+  });
+
+  $('input.activity-tags')
+    // don't navigate away from the field on tab when selecting an item
+    .bind("keydown", function(event) {
+      if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) {
+        event.preventDefault();
+      }
+    })
+    .autocomplete({
+      minLength: 0,
+      delay: 0,
+      source: function(request, response) {
+        var result = [];
+        var term = extractLastTag(request.term);
+        if (tags != null) {
+          var values = tags.match(term);
+          if (values != null) {
+            result = values;
+          }
+        }
+        response(result);
+      },
+      focus: function() {
+        // prevent value inserted on focus
+        return false;
+      },
+      select: function(event, ui) {
+        var terms = splitTags(this.value);
+
+        // remove the current input
+        terms.pop();
+
+        // add the selected item
+        terms.push(ui.item.value);
+
+        // add placeholder to get the comma-and-space at the end
+        terms.push("");
+
+        this.value = terms.join(", ");
+        return false;
+      }
+    });
+
+  var times = []
+  for (var h = 0; h < 24; h++) {
+    if (h < 10) {
+      times.push('0'+h+':00', '0'+h+':15', '0'+h+':30', '0'+h+':45');
+    }
+    else {
+      times.push(h+':00', h+':15', h+':30', h+':45');
+    }
+  }
+  $('.activity-started-at-date, .activity-ended-at-date').datepicker();
+  var timeInputs = $('.activity-started-at-time, .activity-ended-at-time').autocomplete({
+    minLength: 0,
+    delay: 0,
+    source: function(request, response) {
+      response(times);
+      /* get the closest time and highlight it */
+      var parts = request.term.split(":");
+      if (parts[1]) {
+        var min;
+        if (parts[1].length == 1) {
+          min = parseInt(parts[1]) * 10;
+        }
+        else if (parts[1].substr(0, 1) == "0") {
+          min = parseInt(parts[1].substr(1, 1));
+        }
+        else {
+          min = parseInt(parts[1]);
+        }
+        min = Math.round(min / 15) * 15;
+
+        if (min == 0) {
+          parts[1] = '00';
+        }
+        else {
+          parts[1] = min;
+        }
+      }
+      else {
+        parts[1] = '00';
+      }
+      var target = parts.join(':');
+      var index = times.indexOf(target);
+      if (index >= 0) {
+        this.menu.activate(new $.Event('mouseover'),
+          this.menu.element.find('li:nth-child('+(index+1)+')'));
+      }
+    },
+  }).each(function() {
+    $(this).data('autocomplete').menu.element.addClass('activity-time');
+  });
+});

data/public/js/dictionary.js

@@ -0,0 +1,93 @@
+function Dictionary(attr) {
+  this.attr = typeof(attr) == 'undefined' ? null : attr;
+  this.entries = {all: []};
+}
+
+Dictionary.prototype.getObjectString = function(object) {
+  return (this.attr ? object[this.attr] : object).toLowerCase();
+}
+
+Dictionary.prototype.add = function(object) {
+  var str = this.getObjectString(object);
+  return this._add(this.entries, str, 0, object);
+};
+
+/* Recursive method to prevent duplicate items from being added
+ *
+ * NOTE: This does shallow comparisons, so different objects will always
+ * be "different" */
+Dictionary.prototype._add = function(entries, str, index, object) {
+  var result;
+  if (index < str.length) {
+    var c = str.charAt(index);
+    if (!entries.hasOwnProperty(c)) {
+      entries[c] = {all: []};
+    }
+    result = this._add(entries[c], str, index + 1, object);
+  }
+  else {
+    /* Check to see if we've recorded this value yet. */
+    result = (entries.all.indexOf(object) == -1);
+  }
+
+  if (result) {
+    entries.all.push(object);
+  }
+  return result;
+}
+
+Dictionary.prototype.remove = function(object) {
+  var str = this.getObjectString(object);
+  return this._remove(this.entries, str, 0, object);
+}
+
+/* Same thing as _add, except remove :) */
+/* DO IT! */
+Dictionary.prototype._remove = function(entries, str, index, object) {
+  var result;
+  if (index < str.length) {
+    var c = str.charAt(index);
+    if (!entries.hasOwnProperty(c)) {
+      return false;
+    }
+    else {
+      result = this._remove(entries[c], str, index + 1, object);
+      if (result) {
+        if (entries[c].all.length == 0) {
+          /* prune! */
+          delete entries[c];
+        }
+
+        var index = entries.all.indexOf(object);
+        entries.all.splice(index, 1);
+      }
+      return result;
+    }
+  }
+  else {
+    /* Check to see if the value's in the dictionary. */
+    var index = entries.all.indexOf(object);
+    if (index >= 0) {
+      entries.all.splice(index, 1);
+      return true;
+    }
+    else {
+      return false;
+    }
+  }
+}
+
+Dictionary.prototype.match = function(str) {
+  var cur = this.entries;
+  var all = cur.all;
+  var str = str.toLowerCase();
+  for (var i = 0; i < str.length; i++) {
+    var c = str.charAt(i);
+    if (!cur.hasOwnProperty(c)) {
+      return null;
+    }
+    all = cur[c].all;
+    cur = cur[c];
+  }
+  return all;
+}

data/public/js/index.js

@@ -0,0 +1,217 @@
+var buttonWidth = 0;
+
+function resizeUI() {
+  var h = $(window).height();
+  var w = $(window).width();
+  var t = $('#tabs');
+  var outerH = h - t.offset().top - t.next().outerHeight(true);
+  t.outerHeight(outerH);
+
+  var paneH = t.height() - t.find('.ui-tabs-nav').outerHeight(true);
+  t.find('.ui-tabs-panel').outerHeight(paneH);
+}
+function isSameDay(one, two) {
+  return one.getFullYear() == two.getFullYear() &&
+         one.getMonth() == two.getMonth() &&
+         one.getDate() == two.getDate()
+}
+function updateUI(data) {
+  $('#current-activity').html(data.current);
+  $('.stop-tracking').button().find('span').width(buttonWidth);
+  $('#today-tab').html(data.today);
+  $('#week-tab').html(data.week);
+
+  if (typeof(activities) == "object") {
+    /* add autocomplete stuff */
+    if (data.changes) {
+      var c = data.changes;
+      if (c.new_activity) {
+        activities.add(c.new_activity);
+      }
+      if (c.new_project) {
+        projects.add(c.new_project);
+      }
+      if (c.new_tags) {
+        $.each(c.new_tags, function() {
+          tags.add(this);
+        });
+      }
+      if (c.delete_activity) {
+        activities.remove(c.delete_activity);
+      }
+    }
+  }
+}
+function millisecondsToWords(num) {
+  var total_minutes = Math.floor(num / 60000);
+  if (total_minutes == 0) {
+    return("0min");
+  }
+
+  var minutes = total_minutes % 60;
+  var total_hours = Math.floor(total_minutes / 60);
+  var hours = total_hours % 24;
+  var days = Math.floor(hours / 24);
+
+  var strings = [];
+  if (days > 0) {
+    strings.push(days+'d');
+  }
+  if (hours > 0) {
+    strings.push(hours+'h');
+  }
+  if (minutes > 0) {
+    strings.push(minutes+'min');
+  }
+
+  return(strings.join(" "));
+}
+function updateCurrent() {
+  var now = new Date();
+  $('.activity-duration.activity-running').each(function() {
+    var obj = $(this);
+    var startedAt = obj.data('startedAt');
+    if (typeof(startedAt) == 'undefined') {
+      startedAt = new Date(obj.attr('title'));
+      obj.data('startedAt', startedAt);
+    }
+    var diff = now - startedAt;
+    obj.html(millisecondsToWords(diff));
+  });
+}
+
+$(function() {
+  $('#tabs').tabs();
+
+  $('#new-activity-form').submit(function(e) {
+    e.preventDefault();
+
+    var form = $(this);
+    var name = form.find('.activity-name');
+    var tags = form.find('.activity-tags');
+    var data = {
+      'activity[name_with_project]': (name.hasClass('empty') ? "" : name.val()),
+      'activity[tag_names]': (tags.hasClass('empty') ? "" : tags.val()),
+      'activity[running]': 'true'
+    };
+    $.post('/activities', data, function(data, status) {
+      if (data && !data.errors) {
+        updateUI(data);
+        form.find('.activity-name').val('').blur();
+        form.find('.activity-tags').val('').blur();
+      }
+    }, 'json');
+  });
+
+  $('#new-activity-form .activity-name').focus(function() {
+    var obj = $(this);
+    if (obj.val() == "Activity") {
+      obj.val('');
+    }
+    obj.removeClass('empty');
+  }).blur(function() {
+    var obj = $(this);
+    if (!obj.val()) {
+      obj.val('Activity');
+      obj.addClass('empty');
+    }
+  }).blur();
+
+  $('#new-activity-form .activity-tags').focus(function() {
+    var obj = $(this);
+    if (obj.val() == "Tags") {
+      obj.val('');
+    }
+    obj.removeClass('empty');
+  }).blur(function() {
+    var obj = $(this);
+    if (!obj.val()) {
+      obj.val('Tags');
+      obj.addClass('empty');
+    }
+  }).blur();
+
+  $('#activity-dialog').dialog({
+    autoOpen: false,
+    width: 'auto',
+    title: 'Add earlier activity',
+    buttons: {
+      "Cancel": function() {
+        $(this).dialog('close');
+      },
+      "Save": function() {
+        $(this).find('form').submit();
+      }
+    }
+  }).find('form').submit(function(e) {
+    e.preventDefault();
+    f.parent().dialog('close');
+  }).find('input').keydown(function(e) {
+    if (e.keyCode == 13) {
+      $(this).closest('form').submit();
+    }
+  });
+
+  $('.stop-tracking').live('click', function(e) {
+    e.preventDefault();
+    $.get('/activities/current/stop', function(data) {
+      updateUI(data);
+    }, 'json')
+  });
+
+  $('#add-earlier-activity').click(function(e) {
+    var button = $(this);
+    var popup = window.open("/activities/new", '_blank');
+    /*
+    var popupInterval = setInterval(function() {
+      if (popup.closed) {
+        clearTimeout(popupInterval);
+        button.attr('disabled', false);
+      }
+    }, 200);
+    */
+  });
+
+  var resizeTimer = null;
+  $(window).bind('resize', function() {
+    if (resizeTimer) clearTimeout(resizeTimer);
+    resizeTimer = setTimeout(resizeUI, 100);
+  });
+  resizeUI();
+
+  $('button').button();
+  buttonWidth = $('.start-tracking span').width();
+  $('.stop-tracking span').width(buttonWidth);
+
+  $('.activity .ui-icon-pencil').live('click', function(e) {
+    var icon = $(this);
+    var activityId = icon.closest('.activity').attr('class').match(/activity-(\d+)/)[1];
+    var popup = window.open("/activities/" + activityId + "/edit", '_blank');
+  });
+
+  var confirmationDialog = $('#confirmation-dialog').dialog({
+    autoOpen: false,
+    resizable: false,
+    modal: true,
+    buttons: {
+      "Delete": function() {
+        var obj = $(this);
+        var activityId = obj.data('activityId');
+        $.get("/activities/" + activityId + "/delete", function(data) {
+          updateUI(data);
+        }, 'json');
+        obj.dialog("close");
+      },
+      Cancel: function() {
+        $(this).dialog("close");
+      }
+    }
+  });
+
+  $('.activity .ui-icon-trash').live('click', function(e) {
+    var icon = $(this);
+    var activityId = icon.closest('.activity').attr('class').match(/activity-(\d+)/)[1];
+    confirmationDialog.data('activityId', activityId).dialog('open'); });
+
+  var updateInterval = setInterval(updateCurrent, 60000);
+});