66 lines
1.9 KiB
JavaScript
66 lines
1.9 KiB
JavaScript
'use strict';
|
|
|
|
/*@
|
|
Ox.Label <f> Label element
|
|
options <o|u> Options object
|
|
self <o|u> Shared private variable
|
|
([options[, self]]) -> <o:Ox.Element> Label element
|
|
@*/
|
|
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 || {})
|
|
.update({
|
|
disabled: function() {
|
|
that[
|
|
self.options.disabled ? 'addClass' : 'removeClass'
|
|
]('OxDisabled');
|
|
},
|
|
title: function() {
|
|
that.html(self.options.title);
|
|
},
|
|
width: function() {
|
|
that.css({
|
|
width: self.options.width - (
|
|
Ox.contains(['rounded', 'squared'], self.options.style)
|
|
? 14 : 8
|
|
) + 'px'
|
|
});
|
|
}
|
|
})
|
|
.addClass(
|
|
'OxLabel'
|
|
+ (
|
|
self.options.style != 'rounded'
|
|
? ' 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 - (
|
|
Ox.contains(['rounded', 'squared'], self.options.style)
|
|
? 14 : 8
|
|
) + 'px'
|
|
}, {
|
|
textAlign: self.options.textAlign
|
|
}))
|
|
.html(Ox.isUndefined(self.options.title) ? '' : self.options.title);
|
|
|
|
return that;
|
|
|
|
};
|