diff options
| author | taehoon <th.dev91@gmail.com> | 2019-03-20 12:20:31 -0400 |
|---|---|---|
| committer | taehoon <th.dev91@gmail.com> | 2019-05-03 11:40:05 -0400 |
| commit | 1b07c6ae4f0d06e25b124bba2f088d3a02f78ecc (patch) | |
| tree | bdb9c4c9f66f6e4f7ee11637bb9b590d01b23b67 /src/components | |
| parent | 1878e56c16cf2ed09faf653a69efeca73c38ea65 (diff) | |
add processing state and close modal after api request is completed
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/user_reporting_modal/user_reporting_modal.js | 12 | ||||
| -rw-r--r-- | src/components/user_reporting_modal/user_reporting_modal.vue | 2 |
2 files changed, 11 insertions, 3 deletions
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js index ed7e74f0..ac5b5192 100644 --- a/src/components/user_reporting_modal/user_reporting_modal.js +++ b/src/components/user_reporting_modal/user_reporting_modal.js @@ -11,7 +11,8 @@ const UserReportingModal = { return { comment: '', forward: false, - statusIdsToReport: [] + statusIdsToReport: [], + processing: false } }, computed: { @@ -40,6 +41,7 @@ const UserReportingModal = { this.comment = '' this.forward = false this.statusIdsToReport = [] + this.processing = false } }, methods: { @@ -47,12 +49,18 @@ const UserReportingModal = { this.$store.dispatch('closeUserReportingModal') }, reportUser () { + this.processing = true const params = { + userId: this.userId, comment: this.comment, forward: this.forward, statusIds: this.statusIdsToReport } - this.$store.dispatch('reportUser', params) + this.$store.state.api.backendInteractor.reportUser(params) + .then(() => { + this.processing = false + this.closeModal() + }) }, isChecked (statusId) { return this.statusIdsToReport.indexOf(statusId) !== -1 diff --git a/src/components/user_reporting_modal/user_reporting_modal.vue b/src/components/user_reporting_modal/user_reporting_modal.vue index 49839da3..30d3ab19 100644 --- a/src/components/user_reporting_modal/user_reporting_modal.vue +++ b/src/components/user_reporting_modal/user_reporting_modal.vue @@ -19,7 +19,7 @@ <Checkbox v-model="forward">Forward to {{remoteInstance}}</Checkbox> </div> <div> - <button class="btn btn-default" @click="reportUser">Submit</button> + <button class="btn btn-default" @click="reportUser" :disabled="processing">Submit</button> </div> </div> <div class="user-reporting-panel-right"> |