atst/templates/portfolios/fragments/portfolio_members.html

{% from "components/alert.html" import Alert %}
{% from "components/icon.html" import Icon %}
{% import "components/member_form.html" as member_form %}
{% from "components/modal.html" import Modal %}
{% from "components/multi_step_modal_form.html" import MultiStepModalForm %}
{% from 'components/save_button.html' import SaveButton %}
{% import "portfolios/fragments/add_new_portfolio_member.html" as member_form_fields %}

<h3>Portfolio Managers</h3>
<div class="panel">
  <section class="member-list">
    <div class="responsive-table-wrapper">
      <table class="atat-table">
        <thead>
          <tr>
            <th>Name</th>
            <th>Portfolio Permissions</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>{{ ppoc.user_name }}</td>
            <td>
              {% for perm, value in ppoc.permission_sets.items() -%}
                <div>
                  {{ ("portfolios.admin.members.{}.{}".format(perm, value)) | translate }}
                </div>
              {%-endfor %}
            </td>
          </tr>
          {% for member in members -%}
            <tr>
              <td>{{ member.user_name }}</td>
              <td>
                {% for perm, value in member.permission_sets.items() -%}
                  <div>
                    {% if value -%}
                      {{ ("portfolios.admin.members.{}.{}".format(perm, value)) | translate }}
                    {%- endif %}
                  </div>
                {%-endfor %}
              </td>
            </tr>
          {%- endfor %}
        </tbody>
      </table>
    </div>
  </section>

  {% if user_can(permissions.CREATE_PORTFOLIO_USERS) %}
    {% set new_manager_modal = "add-portfolio-manager" %}
    <a class="usa-button usa-button-secondary add-new-button" v-on:click="openModal('{{ new_manager_modal }}')">
      Add Portfolio Manager
    </a>

    {{ MultiStepModalForm(
      name=new_manager_modal,
      form=new_manager_form,
      form_action=url_for("portfolios.invite_member", portfolio_id=portfolio.id),
      steps=[
        member_form.BasicStep(
          title="Add Manager",
          form=member_form_fields.InfoFields(new_manager_form.user_data),
          next_button_text="Next: Permissions",
          previous=False,
          modal=new_manager_modal_name,
        ),
        member_form.SubmitStep(
          name=new_manager_modal,
          form=member_form_fields.PermsFields(new_manager_form),
          submit_text="Invite member",
          modal=new_manager_modal_name,
        )
      ],
    ) }}
  {% endif %}
</div>