Merge pull request #539 from hammerlab/issue-473-extract-filter-field…

…-in-vcf Display FILTER & QUAL fields in the table
hammerlab · Mar 24, 2015 · 57b0cfc · 57b0cfc
2 parents 5924850 + c1db41b
commit 57b0cfc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/cycledash/static/js/examine/components/VCFTable.js b/cycledash/static/js/examine/components/VCFTable.js
@@ -98,7 +98,9 @@ var VCFTableHeader = React.createClass({
             </th>,
             <th key='ref' className='ref'>REF</th>,
             <th key='arrow' className='arrow'>→</th>,
-            <th key='alt' className='alt'>ALT</th>
+            <th key='alt' className='alt'>ALT</th>,
+            <th key='quality' className='quality'>quality</th>,
+            <th key='filters' className='filters'>filters</th>
         ];
 
     _.each(this.props.columns, (columns, topLevelColumnName) => {
@@ -326,6 +328,12 @@ var VCFRecord = React.createClass({
       <td key='arrow' className='arrow'>→</td>,
       <td key='alt' className='alt' title={this.props.record.alternates}>
         {this.props.record.alternates}
+      </td>,
+      <td key='quality' className='quality' title={this.props.record.quality}>
+        {this.props.record.quality}
+      </td>,
+      <td key='filters' className='filters' title={this.props.record.filters}>
+        {this.props.record.filters}
       </td>
     ];
     _.each(this.props.columns, (columns, topLevelColumnName) => {

diff --git a/tests/js/ExaminePage-test.js b/tests/js/ExaminePage-test.js
@@ -101,7 +101,7 @@ describe('ExaminePage', function() {
     // Make sure all 19 columns are here.
     var totalColumns = Utils.findInComponent(
         '.vcf-table thead tr:nth-child(2) th', examine).length;
-    assert.equal(totalColumns, 19);
+    assert.equal(totalColumns, 21);
 
     var columnAttributes = Utils.findInComponent(
         '.vcf-table thead tr:nth-child(2) th', examine).map(function(el) {