189 lines
8.4 KiB
HTML
189 lines
8.4 KiB
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/member_form_fields.html" as member_form_fields %}
|
|
{% from "components/toggle_menu.html" import ToggleMenu %}
|
|
|
|
{% if user_can(permissions.EDIT_PORTFOLIO_USERS) -%}
|
|
{% for member in members -%}
|
|
{% if not member.ppoc -%}
|
|
{% set invite_pending = member.status == 'invite_pending' %}
|
|
{% set invite_expired = member.status == 'invite_expired' %}
|
|
|
|
{% set modal_name = "edit_member-{}".format(loop.index) %}
|
|
{% call Modal(modal_name, classes="form-content--member-form") %}
|
|
<div class="modal__form--header">
|
|
<h1>{{ Icon('avatar') }} {{ "portfolios.applications.members.form.edit_access_header" | translate({ "user": member.user_name }) }}</h1>
|
|
</div>
|
|
<base-form inline-template>
|
|
<form id='{{ modal_name }}' method="POST" action="{{ url_for('portfolios.update_member', portfolio_id=portfolio.id, portfolio_role_id=member.role_id) }}">
|
|
{{ member.form.csrf_token }}
|
|
{{ member_form.SubmitStep(
|
|
name=modal_name,
|
|
form=member_form_fields.PermsFields(member.form, member_role_id=member.role_id),
|
|
submit_text="Save Changes",
|
|
previous=False,
|
|
modal=modal_name,
|
|
) }}
|
|
</form>
|
|
</base-form>
|
|
{% endcall %}
|
|
|
|
{% if invite_pending or invite_expired -%}
|
|
{% set resend_invite_modal = "resend_invite-{}".format(member.role_id) %}
|
|
{% call Modal(resend_invite_modal, classes="form-content--member-form") %}
|
|
<div class="modal__form--header">
|
|
<h1>{{ "portfolios.applications.members.new.verify" | translate }}</h1>
|
|
</div>
|
|
<base-form inline-template :enable-save="true">
|
|
<form id='{{ resend_invite_modal }}' method="POST" action="{{ url_for('portfolios.resend_invitation', portfolio_id=portfolio.id, portfolio_token=member.invite_token) }}">
|
|
{{ member.update_invite_form.csrf_token }}
|
|
{{ member_form.SubmitStep(
|
|
name=resend_invite_modal,
|
|
form=member_form_fields.InfoFields(member.update_invite_form.user_data),
|
|
submit_text="Resend Invite",
|
|
previous=False,
|
|
modal=resend_invite_modal
|
|
) }}
|
|
</form>
|
|
</base-form>
|
|
{% endcall %}
|
|
|
|
{% set revoke_invite_modal = "revoke_invite-{}".format(member.role_id) %}
|
|
{% call Modal(name=revoke_invite_modal) %}
|
|
<form method="post" action="{{ url_for('portfolios.revoke_invitation', portfolio_id=portfolio.id, portfolio_token=member.invite_token) }}">
|
|
{{ member.form.csrf_token }}
|
|
<h1>{{ "invites.revoke" | translate }}</h1>
|
|
<hr class="full-width">
|
|
{{ "invites.revoke_modal_text" | translate({"application": portfolio.name}) }}
|
|
<div class="action-group">
|
|
<button class="action-group__action usa-button usa-button-primary" type="submit">{{ "invites.revoke" | translate }}</button>
|
|
<button class='action-group__action usa-button usa-button-secondary' v-on:click='closeModal("{{revoke_invite_modal}}")' type="button">{{ "common.cancel" | translate }}</button>
|
|
</div>
|
|
</form>
|
|
{% endcall %}
|
|
{% else %}
|
|
{% set remove_manager_modal = "remove_manager-{}".format(member.role_id) %}
|
|
{% call Modal(name=remove_manager_modal, dismissable=False) %}
|
|
<h1>{{ "portfolios.admin.alert_header" | translate }}</h1>
|
|
<hr class="full-width">
|
|
{{
|
|
Alert(
|
|
title="portfolios.admin.alert_title" | translate,
|
|
message="portfolios.admin.alert_message" | translate,
|
|
level="warning"
|
|
)
|
|
}}
|
|
<div class="action-group">
|
|
<form method="POST" action="{{ url_for('portfolios.remove_member', portfolio_id=portfolio.id, portfolio_role_id=member.role_id)}}">
|
|
{{ member.form.csrf_token }}
|
|
<button class="usa-button usa-button-danger">
|
|
{{ "portfolios.members.archive_button" | translate }}
|
|
</button>
|
|
</form>
|
|
<a v-on:click="closeModal('{{ modal_id }}')" class="action-group__action icon-link icon-link--default">{{ "common.cancel" | translate }}</a>
|
|
</div>
|
|
{% endcall %}
|
|
{%- endif %}
|
|
{%- endif %}
|
|
{%- endfor %}
|
|
{%- endif %}
|
|
|
|
<h3>Portfolio Managers</h3>
|
|
<div class="panel">
|
|
<section class="member-list">
|
|
<div class="responsive-table-wrapper">
|
|
<table class="atat-table">
|
|
<thead>
|
|
<tr>
|
|
<th class="table-cell--third">Name</th>
|
|
<th>Portfolio Permissions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for member in members -%}
|
|
{% set invite_pending = member.status == 'invite_pending' %}
|
|
{% set invite_expired = member.status == 'invite_expired' %}
|
|
{% set current_user = current_member_id == member.role_id %}
|
|
{% set perms_modal = "edit_member-{}".format(loop.index) %}
|
|
{% set resend_invite_modal = "resend_invite-{}".format(member.role_id) %}
|
|
{% set revoke_invite_modal = "revoke_invite-{}".format(member.role_id) %}
|
|
{% set remove_manager_modal = "remove_manager-{}".format(member.role_id) %}
|
|
|
|
<tr>
|
|
<td>
|
|
<strong>{{ member.user_name }}{% if member.role_id == current_member_id %} (You){% endif %}</strong>
|
|
<br>
|
|
{% if member.ppoc %}
|
|
{{ Label(type="ppoc", classes='label--below label--purple')}}
|
|
{% endif %}
|
|
{{ Label(type=member.status, classes='label--below')}}
|
|
</td>
|
|
<td class="toggle-menu__container">
|
|
{% for perm, value in member.permission_sets.items() -%}
|
|
{% if value -%}
|
|
<div>
|
|
{{ ("portfolios.admin.members.{}.{}".format(perm, value)) | translate }}
|
|
</div>
|
|
{%- endif %}
|
|
{%-endfor %}
|
|
{% if user_can(permissions.EDIT_PORTFOLIO_USERS) -%}
|
|
{% call ToggleMenu() %}
|
|
<a
|
|
{% if not member.ppoc %}v-on:click="openModal('{{ perms_modal }}')"{% endif %}
|
|
class="{% if member.ppoc %}disabled{% endif %}">
|
|
Edit Permissions
|
|
</a>
|
|
{% if invite_pending or invite_expired -%}
|
|
<a v-on:click="openModal('{{ resend_invite_modal }}')">Resend Invite</a>
|
|
<a v-on:click="openModal('{{ revoke_invite_modal }}')">Revoke Invite</a>
|
|
{% else %}
|
|
<a
|
|
{% if not current_user %}v-on:click="openModal('{{ remove_manager_modal }}')"{% endif %}
|
|
class="{% if current_user %}disabled{% endif %}">
|
|
Remove Manager
|
|
</a>
|
|
{%- endif %}
|
|
{% endcall %}
|
|
{%- endif %}
|
|
</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,
|
|
),
|
|
member_form.SubmitStep(
|
|
name=new_manager_modal,
|
|
form=member_form_fields.PermsFields(new_manager_form),
|
|
submit_text="Add Mananger",
|
|
modal=new_manager_modal,
|
|
)
|
|
],
|
|
classes="form-content--member-form",
|
|
) }}
|
|
{% endif %}
|
|
</div>
|