cleanup docs, fix children/find calls

This commit is contained in:
j 2012-05-22 15:14:40 +02:00
parent a98902f165
commit b9e80c9d75
88 changed files with 157 additions and 253 deletions

View file

@ -5,8 +5,8 @@ Ox.Bar <f:Ox.Element> Bar
(options) -> <o> Bar object (options) -> <o> Bar object
(options, self) -> <o> Bar object (options, self) -> <o> Bar object
options <o> Options object options <o> Options object
orientation <s|horizontal> orientation <s|'horizontal'>
size <s|medium> can be small, medium, large or number size <s|'medium'> can be small, medium, large or number
self <o> Shared private variable self <o> Shared private variable
@*/ @*/
Ox.Bar = function(options, self) { Ox.Bar = function(options, self) {

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.Progressbar <f> Progress Bar Ox.Progressbar <f:Ox.Element> Progress Bar
() -> <o> Progress Bar () -> <o> Progress Bar
(options) -> <o> Progress Bar (options) -> <o> Progress Bar
(options, self) -> <o> Progress Bar (options, self) -> <o> Progress Bar
@ -241,4 +241,4 @@ Ox.Progressbar = function(options, self) {
return that; return that;
}; };

View file

@ -1,11 +0,0 @@
'use strict';
/**
fixme: no need for this
*/
Ox.Toolbar = function(options, self) {
self = self || {};
var that = Ox.Bar({
size: Ox.UI.getBarSize(options.size)
}, self);
return that;
};

View file

@ -1041,8 +1041,8 @@ Ox.Calendar = function(options, self) {
- self.options.showToolbar * 24 - self.options.showToolbar * 24
); );
self.$content.css({height: self.contentHeight + 'px'}); self.$content.css({height: self.contentHeight + 'px'});
that.$element.find('.OxBackground').empty(); that.find('.OxBackground').empty();
that.$element.find('.OxEvent').remove(); that.find('.OxEvent').remove();
renderBackground(); renderBackground();
renderTimelines(); renderTimelines();
renderOverlay(); renderOverlay();

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.ListCalendar <function> List Calendar Ox.ListCalendar <f:Ox.Element> List Calendar
(options[, self]) -> <o> List Calendar (options[, self]) -> <o> List Calendar
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.DocPage <f> DocPage Ox.DocPage <f:Ox.Element> DocPage
() -> <o> DocPage object () -> <o> DocPage object
(options) -> <o> DocPage object (options) -> <o> DocPage object
(options, self) -> <o> DocPage object (options, self) -> <o> DocPage object

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.DocPanel <f> Documentation Panel Ox.DocPanel <f:Ox.Element> Documentation Panel
() -> <f> Documentation Panel () -> <f> Documentation Panel
(options) -> <f> Documentation Panel (options) -> <f> Documentation Panel
(options, self) -> <f> Documentation Panel (options, self) -> <f> Documentation Panel

View file

