71 lines
1.2 KiB
JavaScript
71 lines
1.2 KiB
JavaScript
|
require('./style.scss');
|
||
|
|
var Widget = require('../widget');
|
||
|
|
|
||
|
|
module.exports = new Class({
|
||
|
|
Tag: 'htk-loader'
|
||
|
|
,Extends: Widget
|
||
|
|
,Properties: {
|
||
|
|
form: {
|
||
|
|
type: Db.Form
|
||
|
|
,set: function(x) {
|
||
|
|
this.link({_form: x}, {'status-changed': this.onFormChange});
|
||
|
|
this.onFormChange();
|
||
|
|
}
|
||
|
|
,get: function() {
|
||
|
|
return this._form;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
,initialize: function() {
|
||
|
|
var node = this.createRoot('div');
|
||
|
|
node.className = 'htk-loader';
|
||
|
|
|
||
|
|
var div = this.createElement('div');
|
||
|
|
div.className = 'spinner';
|
||
|
|
|
||
|
|
var spinner = new Htk.Spinner();
|
||
|
|
div.appendChild(spinner.node);
|
||
|
|
|
||
|
|
var childs = this.createElement('div');
|
||
|
|
|
||
|
|
this.spinner = spinner;
|
||
|
|
this.div = div;
|
||
|
|
this.childs = childs;
|
||
|
|
this.isLoading = true;
|
||
|
|
this.stop();
|
||
|
|
}
|
||
|
|
|
||
|
|
,appendChild: function(child) {
|
||
|
|
this.childs.appendChild(child);
|
||
|
|
}
|
||
|
|
|
||
|
|
,stop: function() {
|
||
|
|
if (!this.isLoading)
|
||
|
|
return;
|
||
|
|
|
||
|
|
this.isLoading = false;
|
||
|
|
this.spinner.stop();
|
||
|
|
Vn.Node.removeChilds(this.node);
|
||
|
|
this.node.appendChild(this.childs);
|
||
|
|
}
|
||
|
|
|
||
|
|
,start: function() {
|
||
|
|
if (this.isLoading)
|
||
|
|
return;
|
||
|
|
|
||
|
|
this.isLoading = true;
|
||
|
|
this.spinner.start();
|
||
|
|
Vn.Node.removeChilds(this.node);
|
||
|
|
this.node.appendChild(this.div);
|
||
|
|
}
|
||
|
|
|
||
|
|
,onFormChange: function() {
|
||
|
|
if (this._form.ready)
|
||
|
|
this.stop();
|
||
|
|
else
|
||
|
|
this.start();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|