e3ace36466
Our forms should rely on role IDs for displaying user information on the portfolio page. This way they are decoupled from user table data and can eventually rely on invitation user data where an invitation has been sent but a user does not exist yet.
84 lines
2.3 KiB
HTML
84 lines
2.3 KiB
HTML
{% from "components/icon.html" import Icon %}
|
|
{% from "components/selector.html" import Selector %}
|
|
{% from "components/text_input.html" import TextInput %}
|
|
{% from "components/multi_step_modal_form.html" import MultiStepModalForm %}
|
|
{% from "components/alert.html" import Alert %}
|
|
{% from "components/options_input.html" import OptionsInput %}
|
|
|
|
{% set step_one %}
|
|
<div class="modal__form--header">
|
|
<h1>{{ "fragments.ppoc.update_ppoc_title" | translate }}</h1>
|
|
</div>
|
|
|
|
{{
|
|
Alert(
|
|
level="warning",
|
|
title=("fragments.ppoc.alert.title" | translate),
|
|
message=("fragments.ppoc.alert.message" | translate),
|
|
)
|
|
}}
|
|
|
|
<div class='form-row'>
|
|
<div class='form-col form-col--half'>
|
|
{{
|
|
OptionsInput(
|
|
assign_ppoc_form.role_id
|
|
)
|
|
}}
|
|
</div>
|
|
<div class='form-col form-col--half'>
|
|
</div>
|
|
</div>
|
|
<div class='action-group'>
|
|
<input
|
|
type='button'
|
|
v-on:click="next()"
|
|
v-bind:disabled="invalid"
|
|
class='action-group__action usa-button'
|
|
value='{{ "fragments.ppoc.assign_user_button_text" | translate }}'>
|
|
<a class='action-group__action icon-link icon-link--default' v-on:click="closeModal('change-ppoc-form')">
|
|
{{ "common.cancel" | translate }}
|
|
</a>
|
|
</div>
|
|
{% endset %}
|
|
|
|
{% set step_two %}
|
|
<div class="modal__form--padded">
|
|
<div class="modal__form--header">
|
|
<h1>{{ "fragments.ppoc.update_ppoc_confirmation_title" | translate }}</h1>
|
|
</div>
|
|
|
|
{{
|
|
Alert(
|
|
level="info",
|
|
title=("fragments.ppoc.confirm_alert.title" | translate),
|
|
)
|
|
}}
|
|
|
|
<div class='action-group'>
|
|
<input
|
|
type="submit"
|
|
class='action-group__action usa-button'
|
|
form="change-ppoc-form"
|
|
value='{{ "common.confirm" | translate }}'>
|
|
<a class='action-group__action icon-link icon-link--default' v-on:click="closeModal('change-ppoc-form')">
|
|
{{ "common.cancel" | translate }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endset %}
|
|
|
|
<div class="flex-reverse-row">
|
|
<a class="usa-button-primary" v-on:click="openModal('change-ppoc-form')">
|
|
{{ "fragments.ppoc.update_btn" | translate }}
|
|
</a>
|
|
{{
|
|
MultiStepModalForm(
|
|
'change-ppoc-form',
|
|
assign_ppoc_form,
|
|
form_action=url_for("portfolios.update_ppoc", portfolio_id=portfolio.id),
|
|
steps=[step_one, step_two],
|
|
)
|
|
}}
|
|
</div>
|