todidnt 0.1.0 → 0.2.0

data/.gitignore

@@ -0,0 +1 @@
+*.gem

data/Gemfile

@@ -2,6 +2,8 @@ source 'https://rubygems.org'
 ruby '1.9.3'
 
 gem 'chronic'
+gem 'launchy'
+gem 'tilt'
 
 group 'test' do
   gem 'minitest'

data/Gemfile.lock

@@ -1,16 +1,22 @@
 GEM
   remote: https://rubygems.org/
   specs:
+    addressable (2.3.5)
+    chronic (0.10.2)
+    launchy (2.4.2)
+      addressable (~> 2.3)
     metaclass (0.0.1)
     minitest (5.0.8)
     mocha (0.14.0)
       metaclass (~> 0.0.1)
-    trollop (2.0)
+    tilt (2.0.0)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
+  chronic
+  launchy
   minitest
   mocha
-  trollop
+  tilt

data/lib/todidnt/html_generator.rb

@@ -0,0 +1,64 @@
+require 'tilt'
+require 'erb'
+require 'fileutils'
+require 'json'
+
+module Todidnt
+  class HTMLGenerator
+    SOURCE_PATH = File.join(
+      File.dirname(File.expand_path(__FILE__)),
+      '../../templates'
+    )
+    DESTINATION_PATH = '.todidnt'
+
+    def self.generate_common
+      # Create the destination folder unless it already exists.
+      Dir.mkdir(DESTINATION_PATH) unless Dir.exists?(DESTINATION_PATH)
+
+      # Copy over directories (e.g. js, css) to the destination.
+      common_dirs = []
+      Dir.chdir(SOURCE_PATH) do
+        common_dirs = Dir.glob('*').select do |dir|
+          File.directory?(dir)
+        end
+      end
+
+      common_dirs.each do |dir|
+        FileUtils.cp_r(
+          source_path(dir),
+          destination_path,
+          :remove_destination => true
+        )
+      end
+    end
+
+    def self.generate(template, context={})
+      generate_common
+
+      content_template = from_template(template)
+      layout_template = from_template(:layout)
+
+      inner_content = content_template.render nil, context
+      result = layout_template.render { inner_content }
+
+      file_name = destination_path("todidnt_#{template}.html")
+      File.open(file_name, 'w') do |file|
+        file.write(result)
+      end
+
+      File.absolute_path(file_name)
+    end
+
+    def self.source_path(path=nil)
+      path ? "#{SOURCE_PATH}/#{path}" : SOURCE_PATH
+    end
+
+    def self.destination_path(path=nil)
+      path ? "#{DESTINATION_PATH}/#{path}" : DESTINATION_PATH
+    end
+
+    def self.from_template(template)
+      Tilt::ERBTemplate.new(source_path("#{template}.erb"))
+    end
+  end
+end

data/lib/todidnt/todo_line.rb

@@ -1,6 +1,6 @@
 module Todidnt
   class TodoLine
-    IGNORE = %r{assets/js|third_?party|node_modules|jquery|Binary}
+    IGNORE = %r{assets/js|third_?party|node_modules|jquery|Binary|vendor}
 
     attr_reader :filename, :line_number, :content, :author, :timestamp
 
@@ -28,6 +28,7 @@ module Todidnt
       options = [
         ['--line-porcelain'],
         ['-L', "#{@line_number},#{@line_number}"],
+        ['-w'],
         [@filename]
       ]
 
@@ -48,5 +49,15 @@ module Todidnt
     def pretty
       "#{pretty_time} (#{author}, #{filename}:#{line_number}): #{content}"
     end
+
+    def to_hash
+      {
+        :time => pretty_time,
+        :author => author,
+        :filename => filename,
+        :line_number => line_number,
+        :content => content
+      }
+    end
   end
 end

data/lib/todidnt.rb

@@ -1,12 +1,14 @@
 require 'todidnt/git_repo'
 require 'todidnt/git_command'
 require 'todidnt/todo_line'
+require 'todidnt/html_generator'
 
 require 'chronic'
+require 'launchy'
 
 module Todidnt
   class CLI
-    VALID_COMMANDS = %w{all overdue}
+    VALID_COMMANDS = %w{all overdue history}
 
     def self.run(command, options)
       if command && VALID_COMMANDS.include?(command)
@@ -20,14 +22,12 @@ module Todidnt
     end
 
     def self.all(options)
