Update edit app member form so the save button becomes active on change

This commit is contained in:
leigh-mil 2019-09-17 13:38:33 -04:00
parent e341a73dd1
commit 6de02e874b
4 changed files with 22 additions and 19 deletions

View File

@ -6,6 +6,7 @@ export default {
props: {
name: String,
initialChecked: Boolean,
optional: Boolean,
},
data: function() {
@ -18,7 +19,7 @@ export default {
emitEvent('field-mount', this, {
optional: this.optional,
name: this.name,
valid: this.isChecked,
valid: this.optional || this.isChecked,
})
},
@ -27,7 +28,7 @@ export default {
emitEvent('field-change', this, {
value: e.target.checked,
name: this.name,
valid: this.isChecked,
valid: this.optional || this.isChecked,
})
},
},

View File

@ -4,12 +4,14 @@
inline=False,
classes="",
key=field.name,
id=field.name) -%}
id=field.name,
optional=False) -%}
<checkboxinput
name='{{ field.name }}'
inline-template
key='{{ key }}'
v-bind:initial-checked='{{ field.data|string|lower }}'
v-bind:optional={{ optional|lower }}
>
<div>
<div class='usa-input {{ classes }} {% if field.errors %}usa-input--error{% endif %}' v-bind:class="[{ 'checked': isChecked }]">

View File

@ -14,9 +14,9 @@
{% set del_env = "perms_del_env-{}".format(member_role_id) %}
{% endif %}
{{ CheckboxInput(app_perms_form.perms_team_mgmt, classes="input__inline-fields", key=team_mgmt, id=team_mgmt) }}
{{ CheckboxInput(app_perms_form.perms_env_mgmt, classes="input__inline-fields", key=env_mgmt, id=env_mgmt) }}
{{ CheckboxInput(app_perms_form.perms_del_env, classes="input__inline-fields", key=del_env, id=del_env) }}
{{ CheckboxInput(app_perms_form.perms_team_mgmt, classes="input__inline-fields", key=team_mgmt, id=team_mgmt, optional=True) }}
{{ CheckboxInput(app_perms_form.perms_env_mgmt, classes="input__inline-fields", key=env_mgmt, id=env_mgmt, optional=True) }}
{{ CheckboxInput(app_perms_form.perms_del_env, classes="input__inline-fields", key=del_env, id=del_env, optional=True) }}
</div>
<div class="environment_roles environment-roles-new">
<h4>{{ "portfolios.applications.members.form.env_access" | translate }}</h4>
@ -25,9 +25,10 @@
<optionsinput inline-template
v-bind:initial-value="'{{ environment_data.role.data | string }}'"
v-bind:name="'{{ environment_data.name | string }}'"
v-bind:optional="true">
v-bind:optional="true"
v-bind:watch="true">
<div class="usa-input">
<fieldset data-ally-disabled="true" class="usa-input__choices">
<fieldset data-ally-disabled="true" v-on:change="onInput" class="usa-input__choices">
<div class="form-row">
<div class="form-col form-col--two-thirds">
<legend>

View File

@ -127,17 +127,16 @@
<h1>{{ Icon('avatar') }} {{ member.user_name }}</h1>
<hr>
</div>
<form id='{{ modal_name }}' method="POST" action="{{ url_for('applications.update_member', application_id=application.id, application_role_id=member.role_id) }}">
{{ member.form.csrf_token }}
{{ MemberPermsFields(app_perms_form=member.form, env_roles_form=member.form.environment_roles, member_role_id=member.role_id) }}
<div class="action-group">
<input
type="submit"
class='action-group__action usa-button'
value='Update'>
<a class='action-group__action usa-button usa-button-secondary' v-on:click="closeModal('{{ modal_name }}')">{{ "common.cancel" | translate }}</a>
</div>
</form>
<base-form inline-template>
<form id='{{ modal_name }}' method="POST" action="{{ url_for('applications.update_member', application_id=application.id, application_role_id=member.role_id) }}">
{{ member.form.csrf_token }}
{{ MemberPermsFields(app_perms_form=member.form, env_roles_form=member.form.environment_roles, member_role_id=member.role_id) }}
<div class="action-group">
{{ SaveButton(text='Update', element='input', additional_classes='action-group__action') }}
<a class='action-group__action usa-button usa-button-secondary' v-on:click="closeModal('{{ modal_name }}')">{{ "common.cancel" | translate }}</a>
</div>
</form>
</base-form>
{% endcall %}
{% endfor %}
<table>