rename all submission table

opentech/apply/funds/tables.py

@@ -19,7 +19,7 @@ from .widgets import Select2MultiCheckboxesWidget
 
 
 def make_row_class(record):
-    css_class = 'submission-meta__row' if record.next else 'all-submissions__parent'
+    css_class = 'submission-meta__row' if record.next else 'all-submissions-table__parent'
     css_class += '' if record.active else ' is-inactive'
     return css_class
 
@@ -48,7 +48,7 @@ class SubmissionsTable(tables.Table):
             'class': make_row_class,
             'data-record-id': lambda record: record.id,
         }
-        attrs = {'class': 'all-submissions'}
+        attrs = {'class': 'all-submissions-table'}
 
     def render_user(self, value):
         return value.get_full_name()

opentech/apply/funds/templates/funds/tables/table.html

@@ -12,7 +12,7 @@
     </tr>
 
     {% with submission=row.record %}
-        <tr class="all-submissions__child" data-parent-id="{{ submission.id }}">
+        <tr class="all-submissions-table__child" data-parent-id="{{ submission.id }}">
             <td colspan="{{ table.columns|length }}">
                 <table class="submission-meta">
                     <tr class="submission-meta__row">
@@ -48,7 +48,7 @@
 
     {% if row.record.previous %}
         {# we have a linked application, re-render the header row #}
-        <tr class="all-submissions__child" data-parent-id="{{ row.record.id }}">
+        <tr class="all-submissions-table__child" data-parent-id="{{ row.record.id }}">
             <td colspan="{{ table.columns|length }}">
                 <table class="submission-meta">
                     <tr class="submission-meta__row">

opentech/static_src/src/javascript/apply/all-submissions-table.js

@@ -3,7 +3,7 @@
     'use strict';
 
     // add the toggle arrow before the submission titles
-    $('.all-submissions__parent td.title').prepend('<span class="all-submissions__toggle js-toggle-submission"><span class="arrow"></span></span>');
+    $('.all-submissions-table__parent td.title').prepend('<span class="all-submissions-table__toggle js-toggle-submission"><span class="arrow"></span></span>');
 
     // grab all the toggles
     const children = Array.prototype.slice.call(
@@ -13,7 +13,7 @@
     // show/hide the submission child rows
     children.forEach(function (child) {
         child.addEventListener('click', (e) => {
-            $(e.target).closest('.all-submissions__parent').toggleClass('is-expanded');
+            $(e.target).closest('.all-submissions-table__parent').toggleClass('is-expanded');
         });
     });
 

opentech/static_src/src/sass/apply/abstracts/_variables.scss

@@ -117,3 +117,6 @@ $filter-dropdown: '.select2 .select2-selection.select2-selection--single';
 
 // listing header/spacer height
 $listing-header-height: 75px;
+
+// Table breakpoint
+$table-breakpoint: 'tablet-landscape';

opentech/static_src/src/sass/apply/components/_all-submissions.scss → opentech/static_src/src/sass/apply/components/_all-submissions-table.scss

-// also in _table.scss
-$table-breakpoint: 'tablet-landscape';
-
-.all-submissions {
+.all-submissions-table {
     $root: &;
     font-size: 14px;
 

opentech/static_src/src/sass/apply/components/_table.scss

-// also in _all-submissions.scss
-$table-breakpoint: 'tablet-landscape';
-
+// base table styles - specific ones in their own scss partial
 table {
     width: 100%;
     background-color: $color--white;

opentech/static_src/src/sass/apply/main.scss

@@ -8,7 +8,7 @@
 @import 'base/typography';
 
 // Components
-@import 'components/all-submissions';
+@import 'components/all-submissions-table';
 @import 'components/admin-bar';
 @import 'components/activity-feed';
 @import 'components/comment';