Context	Room	Room	Enabled
*/ /** * Create edit table from javascript array. * * This function creates a html edit table. * *

 *   
 *      
 *      
 *          
 *              
 *                  
 *                      
 *                      
 *                      
 *                      
 *                      
 *                      
 *                  
 *              
 *          Context Context Room Room Enabled 
 *      
 *   
 * 
 *
 * @param {string} divId name of the html element (or empty).
 * @param {string} values data array
 * @param {function} onChange this function will be called if something changed
 * @param {function} onReady called, when the table is ready (may be to modify some elements of it)
 * @param {number} maxRaw maximal number of rows
 * @return {object} array with values
 */
function values2table(divId, values, onChange, onReady, maxRaw) {
    if (typeof values === 'function') {
		typeof onChange === 'number' ? maxRaw = onChange : maxRaw = null;
        onChange = values;
        values   = divId;
        divId    = '';
    }
	
	if (typeof onReady === 'number') {
        maxRaw = onReady;
        onReady = null;
    } else if (typeof maxRaw === 'undefined') {
        maxRaw = null;
    }

    values = values || [];
    var names = [];
    var $div;
    if (!divId) {
        $div = $('body');
    } else {
        $div = $('#' + divId);
    }
    var $add = $div.find('.table-button-add');
	$add.data('raw', values.length);
	
	if (maxRaw) {
	    $add.data('maxraw', maxRaw);
    }

    if (!$add.data('inited')) {
        $add.data('inited', true);

        var addText = $add.text();

        if (!isMaterialize) {
            $add.button({
                icons: {primary: 'ui-icon-plus'},
                text: !!addText,
                label: addText ? _(addText) : undefined
            });
        }

        $add.on('click', function () {
            if (!$add.data('maxraw') || ($add.data('raw') < $add.data('maxraw'))) {
                var $table = $div.find('.table-values');
                var values = $table.data('values');
                var names  = $table.data('names');
                var obj = {};
                for (var i = 0; i < names.length; i++) {
                    if (!names[i]) continue;
                    obj[names[i].name] = names[i].def;
                }
                values.push(obj);
                onChange && onChange();
                setTimeout(function () {
                    values2table(divId, values, onChange, onReady);
                }, 100);
                $add.data('raw', $add.data('raw') + 1);
            } else {
                confirmMessage(_('maxTableRaw') + ': ' + $add.data('maxraw'), _('maxTableRawInfo'), 'alert', ['Ok']);
            }
        });
    }

    if (values) {
        var buttons = [];
        var $table = $div.find('.table-values');
        $table.data('values', values);

        // load rooms
        if (!$table.data('rooms') && $table.find('th[data-name="room"]').length) {
            getEnums('rooms', function (err, list) {
                var result = {};
                var trRooms = _('nonerooms');
				if (trRooms !== 'nonerooms') {
                    result[_('none')] = trRooms;
                } else {
                    result[_('none')] = '';
                }
                var nnames = [];
                for (var n in list) {
                    if (list.hasOwnProperty(n)) {
                        nnames.push(n);
                    }
                }
                nnames.sort(function (a, b) {
                    a = a.toLowerCase();
                    b = b.toLowerCase();
                    if (a > b) return 1;
                    if (a < b) return -1;
                    return 0;
                });

                for (var l = 0; l < nnames.length; l++) {
                    result[nnames[l]] = list[nnames[l]].common.name || l;
                    if (typeof result[nnames[l]] === 'object') {
                        result[nnames[l]] = result[nnames[l]][systemLang] || result[nnames[l]].en;
                    }
                }
                $table.data('rooms', result);
                values2table(divId, values, onChange, onReady);
            });
            return;
        }
        // load functions
        if (!$table.data('functions') && $table.find('th[data-name="func"]').length) {
            getEnums('functions', function (err, list) {
                var result = {};
                var trFuncs = _('nonefunctions');
				if (trFuncs !== 'nonefunctions') {
                    result[_('none')] = trFuncs;
                } else {
                    result[_('none')] = '';
                }

                var nnames = [];
                for (var n in list) {
                    if (list.hasOwnProperty(n)) {
                        nnames.push(n);
                    }
                }
                nnames.sort(function (a, b) {
                    a = a.toLowerCase();
                    b = b.toLowerCase();
                    if (a > b) return 1;
                    if (a < b) return -1;
                    return 0;
                });

                for (var l = 0; l < nnames.length; l++) {
                    result[nnames[l]] = list[nnames[l]].common.name || l;
                    if (typeof result[nnames[l]] === 'object') {
                        result[nnames[l]] = result[nnames[l]][systemLang] || result[nnames[l]].en;
                    }
                }
                $table.data('functions', result);
                values2table(divId, values, onChange, onReady);
            });
            return;
        }
        $table.find('th').each(function () {
            var name = $(this).data('name');
            if (name) {
                var obj = {
                    name:    name,
                    type:    $(this).data('type') || 'text',
                    def:     $(this).data('default'),
                    style:   $(this).data('style'),
					tdstyle: $(this).data('tdstyle')					 
                };
                if (obj.type === 'checkbox') {
                    if (obj.def === 'false') obj.def = false;
                    if (obj.def === 'true')  obj.def = true;
                    obj.def = !!obj.def;
                } else if (obj.type === 'select' || obj.type === 'select multiple') {
                    var vals = ($(this).data('options') || '').split(';');
                    obj.options = {};
                    for (var v = 0; v < vals.length; v++) {
                        var parts = vals[v].split('/');
                        obj.options[parts[0]] = _(parts[1] || parts[0]);
                        if (v === 0) obj.def = (obj.def === undefined) ? parts[0] : obj.def;
                    }
                } else {
                    obj.def = obj.def || '';
                }
                names.push(obj);
            } else {
                names.push(null);
            }

            name = $(this).data('buttons');

            if (name) {
                var bs = name.split(' ');
                buttons.push(bs);
            } else {
                buttons.push(null);
            }
        });

        $table.data('names', names);

        var text = '';
        for (var v = 0; v < values.length; v++) {
            var idName = values[v] && values[v].id;
            if (!idName && values[v]) {
                if (names[0] === '_index') {
                    idName = values[v][names[1]];
                } else {
                    idName = values[v][names[0]];
                }
            }
            text += '';

            for (var i = 0; i < names.length; i++) {
                text += '';
                        if (isMaterialize) {
                            line += '';
                        }
                    } else if (names[i].type.substring(0, 6) === 'select') {                        
                        line += (names[i].type.substring(7, 16) === 'multiple' ? '';
                    } else {
                        line += '';
                    }
                }

                if (buttons[i]) {
                    style = 'text-align: center; white-space: nowrap;';
                    for (var b = 0; b < buttons[i].length; b++) {
                        if ((!v && buttons[i][b] === 'up') || (v === values.length - 1 && buttons[i][b] === 'down')) {
                            if (isMaterialize) {
                                line += 'add';
                            } else {
                                line += '';
                            }
                        } else {
                            if (isMaterialize) {
                                line += 'add';
                            } else {
                                line += '';
                            }
                        }
                    }
                }
                if (style.length || tdstyle.length) {
                    text += ' style="' + style + tdstyle + '">' + line + '';
                } else {
                    text += '>' + line + '';
                }						
            }

            text += '';
        }
        var $lines = $div.find('.table-lines');
        if (!$lines.length) {
            $table.append('');
            $lines = $div.find('.table-lines');
        }

        $lines.html(text);

        $lines.find('.values-input').each(function () {
            var $this = $(this);
            var type = $this.attr('type');
            var name = $this.data('name');
            var id = $this.data('index');
            $this.data('old-value', values[id][name]);
            if (type === 'checkbox') {
                $this.prop('checked', values[id][name]);
            } else {
                $this.val(values[id][name]);
            }
        });
        $lines.find('.values-buttons').each(function () {
            var command = $(this).data('command');
            if (command === 'copy') {
                if (!isMaterialize) {
                    $(this).button({
                        icons: {primary: 'ui-icon-copy'},
                        text: false
                    })
                        .css({width: '1em', height: '1em'});
                } else {
                    $(this).find('i').html('content_copy');
                }

                $(this).on('click', function () {
                    if (!$add.data('maxraw') || ($add.data('raw') < $add.data('maxraw'))) {
                        var id = $(this).data('index');
                        var elem = JSON.parse(JSON.stringify(values[id]));
                        values.push(elem);
                        onChange && onChange();

                        setTimeout(function () {
                            if (typeof tableEvents === 'function') {
                                tableEvents(values.length - 1, elem, 'add');
                            }

                            values2table(divId, values, onChange, onReady);
                        }, 100);

                        if ($add.data('maxraw')) {
                            $add.data('raw', $add.data('raw') + 1);
                        }
                    }
                });
            } else
            if (command === 'delete') {
                if (!isMaterialize) {
                    $(this).button({
                        icons: {primary: 'ui-icon-trash'},
                        text: false
                    })
                        .css({width: '1em', height: '1em'});
                } else {
                    $(this).addClass('red').find('i').html('delete');
                }

                $(this).on('click', function () {
                    var id = $(this).data('index');
                    var elem = values[id];
                    values.splice(id, 1);
                    onChange && onChange();

                    setTimeout(function () {
                        if (typeof tableEvents === 'function') {
                            tableEvents(id, elem, 'delete');
                        }

                        values2table(divId, values, onChange, onReady);
                    }, 100);

                    if ($add.data('maxraw')) {
                        $add.data('raw', $add.data('raw') - 1);
                    }
                });
            } else if (command === 'up') {
                if (!isMaterialize) {
                    $(this).button({
                        icons: {primary: 'ui-icon-triangle-1-n'},
                        text: false
                    })
                        .css({width: '1em', height: '1em'})
                } else {
                    $(this).find('i').html('arrow_upward');
                }
                $(this).on('click', function () {
                    var id = $(this).data('index');
                    var elem = values[id];
                    values.splice(id, 1);
                    values.splice(id - 1, 0, elem);
                    onChange && onChange();
                    setTimeout(function () {
                        values2table(divId, values, onChange, onReady);
                    }, 100);
                });
            } else if (command === 'down') {
                if (!isMaterialize) {
                    $(this).button({
                        icons: {primary: 'ui-icon-triangle-1-s'},
                        text: false
                    })
                        .css({width: '1em', height: '1em'});
                } else {
                    $(this).find('i').html('arrow_downward');
                }
                $(this).on('click', function () {
                    var id = $(this).data('index');
                    var elem = values[id];
                    values.splice(id, 1);
                    values.splice(id + 1, 0, elem);
                    onChange && onChange();
                    setTimeout(function () {
                        values2table(divId, values, onChange, onReady);
                    }, 100);
                });
            } else if (command === 'pair') {
                if (!isMaterialize) {
                    $(this).button({
                        icons: {primary: 'ui-icon-transferthick-e-w'},
                        text: false
                    })
                        .css({width: '1em', height: '1em'});
                } else {
                    $(this).find('i').html('leak_add');
                }
                $(this).on('click', function () {
                    if (typeof tableEvents === 'function') {
                        var id = $(this).data('index');
                        var elem = values[id];
                        tableEvents(id, elem, 'pair');
                    }
                }).attr('title', _('pair'));
            } else if (command === 'unpair') {
                if (!isMaterialize) {
                    $(this).button({
                        icons: {primary: 'ui-icon-scissors'},
                        text: false
                    })
                        .css({width: '1em', height: '1em'});
                } else {
                    $(this).find('i').html('leak_remove');
                }
                $(this).on('click', function () {
                    if (typeof tableEvents === 'function') {
                        var id = $(this).data('index');
                        var elem = values[id];
                        tableEvents(id, elem, 'unpair');
                    }
                }).attr('title', _('unpair'));
            } else if (command === 'edit') {
                if (!isMaterialize) {
                    $(this).button({
                        icons: {primary: 'ui-icon-pencil'},
                        text: false
                    })
                        .css({width: '1em', height: '1em'});
                } else {
                    $(this).find('i').html('edit');
                }
                $(this).on('click', function () {
                    var id = $(this).data('index');
                    if (typeof editLine === 'function') {
                        setTimeout(function () {
                            editLine(id, JSON.parse(JSON.stringify(values[id])), function (err, id, newValues) {
                                if (!err) {
                                    if (JSON.stringify(values[id]) !== JSON.stringify(newValues)) {
                                        onChange && onChange();
                                        values[id] = newValues;
                                        values2table(divId, values, onChange, onReady);
                                    }
                                }
                            });
                        }, 100);
                    }
                });
            }
        });

        $lines.find('.values-input').on('change.adaptersettings', function () {
            if ($(this).attr('type') === 'checkbox') {
                if ($(this).prop('checked').toString() !== $(this).data('old-value')) onChange();
                values[$(this).data('index')][$(this).data('name')] = $(this).prop('checked');
            } else {
                if ($(this).val() !== $(this).data('old-value')) onChange();
                values[$(this).data('index')][$(this).data('name')] = $(this).val();
            }
        }).on('keyup', function () {
            $(this).trigger('change.adaptersettings');
        });
    }
    if (isMaterialize) {
        if (!divId) {
            M.updateTextFields();
            $('select').select();
        } else {
            M.updateTextFields('#' + divId);
            $('#' + divId).find('select').select();
        }

        // workaround for materialize checkbox problem
        $div.find('input[type="checkbox"]+span').off('click').on('click', function () {
            var $input = $(this).prev();
            if (!$input.prop('disabled')) {
                $input.prop('checked', !$input.prop('checked')).trigger('change');
            }
        });
    }
    if (typeof onReady === 'function') onReady();
}

/**
 * Extract the values from table.
 *
 * This function extracts the values from edit table, that was generated with values2table function.
 *
 * @param {string} divId name of the html element (or nothing).
 * @return {object} array with values
 */
function table2values(divId) {
    var $div;
    if (!divId) {
        $div = $('body');
    } else {
        $div = $('#' + divId);
    }
    var names = [];
    $div.find('.table-values th').each(function () {
        var name = $(this).data('name');
        if (name) {
            names.push(name);
        } else {
            names.push('___ignore___');
        }
    });

    var values = [];
    var j = 0;
    $div.find('.table-lines tr').each(function () {
        values[j] = {};

        $(this).find('td').each(function () {
            var $input = $(this).find('input');
            if ($input.length) {
                var name = $input.data('name');
                if (name) {
                    if ($input.attr('type') === 'checkbox') {
                        values[j][name] = $input.prop('checked');
                    } else {
                        values[j][name] = $input.val();
                    }
                }
            }
            var $select = $(this).find('select');
            if ($select.length) {
                var name = $select.data('name');
                values[j][name] = $select.val() || '';
            }
        });
        j++;
    });

    return values;
}