add error message

This commit is contained in:
taehoon 2019-03-20 12:37:13 -04:00
parent dfc56dfee2
commit 471085f0f3
2 changed files with 18 additions and 1 deletions

View file

@ -12,7 +12,8 @@ const UserReportingModal = {
comment: '', comment: '',
forward: false, forward: false,
statusIdsToReport: [], statusIdsToReport: [],
processing: false processing: false,
error: false
} }
}, },
computed: { computed: {
@ -45,12 +46,14 @@ const UserReportingModal = {
this.forward = false this.forward = false
this.statusIdsToReport = [] this.statusIdsToReport = []
this.processing = false this.processing = false
this.error = false
}, },
closeModal () { closeModal () {
this.$store.dispatch('closeUserReportingModal') this.$store.dispatch('closeUserReportingModal')
}, },
reportUser () { reportUser () {
this.processing = true this.processing = true
this.error = false
const params = { const params = {
userId: this.userId, userId: this.userId,
comment: this.comment, comment: this.comment,
@ -63,6 +66,13 @@ const UserReportingModal = {
this.resetState() this.resetState()
this.closeModal() this.closeModal()
}) })
.catch(() => {
this.processing = false
this.error = true
})
},
clearError () {
this.error = false
}, },
isChecked (statusId) { isChecked (statusId) {
return this.statusIdsToReport.indexOf(statusId) !== -1 return this.statusIdsToReport.indexOf(statusId) !== -1

View file

@ -20,6 +20,9 @@
</div> </div>
<div> <div>
<button class="btn btn-default" @click="reportUser" :disabled="processing">Submit</button> <button class="btn btn-default" @click="reportUser" :disabled="processing">Submit</button>
<div class="alert error" v-if="error">
An error occured processing your request
</div>
</div> </div>
</div> </div>
<div class="user-reporting-panel-right"> <div class="user-reporting-panel-right">
@ -84,6 +87,10 @@
min-width: 10em; min-width: 10em;
padding: 0 2em; padding: 0 2em;
} }
.alert {
margin: 1em 0 0 0;
}
} }
&-right { &-right {