@ -1,7 +1,7 @@
'use strict' 'use strict'
/*@ /*@
Ox.ExamaplePage <function> Example Page Ox.ExamaplePage <f:Ox.Element> Example Page
(options[, self]) -> <o> Example Page (options[, self]) -> <o> Example Page
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.ExamaplePanel <function> Example Panel Ox.ExamaplePanel <f:Ox.Element> Example Panel
(options[, self]) -> <o> Example Panel (options[, self]) -> <o> Example Panel
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.SourceViewer <function> Source Viewer Ox.SourceViewer <f:Ox.Container> Source Viewer
(options[, self]) -> <o> Source Viewer (options[, self]) -> <o> Source Viewer
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.SyntaxHighlighter <function> Syntax Highlighter Ox.SyntaxHighlighter <f:Ox.Element> Syntax Highlighter
(options[, self]) -> <o> Syntax Highlighter (options[, self]) -> <o> Syntax Highlighter
options <o> Options options <o> Options
lineLength <n|0> If larger than zero, show edge of page lineLength <n|0> If larger than zero, show edge of page

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.API <o> bind remote api to object Ox.API <f> bind remote api to object
options <o> Options object options <o> Options object
timeout <n|60000> request timeout timeout <n|60000> request timeout
url <s> request url url <s> request url

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.App <f> Basic application instance that communicates with a JSON API Ox.App <f:Ox.Element> Basic application instance that communicates with a JSON API
() -> <f> App object () -> <f> App object
(options) -> <f> App object (options) -> <f> App object
options <o> Options object options <o> Options object

View file

@ -7,7 +7,7 @@ Ox.Clipboard <o> Basic clipboard handler
paste <f> Paste data from clipboard paste <f> Paste data from clipboard
() -> <*> Clipboard data () -> <*> Clipboard data
@*/ @*/
Ox.Clipboard = function() { Ox.Clipboard = (function() {
var clipboard = {}; var clipboard = {};
return { return {
_print: function() { _print: function() {
@ -24,4 +24,4 @@ Ox.Clipboard = function() {
return type in clipboard; return type in clipboard;
} }
}; };
}(); })();

View file

@ -5,7 +5,7 @@
// 0, 1, 2, etc, so that append would append 0, and appendTo // 0, 1, 2, etc, so that append would append 0, and appendTo
// would append (length - 1)? // would append (length - 1)?
/*@ /*@
Ox.Container <f> Container element Ox.Container <f:Ox.Element> Container element
() -> <o> Container object () -> <o> Container object
(options) -> <o> Container object (options) -> <o> Container object
(options, self) -> <o> Container object (options, self) -> <o> Container object

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.Element <function:Ox.JQueryElement> Basic UI element object Ox.Element <f:Ox.JQueryElement> Basic UI element object
# Usage -------------------------------------------------------------------- # Usage --------------------------------------------------------------------
(element) -> <object> UI element (element) -> <object> UI element
(options) -> <object> UI element (options) -> <object> UI element
@ -398,7 +398,7 @@ Ox.Element = function(options, self) {
() -> <obj> This element () -> <obj> This element
@*/ @*/
that.remove = function(remove) { that.remove = function(remove) {
remove !== false && that.$element.find('.OxElement').each(function() { remove !== false && that.find('.OxElement').each(function() {
var oxid = $(this).data('oxid'), var oxid = $(this).data('oxid'),
element = Ox.UI.elements[oxid]; element = Ox.UI.elements[oxid];
element && element.remove(false); element && element.remove(false);

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.GarbageCollection <function> GarbageCollection Ox.GarbageCollection <f> GarbageCollection
() -> <o> run garbage collection () -> <o> run garbage collection
debug() -> {} output debug information debug() -> {} output debug information
@*/ @*/

View file

@ -1,5 +0,0 @@
/***
Ox.History
***/
'use strict';

View file

@ -1,13 +1,10 @@
'use strict'; 'use strict';
/*@ /*@
Ox.JQueryElement <function> Wrapper for jQuery Ox.JQueryElement <f> Wrapper for jQuery
($element) -> <object> Wrapped jQuery DOM element ($element) -> <object> Wrapped jQuery DOM element
$element <object> jQuery DOM Element $element <object> jQuery DOM Element
@*/ @*/
// fixme: now that children(), find() work, change code to call find directly.
Ox.JQueryElement = function($element) { Ox.JQueryElement = function($element) {
var that = this; var that = this;
//@ id <number> Unique id //@ id <number> Unique id
@ -50,4 +47,4 @@ Ox.methods($('<div>'), true).forEach(function(method) {
&& Ox.UI.elements[id = ret.data('oxid')] && Ox.UI.elements[id = ret.data('oxid')]
? Ox.UI.elements[id] : ret; ? Ox.UI.elements[id] : ret;
}; };
}); });

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.ArrayEditable <function> Array Editable Ox.ArrayEditable <f:Ox.Element> Array Editable
(options, self) -> <f> Array Editable (options, self) -> <f> Array Editable
options <o> Options object options <o> Options object
self <o> Shared private variable self <o> Shared private variable

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.ArrayInput <function> Array input Ox.ArrayInput <f:Ox.Element> Array input
(options, self) -> <f> Array input (options, self) -> <o> Array input
options <o> Options object options <o> Options object
label <s> string, '' label <s> string, ''
max <n> integer, maximum number of items, 0 for all max <n> integer, maximum number of items, 0 for all

View file

@ -2,9 +2,9 @@
/*@ /*@
Ox.Button <f:Ox.Element> Button Object Ox.Button <f:Ox.Element> Button Object
() -> <f> Button Object () -> <o> Button Object
(options) -> <f> Button Object (options) -> <o> Button Object
(options, self) -> <f> Button Object (options, self) -> <o> Button Object
options <o> Options object options <o> Options object
If a button is both selectable and has two values, its value is the If a button is both selectable and has two values, its value is the
selected id, and the second value corresponds to the selected state selected id, and the second value corresponds to the selected state

View file

@ -2,9 +2,9 @@
/*@ /*@
Ox.ButtonGroup <f:Ox.Element> ButtonGroup Object Ox.ButtonGroup <f:Ox.Element> ButtonGroup Object
() -> <f> ButtonGroup Object () -> <o> ButtonGroup Object
(options) -> <f> ButtonGroup Object (options) -> <o> ButtonGroup Object
(options, self) -> <f> ButtonGroup Object (options, self) -> <o> ButtonGroup Object
options <o> Options object options <o> Options object
buttons <a> array of buttons buttons <a> array of buttons
max <n> integer, maximum number of selected buttons, 0 for all max <n> integer, maximum number of selected buttons, 0 for all

View file

@ -2,9 +2,9 @@
/*@ /*@
Ox.Checkbox <f:Ox.Element> Checkbox Element Ox.Checkbox <f:Ox.Element> Checkbox Element
() -> <f> Checkbox Element () -> <o> Checkbox Element
(options) -> <f> Checkbox Element (options) -> <o> Checkbox Element
(options, self) -> <f> Checkbox Element (options, self) -> <o> Checkbox Element
options <o> Options object options <o> Options object
disabled <b> if true, checkbox is disabled disabled <b> if true, checkbox is disabled
group <b> if true, checkbox is part of a group group <b> if true, checkbox is part of a group

View file

@ -2,9 +2,9 @@
/*@ /*@
Ox.CheckboxGroup <f:Ox.Element> CheckboxGroup Object Ox.CheckboxGroup <f:Ox.Element> CheckboxGroup Object
() -> <f> CheckboxGroup Object () -> <o> CheckboxGroup Object
(options) -> <f> CheckboxGroup Object (options) -> <o> CheckboxGroup Object
(options, self) -> <f> CheckboxGroup Object (options, self) -> <o> CheckboxGroup Object
options <o> Options object options <o> Options object
checkboxes <a|[]> array of checkboxes checkboxes <a|[]> array of checkboxes
max <n|1> max selected max <n|1> max selected

View file

@ -2,9 +2,9 @@
/*@ /*@
Ox.ColorInput <f:Ox.InputGroup> ColorInput Element Ox.ColorInput <f:Ox.InputGroup> ColorInput Element
() -> <f> ColorInput Element () -> <o> ColorInput Element
(options) -> <f> ColorInput Element (options) -> <o> ColorInput Element
(options, self) -> <f> ColorInput Element (options, self) -> <o> ColorInput Element
options <o> Options object options <o> Options object
id <s> element id id <s> element id
value <s|0, 0, 0> rgb value value <s|0, 0, 0> rgb value

View file

@ -2,9 +2,9 @@
/*@ /*@
Ox.ColorPicker <f:Ox.Element> ColorPicker Element Ox.ColorPicker <f:Ox.Element> ColorPicker Element
() -> <f> ColorPicker Element () -> <o> ColorPicker Element
(options) -> <f> ColorPicker Element (options) -> <o> ColorPicker Element
(options, self) -> <f> ColorPicker Element (options, self) -> <o> ColorPicker Element
options <o> Options object options <o> Options object
id <s> element id id <s> element id
value <s|0, 0, 0> rgb value value <s|0, 0, 0> rgb value
@ -50,19 +50,18 @@ Ox.ColorPicker = function(options, self) {
} }
}) })
.appendTo(that); .appendTo(that);
// fixme: make self.$ranges[i].children() work
if (i == 0) { if (i == 0) {
// fixme: this should go into Ox.UI.css // fixme: this should go into Ox.UI.css
self.$ranges[i].$element.children('input.OxOverlapRight').css({ self.$ranges[i].children('input.OxOverlapRight').css({
MozBorderRadius: 0, MozBorderRadius: 0,
WebkitBorderRadius: 0 WebkitBorderRadius: 0
}); });
self.$ranges[i].$element.children('input.OxOverlapLeft').css({ self.$ranges[i].children('input.OxOverlapLeft').css({
MozBorderRadius: '0 8px 0 0', MozBorderRadius: '0 8px 0 0',
WebkitBorderRadius: '0 8px 0 0' WebkitBorderRadius: '0 8px 0 0'
}); });
} else { } else {
self.$ranges[i].$element.children('input').css({ self.$ranges[i].children('input').css({
MozBorderRadius: 0, MozBorderRadius: 0,
WebkitBorderRadius: 0 WebkitBorderRadius: 0
}); });

View file

@ -1,10 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.DateInput <f:Ox.Element> DateInput Element Ox.DateInput <f:Ox.InputGroup> DateInput Element
() -> <f> DateInput Element ([options[, self]]) -> <o> DateInput Element
(options) -> <f> DateInput Element
(options, self) -> <f> DateInput Element
options <o> Options object options <o> Options object
format <s|short> format can be short, medium, long format <s|short> format can be short, medium, long
value <d> date value, defaults to current date value <d> date value, defaults to current date

View file

@ -1,10 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.DateTimeInput <f:Ox.Element> DateTimeInput Element Ox.DateTimeInput <f:Ox.InputGroup> DateTimeInput Element
() -> <f> DateTimeInput Element ([options[, self]]) -> <o> DateTimeInput Element
(options) -> <f> DateTimeInput Element
(options, self) -> <f> DateTimeInput Element
options <o> Options object options <o> Options object
ampm <b|false> false is 24h true is am/pm ampm <b|false> false is 24h true is am/pm
format <s|short> options are short, medium, long format <s|short> options are short, medium, long

View file

@ -1,10 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.Editable <f> Editable element Ox.Editable <f:Ox.Element> Editable element
() -> <f> Input Element ([options[, self]]) -> <o> Input Element
(options) -> <f> Input Element
(options, self) -> <f> Input Element
options <o> Options object options <o> Options object
editing <b|false> If true, loads in editing state editing <b|false> If true, loads in editing state
format <f|null> Format function format <f|null> Format function

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.FileButton <function> File Button Ox.FileButton <f:Ox.Element> File Button
(options[, self]) -> <o> File Button ([options[, self]]) -> <o> File Button
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.FileInput <function> File Input Ox.FileInput <f:Ox.Element> File Input
(options[, self]) -> <o> File Input ([options[, self]]) -> <o> File Input
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -1,10 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.Filter <o> Filter Object Ox.Filter <f:Ox.Element> Filter Object
() -> <f> Filter Object ([options[, self]]) -> <o> Filter Object
(options) -> <f> Filter Object
(options, self) -> <f> Filter Object
options <o> Options object options <o> Options object
findKeys <[]|[]> keys findKeys <[]|[]> keys
list <o> list object list <o> list object

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.Form <f:Ox.Element> Form Object Ox.Form <f:Ox.Element> Form Object
() -> <f> Form Object ([options[, self]]) -> <o> Form Object
(options) -> <f> Form Object
(options, self) -> <f> Form Object
options <o> Options object options <o> Options object
error <s> error error <s> error
id <s> id id <s> id

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.FormElementGroup <f:Ox.Element> FormElementGroup Element Ox.FormElementGroup <f:Ox.Element> FormElementGroup Element
() -> <f> FormElementGroup Element ([options[, self]]) -> <f> FormElementGroup Element
(options) -> <f> FormElementGroup Element
(options, self) -> <f> FormElementGroup Element
options <o> Options object options <o> Options object
id <s> element id id <s> element id
elements <a|[]> elements in group elements <a|[]> elements in group

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.FormItem <f:Ox.Element> FormItem Element, wrap form element with an error message Ox.FormItem <f:Ox.Element> FormItem Element, wrap form element with an error message
() -> <f> FormItem Element ([options[, self]]) -> <f> FormItem Element
(options) -> <f> FormItem Element
(options, self) -> <f> FormItem Element
options <o> Options object options <o> Options object
element <o|null> element element <o|null> element
error <s> error message error <s> error message

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.FormPanel <function> Form Panel Ox.FormPanel <f:Ox.Element> Form Panel
(options[, self]) -> <o> Form Panel ([options[, self]]) -> <o> Form Panel
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.Input <f:Ox.Element> Input Element Ox.Input <f:Ox.Element> Input Element
() -> <f> Input Element ([options[, self]]) -> <o> Input Element
(options) -> <f> Input Element
(options, self) -> <f> Input Element
options <o> Options object options <o> Options object
arrows <b> if true, and type is 'float' or 'int', display arrows arrows <b> if true, and type is 'float' or 'int', display arrows
arrowStep <n> step when clicking arrows arrowStep <n> step when clicking arrows

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.InputGroup <f:Ox.Element> InputGroup Object Ox.InputGroup <f:Ox.Element> InputGroup Object
() -> <f> InputGroup Object ([options[, self]]) -> <o> InputGroup Object
(options) -> <f> InputGroup Object
(options, self) -> <f> InputGroup Object
options <o> Options object options <o> Options object
id <s|''> id id <s|''> id
inputs <a|[]> inputs inputs <a|[]> inputs

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.InsertHTMLDialog <function> Insert HTML Dialog Ox.InsertHTMLDialog <f:Ox.Dialog> Insert HTML Dialog
(options[, self]) -> <o> Insert HTML Dialog ([options[, self]]) -> <o> Insert HTML Dialog
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.Label <f:Ox.Element> Label Object Ox.Label <f:Ox.Element> Label Object
() -> <f> Label Object ([options[, self]]) -> <o> Label Object
(options) -> <f> Label Object
(options, self) -> <f> Label Object
options <o> Options object options <o> Options object
@*/ @*/
Ox.Label = function(options, self) { Ox.Label = function(options, self) {

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.ObjectArrayInput <function> Object Array Input Ox.ObjectArrayInput <f:Ox.Element> Object Array Input
(options[, self]) -> <o> Object Array Input ([options[, self]]) -> <o> Object Array Input
options <o> Options options <o> Options
buttonTitles buttonTitles
inputs inputs

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.ObjectInput <function> Object Input Ox.ObjectInput <f:Ox.Element> Object Input
(options[, self]) -> <o> Object Input ([options[, self]]) -> <o> Object Input
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.Picker <f:Ox.Element> Picker Object Ox.Picker <f:Ox.Element> Picker Object
() -> <f> Picker Object ([options[, self]]) -> <o> Picker Object
(options) -> <f> Picker Object
(options, self) -> <f> Picker Object
options <o> Options object options <o> Options object
element <o|null> picker element element <o|null> picker element
elementHeight <n|128> height elementHeight <n|128> height

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.PlaceInput <f:Ox.FormElementGroup> PlaceInput Object Ox.PlaceInput <f:Ox.FormElementGroup> PlaceInput Object
() -> <f> PlaceInput Object ([options[, self]]) -> <f> PlaceInput Object
(options) -> <f> PlaceInput Object
(options, self) -> <f> PlaceInput Object
options <o> Options object options <o> Options object
id <s> element id id <s> element id
value <s|United States> default value of place input value <s|United States> default value of place input

View file

@ -1,10 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.PlacePicker <f:Ox.Element> PlacePicker Object Ox.PlacePicker <f:Ox.Picker> PlacePicker Object
() -> <f> PlacePicker Object ([options[, self]]) -> <o> PlacePicker Object
(options) -> <f> PlacePicker Object
(options, self) -> <f> PlacePicker Object
options <o> Options object options <o> Options object
id <s> element id id <s> element id
value <s|United States> default value of place input value <s|United States> default value of place input
@ -69,17 +67,17 @@ Ox.PlacePicker = function(options, self) {
) )
); );
self.$input.$element.children('input[type=text]').css({ self.$input.children('input[type=text]').css({
width: '230px', width: '230px',
paddingLeft: '2px', paddingLeft: '2px',
MozBorderRadius: '0 8px 8px 0', MozBorderRadius: '0 8px 8px 0',
WebkitBorderRadius: '0 8px 8px 0' WebkitBorderRadius: '0 8px 8px 0'
}); });
self.$input.$element.children('input[type=image]').css({ self.$input.children('input[type=image]').css({
MozBorderRadius: '0 8px 0 0', MozBorderRadius: '0 8px 0 0',
WebkitBorderRadius: '0 8px 0 0' WebkitBorderRadius: '0 8px 0 0'
}); });
self.$range.$element.children('input').css({ self.$range.children('input').css({
MozBorderRadius: 0, MozBorderRadius: 0,
WebkitBorderRadius: 0 WebkitBorderRadius: 0
}); });

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.Range <f:Ox.Element> Range Object Ox.Range <f:Ox.Element> Range Object
() -> <f> Range Object ([options[, self]]) -> <o> Range Object
(options) -> <f> Range Object
(options, self) -> <f> Range Object
options <o> Options object options <o> Options object
arrows <b> if true, show arrows arrows <b> if true, show arrows
arrowStep <n> step when clicking arrows arrowStep <n> step when clicking arrows

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.Select <f:Ox.Element> Select Object Ox.Select <f:Ox.Element> Select Object
() -> <f> Select Object ([options[, self]) -> <o> Select Object
(options) -> <f> Select Object
(options, self) -> <f> Select Object
options <o> Options object options <o> Options object
disabled <b|false> If true, select is disabled disabled <b|false> If true, select is disabled
id <s> Element id id <s> Element id

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.SelectInput <function> Select Input Ox.SelectInput <f:Ox.FormElementGroup> Select Input
(options[, self]) -> <o> Select Input ([options[, self]]) -> <o> Select Input
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.Spreadsheet <function> Spreadsheet Ox.Spreadsheet <f:Ox.Element> Spreadsheet
(options[, self]) -> <o> Spreadsheet ([options[, self]]) -> <o> Spreadsheet
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.TimeInput <f:Ox.Element> TimeInput Object Ox.TimeInput <f:Ox.Element> TimeInput Object
() -> <f> TimeInput Object ([options[, self]]) -> <f> TimeInput Object
(options) -> <f> TimeInput Object
(options, self) -> <f> TimeInput Object
options <o> Options object options <o> Options object
ampm <b|false> 24h/ampm ampm <b|false> 24h/ampm
seconds <b|false> show seconds seconds <b|false> show seconds

View file

@ -1,10 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.Chart <f> Bar Chart Ox.Chart <f:Ox.Element> Bar Chart
() -> <o> Chart object ([options[, self]]) -> <o> Chart object
(options) -> <o> Chart object
(options, self) -> <o> Chart object
options <o> Options options <o> Options
color <[n]|[[n]]|[128, 128, 128]> Bar color color <[n]|[[n]]|[128, 128, 128]> Bar color
data <o> {k: v, ...} or {k: {k: v, ...}, ...} data <o> {k: v, ...} or {k: {k: v, ...}, ...}

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.IconItem <f:Ox.Element> IconItem Object Ox.IconItem <f:Ox.Element> IconItem Object
() -> <f> IconItem Object ([options[, self]]) -> <o> IconItem Object
(options) -> <f> IconItem Object
(options, self) -> <f> IconItem Object
options <o> Options object options <o> Options object
borderRadius <n|0> Border radius for icon images borderRadius <n|0> Border radius for icon images
find <s|''> String to be highlighted find <s|''> String to be highlighted

View file

@ -1,9 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.IconList <f:Ox.Element> IconList Object Ox.IconList <f:Ox.Element> IconList Object
() -> <f> IconList Object ([options[, self]]) -> <o> IconList Object
(options) -> <f> IconList Object
(options, self) -> <f> IconList Object
options <o> Options object options <o> Options object
borderRadius <n|0> border radius for icon images borderRadius <n|0> border radius for icon images
centerSelection <b|false> scroll list so selection is always centered centerSelection <b|false> scroll list so selection is always centered

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.InfoList <function> Info List Ox.InfoList <f:Ox.Element> Info List
(options[, self]) -> <o> Info List ([options[, self]]) -> <o> Info List
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -1,10 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.List <f:Ox.Element> List Element Ox.List <f:Ox.Container> List Element
() -> <f> List Object ([options[, self]]) -> <f> List Object
(options) -> <f> List Object
(options, self) -> <f> List Object
options <o> Options object options <o> Options object
centered <b|false> if true, and orientation is 'horizontal', centered <b|false> if true, and orientation is 'horizontal',
then keep the selected item centered then keep the selected item centered

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.ListItem <f:Ox.Element> ListItem Object Ox.ListItem <f:Ox.Element> ListItem Object
() -> <f> ListItem Object ([options[, self]]) -> <o> ListItem Object
(options) -> <f> ListItem Object
(options, self) -> <f> ListItem Object
options <o> Options object options <o> Options object
construct <f> construct function construct <f> construct function
data <o|{}> item data data <o|{}> item data

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.ListPage <f:Ox.Element> ListPage Object Ox.ListPage <f:Ox.Element> ListPage Object
() -> <f> ListPage Object ([options[, self]]) -> <o> ListPage Object
(options) -> <f> ListPage Object
(options, self) -> <f> ListPage Object
options <o> Options object options <o> Options object
self <o> shared private variable self <o> shared private variable
@*/ @*/

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.TextList <f:Ox.Element> TextList Object Ox.TextList <f:Ox.Element> TextList Object
() -> <f> TextList Object ([options[, self]]) -> <f> TextList Object
(options) -> <f> TextList Object
(options, self) -> <f> TextList Object
options <o> Options object options <o> Options object
columns <[o]|[]> Columns columns <[o]|[]> Columns
# Fixme: There's probably more... # Fixme: There's probably more...
@ -759,7 +757,7 @@ Ox.TextList = function(options, self) {
function setWidth() { function setWidth() {
var width = getItemWidth(); var width = getItemWidth();
that.$body.$content.$element.find('.OxItem').css({ // fixme: can we avoid this lookup? that.$body.find('.OxItem').css({ // fixme: can we avoid this lookup?
width: width + 'px' width: width + 'px'
}); });
that.$body.$content.css({ that.$body.$content.css({

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.TreeList <f:Ox.Element> TreeList Object Ox.TreeList <f:Ox.Element> TreeList Object
() -> <f> TreeList Object ([options[, self]]) -> <o> TreeList Object
(options) -> <f> TreeList Object
(options, self) -> <f> TreeList Object
options <o> Options object options <o> Options object
data <f|null> data to be parsed to items, needs documentation data <f|null> data to be parsed to items, needs documentation
items <a|[]> array of items items <a|[]> array of items

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.ListMap <f:Ox.Element> ListMap object Ox.ListMap <f:Ox.Element> ListMap object
() -> <f> ListMap object ([options[, self]]) -> <o> ListMap object
(options) -> <f> ListMap object
(options, self) -> <f> ListMap object
options <o> Options object options <o> Options object
height <n|256> Height in px height <n|256> Height in px
labels <b|false> If true, show labels labels <b|false> If true, show labels

View file

@ -1,15 +1,13 @@
'use strict'; 'use strict';
/*@ /*@
Ox.Map <function> Basic map object Ox.Map <f:Ox.Element> Basic map object
# DESCRIPTION -------------------------------------------------------------- # DESCRIPTION --------------------------------------------------------------
<code>Ox.Map</code> is a wrapper around the <code>Ox.Map</code> is a wrapper around the
<a href="http://code.google.com/apis/maps/documentation/javascript/">Google <a href="http://code.google.com/apis/maps/documentation/javascript/">Google
Maps API</a>. Maps API</a>.
# USAGE -------------------------------------------------------------------- # USAGE --------------------------------------------------------------------
() -> <f> Map object ([options[, self]]) -> <o> Map object
(options) -> <f> Map object
(options, self) -> <f> Map object
# ARGUMENTS ---------------------------------------------------------------- # ARGUMENTS ----------------------------------------------------------------
options <o|{}> options options <o|{}> options
clickable <b|false> If true, clicking on the map finds a place clickable <b|false> If true, clicking on the map finds a place
@ -1199,7 +1197,7 @@ Ox.Map = function(options, self) {
}; };
function setPlaceControls(place) { function setPlaceControls(place) {
var $placeControls = that.$element.find('.OxPlaceControl'), var $placeControls = that.find('.OxPlaceControl'),
country, country,
isVisible = self.$placeControls.name.is(':visible'); isVisible = self.$placeControls.name.is(':visible');
if (place) { if (place) {
@ -1299,8 +1297,7 @@ Ox.Map = function(options, self) {
} }
function toggleControls() { function toggleControls() {
// fixme: that.find() doesn't work here var $controls = that.find('.OxMapControl');
var $controls = that.$element.find('.OxMapControl');
self.options.showControls = !self.options.showControls; self.options.showControls = !self.options.showControls;
if (self.options.showControls) { if (self.options.showControls) {
$controls.show().animate({opacity: 1}, 250); $controls.show().animate({opacity: 1}, 250);

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.MapImage <f:Ox.Element> MapImage Object Ox.MapImage <f:Ox.Element> MapImage Object
() -> <f> MapImage Object ([options[, self]]) -> <o> MapImage Object
(options) -> <f> MapImage Object
(options, self) -> <f> MapImage Object
options <o> Options object options <o> Options object
height <n|360> image height (px) height <n|360> image height (px)
place <o|null> Object with south, west, north and east properties place <o|null> Object with south, west, north and east properties

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.MapMarkerImage <f:google.maps.MarkerImage> MapMarkerImage Object Ox.MapMarkerImage <f> MapMarkerImage Object
(options) -> <f> google.maps.MarkerImage (options) -> <o> google.maps.MarkerImage
options <o> Options object options <o> Options object
color <a|[255, 0, 0]> marker color color <a|[255, 0, 0]> marker color
mode <s|normal> can be: normal, selected, editing mode <s|normal> can be: normal, selected, editing

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.MapRectangle <f> MapRectangle Object Ox.MapRectangle <f> MapRectangle Object
() -> <f> MapRectangle Object ([options[, self]]) -> <f> MapRectangle Object
(options) -> <f> MapRectangle Object
(options, self) -> <f> MapRectangle Object
options <o> Options object options <o> Options object
map <o|null> map map <o|null> map
place <o|null> place place <o|null> place

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.MapRectangleMarker <f> MapRectangleMarker Object Ox.MapRectangleMarker <f> MapRectangleMarker Object
() -> <f> MapRectangleMarker Object ([options[, self]]) -> <o> MapRectangleMarker Object
(options) -> <f> MapRectangleMarker Object
(options, self) -> <f> MapRectangleMarker Object
options <o> Options object options <o> Options object
map <o|null> map map <o|null> map
place <o|null> place place <o|null> place

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.MainMenu <f:Ox.Bar> MainMenu Object Ox.MainMenu <f:Ox.Bar> MainMenu Object
() -> <f> MainMenu Object ([options[, self]]) -> <o> MainMenu Object
(options) -> <f> MainMenu Object
(options, self) -> <f> MainMenu Object
options <o> Options object options <o> Options object
extras <a|[]> extra menus extras <a|[]> extra menus
menus <a|[]> submenus menus <a|[]> submenus

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.Menu <f:Ox.Element> Menu Object Ox.Menu <f:Ox.Element> Menu Object
() -> <f> Menu Object ([options[, self]]) -> <f> Menu Object
(options) -> <f> Menu Object
(options, self) -> <f> Menu Object
options <o> Options object options <o> Options object
element <o> the element the menu is attached to element <o> the element the menu is attached to
id <s> the menu id id <s> the menu id

View file

@ -1,10 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.MenuButton <f> Menu Button Ox.MenuButton <f:Ox.Element> Menu Button
() -> <f> Menu Button ([options[, self]]) -> <o> Menu Button
(options) -> Menu Button
(options, self) -> Menu Button
options <o> Options object options <o> Options object
disabled <b|false> If true, button is disabled disabled <b|false> If true, button is disabled
id <s|''> Element id id <s|''> Element id
@ -115,36 +113,40 @@ Ox.MenuButton = function(options, self) {
/*@ /*@
checkItem <f> checkItem checkItem <f> checkItem
(id) -> <u> check item with id (id) -> <o> check item with id
@*/ @*/
that.checkItem = function(id) { that.checkItem = function(id) {
self.$menu.checkItem(id); self.$menu.checkItem(id);
return that;
}; };
/*@ /*@
disableItem <f> disableItem disableItem <f> disableItem
(id) -> <u> disable item with id (id) -> <o> disable item with id
@*/ @*/
that.disableItem = function(id) { that.disableItem = function(id) {
self.$menu.getItem(id).options({disabled: true}); self.$menu.getItem(id).options({disabled: true});
return that;
}; };
/*@ /*@
enableItem <f> enableItem enableItem <f> enableItem
(id) -> <u> enable item (id) -> <o> enable item
@*/ @*/
that.enableItem = function(id) { that.enableItem = function(id) {
self.$menu.getItem(id).options({disabled: false}); self.$menu.getItem(id).options({disabled: false});
return that;
}; };
/*@ /*@
remove <f> remove remove <f> remove
() -> <u> remove item () -> <o> remove item
@*/ @*/
self.superRemove = that.remove; self.superRemove = that.remove;
that.remove = function() { that.remove = function() {
self.$menu.remove(); self.$menu.remove();
self.superRemove(); self.superRemove();
return that;
}; };
/*@ /*@
@ -162,6 +164,7 @@ Ox.MenuButton = function(options, self) {
@*/ @*/
that.uncheckItem = function(id) { that.uncheckItem = function(id) {
self.$menu.uncheckItem(id); self.$menu.uncheckItem(id);
return that;
}; };
return that; return that;

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.MenuItem <f:Ox.Element> MenuItem Object Ox.MenuItem <f:Ox.Element> MenuItem Object
() -> <f> MenuItem Object ([options[, self]]) -> <o> MenuItem Object
(options) -> <f> MenuItem Object
(options, self) -> <f> MenuItem Object
options <o> Options object options <o> Options object
bind <a|[]> fixme: what's this? bind <a|[]> fixme: what's this?
checked <f|null> checked <f|null>

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.CollapsePanel <f:Ox.Panel> CollapsePanel Object Ox.CollapsePanel <f:Ox.Panel> CollapsePanel Object
() -> <f> CollapsePanel Object ([options[, self]]) -> <o> CollapsePanel Object
(options) -> <f> CollapsePanel Object
(options, self) -> <f> CollapsePanel Object
options <o> Options object options <o> Options object
collapsed <b|false> collapsed state collapsed <b|false> collapsed state
extras <a|[]> panel extras extras <a|[]> panel extras

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.Panel <f:Ox.Element> Panel Object Ox.Panel <f:Ox.Element> Panel Object
() -> <f> Panel Object ([options[, self]]) -> <f> Panel Object
(options) -> <f> Panel Object
(options, self) -> <f> Panel Object
options <o> Options object options <o> Options object
self <o> shared private variable self <o> shared private variable
@*/ @*/

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.TabPanel <f> Tabbed panel Ox.TabPanel <f:Ox.Element> Tabbed panel
(options) -> <o> Panel (options) -> <o> Panel
(options, self) -> <o> Panel (options, self) -> <o> Panel
options <o> Options options <o> Options

View file

@ -2,9 +2,7 @@
/*@ /*@
Ox.AnnotationFolder <f:Ox.Element> AnnotationFolder Object Ox.AnnotationFolder <f:Ox.Element> AnnotationFolder Object
() -> <f> AnnotationFolder Object ([options[, self]]) -> <o> AnnotationFolder Object
(options) -> <f> AnnotationFolder Object
(options, self) -> <f> AnnotationFolder Object
options <o> Options object options <o> Options object
editable <b|false> If true, annotations can be added editable <b|false> If true, annotations can be added
id <s> id id <s> id

View file

@ -1,10 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.AnnotationPanel <f> Video Annotation Panel Ox.AnnotationPanel <f:Ox.Element> Video Annotation Panel
() -> <f> AnnotationPanel Object ([options[, self]]) -> <f> AnnotationPanel Object
(options) -> <f> AnnotationPanel Object
(options, self) -> <f> AnnotationPanel Object
options <o> Options object options <o> Options object
calendarSize <n|256> calendar size calendarSize <n|256> calendar size
clickLink <f|null> click link callback clickLink <f|null> click link callback

View file

@ -1,8 +1,8 @@
'use strict'; 'use strict';
/*@ /*@
Ox.BlockVideoTimeline <function> Block Video Timeline Ox.BlockVideoTimeline <f:Ox.Element> Block Video Timeline
(options[, self]) -> <o> Block Video Timeline ([options[, self]]) -> <o> Block Video Timeline
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.SmallVideoTimeline <f> Small Video Timeline Ox.SmallVideoTimeline <f:Ox.Element> Small Video Timeline
@*/ @*/
Ox.SmallVideoTimeline = function(options, self) { Ox.SmallVideoTimeline = function(options, self) {

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.SmallVideoTimelineImage <function> Small Video Timeline Image Ox.SmallVideoTimelineImage <f:Ox.Element> Small Video Timeline Image
(options[, self]) -> <o> Small Video Timeline Image (options[, self]) -> <o> Small Video Timeline Image
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable

View file

@ -6,6 +6,7 @@ Ox.VideoEditor <f:Ox.Element> VideoEditor Object
(options) -> <o> VideoEditor Object (options) -> <o> VideoEditor Object
(options, self) -> <o> VideoEditor Object (options, self) -> <o> VideoEditor Object
options <o> Options object options <o> Options object
annotationsCalendarSize <n|256>
self <o> shared private variable self <o> shared private variable
@*/ @*/

View file

@ -2,9 +2,9 @@
/*@ /*@
Ox.VideoEditorPlayer <f:Ox.Element> VideoEditorPlayer Object Ox.VideoEditorPlayer <f:Ox.Element> VideoEditorPlayer Object
() -> <f> VideoEditorPlayer Object () -> <o> VideoEditorPlayer Object
(options) -> <f> VideoEditorPlayer Object (options) -> <o> VideoEditorPlayer Object
(options, self) -> <f> VideoEditorPlayer Object (options, self) -> <o> VideoEditorPlayer Object
options <o> Options object options <o> Options object
self <o> shared private variable self <o> shared private variable
@*/ @*/
@ -196,15 +196,14 @@ Ox.VideoEditorPlayer = function(options, self) {
$.browser.mozilla && self.$positionInput.css({ $.browser.mozilla && self.$positionInput.css({
marginTop: '-19px' marginTop: '-19px'
}); });
// fixme: children doesnt work w/o $element self.$positionInput.children('.OxLabel').each(function(i, element) {
self.$positionInput.$element.children('.OxLabel').each(function(i, element) {
$(this).css({ $(this).css({
width: '22px', width: '22px',
marginLeft: (i == 0 ? 8 : 0) + 'px', marginLeft: (i == 0 ? 8 : 0) + 'px',
background: 'rgb(32, 32, 32)' background: 'rgb(32, 32, 32)'
}); });
}); });
self.$positionInput.$element.children('div.OxInput').each(function(i) { self.$positionInput.children('div.OxInput').each(function(i) {
var marginLeft = [-82, -58, -34, -10]; var marginLeft = [-82, -58, -34, -10];
$(this).css({ $(this).css({
marginLeft: marginLeft[i] + 'px' marginLeft: marginLeft[i] + 'px'

View file

@ -2,9 +2,9 @@
/*@ /*@
Ox.VideoElement <f:Ox.Element> VideoElement Object Ox.VideoElement <f:Ox.Element> VideoElement Object
() -> <f> VideoElement Object () -> <o> VideoElement Object
(options) -> <f> VideoElement Object (options) -> <o> VideoElement Object
(options, self) -> <f> VideoElement Object (options, self) -> <o> VideoElement Object
options <o> Options object options <o> Options object
self <o> shared private variable self <o> shared private variable
@*/ @*/

View file

@ -1,10 +1,10 @@
'use strict'; 'use strict';
/*@ /*@
Ox.VideoPanelPlayer <f:Ox.Element> VideoPanelPlayer Object Ox.VideoPanel <f:Ox.Element> VideoPanel Object
() -> <f> VideoPanelPlayer Object () -> <o> VideoPanel Object
(options) -> <f> VideoPanelPlayer Object (options) -> <o> VideoPanel Object
(options, self) -> <f> VideoPanelPlayer Object (options, self) -> <o> VideoPanel Object
options <o> Options object options <o> Options object
self <o> shared private variable self <o> shared private variable
@*/ @*/

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.VideoPlayer <f> Generic Video Player Ox.VideoPlayer <f:Ox.Element> Generic Video Player
(options, self) -> <o> Video Player (options, self) -> <o> Video Player
options <o> Options options <o> Options
annotations <[]> Array of annotations annotations <[]> Array of annotations

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.VideoPreview <function> Video Preview Ox.VideoPreview <f:Ox.Element> Video Preview
(options[, self]) -> <o> Video Preview (options[, self]) -> <o> Video Preview
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.VideoTimelinePlayer <function> Video Timeline Player Ox.VideoTimelinePlayer <f:Ox.Element> Video Timeline Player
(options[, self]) -> <o> Video Timeline Player (options[, self]) -> <o> Video Timeline Player
options <o> Options options <o> Options
self <o> Shared private variable self <o> Shared private variable

View file

@ -2,16 +2,10 @@
/*@ /*@
Ox.Dialog <f:Ox.Element> Dialog object Ox.Dialog <f:Ox.Element> Dialog object
() -> <f> Dialog object () -> <o> Dialog object
(options) -> <f> Dialog object (options) -> <o> Dialog object
(options, self) -> <f> Dialog object (options, self) -> <o> Dialog object
options <o> Options object options <o> Options object
draggable <b|true> is window draggable
fullscreenable <b|true> fixme: silly name
height <n|200> height
resizeable <b|true> resizeable
scaleable <b|true> sccaleable
width <n|400> width
self <o> Shared private variable self <o> Shared private variable
@*/ @*/

View file

@ -1,7 +1,7 @@
'use strict'; 'use strict';
/*@ /*@
Ox.Layer <o> Background layer for dialogs and menus Ox.Layer <f:Ox.Element> Background layer for dialogs and menus
(options, self) -> <o> Layer (options, self) -> <o> Layer
options <o> Options options <o> Options
type <s|'dialog'> Layer type ('dialog' or 'menu') type <s|'dialog'> Layer type ('dialog' or 'menu')

View file

@ -2,9 +2,9 @@
/*@ /*@
Ox.Tooltip <f:Ox.Element> Tooltip Object Ox.Tooltip <f:Ox.Element> Tooltip Object
() -> <f> Tooltip Object () -> <o> Tooltip Object
(options) -> <f> Tooltip Object (options) -> <o> Tooltip Object
(options, self) -> <f> Tooltip Object (options, self) -> <o> Tooltip Object
options <o> Options object options <o> Options object
self <o> shared private variable self <o> shared private variable
@*/ @*/