openmedialibrary/static/js/selectFolder.js
2019-01-24 12:47:15 +05:30

62 lines
1.9 KiB
JavaScript

'use strict';
oml.ui.selectFolder = function(options, self) {
var inputOptions = {
style: options.style,
placeholder: options.placeholder,
width: options.width - options.labelWidth - 4,
value: options.title,
autocomplete: function(value, callback) {
oml.api.autocompleteFolder({path: value}, function(result) {
callback(result.data.items);
});
},
autocompleteSelect: true,
changeOnKeypress: true,
},
buttonOptions = {
overlap: 'left',
tooltip: Ox._('Select Folder'),
style: options.style,
title: 'directory',
type: 'image'
};
var $button = Ox.Button(buttonOptions).bindEvent({
click: function(event) {
oml.api.selectFolder({
base: $input.value()
}, function(result) {
if (result.data.path) {
$input.value(result.data.path);
that.triggerEvent('change', result.data.path);
}
})
}
}).css({
'padding-left': '4px'
}),
$input = Ox.Input(inputOptions),
that = Ox.FormElementGroup({
id: options.id,
elements: [
Ox.Label({
style: options.style,
textAlign: 'right',
overlap: 'right',
title: options.label,
width: options.labelWidth
}),
$input,
$button
],
}, self);
that.value = function() {
return $input.value()
}
if (options.title && options.title != '...') {
$button.value(options.title)
}
return that;
}