functionality to show/hide reviewers

opentech/apply/funds/templates/funds/applicationsubmission_admin_detail.html

@@ -17,6 +17,7 @@
         <h5>Reviews &amp; assignees</h5>
 
         {% include 'funds/includes/review_table.html' %}
+        <a class="link link--bold link--underlined link--toggle-reviewers js-toggle-reviewers" href="#">all assigned advisors</a>
 
         <div class="wrapper wrapper--button-container">
             {% include 'review/includes/review_button.html' with submission=object %}

opentech/apply/funds/templates/funds/includes/review_table.html

@@ -20,8 +20,8 @@
     {% if object.stage.has_external_review %}
         <tr class="tr tr--subchild"><td colspan="4"><hr></td></tr>
 
-        {% include 'funds/includes/review_table_row.html' with reviews=reviewer_reviews %}
+        {% include 'funds/includes/review_table_row.html' with reviews=reviewer_reviews class="hidden" %}
         {# Add logic for showing missing reviews #}
-        {% include 'funds/includes/review_table_row.html' with reviews=object.reviewers_not_reviewed missing=True %}
+        {% include 'funds/includes/review_table_row.html' with reviews=object.reviewers_not_reviewed missing=True class="hidden" %}
     {% endif %}
 </table>

opentech/apply/funds/templates/funds/includes/review_table_row.html

 {% for review in reviews %}
-    <tr class="tr--subchild {% if missing %}no-response{% endif %}">
+    <tr class="tr--subchild {{ class }} {% if missing %}no-response{% endif %}">
         {% if missing %}
             <td colspan="2">{{ review }}</td>
             <td>-</td>

opentech/static_src/src/sass/apply/base/_base.scss

@@ -74,6 +74,7 @@ ol {
     transition: opacity, z-index, $transition;
 }
 
+.hidden,
 .is-hidden,
 %is-hidden {
     display: none;

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

@@ -187,4 +187,9 @@
             }
         }
     }
+
+    &--toggle-reviewers {
+        display: block;
+        margin: 0 10px 30px;
+    }
 }