summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/clusters
diff options
context:
space:
mode:
authorFilipa Lacerda <filipa@gitlab.com>2017-11-24 21:00:06 +0000
committerFilipa Lacerda <filipa@gitlab.com>2017-11-24 21:08:15 +0000
commit1b40a9f803f33bc16852a907c1ff8269e956c1f6 (patch)
treecb6ef13376d1e372a891f1a442ee676b0c774ff7 /app/assets/javascripts/clusters
parent54cf7dacdf3fac38161f0e962640543166715eb4 (diff)
downloadgitlab-ce-1b40a9f803f33bc16852a907c1ff8269e956c1f6.tar.gz
Handle toggle button with API request
Add tests Update empty state [ci skip]
Diffstat (limited to 'app/assets/javascripts/clusters')
-rw-r--r--app/assets/javascripts/clusters/clusters_index.js10
1 files changed, 8 insertions, 2 deletions
diff --git a/app/assets/javascripts/clusters/clusters_index.js b/app/assets/javascripts/clusters/clusters_index.js
index 52dfed5668a..efdf2de5583 100644
--- a/app/assets/javascripts/clusters/clusters_index.js
+++ b/app/assets/javascripts/clusters/clusters_index.js
@@ -47,9 +47,15 @@ export default class ClusterTable {
* @param {HTMLElement} button
*/
static toggleLoadingButton(button) {
- button.setAttribute('disabled', button.getAttribute('disabled'));
+ if (button.getAttribute('disabled')) {
+ button.removeAttribute('disabled');
+ } else {
+ button.setAttribute('disabled', true);
+ }
+
button.classList.toggle('disabled');
- button.classList.toggle('loading');
+ button.classList.toggle('is-loading');
+ button.querySelector('.loading-icon').classList.toggle('hidden');
}
/**