oxjs/source/Ox.UI/js/List/Ox.ListItem.js

// vim: et:ts=4:sw=4:sts=4:ft=js

/*@
Ox.ListItem <f:Ox.Element> ListItem Object
    () ->              <f> ListItem Object
    (options) ->       <f> ListItem Object
    (options, self) -> <f> ListItem Object
    options <o> Options object
        construct <f> construct function
        data <o|{}> item data
        draggable <b|false> can be dragged
        position <n|0> item position
        unique <s|''> unique key
    self    <o> shared private variable
    cancel <!> triggered if cancel button is pressed
    save <!> triggered if save button is pressed
@*/

Ox.ListItem = function(options, self) {

    var self = self || {},
        that = new Ox.Element({}, self)
            .defaults({
                construct: function() {},
                data: {},
                draggable: false,
                position: 0,
                unique: ''
            })
            .options(options || {});

    constructItem();

    function constructItem(update) {
        var $element = self.options.construct(self.options.data)
            .addClass('OxItem')
            .attr({
                draggable: self.options.draggable
            })
            .data({
                id: self.options.data[self.options.unique],
                position: self.options.position
            });
        if (update) {
            that.$element.hasClass('OxSelected') && $element.addClass('OxSelected');
            that.$element.replaceWith($element);
        }
        that.$element = $element;
    }

    self.setOption = function(key, value) {
        if (key == 'data') {
            constructItem(true);
        }
    }

    return that;

};