source: MDService2/trunk/MDService2/WebContent/scripts/mdservice_widgets.js @ 945

var collections_widget = null;
var columns_widget = null;
var active_widget = null;

function ListWidget(_parent_div) {
        this.parent_div = $(_parent_div);//$('#columns-widget');        
        this.listwidget_container = {};
        this.widgets = [];
        
        this.init();
        
};

ListWidget.prototype.getType = function(){
        if (this == collections_widget) {
                return "cls";
        }
        return "col";
};

ListWidget.prototype.getTypePrefix = function(){
        if (this == columns_widget) {
                return "col_0_";
        } 
        if (this == collections_widget) {
                return "cls_0_";
        } 
        var qid = $(this).closest('.query_wrapper').attr("id");
        return "col_" + qid + "_";
        
};

ListWidget.prototype.add = function(list_item){
        this.widgets[this.widgets.length] = list_item;
        list_item.parent_container = this.getListWidget();
        list_item.listid = this.getTypePrefix() + this.widgets.length;
        list_item.render();
};

ListWidget.prototype.clear = function() {
        var type = this.getTypePrefix();
        for (var i = this.widgets.length; i > 0; i--){
                this.widgets.splice(i, 1);
                $('#' + type +  i).remove();            
        }
};

ListWidget.prototype.remove = function(id){
        for (var i = 0; i < this.widgets.length; i++) {
                if (this.widgets[i].listid == id) {
                        this.widgets.splice(i, 1);
                } 
        }       
        $('#' + id).remove();
};

ListWidget.prototype.init = function () {
        var x = "<input type='text' class='input-widget autocomplete-input' /><div class='index-context'><table></table></div><div class='list-widget'></div>";
        $(this.parent_div).append(x);

        listwidget_container = $(this.parent_div).find('.list-widget');//$('#columns-list'); 

        $(this.parent_div).find('.cmd_del').live('click',  function(event) {
                var colid = $(this).closest('.list-item').attr("id");
                if ($(this).parent().parent().parent().attr('class') == 'query-columns'){
                        var qid = $(this).closest('.query_wrapper').attr("id");
                        var q = queryset.getQuery(qid);
                        q.columns_widget.remove(colid);
                }else if ($(this).parent().parent().parent().attr('id') == "columns-widget"){   
                        columns_widget.remove(colid);
                } else {
                        collections_widget.remove(colid);
                }
        });


        var input = $(this.parent_div).find('.input-widget');
        
        input.focusin(function(){
                if ($(this).parent().attr('class') == 'query-columns'){
                        var qid = $(this).closest('.query_wrapper').attr("id");
                        var q = queryset.getQuery(qid);
                        active_widget = q.columns_widget;
                }else{
                        active_widget = columns_widget;
                }
        });
        input.bind('change', function(){
                
        });
        
        input.keydown(function(ev){
                var evStop = function(){ 
                        ev.stopPropagation(); 
                        ev.preventDefault(); 
                };
                if (ev.which === 13) {
                        if ($(this).parent().attr('class') == 'query-columns'){
                                var qid = $(this).closest('.query_wrapper').attr("id");
                                var q = queryset.getQuery(qid);
                                q.columns_widget.add(new ListItem($(this).val()));
                        }else{
                                columns_widget.add(new  ListItem($(this).val()));
                        }
                        evStop();
                }
        });
        
        if ($(this.parent_div).attr('id') == "collections-widget") {
                $(input).hide();
        }
 };

 ListWidget.prototype.getListWidget = function() {
         return $(this.parent_div).find('.list-widget');
 };
ListWidget.prototype.initAutocomplete = function(autocomplete_array) {
        
        if (autocomplete_array.size == 0) return;
         
         //autocomplete
        function handleSelectionWidget(elem, widget){
                var input = $(widget.parent_div).find('.input-widget');
                var context = $(input).next('.index-context');
        
                // fill context
                $(context).html(elements_hashtable[elem]);
                $(context).show();
                $(input).blur(function(){
                                $(context).hide();
                        });
                $(input).focusin(function(){
                                $(context).hide();
                        });
                                                
                };
                
                //autocomplete
                function findValueWidget(e) {
                        var sValue = e.selectValue;
                        handleSelectionWidget(sValue, active_widget);                   
                }
                 
                function selectItemWidget(li) {
                        findValueWidget(li);
                }               

                        var ac = $(this.parent_div).find('.input-widget').autocompleteArray(autocomplete_array,{
                                autoFill:true,
                                width:150,
                                onFindValue:findValueWidget,
                                onItemSelect:selectItemWidget
                                //extraParams: {oo, '75'}
                        });

                        //ac.setExtraParams({aaa:3});
         
};

ListWidget.prototype.load = function(items) {
        this.clear();
                
        if (this.getType() == "cls"){
                for(var i=0; i<items.length; ++i) {
                        this.add(new ListItem(items[i].name, items[i].index));
                 }   

        } else
        {
                for(var i=0; i<items.length; ++i) {
                        if (items[i].length > 0){
                                this.add(new ListItem(items[i]));
                        }
                 }   

        }       
};

ListWidget.prototype.getColumnsListText = function() {
        var column_text = "";
        $.each(this.widgets,function(i,column){
                column_text = column_text  + "," + column.name;
        });
        
        if (column_text.length > 1) {
                column_text = column_text.substring(1); 
        }
        return column_text;
};






function ListItem(_name, _index ) {
        this.name = _name;
        this.index = _index;
        this.listid = "";
        this.parent_container = {};
}

ListItem.prototype.render = function () {
        
        var x = "<div id='" + this.listid + "'class='list-item'><span>" + this.name + "</span><span class='cmd cmd_del'> </span></div>";

        $(this.parent_container).prepend(x);
        //$('#columns-list').prepend(x);
        //addToColumnslist(x);  
        this.container = $('#' + this.listid );
};