diff options
author | Phil Hughes <me@iamphill.com> | 2018-02-01 10:53:36 +0000 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2018-02-01 10:53:36 +0000 |
commit | ab8e3a5595a441eb5b24cd7db5a877b65dcef704 (patch) | |
tree | 5ca5e277cfd247467dc1b4553061543bb48460fa /app/assets/javascripts/notifications_form.js | |
parent | 1c8553f21e1cbfa730f47ea8c0be4080a9238f89 (diff) | |
download | gitlab-ce-ab8e3a5595a441eb5b24cd7db5a877b65dcef704.tar.gz |
Converted notifications_form.js to axios
Diffstat (limited to 'app/assets/javascripts/notifications_form.js')
-rw-r--r-- | app/assets/javascripts/notifications_form.js | 38 |
1 files changed, 19 insertions, 19 deletions
diff --git a/app/assets/javascripts/notifications_form.js b/app/assets/javascripts/notifications_form.js index 4534360d577..4e0afe13590 100644 --- a/app/assets/javascripts/notifications_form.js +++ b/app/assets/javascripts/notifications_form.js @@ -1,3 +1,7 @@ +import { __ } from './locale'; +import axios from './lib/utils/axios_utils'; +import flash from './flash'; + export default class NotificationsForm { constructor() { this.toggleCheckbox = this.toggleCheckbox.bind(this); @@ -27,24 +31,20 @@ export default class NotificationsForm { saveEvent($checkbox, $parent) { const form = $parent.parents('form:first'); - return $.ajax({ - url: form.attr('action'), - method: form.attr('method'), - dataType: 'json', - data: form.serialize(), - beforeSend: () => { - this.showCheckboxLoadingSpinner($parent); - }, - }).done((data) => { - $checkbox.enable(); - if (data.saved) { - $parent.find('.custom-notification-event-loading').toggleClass('fa-spin fa-spinner fa-check is-done'); - setTimeout(() => { - $parent.removeClass('is-loading') - .find('.custom-notification-event-loading') - .toggleClass('fa-spin fa-spinner fa-check is-done'); - }, 2000); - } - }); + this.showCheckboxLoadingSpinner($parent); + + axios[form.attr('method')](form.attr('action'), form.serialize()) + .then(({ data }) => { + $checkbox.enable(); + if (data.saved) { + $parent.find('.custom-notification-event-loading').toggleClass('fa-spin fa-spinner fa-check is-done'); + setTimeout(() => { + $parent.removeClass('is-loading') + .find('.custom-notification-event-loading') + .toggleClass('fa-spin fa-spinner fa-check is-done'); + }, 2000); + } + }) + .catch(() => flash(__('There was an error saving your notification settings.'))); } } |