Keep CQL box in sync with the page

This builds on PR #295—I'll rebase once that's merged.

This adds two new methods to `QueryLanguage`:

  - `toString`: converts a JSON query to a CQL query string
  - `isEquivalent`: determines if two JSON queries are equivalent

I use those in `QueryBox` to set the value in the CQL box when the page state changes, taking care not to disrupt the user while they're typing, or to override something the user typed with an equivalent machine-generated query.

This also adds a dpxdt test for filtering.

Fixes #236 
Fixes #260 
Fixes #262 
Fixes #301 
What doesn't this fix!?

<!-- Reviewable:start -->
[<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/hammerlab/cycledash/306)
<!-- Reviewable:end -->

Changed.

Can we clarify what "ton" means? If you're chaining more than one underscore function, I find this style much clearer. I would have brought it up earlier, but I only learned it existed last week! :)

I like that it reads left to right, rather than right to left, just like my [language of choice](http://en.wikipedia.org/wiki/English_language). Are there reasons to avoid it other than consistency?