pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reset modal state on close for new portfolio member modal

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js/components/forms/multi_step_modal_form.js
View File

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

14
templates/components/multi_step_modal_form.html
View File

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