52 lines
1.5 KiB
JavaScript
52 lines
1.5 KiB
JavaScript
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
|
'use strict';
|
|
/*@
|
|
Ox.Label <f:Ox.Element> Label Object
|
|
() -> <f> Label Object
|
|
(options) -> <f> Label Object
|
|
(options, self) -> <f> Label Object
|
|
options <o> Options object
|
|
@*/
|
|
Ox.Label = function(options, self) {
|
|
|
|
self = self || {};
|
|
var that = Ox.Element({}, self)
|
|
.defaults({
|
|
disabled: false,
|
|
id: '',
|
|
overlap: 'none',
|
|
textAlign: 'left',
|
|
style: 'rounded',
|
|
title: '',
|
|
width: 'auto'
|
|
})
|
|
.options(options || {})
|
|
.addClass(
|
|
'OxLabel Ox' + Ox.toTitleCase(self.options.style)
|
|
+ (self.options.disabled ? ' OxDisabled' : '')
|
|
+ (
|
|
self.options.overlap != 'none'
|
|
?
|
|
' OxOverlap' + Ox.toTitleCase(self.options.overlap) : ''
|
|
)
|
|
)
|
|
.css(Ox.extend(self.options.width == 'auto' ? {} : {
|
|
width: self.options.width - (
|
|
self.options.style == 'rounded' ? 14 : 6
|
|
) + 'px'
|
|
}, {
|
|
textAlign: self.options.textAlign
|
|
}))
|
|
.html(self.options.title);
|
|
|
|
self.setOption = function(key, value) {
|
|
if (key == 'title') {
|
|
that.html(value);
|
|
} else if (key == 'width') {
|
|
that.css({width: self.options.width - 14 + 'px'});
|
|
}
|
|
};
|
|
|
|
return that;
|
|
|
|
};
|