diff options
author | Filipa Lacerda <filipa@gitlab.com> | 2017-11-24 21:00:06 +0000 |
---|---|---|
committer | Filipa Lacerda <filipa@gitlab.com> | 2017-11-24 21:08:15 +0000 |
commit | 1b40a9f803f33bc16852a907c1ff8269e956c1f6 (patch) | |
tree | cb6ef13376d1e372a891f1a442ee676b0c774ff7 /app/assets/javascripts/clusters | |
parent | 54cf7dacdf3fac38161f0e962640543166715eb4 (diff) | |
download | gitlab-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.js | 10 |
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'); } /** |