1 files changed, 8 insertions, 14 deletions
diff --git a/app/assets/javascripts/members.js.es6 b/app/assets/javascripts/members.js.es6
index 64826894965..e3f367a11eb 100644
--- a/app/assets/javascripts/members.js.es6
+++ b/app/assets/javascripts/members.js.es6
@@ -31,14 +31,8 @@
           toggleLabel(selected, $el) {
             return $el.text();
           },
-          clicked: (selected, $el) => {
-            const $link = $($el);
-            const { $toggle, $dateInput } = this.getMemberListItems($link);
-
-            $toggle.attr('disabled', true);
-            $dateInput.attr('disabled', true);
-
-            $btn.closest('form').trigger('submit.rails');
+          clicked: (selected, $link) => {
+            this.formSubmit(null, $link);
           },
         });
       });
@@ -55,21 +49,21 @@
       }
     }
 
-    formSubmit(e) {
-      const $this = $(e.currentTarget);
+    formSubmit(e, $el = null) {
+      const $this = e ? $(e.currentTarget) : $el;
       const { $toggle, $dateInput } = this.getMemberListItems($this);
 
       $this.closest('form').trigger('submit.rails');
 
-      $toggle.attr('disabled', true);
-      $dateInput.attr('disabled', true);
+      $toggle.disable();
+      $dateInput.disable();
     }
 
     formSuccess(e) {
       const { $toggle, $dateInput } = this.getMemberListItems($(e.currentTarget).closest('.member'));
 
-      $toggle.removeAttr('disabled');
-      $dateInput.removeAttr('disabled');
+      $toggle.enable();
+      $dateInput.enable();
     }
 
     getMemberListItems($el) {