-      all_lines = self.all_lines(options)
+      all_lines = self.all_lines(options).sort_by(&:timestamp)
 
-      puts "\nResults:"
-      all_lines.sort_by do |line|
-        line.timestamp
-      end.each do |line|
-        puts line.pretty
-      end
+      puts "\nOpening results..."
+
+      file_path = HTMLGenerator.generate(:all, :all_lines => all_lines)
+      Launchy.open("file://#{file_path}")
     end
 
     def self.overdue(options)
@@ -65,5 +65,172 @@ module Todidnt
         lines
       end
     end
+
+    def self.history(options)
+      GitRepo.new(options[:path]).run do |path|
+        log = GitCommand.new(:log, [['-G', 'TODO'], ['--format="COMMIT %an %ae %at"'], ['-p'], ['-U0']])
+
+        history = []
+
+        blame_hash = {}
+
+        puts "Going through log..."
+        patch_additions = []
+        patch_deletions = []
+        filename = nil
+        total = log.output_lines.count
+
+        log.output_lines.reverse.each do |line|
+          if (summary = /^COMMIT (.*) (.*) (.*)/.match(line))
+            name = summary[1]
+            email = summary[2]
+            time = summary[3]
+
+            unless filename =~ TodoLine::IGNORE
+              # Put the additions in the blame hash so when someone removes we
+              # can tell who the original author was. Mrrrh, this isn't going to
+              # work if people add the same string (pretty common e.g. # TODO).
+              # We can figure this out later though.
+              patch_additions.each do |line|
+                blame_hash[line] ||= []
+                blame_hash[line] << name
+              end
+
+              deletions_by_author = {}
+              patch_deletions.each do |line|
+                author = blame_hash[line] && blame_hash[line].pop
+
+                if author
+                  deletions_by_author[author] ||= 0
+                  deletions_by_author[author] += 1
+                else
+                  puts "BAD BAD can't find original author: #{line}"
+                end
+              end
+
+              history << {
+                :timestamp => time.to_i,
+                :author => name,
+                :additions => patch_additions.count,
+                :deletions => deletions_by_author[name] || 0
+              }
+
+              deletions_by_author.delete(name)
+              deletions_by_author.each do |author, deletion_count|
+                history << {
+                  :timestamp => time.to_i,
+                  :author => author,
+                  :additions => 0,
+                  :deletions => deletion_count
+                }
+              end
+            end
+
+            patch_additions = []
+            patch_deletions = []
+          elsif (diff = /diff --git a\/(.*) b\/(.*)/.match(line))
+            filename = diff[1]
+          elsif (diff = /^\+(.*TODO.*)/.match(line))
+            patch_additions << diff[1]
+          elsif (diff = /^\-(.*TODO.*)/.match(line))
+            patch_deletions << diff[1]
+          end
+        end
+
+        history.sort_by! {|slice| slice[:timestamp]}
+        min_commit_date = Time.at(history.first[:timestamp])
+        max_commit_date = Time.at(history.last[:timestamp])
+
+        timespan = max_commit_date - min_commit_date
+
+        # Figure out what the interval should be based on the total timespan.
+        if timespan > 86400 * 365 * 10 # 10+ years
+          interval = 86400 * 365 # years
+        elsif timespan > 86400 * 365 * 5 # 5-10 years
+          interval = 86400 * (365 / 2) # 6 months
+        elsif timespan > 86400 * 365 # 2-5 years
+          interval = 86400 * (365 / 4) # 3 months
+        elsif timespan > 86400 * 30 * 6 # 6 months-3 year
+          interval = 86400 * 30 # months
+        elsif timespan > 86400 * 1 # 1 month - 6 months
+          interval = 86400 * 7
+        else # 0 - 2 months
+          interval = 86400 # days
+        end
+
+        original_interval_start = Time.new(min_commit_date.year, min_commit_date.month, min_commit_date.day).to_i
+        interval_start = original_interval_start
+        interval_end = interval_start + interval
+
+        puts "Finalizing timeline..."
+        buckets = []
+        current_bucket_authors = {}
+        bucket_total = 0
+
+        i = 0
+        # Going through the entire history of +/-'s of TODOs.
+        while i < history.length
+          should_increment = false
+          slice = history[i]
+          author = slice[:author]
+
+          # Does the current slice exist inside the bucket we're currently
+          # in? If so, add it to the author's total and go to the next slice.
+          if slice[:timestamp] >= interval_start && slice[:timestamp] < interval_end
+            current_bucket_authors[author] ||= 0
+            current_bucket_authors[author] += slice[:additions] - slice[:deletions]
+            bucket_total += slice[:additions] - slice[:deletions]
+            should_increment = true
+          end
+
+          # If we're on the last slice, or the next slice would have been
+          # in a new bucket, finish the current bucket.
+          if i == (history.length - 1) || history[i + 1][:timestamp] >= interval_end
+            buckets << {
+              :timestamp => Time.at(interval_start).strftime('%D'),
+              :authors => current_bucket_authors,
+              :total => bucket_total
+            }
+            interval_start += interval
+            interval_end += interval
+
+            current_bucket_authors = current_bucket_authors.clone
+          end
+
+          i += 1 if should_increment
+        end
+
+        authors = Set.new
+        contains_other = false
+        buckets.each do |bucket|
+          significant_authors = {}
+          other_count = 0
+          bucket[:authors].each do |author, count|
+            # Only include the author if they account for more than > 3% of
+            # the TODOs in this bucket.
+            if count > bucket[:total] * 0.03
+              significant_authors[author] = count
+              authors << author
+            else
+              other_count += count
+            end
+          end
+
+          if other_count > 0
+            significant_authors['Other'] = other_count
+            contains_other = true
+          end
+
+          bucket[:authors] = significant_authors
+        end
+
+        if contains_other
+          authors << 'Other'
+        end
+
+        file_path = HTMLGenerator.generate(:history, :data => {:history => buckets.map {|h| h[:authors].merge('Date' => h[:timestamp]) }, :authors => authors.to_a})
+        Launchy.open("file://#{file_path}")
+      end
+    end
   end
 end

