From 6871afbba1dffe0fe9d57b5e5e9f9132be97b50f Mon Sep 17 00:00:00 2001
From: Joshua Carp <jm.carp@gmail.com>
Date: Tue, 1 Sep 2015 12:18:40 -0400
Subject: [PATCH 1/7] Use updated contribution aggregate from API.

Depends on https://github.com/18F/openFEC/pull/1171.
---
 static/js/pages/committee-single.js | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/static/js/pages/committee-single.js b/static/js/pages/committee-single.js
index 0d279979b..2b4d5046c 100644
--- a/static/js/pages/committee-single.js
+++ b/static/js/pages/committee-single.js
@@ -227,12 +227,7 @@ $(document).ready(function() {
     switch ($table.attr('data-type')) {
       case 'committee-contributor':
         path = ['committee', committeeId, 'schedules', 'schedule_a', 'by_contributor'].join('/');
-        query = {};
-        if (year) {
-          query.year = year;
-        } else {
-          query.cycle = cycle;
-        }
+        query = {cycle: cycle};
         tables.initTableDeferred($table, null, path, query, committeeColumns, aggregateCallbacks, {
           dom: tables.simpleDOM,
           order: [[1, 'desc']],

From b2e1a5e056927adb78dee368d479f25f61faa262 Mon Sep 17 00:00:00 2001
From: Noah Manger <noah.manger@gsa.gov>
Date: Tue, 1 Sep 2015 12:16:44 -0700
Subject: [PATCH 2/7] Implementing mobile nav

---
 templates/layouts/main.html        |  4 +---
 templates/partials/navigation.html | 20 ++++++++++++++++----
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/templates/layouts/main.html b/templates/layouts/main.html
index a9b52f816..17bbcbd41 100644
--- a/templates/layouts/main.html
+++ b/templates/layouts/main.html
@@ -49,7 +49,7 @@
       <span class="disclaimer__right">This site is in beta. <a title="Learn about this site's development" tabindex="0" href="https://18f.gsa.gov/dashboard/stages/#beta">Learn more.</a></span>
     </div>
     <div class="masthead">
-      <a href="{{ cms_url }}" class="site-title"><img class="site-brand" src="/static/img/brand.svg" alt="Federal Election Commission | United States of America"></a>
+      <a title="Home" href="{{ cms_url }}" class="site-title"><span class="u-visually-hidden">Federal Election Commission | United States of America</span></a>
       <ul class="utility-nav list--flat">
         <li class="utility-nav__item">About</li>
         <li class="utility-nav__item">Contact</li>
@@ -79,8 +79,6 @@
   </div>
 </footer>
 
-{% include './partials/glossary.html' %}
-
 <script src="/{{ assets['dist/js/common.js'] }}"></script>
 <script src="/{{ assets['dist/js/init.js'] }}"></script>
 {% block scripts %}{% endblock %}
diff --git a/templates/partials/navigation.html b/templates/partials/navigation.html
index d2181c681..c944a41c0 100644
--- a/templates/partials/navigation.html
+++ b/templates/partials/navigation.html
@@ -1,8 +1,11 @@
-<nav class="site-nav">
-  <button class="site-nav__button site-nav__button--left">Navigation</button>
+<nav class="site-nav">  
+  <input class="nav-toggle__input" id="nav-toggle" type="checkbox">
+  <label for="nav-toggle" class="site-nav__button site-nav__button--left">Menu</label>
   <ul id="site-menu" class="site-nav__list">
-    <li class="site-nav__item">
+    <li class="site-nav__item site-nav__item--with-dropdown">
       <a href="/" class="site-nav__link is-current">Campaign Finance Data</a>
+      <input class="nav-toggle__input" id="dropdown-toggle-1" type="checkbox">
+      <label for="dropdown-toggle-1" class="site-nav__link dropdown__toggle">Campaign Finance Data</label>
       <ul class="site-nav__dropdown">
         <li class="site-nav__item">
           <a class="site-nav__link" href="/">Search for candidates &raquo;</a>
@@ -27,8 +30,10 @@
         </li>
       </ul>
     </li>
-    <li class="site-nav__item">
+    <li class="site-nav__item site-nav__item--with-dropdown">
       <a href="{{ cms_url }}/registration-and-reporting" class="site-nav__link">Registration &amp; Reporting</a>
+      <input class="nav-toggle__input" id="dropdown-toggle-2" type="checkbox">
+      <label for="dropdown-toggle-2" class="site-nav__link dropdown__toggle">Registration &amp; Reporting</label>      
       <ul class="site-nav__dropdown">
         <li class="site-nav__item">
           <a class="site-nav__link" href="{{ cms_url }}/registration-and-reporting">Registration &amp; Reporting Home</a>
@@ -47,6 +52,13 @@
     <li class="site-nav__item">
       <a href="#" class="site-nav__link is-disabled">TBD</a>
     </li>
+    <li class="site-nav__item utility-nav__item">
+      <a href="#" class="site-nav__link is-disabled">About</a>
+    </li>
+    <li class="site-nav__item utility-nav__item">
+      <a href="#" class="site-nav__link is-disabled">Contact</a>
+    </li>
   </ul>
+  <a title="Home" href="{{ cms_url }}" class="site-title"><span class="u-visually-hidden">Federal Election Commission | United States of America</span></a>
   <button id="glossary-toggle" title="View site glossary" class="button--neutral site-nav__button site-nav__button--right">Glossary</button>
 </nav>    

From 49921402c04b03239246e41842ffae6cdb19c3a6 Mon Sep 17 00:00:00 2001
From: Noah Manger <noah.manger@gsa.gov>
Date: Tue, 1 Sep 2015 12:44:10 -0700
Subject: [PATCH 3/7] Renaming classes

---
 templates/partials/navigation.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/partials/navigation.html b/templates/partials/navigation.html
index c944a41c0..2f6189e60 100644
--- a/templates/partials/navigation.html
+++ b/templates/partials/navigation.html
@@ -5,7 +5,7 @@
     <li class="site-nav__item site-nav__item--with-dropdown">
       <a href="/" class="site-nav__link is-current">Campaign Finance Data</a>
       <input class="nav-toggle__input" id="dropdown-toggle-1" type="checkbox">
-      <label for="dropdown-toggle-1" class="site-nav__link dropdown__toggle">Campaign Finance Data</label>
+      <label for="dropdown-toggle-1" class="site-nav__link nav-toggle__label">Campaign Finance Data</label>
       <ul class="site-nav__dropdown">
         <li class="site-nav__item">
           <a class="site-nav__link" href="/">Search for candidates &raquo;</a>
@@ -33,7 +33,7 @@
     <li class="site-nav__item site-nav__item--with-dropdown">
       <a href="{{ cms_url }}/registration-and-reporting" class="site-nav__link">Registration &amp; Reporting</a>
       <input class="nav-toggle__input" id="dropdown-toggle-2" type="checkbox">
-      <label for="dropdown-toggle-2" class="site-nav__link dropdown__toggle">Registration &amp; Reporting</label>      
+      <label for="dropdown-toggle-2" class="site-nav__link nav-toggle__label">Registration &amp; Reporting</label>      
       <ul class="site-nav__dropdown">
         <li class="site-nav__item">
           <a class="site-nav__link" href="{{ cms_url }}/registration-and-reporting">Registration &amp; Reporting Home</a>

From b35ce94eb78b5cbee4443478866158f984c002cf Mon Sep 17 00:00:00 2001
From: Noah Manger <noah.manger@gsa.gov>
Date: Tue, 1 Sep 2015 14:13:07 -0700
Subject: [PATCH 4/7] Adding glossary back

---
 templates/layouts/main.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/templates/layouts/main.html b/templates/layouts/main.html
index 17bbcbd41..1c47c8cd1 100644
--- a/templates/layouts/main.html
+++ b/templates/layouts/main.html
@@ -79,6 +79,8 @@
   </div>
 </footer>
 
+{% include './partials/glossary.html' %}
+
 <script src="/{{ assets['dist/js/common.js'] }}"></script>
 <script src="/{{ assets['dist/js/init.js'] }}"></script>
 {% block scripts %}{% endblock %}

From f184a68892501223b414c3f57946f8fb88796782 Mon Sep 17 00:00:00 2001
From: Noah Manger <noah.manger@gsa.gov>
Date: Tue, 1 Sep 2015 16:42:54 -0700
Subject: [PATCH 5/7] Updating data home

---
 static/js/pages/landing.js | 49 +++++++++++++++++++++++++
 templates/search.html      | 74 ++++++++++++++++++++++++++++++++------
 2 files changed, 113 insertions(+), 10 deletions(-)
 create mode 100644 static/js/pages/landing.js

diff --git a/static/js/pages/landing.js b/static/js/pages/landing.js
new file mode 100644
index 000000000..e2e3de4cc
--- /dev/null
+++ b/static/js/pages/landing.js
@@ -0,0 +1,49 @@
+'use strict';
+
+/* global require, document */
+
+var $ = require('jquery');
+
+var tables = require('../modules/tables');
+
+var columns = [
+  {
+    data: 'document_description',
+    className: 'all',
+    orderable: false,
+    render: function(data, type, row, meta) {
+      var anchor = document.createElement('a');
+      anchor.textContent = data;
+      anchor.setAttribute('href', row.pdf_url);
+      anchor.setAttribute('target', '_blank');
+      return anchor.outerHTML;
+    }
+  },
+  {
+    data: 'committee_name',
+    className: 'min-desktop',
+    orderable: false,
+    render: function(data, type, row, meta) {
+      return tables.buildEntityLink(data, '/committee/' + row.committee_id + tables.buildCycle(row), 'committee');
+    },
+  },
+  {
+    data: 'candidate_name',
+    className: 'min-desktop',
+    orderable: false,
+    render: function(data, type, row, meta) {
+      return tables.buildEntityLink(data, '/candidate/' + row.candidate_id + tables.buildCycle(row), 'candidate');
+    },
+  },
+  tables.dateColumn({data: 'receipt_date', className: 'min-tablet', orderable: false}),
+];
+
+$(document).ready(function() {
+  var $table = $('#results');
+  tables.initTable($table, null, 'filings', {per_page: 10}, columns, tables.offsetCallbacks, {
+    // Order by receipt date descending
+    order: [[3, 'desc']],
+    useFilters: false,
+    dom: 't'
+  });
+  });
diff --git a/templates/search.html b/templates/search.html
index 618ffaa8f..c0a118d22 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -7,33 +7,87 @@
 
 {% block body %}
 {% include "partials/hero.html" %}
-<section class="main" aria-labelledby="browse-heading">
+<section class="main">
   <div class="container">
+    <h2 class="h1 t-no-rules">How to view the data</h2>
     <div class="row tiled-cards--2-wide">
       <div class="card card--wide">
-        <img class="card__image icon--complex" src="/static/img/i-committee.svg"  alt="Icon representing candidates">
+        <div class="card__image__container">
+          <img class="card__image icon--complex" src="/static/img/i-candidates--neutral.svg"  alt="Icon representing candidates">
+        </div>
         <div class="card__content">
-          <h3><a href="{{ url_for('candidates', cycle=default_cycles) }}">Candidates &raquo;</a></h3>
+          <h2 class="card__title">Candidate data</h2>
+          <ul class="card__links list--bulleted">
+            <li><a href="{{ url_for('candidates', cycle=2016, office='P') }}">All 2016 presidential candidates &raquo;</a></li>
+            <li><a href="{{ url_for('candidates', cycle=2016, office='S') }}">All 2016 senate candidates &raquo;</a></li>
+            <li><a href="{{ url_for('candidates', cycle=2016, office='H') }}">All 2016 house candidates &raquo;</a></li>
+          </ul>
+          <a class="button--neutral button--browse" href="{{ url_for('candidates', cycle=default_cycles) }}">All candidate data</a>
         </div>
       </div>
       <div class="card card--wide">
-        <img class="card__image icon--complex" src="/static/img/i-committee.svg" alt="Icon representing committees">
+        <div class="card__image__container">
+          <img class="card__image icon--complex" src="/static/img/i-committees--neutral.svg" alt="Icon representing committees">
+        </div>
         <div class="card__content">
-          <h3><a href="{{ url_for('committees', cycle=default_cycles) }}">Committees &raquo;</a></h3>
+          <h2 class="card__title">Committee data</h2>
+          <ul class="card__links list--bulleted">
+            <li><a href="{{ url_for('committees', cycle=2016) }}">Most recent committees &raquo;</a></li>
+            <li><a>All PACs active 2015-2016 &raquo;</a></li>
+            <li><a>All Independent Expenditure Committees active 2015-2016 &raquo;</a></li>
+          </ul>          
+          <a class="button--neutral button--browse" href="{{ url_for('committees', cycle=default_cycles) }}">All committee data</a>
         </div>
       </div>    
       <div class="card card--wide">
-        <img class="card__image icon--complex" src="/static/img/i-committee.svg"  alt="Icon representing candidates">
+        <div class="card__image__container">
+          <img class="card__image icon--complex" src="/static/img/i-receipts--neutral.svg"  alt="Icon representing receipts">
+        </div>
         <div class="card__content">
-          <h3><a href="{{ url_for('receipts')}}">Receipts &raquo;</a></h3>
+          <h2 class="card__title">Receipt data</h2>
+          <ul class="card__links list--bulleted">
+            <li><a href="{{ url_for('receipts', is_individual='true', min_date='1/01/2015', max_date='12/31/2015') }}">Top contributions from individuals this year &raquo;</a></li>
+          </ul>          
+          <a class="button--neutral button--browse" href="{{ url_for('receipts')}}">All receipt data</a>
         </div>
       </div>
       <div class="card card--wide">
-        <img class="card__image icon--complex" src="/static/img/i-committee.svg"  alt="Icon representing candidates">
+        <div class="card__image__container">
+          <img class="card__image icon--complex" src="/static/img/i-disbursements--neutral.svg"  alt="Icon representing disbursements">
+        </div>
         <div class="card__content">
-          <h3><a href="{{ url_for('disbursements')}}">Disbursements &raquo;</a></h3>
+          <h2 class="card__title">Disbursement Data</h2>
+          <ul class="card__links list--bulleted">
+            <li><a href="{{ url_for('disbursements', is_individual='true', min_date='1/01/2015', max_date='12/31/2015') }}">Disbursements from committees this year &raquo;</a></li>
+          </ul>             
+          <a class="button--neutral button--browse" href="{{ url_for('disbursements')}}">All disbursement data</a>
         </div>
       </div>
-    </div>       
+    </div>
+
+    <div class="content__section--extra">
+      <div class="row">
+        <div class="icon-heading">
+          <img class="icon-heading__image" src="/static/img/i-filings--primary.svg" alt="Icon representing filings">
+          <h2 class="icon-heading__title">Most recent filings submitted</h2>
+        </div>
+        <a class="u-float-right button--neutral button--browse" href="{{ url_for('filings') }}">All filing data</a>
+      </div>
+      <table id="results" class="data-table" data-type="filing-table">
+        <thead>
+          <tr>
+            <th scope="col">Document</th>
+            <th scope="col">Filer Name</th>
+            <th scope="col">Candidate Name</th>
+            <th scope="col">Receipt Date</th>
+          </tr>
+        </thead>
+      </table>
+    </div>
+  </div>       
 </section>
 {% endblock %}
+
+{% block scripts %}
+<script src="/{{ assets['dist/js/pages/landing.js'] }}"></script>
+{% endblock %}
\ No newline at end of file

From 4929a77d5815283be4801673e4f4c8545c46336f Mon Sep 17 00:00:00 2001
From: Noah Manger <noah.manger@gsa.gov>
Date: Tue, 1 Sep 2015 16:43:07 -0700
Subject: [PATCH 6/7] Necessary for tables without filters

---
 static/js/modules/tables.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/js/modules/tables.js b/static/js/modules/tables.js
index d24c497af..b19dd8601 100644
--- a/static/js/modules/tables.js
+++ b/static/js/modules/tables.js
@@ -59,7 +59,7 @@ function mapFilters(filters) {
 var parsedFilters;
 
 function buildCycle(datum) {
-  if (parsedFilters.cycle) {
+  if (parsedFilters && parsedFilters.cycle) {
     var cycles = _.intersection(
       _.map(parsedFilters.cycle, function(cycle) {return parseInt(cycle);}),
       datum.cycles

From 56d54ae145e64b144ec1845139298e39c39f1c07 Mon Sep 17 00:00:00 2001
From: Joshua Carp <jm.carp@gmail.com>
Date: Wed, 2 Sep 2015 09:45:58 -0400
Subject: [PATCH 7/7] Abstract URL columns.

---
 static/js/modules/tables.js         | 13 +++++++++++++
 static/js/pages/candidate-single.js | 13 +------------
 static/js/pages/committee-single.js | 13 +------------
 static/js/pages/elections.js        | 13 +------------
 static/js/pages/filings.js          | 13 +------------
 static/js/pages/landing.js          | 15 ++-------------
 6 files changed, 19 insertions(+), 61 deletions(-)

diff --git a/static/js/modules/tables.js b/static/js/modules/tables.js
index b19dd8601..ef22c0bbe 100644
--- a/static/js/modules/tables.js
+++ b/static/js/modules/tables.js
@@ -130,6 +130,18 @@ function barColumn(formatter) {
   };
 }
 
+function urlColumn(attr, opts) {
+  return _.extend({
+    render: function(data, type, row, meta) {
+      var anchor = document.createElement('a');
+      anchor.textContent = data;
+      anchor.setAttribute('href', row[attr]);
+      anchor.setAttribute('target', '_blank');
+      return anchor.outerHTML;
+    }
+  }, opts);
+}
+
 var dateColumn = formattedColumn(helpers.datetime);
 var currencyColumn = formattedColumn(helpers.currency);
 var barCurrencyColumn = barColumn(helpers.currency);
@@ -441,6 +453,7 @@ module.exports = {
   candidateColumn: candidateColumn,
   committeeColumn: committeeColumn,
   currencyColumn: currencyColumn,
+  urlColumn: urlColumn,
   barCurrencyColumn: barCurrencyColumn,
   dateColumn: dateColumn,
   modalAfterRender: modalAfterRender,
diff --git a/static/js/pages/candidate-single.js b/static/js/pages/candidate-single.js
index 9fe405617..572b1201c 100644
--- a/static/js/pages/candidate-single.js
+++ b/static/js/pages/candidate-single.js
@@ -8,18 +8,7 @@ var tables = require('../modules/tables');
 var decoders = require('../modules/decoders');
 
 var columns = [
-  {
-    data: 'document_description',
-    className: 'all',
-    orderable: false,
-    render: function(data, type, row, meta) {
-      var anchor = document.createElement('a');
-      anchor.textContent = data;
-      anchor.setAttribute('href', row.pdf_url);
-      anchor.setAttribute('target', '_blank');
-      return anchor.outerHTML;
-    }
-  },
+  tables.urlColumn('pdf_url', {data: 'document_description', className: 'all', orderable: false}),
   {
     data: 'amendment_indicator',
     className: 'min-desktop',
diff --git a/static/js/pages/committee-single.js b/static/js/pages/committee-single.js
index 2b4d5046c..d34dae936 100644
--- a/static/js/pages/committee-single.js
+++ b/static/js/pages/committee-single.js
@@ -132,18 +132,7 @@ var occupationColumns = [
 ];
 
 var filingsColumns = [
-  {
-    data: 'document_description',
-    className: 'all',
-    orderable: false,
-    render: function(data, type, row, meta) {
-      var anchor = document.createElement('a');
-      anchor.textContent = data;
-      anchor.setAttribute('href', row.pdf_url);
-      anchor.setAttribute('target', '_blank');
-      return anchor.outerHTML;
-    }
-  },
+  tables.urlColumn('pdf_url', {data: 'document_description', className: 'all', orderable: false}),
   {
     data: 'amendment_indicator',
     className: 'min-desktop',
diff --git a/static/js/pages/elections.js b/static/js/pages/elections.js
index 812668d91..2412840b0 100644
--- a/static/js/pages/elections.js
+++ b/static/js/pages/elections.js
@@ -62,18 +62,7 @@ var columns = [
   tables.barCurrencyColumn({data: 'total_receipts'}),
   tables.barCurrencyColumn({data: 'total_disbursements'}),
   tables.barCurrencyColumn({data: 'cash_on_hand_end_period'}),
-  {
-    data: 'pdf_url',
-    className: 'all',
-    orderable: false,
-    render: function(data, type, row, meta) {
-      var anchor = document.createElement('a');
-      anchor.textContent = row.document_description;
-      anchor.setAttribute('href', data);
-      anchor.setAttribute('target', '_blank');
-      return anchor.outerHTML;
-    }
-  },
+  tables.urlColumn('pdf_url', {data: 'document_description', className: 'all', orderable: false})
 ];
 
 var sizeColumns = [
diff --git a/static/js/pages/filings.js b/static/js/pages/filings.js
index 25fa569b2..d49ba1eb1 100644
--- a/static/js/pages/filings.js
+++ b/static/js/pages/filings.js
@@ -9,18 +9,7 @@ var tables = require('../modules/tables');
 var decoders = require('../modules/decoders');
 
 var columns = [
-  {
-    data: 'document_description',
-    className: 'all',
-    orderable: false,
-    render: function(data, type, row, meta) {
-      var anchor = document.createElement('a');
-      anchor.textContent = data;
-      anchor.setAttribute('href', row.pdf_url);
-      anchor.setAttribute('target', '_blank');
-      return anchor.outerHTML;
-    }
-  },
+  tables.urlColumn('pdf_url', {data: 'document_description', className: 'all', orderable: false}),
   {
     data: 'committee_name',
     className: 'min-desktop',
diff --git a/static/js/pages/landing.js b/static/js/pages/landing.js
index e2e3de4cc..7be58bac7 100644
--- a/static/js/pages/landing.js
+++ b/static/js/pages/landing.js
@@ -7,18 +7,7 @@ var $ = require('jquery');
 var tables = require('../modules/tables');
 
 var columns = [
-  {
-    data: 'document_description',
-    className: 'all',
-    orderable: false,
-    render: function(data, type, row, meta) {
-      var anchor = document.createElement('a');
-      anchor.textContent = data;
-      anchor.setAttribute('href', row.pdf_url);
-      anchor.setAttribute('target', '_blank');
-      return anchor.outerHTML;
-    }
-  },
+  tables.urlColumn('pdf_url', {data: 'document_description', className: 'all', orderable: false}),
   {
     data: 'committee_name',
     className: 'min-desktop',
@@ -46,4 +35,4 @@ $(document).ready(function() {
     useFilters: false,
     dom: 't'
   });
-  });
+});