78 lines
1.3 KiB
JavaScript
78 lines
1.3 KiB
JavaScript
|
|
Vn.resource ('js/htk/image-editor.xml');
|
|
Vn.define (function () {
|
|
|
|
/**
|
|
* A form to handle the image database, it allows to add new images or
|
|
* replace it.
|
|
**/
|
|
Htk.ImageEditor = new Class
|
|
({
|
|
Extends: Htk.Widget
|
|
,Properties:
|
|
{
|
|
/**
|
|
* The REST connection used to upload the image.
|
|
**/
|
|
conn:
|
|
{
|
|
type: Vn.JsonConnection
|
|
}
|
|
}
|
|
|
|
,initialize: function (props)
|
|
{
|
|
this.builderInit (this.constructor.Xml);
|
|
|
|
var self = this;
|
|
this.$('form').onsubmit = function ()
|
|
{ self._onSubmit (); return false; };
|
|
|
|
this.parent (props);
|
|
}
|
|
|
|
,onNameChange: function ()
|
|
{
|
|
var newValue = this.$('name').value;
|
|
|
|
if (!newValue)
|
|
newValue = null
|
|
|
|
this.signalEmit ('name-changed', newValue);
|
|
}
|
|
|
|
,_onSubmit: function ()
|
|
{
|
|
this.$('submit').disabled = true;
|
|
this.$('spinner').start ();
|
|
|
|
this.conn.sendFormMultipart (this.$('form'),
|
|
this._onResponse.bind (this));
|
|
}
|
|
|
|
,_onResponse: function (request, json, error)
|
|
{
|
|
this.$('submit').disabled = false;
|
|
this.$('spinner').stop ();
|
|
|
|
if (json)
|
|
{
|
|
Htk.Toast.showMessage (_('ImageAdded'));
|
|
this.signalEmit ('file-uploaded', this.$('name').value);
|
|
}
|
|
else
|
|
Htk.Toast.showError (error.message);
|
|
}
|
|
|
|
,setData: function (image, directory)
|
|
{
|
|
this.$('name').value = image;
|
|
this.$('schema').value = directory;
|
|
}
|
|
}).extend
|
|
({
|
|
Xml: 'js/htk/image-editor.xml'
|
|
});
|
|
|
|
});
|