data/templates/all.erb

@@ -0,0 +1,161 @@
+<div id='all'></div>
+
+<script type="text/jsx">
+  /** @jsx React.DOM */
+
+  var lines = <%= all_lines.map(&:to_hash).to_json %>;
+
+  var FilterableTODOList = React.createClass({
+    getInitialState: function() {
+      return {
+        filters: {}
+      };
+    },
+
+    handleFilterChange: function(name, value) {
+      newFilters = this.state.filters;
+      if (value === '') {
+        delete newFilters[name];
+      } else {
+        newFilters[name] = value;
+      }
+
+      this.setState({
+        filters: newFilters
+      });
+    },
+
+    render: function() {
+      return (
+        <div className='filterable-todo-list'>
+          <TODOFilters lines={this.props.lines} filters={this.state.filters} handleFilterChange={this.handleFilterChange} />
+          <TODOLineList lines={this.props.lines} filters={this.state.filters} />
+        </div>
+      );
+    }
+  });
+
+  var TODOFilters = React.createClass({
+    authors: function() {
+      return _.uniq(
+        _.map(this.props.lines, function(line) { return line.author; })
+      );
+    },
+
+    render: function() {
+      var authorFilter = <TODOSelectFilter name='author' options={this.authors()} handleFilterChange={this.props.handleFilterChange} />;
+
+      return (
+        <div className='controls'>
+          <div className='filters'>
+            Filter by:
+            {authorFilter}
+          </div>
+        </div>
+      );
+    }
+  });
+
+  var TODOSelectFilter = React.createClass({
+    selectElement: function() {
+      return this.refs[this.props.name + 'Select'];
+    },
+
+    handleSelect: function() {
+      value = this.selectElement().getDOMNode().value;
+      this.props.handleFilterChange(this.props.name, value);
+    },
+
+    componentDidMount: function() {
+      el = $(this.selectElement().getDOMNode());
+      el.chosen().change(this.handleSelect);
+    },
+
+    render: function() {
+      selectOptions = [];
+      this.props.options.forEach(function(option) {
+        selectOptions.push(<option>{option}</option>);
+      });
+
+      return (
+        <div className='filter'>
+          <select data-placeholder={this.props.name} id={this.props.name} ref={this.props.name + 'Select'}>
+            <option value='' selected>(All authors)</option>
+            {selectOptions}
+          </select>
+        </div>
+      );
+    }
+  });
+
+  var TODOLineList = React.createClass({
+    noFilters: function() {
+      return _.isEmpty(this.props.filters);
+    },
+
+    includeLine: function(line) {
+      filters = this.props.filters;
+
+      if (this.noFilters()) {
+        return true;
+      }
+
+      // If there are any filters, make sure the line fits all of them.
+      return _.every(Object.keys(filters), function(filter) {
+        return line[filter] === filters[filter];
+      });
+    },
+
+    render: function() {
+      var lines = [];
+      this.props.lines.forEach(function(line) {
+        if (this.includeLine(line)) {
+          lines.push(<TODOLine line={line} />);
+        }
+      }.bind(this));
+
+      var countMessage = "";
+      if (this.noFilters()) {
+        countMessage = 'There are ' + lines.length + ' TODOs total!';
+      } else {
+        countMessage = 'There are ' + lines.length + ' TODOs, out of ' + this.props.lines.length + ' total!';
+      }
+
+      return (
+        <div className='lines'>
+          {countMessage}
+          {lines}
+        </div>
+      );
+    }
+  });
+
+  var TODOLine = React.createClass({
+    render: function() {
+      return (
+        <div className='line'>
+          <div className='meta'>
+            <div className='padding'>
+              <span className='date'>{this.props.line.time}</span>
+              <span className='author'>{this.props.line.author}</span>
+              <span className='file'>
+                <a href={'../' + this.props.line.filename}>
+                  {this.props.line.filename}:{this.props.line.line_number}
+                </a>
+              </span>
+            </div>
+          </div>
+          <div className='content'>
+            <div className='padding'>
+              <span>{this.props.line.content}</span>
+            </div>
+          </div>
+        </div>
+      );
+    }
+  });
+
+  $(document).ready(function() {
+    React.renderComponent(<FilterableTODOList lines={lines} />, document.getElementById('all'));
+  });
+</script>

