69 lines
1.9 KiB
JavaScript
69 lines
1.9 KiB
JavaScript
|
'use strict';
|
||
|
|
|
||
|
|
oml.ui.info = function() {
|
||
|
|
|
||
|
|
var ui = oml.user.ui,
|
||
|
|
|
||
|
|
that = Ox.Element()
|
||
|
|
.addClass('OxTextPage')
|
||
|
|
.css({
|
||
|
|
padding: '0 16px',
|
||
|
|
textAlign: 'center',
|
||
|
|
overflowY: 'auto'
|
||
|
|
})
|
||
|
|
.bindEvent({
|
||
|
|
oml_item: function() {
|
||
|
|
that.update();
|
||
|
|
},
|
||
|
|
oml_listselection: function() {
|
||
|
|
that.update();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
that.update = function() {
|
||
|
|
var id = ui.item || ui.listSelection[0];
|
||
|
|
if (id) {
|
||
|
|
oml.api.get({
|
||
|
|
id: id,
|
||
|
|
keys: [
|
||
|
|
'author', 'coverRatio',
|
||
|
|
'description', 'title'
|
||
|
|
]
|
||
|
|
}, function(result) {
|
||
|
|
var data = result.data;
|
||
|
|
that.empty();
|
||
|
|
$('<img>')
|
||
|
|
.attr({src: '/' + id + '/cover128.jpg'})
|
||
|
|
.css({margin: '16px 0 8px 0'})
|
||
|
|
.appendTo(that);
|
||
|
|
$('<div>')
|
||
|
|
.css({
|
||
|
|
fontWeight: 'bold'
|
||
|
|
})
|
||
|
|
.html(data.title || '')
|
||
|
|
.appendTo(that);
|
||
|
|
$('<div>')
|
||
|
|
.css({
|
||
|
|
fontWeight: 'bold'
|
||
|
|
})
|
||
|
|
.html((data.author || []).join(', '))
|
||
|
|
.appendTo(that);
|
||
|
|
$('<div>')
|
||
|
|
.css({marginTop: '8px'})
|
||
|
|
.html(
|
||
|
|
Ox.encodeHTMLEntities(result.data.description || '')
|
||
|
|
)
|
||
|
|
.appendTo(that);
|
||
|
|
$('<div>')
|
||
|
|
.css({height: '16px'})
|
||
|
|
.appendTo(that);
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
that.empty();
|
||
|
|
}
|
||
|
|
return that;
|
||
|
|
};
|
||
|
|
|
||
|
|
return that.update();
|
||
|
|
|
||
|
|
};
|