TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-24 19:33:02 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #5742 from kevinansfield/spin-button-minimum-timeout

Browse Source 
Set a minimum spin time of 1 second for gh-spin-button
This commit is contained in:
Hannah Wolfe 2015-08-28 13:15:45 +01:00
commit dd8da3bad7
1 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
ghost/admin/app/components/gh-spin-button.js
View File

@ -5,13 +5,14 @@ export default Ember.Component.extend({
buttonText: '',
submitting: false,
showSpinner: false,
showSpinnerTimeout: null,
autoWidth: true,
// Disable Button when isLoading equals true
attributeBindings: ['disabled', 'type', 'tabindex'],
// Must be set on the controller
disabled: Ember.computed.equal('submitting', true),
disabled: Ember.computed.equal('showSpinner', true),
click: function () {
if (this.get('action')) {
@ -21,14 +22,34 @@ export default Ember.Component.extend({
return true;
},
setSize: Ember.observer('submitting', function () {
if (this.get('submitting') && this.get('autoWidth')) {
toggleSpinner: Ember.observer('submitting', function () {
var submitting = this.get('submitting'),
timeout = this.get('showSpinnerTimeout');
if (submitting) {
this.set('showSpinner', true);
this.set('showSpinnerTimeout', Ember.run.later(this, function () {
if (!this.get('submitting')) {
this.set('showSpinner', false);
this.set('showSpinnerTimeout', null);
}
}, 1000));
} else if (!submitting && timeout === null) {
this.set('showSpinner', false);
}
}),
setSize: Ember.observer('showSpinner', function () {
if (this.get('showSpinner') && this.get('autoWidth')) {
this.$().width(this.$().width());
this.$().height(this.$().height());
} else {
this.$().width('');
this.$().height('');
}
this.set('showSpinner', this.get('submitting'));
})
}),
willDestroy: function () {
Ember.run.cancel(this.get('showSpinnerTimeout'));
}
});