caseflow 0.1.5

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 46d897006bb989bb7eb63c21d4edb1fb24430b81
+  data.tar.gz: 22a7df4b8f00ccb4192e31881c36c459d80d2d4e
+SHA512:
+  metadata.gz: 1576cc07f39c82e763801ac325a1c7167c1c9c7a01591c99295430d966cadf95042a64dfb7c889627ecbff62943f163f408649e8867fcb8007785fc513644b07
+  data.tar.gz: a45324f9e9735db247cd304b744d1c0b9223cbac4e71430adfbad58ba7dd4053084c0d647db0503a19e029a4af0722079cf1068b85055d6a604bdcc003655fc9

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/.travis.yml

@@ -0,0 +1,5 @@
+sudo: false
+language: ruby
+rvm:
+  - 2.3.0
+before_install: gem install bundler -v 1.12.5

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in caseflow.gemspec
+gemspec

data/README.md

@@ -0,0 +1,35 @@
+# Caseflow
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/caseflow`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'caseflow'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install caseflow
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/department-of-veterans-affairs/caseflow-commons.

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/app/assets/images/icons/icon-check.svg

@@ -0,0 +1 @@
+<svg width="60" height="50" class="cf-icon-found" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 50" aria-labelledby="title"><title>found</title><path fill="#2e8540" d="M57 13.3L29.9 41.7 24.8 47c-.7.7-1.6 1.1-2.5 1.1-.9 0-1.9-.4-2.5-1.1l-5.1-5.3L1 27.5c-.7-.7-1-1.7-1-2.7s.4-2 1-2.7l5.1-5.3c.7-.7 1.6-1.1 2.5-1.1.9 0 1.9.4 2.5 1.1l11 11.6L46.8 2.7c.7-.7 1.6-1.1 2.5-1.1.9 0 1.9.4 2.5 1.1L57 8c.7.7 1 1.7 1 2.7 0 1-.4 1.9-1 2.6z"/></svg>

data/app/assets/javascripts/caseflow_stats.js

@@ -0,0 +1,23 @@
+// This is a manifest file that'll be compiled into stats.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require d3
+//= require moment
+//= require moment-timezone
+//= require_tree ./stats
+
+// Offset data for the Eastern time zone
+moment.tz.add("America/New_York|EST EDT EWT EPT|50 40 40 40|01010101010101010101010101010101010101010101010102301010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010101010|-261t0 1nX0 11B0 1nX0 11B0 1qL0 1a10 11z0 1qN0 WL0 1qN0 11z0 1o10 11z0 1o10 11z0 1o10 11z0 1o10 11z0 1qN0 11z0 1o10 11z0 1o10 11z0 1o10 11z0 1o10 11z0 1qN0 WL0 1qN0 11z0 1o10 11z0 1o10 11z0 1o10 11z0 1o10 11z0 1qN0 WL0 1qN0 11z0 1o10 11z0 RB0 8x40 iv0 1o10 11z0 1o10 11z0 1o10 11z0 1o10 11z0 1qN0 WL0 1qN0 11z0 1o10 11z0 1o10 11z0 1o10 11z0 1o10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1a10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1cN0 1cL0 1cN0 1cL0 s10 1Vz0 LB0 1BX0 1cN0 1fz0 1a10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 1cN0 1fz0 1a10 1fz0 1cN0 1cL0 1cN0 1cL0 1cN0 1cL0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 14p0 1lb0 14p0 1lb0 14p0 1nX0 11B0 1nX0 11B0 1nX0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Rd0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0 Op0 1zb0|21e6")
+
+$(function() {
+  window.StatsPanelToggle.bind();
+});

data/app/assets/javascripts/stats/dashboard.js

@@ -0,0 +1,172 @@
+window.Dashboard = (function(d3, moment) {
+  // private
+  var data, interval, index, maxIndex, dateStrings, charts, values, rates, times, dates, tables, x, y, bars
+
+  function init(opts) {
+    data = opts.data
+    interval = opts.interval
+
+    index = 0
+    maxIndex = data.length - 1
+    dateStrings = data.map(function (d, i) {
+      var date = moment.unix(d.key).tz('America/New_York')
+      var str = ''
+      switch (interval) {
+      case 'hourly': str += date.format('HH:mm') + '–' + date.add(59, 'm').format('HH:mm z'); break
+      case 'daily': str += date.format('MMMM D'); break
+      case 'weekly': str += 'the week of ' + date.format('MMMM D'); break
+      case 'monthly': str += date.format(i < 12 ? 'MMMM' : 'MMMM YYYY'); break
+      default: str += date.format('X')
+      }
+
+      if (i === 0) { str += ' (so far)'}
+
+      return str
+    })
+
+    charts = d3.selectAll('.data-chart')
+      .call(setDataByKey)
+      .append('svg')
+    values = d3.selectAll('.data-value')
+      .call(setDataByKey)
+    rates = d3.selectAll('.data-rate')
+      .call(setDataByKey)
+    times = d3.selectAll('.data-time')
+      .call(setDataByKey)
+    tables = d3.select('.data-table')
+      .call(setDataByKey)
+    dates = d3.selectAll('.data-date')
+
+    x = d3.scaleBand()
+      .domain(d3.range(0, data.length))
+      .paddingInner(0.1)
+
+    y = d3.local()
+    charts.property(y, function (d) {
+      var max
+
+      switch (d.key) {
+      default: max = d3.max(d.values)
+      }
+
+      max = max > 1 ? max : 1
+
+      return d3.scaleLinear()
+        .domain([0, max])
+    })
+
+    charts.append('g').append('title').text('Historical Data')
+
+    bars = charts.selectAll('.bar')
+      .data(function (d) { return d.values })
+      .enter().append('rect')
+      .attr('class', 'bar')
+      .attr('title', function (d, i) { return dateStrings[i] + ': ' + d })
+
+    resize()
+
+    d3.select(window)
+      .on('resize', resize)
+      .on('keydown', function () {
+        switch (d3.event.keyCode || d3.event.detail.keyCode) {
+        case 37: index += 1; d3.event.preventDefault(); break // left
+        case 39: index -= 1; d3.event.preventDefault(); break // right
+        }
+
+        if (index > maxIndex) { index = 0 }
+        else if (index < 0) { index = maxIndex }
+
+        update()
+      })
+
+    charts.on('mousemove', function () {
+      index = maxIndex - Math.max(Math.floor((d3.event.offsetX) / x.step()), 0)
+      update()
+    })
+  }
+
+  function resize() {
+    var testNode = d3.select('.data-chart').node()
+    var width = testNode.offsetWidth - 2
+    var height = testNode.offsetHeight - 2
+
+    x.range([width, 0])
+
+    charts
+      .attr('width', width)
+      .attr('height', height)
+      .each(function () { y.get(this).range([2, height / 2]) })
+
+    bars
+      .attr('x', function (d, i) { return x(i) })
+      .attr('y', function (d) { return height - y.get(this)(d || 0) })
+      .attr('width', x.bandwidth())
+      .attr('height', function (d) { return y.get(this)(d || 0) })
+
+    update()
+  }
+
+  function update() {
+    values.text(function (d) { return d.values[index] })
+    rates.html(function (d) { return rateFormat(d.values[index]) })
+    times.html(function (d) { return timeFormat(d.values[index]) })
+    dates.text('for ' + dateStrings[index])
+    bars.attr('opacity', function (d, i) { return i === index ? 0.67 : 0.33 })
+
+    rows = tables.selectAll('tr')
+      .data(function (d) { return d.values[index] })
+
+    var enterRows = rows.enter().append('tr')
+    enterRows.append('td').attr('class', 'id')
+    enterRows.append('td').attr('class', 'count')
+
+    rows.exit().remove()
+
+    rows = rows.merge(enterRows)
+
+    rows.each(function (d) {
+      var row = d3.select(this);
+
+      row.select('.id').text(d.id)
+      row.select('.count').text(d.count + (d.count === 1 ? ' Download' : ' Downloads'))
+    })
+  }
+
+  function setDataByKey(sel) {
+    return sel.datum(function () {
+      var mapper,
+        key = d3.select(this).attr('data-key'),
+        keys = key.split('/'),
+        isRate = false
+
+      if (keys.length === 2) {
+        isRate = true
+        mapper = function (d) { return d.value[keys[1]] === 0 ? null : d.value[keys[0]] / d.value[keys[1]] }
+      } else {
+        mapper = function (d) { return d.value[key] }
+      }
+
+      return {
+        key: key,
+        isRate: isRate,
+        values: data.map(mapper)
+      }
+    })
+  }
+
+  var format = d3.format('.2f')
+  function rateFormat(n) {
+    return (n === null ? '??' : Math.round(n * 100)) +
+      ' <span class="cf-stat-unit">%</span>'
+  }
+  function timeFormat(seconds) {
+    return !seconds ? '?? <span class="cf-stat-unit">sec</span>' :
+      seconds > 60 ? format(seconds / 60) + ' <span class="cf-stat-unit">min</span>' :
+      format(seconds) + ' <span class="cf-stat-unit">sec</span>'
+  }
+
+  // public
+  return {
+    init: init
+  }
+})(d3, moment)

data/app/assets/javascripts/stats/panel_toggle.js

@@ -0,0 +1,19 @@
+window.StatsPanelToggle = (function($) {
+  // private
+
+  function switchActive(e) {
+    var current = $(e.currentTarget).children('.cf-stat-option.active').first();
+    var next = current.next()
+    if (next.length === 0) { next = current.siblings().first(); }
+
+    current.removeClass('active');
+    next.addClass('active');
+  }
+
+  // public
+  return {
+    bind: function() {
+      $('.cf-stat-panel.-toggle').on('click', switchActive);
+    }
+  };
+})($);

data/app/assets/stylesheets/_fonts.scss

@@ -0,0 +1,19 @@
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Source Sans Pro'),
+       local('SourceSansPro-Regular'),
+       asset-url('source-sans-pro.woff2') format('woff2'),
+       asset-url('source-sans-pro.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Merriweather'),
+       local('Merriweather-Regular'),
+       asset-url('merriweather.woff2') format('woff2'),
+       asset-url('merriweather.woff') format('woff');
+}

data/app/assets/stylesheets/_stats.scss

@@ -0,0 +1,54 @@
+.cf-stats {
+  margin-top: 20px;
+}
+
+.cf-stats-section {
+  @include outer-container;
+  margin-bottom: 1em;
+}
+
+.cf-stats-table {
+  margin-top: 0;
+}
+
+.cf-stat-panel {
+  @include span-columns(4);
+  position: relative;
+  border: 1px solid $color-gray-lighter;
+  padding: 1em;
+  padding-bottom: 6em;
+  overflow: hidden;
+
+  &.-toggle .cf-stat-option {
+    display: none;
+    &.active { display: block; }
+  }
+}
+
+.cf-stat-title {
+  color: $color-gray;
+  font-weight: 400;
+  margin: 0;
+}
+
+.cf-stat-figure {
+  font-size: 6rem;
+  font-weight: bold;
+  color: $color-gray;
+  line-height: .9;
+}
+
+.cf-stat-unit {
+  font-size: 1.6rem;
+  font-weight: normal;
+  color: $color-gray;
+  margin-left: -0.5em;
+}
+
+.data-chart svg {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+
+  * { pointer-events: none; }
+}

data/app/assets/stylesheets/_tabs.scss

@@ -0,0 +1,79 @@
+.cf-tab-navigation {
+  @include unstyled-list;
+
+  margin-top: 2em;
+  position: relative;
+  width: 100%;
+  border-bottom: 1px solid $color-primary;
+
+  li {
+    display: inline-block;
+    margin-right: -1px;
+  }
+}
+
+.cf-tab {
+  @extend .usa-button-unstyled;
+
+  display: inline-block;
+  margin: 0 -3.5px 0 0;
+  padding: 15px 1.5em;
+  color: $color-gray;
+  background-color: $color-white;
+  border: 1px solid $color-gray-light;
+  border-bottom: 0;
+  border-left-width: 0;
+  font-weight: normal;
+  white-space: nowrap;
+
+  &::before { content: ''; }
+  &::after { margin: 0; }
+  &:first-child { border-left-width: 1px; }
+
+  &:hover {
+    color: $color-gray-dark;
+    background-color: $color-white;
+    text-decoration: none;
+  }
+
+  &:disabled:hover {
+    color: $color-gray;
+  }
+
+  &:focus {
+    outline: -webkit-focus-ring-color auto 5px;
+
+    svg path {
+      fill: $color-primary;
+    }
+  }
+
+  &.cf-active {
+    position: relative;
+    color: $color-primary;
+    border-color: $color-primary;
+    border-top-width: 4px;
+    border-left-width: 1px;
+    padding-top: 13px;
+    right: 1px;
+    top: 1px;
+    margin-right: -4.5px;
+
+    svg path { fill: $color-primary; }
+  }
+
+  svg {
+    margin-right: 0.25em;
+    margin-left: -0.4em;
+    path { fill: $color-gray; }
+  }
+}
+
+.cf-tab-content {
+  border: 1px solid $color-gray-lighter;
+  border-top: 0;
+  padding-top: 1px;
+  max-height: 600px;
+  overflow-y: scroll;
+}
+