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

back button for new application member modal

Browse Source
This commit is contained in:
dandds 2019-04-25 13:47:43 -04:00
parent daadc67eee
commit 0d5e0a3fa7
3 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -47,6 +47,9 @@ export default {
this.step += 1 this.step += 1
} }
}, },
previous: function() {
this.step -= 1
},
goToStep: function(step) { goToStep: function(step) {
if (this._checkIsValid()) { if (this._checkIsValid()) {
this.step = step this.step = step

5
styles/elements/_action_group.scss
View File

@ -21,4 +21,9 @@
&:last-child { &:last-child {
margin-bottom: $gap * 3; margin-bottom: $gap * 3;
} }
.action-group__action--left {
margin-left: 0;
margin-right: auto;
}
} }

5
templates/fragments/applications/add_new_application_member.html
View File

@ -118,6 +118,11 @@
form="add-app-mem" form="add-app-mem"
value='Invite member'> value='Invite member'>
<a class='action-group__action icon-link icon-link--default' v-on:click="closeModal('{{ new_port_mem }}')">Cancel</a> <a class='action-group__action icon-link icon-link--default' v-on:click="closeModal('{{ new_port_mem }}')">Cancel</a>
<input
type='button'
v-on:click="previous()"
class='action-group__action usa-button action-group__action--left'
value='Previous step'>
</div> </div>
</div> </div>
{% endset %} {% endset %}