Download message for commitee filing PDFs that are 100K or more pages

fec/fec/static/js/modules/columns.js

@@ -491,6 +491,7 @@ export const filings = {
       return reportType({
         doc_description: doc_description,
         amendment_version: amendment_version,
+        large_pdf: row.pages >= 100000,
         fec_url: fec_url,
         pdf_url: pdf_url,
         csv_url: csv_url,

fec/fec/static/js/modules/dropdowns.js

@@ -110,7 +110,8 @@ Dropdown.prototype.handleFocusAway = function(e) {
     this.isOpen &&
     !this.$panel.has($target).length &&
     !this.$panel.is($target) &&
-    !$target.is(this.$button)
+    !$target.is(this.$button) &&
+    !this.$panel.has('p.dropdown-msg').length
   ) {
     this.hide();
   }

fec/fec/static/js/modules/tables.js

@@ -247,6 +247,7 @@ export function modalRenderFactory(template, fetch) {
 
         // If the click target is a link, stop here. Don't toggle any rows
         if ($target.is('a')) return true;
+        if ($target.is('.dropdown-msg')) return true;
 
         // Hide any other open rows
         // For each row

fec/fec/static/js/templates/reports/reportType.hbs

@@ -30,7 +30,14 @@
       {{/if}}
       {{#if pdf_url}}
       <li class="dropdown__item">
-        <a class="dropdown__value" target="_blank" href="{{ pdf_url }}">.pdf</a>
+        {{#if large_pdf}}
+          <p class="dropdown-msg">
+           .pdf not available for reports 100,000 pages or more. Request data at
+           <a href="mailto:efiletechsupport@fec.gov" aria-label="Request data at efiletechsupport@fec.gov">efiletechsupport@fec.gov</a>
+          </p>
+        {{else}}
+          <a class="dropdown__value" target="_blank" href="{{ pdf_url }}">.pdf</a>
+        {{/if}}
       </li>
       {{/if}}
     </ul>

fec/fec/static/scss/components/_dropdowns.scss

@@ -91,6 +91,26 @@
     width: 100%;
   }
 
+  .dropdown-msg {
+    color: $neutral-base !important;;
+    display: block;
+    font-size: inherit;
+    line-height: u(1.7rem);
+    padding: u(.5rem 1rem .5rem .7rem);
+    cursor: default;
+
+    &:hover {
+      background-color: $gray-light;
+    }
+
+    a {
+      color: $base !important;
+      &:hover {
+        border-bottom: 1px dotted $aqua !important;
+      }
+    }
+  }
+
   // For scrolling dropdowns, force the scrollbars to appear,
   // flip its x to move the scroll to the left, then flip its content back
   &.dropdown-scrolling {
@@ -124,7 +144,7 @@
     color: $base;
     display: block;
     margin: 0;
-    padding: u(0.5rem 1rem 0.5rem 1.5rem);
+    padding: u(.5rem .75rem);
     max-width: 100%;
     white-space: nowrap;