data/templates/css/chosen.min.css

@@ -0,0 +1,3 @@
+/* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */
+
+.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:15px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}

data/templates/css/style.css

@@ -0,0 +1,129 @@
+/* Global */
+
+html, body {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica Neue, Arial, san-serif;
+  font-size: 0.9em;
+  color: #444;
+
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+}
+
+body a {
+  color: #5F8EB3;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+body a:hover {
+  text-decoration: underline;
+}
+
+/* Layout */
+
+header {
+  background: #333;
+  color: #fff;
+  padding: 10px 30px;
+}
+
+header h1 {
+  -webkit-margin-before: 0;
+  -webkit-margin-after: 0;
+}
+
+section.content {
+  padding: 30px;
+}
+
+footer {
+  text-align: center;
+  padding-bottom: 25px;
+}
+
+/* TODO Lines */
+
+section div.controls {
+  padding-bottom: 20px;
+}
+
+section div.controls div.filter {
+  display: inline-block;
+  padding-left: 10px;
+}
+
+section div.controls div.filter select {
+  width: 150px;
+}
+
+section div.line {
+  width: 100%;
+}
+
+section div.line > div {
+  display: inline-block;
+  height: 38px;
+  line-height: 20px;
+
+  margin: 2px 0;
+
+  border-style: solid;
+  border-width: 1px 1px 5px;
+}
+
+section div.line div div.padding {
+  padding: 10px 10px;
+
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+section div.line div.meta {
+  background: #B1D2E3;
+  border-color: #A1C3D6;
+  border-radius: 2px 0px 0px 2px;
+
+  font-weight: bold;
+
+  width: 35%;
+}
+
+section div.line div.content {
+  background: #f6f6f6;
+  border-color: #eee;
+  border-radius: 0 2px 3px 0;
+
+  font-family: 'Monaco', serif;
+  font-size: 0.8em;
+
+  position: relative;
+  left: -5px;
+  z-index: -1;
+  padding-left: 15px;
+
+  width: 60%;
+}
+
+section div.line:hover div.meta {
+  background: #A1C3D6;
+  border-color: #95B9CC;
+}
+
+section div.line:hover div.content{
+  background: #eee;
+  border-color: #dedede;
+}
+
+section div.line div.meta span {
+  margin-right: 10px;
+}
+
+section div.line div.meta span:last-child {
+  margin-right: 0;
+}

data/templates/history.erb

@@ -0,0 +1,5 @@
+<script src='http://d3js.org/d3.v3.min.js'></script>
+<script type='text/javascript'>
+  PRELOADED_DATA = <%= data.to_json %>;
+</script>
+<script src='js/todidnt-history.js'></script>