basic table

templates/fragments/admin/portfolio_members.html

@@ -0,0 +1,63 @@
+<section class="member-list">
+  <div class='responsive-table-wrapper panel'>
+    <div class='title'>{{ "portfolios.admin.portfolio_members_title" | translate }}</div>
+    <div class='subheading'>{{ "portfolios.admin.portfolio_members_subheading" | translate }}</div>
+    <a class='icon-link'>{{ "portfolios.admin.settings_info" | translate }}</a>
+
+  {% if not portfolio.members %}
+
+    <p>There are currently no members in this Portfolio.</p>
+
+  {% else %}
+
+    <table>
+
+      <thead>
+        <tr>
+            <td class='members-table-cell'>{{ "portfolios.members.permissions.name" | translate }}</td>
+            <td class='members-table-cell'>{{ "portfolios.members.permissions.app_mgmt" | translate }}</td>
+            <td class='members-table-cell'>{{ "portfolios.members.permissions.funding" | translate }}</td>
+            <td class='members-table-cell'>{{ "portfolios.members.permissions.reporting" | translate }}</td>
+            <td class='members-table-cell'>{{ "portfolios.members.permissions.portfolio_mgmt" | translate }}</td>
+            <td class='members-table-cell'></td>
+        </tr>
+      </thead>
+
+      <tbody>
+        {% for member in portfolio.members %}
+        <tr>
+            <td>{{ member.user_name }}</td>
+
+            {% if 'edit_application' in member.permissions %}
+              <td>Edit Access</td>
+            {% else %}
+              <td>View Only</td>
+            {% endif %}
+
+            {% if 'view_portfolio_funding' in member.permissions %}
+              <td>Edit Access</td>
+            {% else %}
+              <td>View Only</td>
+            {% endif %}
+
+            {% if 'view_portfolio_reports' in member.permissions %}
+              <td>Edit Access</td>
+            {% else %}
+              <td>View Only</td>
+            {% endif %}
+
+            {% if 'edit_portfolio_name' in member.permissions %}
+              <td>Edit Access</td>
+            {% else %}
+              <td>View Only</td>
+            {% endif %}
+        </tr>
+        {% endfor %}
+      </tbody>
+
+    </table>
+  </div>
+
+{% endif %}
+
+</section>

templates/fragments/audit_events_log.html

@@ -1,5 +1,3 @@
-{% from "components/pagination.html" import Pagination %}
-
 <section class="block-list activity-log">
   <div class='subheading'>{{ "portfolios.admin.activity_log_title" | translate }}</div>
   <ul>

templates/portfolios/admin.html

@@ -41,6 +41,7 @@
 
     {% include "fragments/primary_point_of_contact.html" %}
 
+    {% include "fragments/admin/portfolio_members.html" %}
     {% include "fragments/audit_events_log.html" %}
 
     {{ Pagination(audit_events, 'portfolios.portfolio_admin', portfolio_id=portfolio.id) }}

translations.yaml

@@ -563,9 +563,13 @@ portfolios:
       title: '{application_name} Team Management'
       subheading: Team Management
   admin:
+    portfolio_members_title: Portfolio Members
+    portfolio_members_subheading: These members have different levels of access to the portfolio.
+    settings_info: Learn more about these settings
     activity_log_title: Activity Log
   members:
     permissions:
+      name: Name
       app_mgmt: App Mgmt
       funding: Funding
       reporting: Reporting