reset modal state on close for new portfolio member modal

This commit is contained in:
dandds 2019-03-26 06:54:18 -04:00
parent ca0c280ac5
commit 836fdbdcd2
2 changed files with 12 additions and 6 deletions

View File

@ -34,6 +34,7 @@ export default {
mounted: function() {
this.$root.$on('field-change', this.handleValidChange)
this.$on('modalOpen', this.handleModalOpen)
},
methods: {
@ -61,6 +62,9 @@ export default {
const { name, optional } = event
this.fields[name] = optional
},
handleModalOpen: function(_bool) {
this.step = 0
}
},
computed: {},

View File

@ -36,12 +36,14 @@
<form action="{{ form_action }}" method="POST">
{{ form.csrf_token }}
{% call Modal(name=name, dismissable=dismissable, classes="wide") %}
{% for step in steps %}
<div class="modal__form" v-show="step === {{ loop.index0 }}">
{{ FormSteps(step_count, loop.index) }}
{{ step }}
</div>
{% endfor %}
<div v-if="activeModal === '{{ name }}'">
{% for step in steps %}
<div class="modal__form" v-show="step === {{ loop.index0 }}">
{{ FormSteps(step_count, loop.index) }}
{{ step }}
</div>
{% endfor %}
</div>
{% endcall %}
</form>
</div>