/**
 * 预览选中的图表。
 * Preview the selected charts.
 *
 * @access public
 * @return void
 */
function previewCharts()
{
    const checkedList = $('#moduleMenu menu').zui('tree').$.getChecks();
    if(checkedList.length > 0)
    {
        const form = new FormData();
        checkedList.forEach((itemKey, index) => {
            if(itemKey.includes(':') && itemKey.includes('_'))
            {
                const keys = itemKey.split(':')[1].split('_');
                form.append('charts[' + index + '][groupID]', keys[0]);
                form.append('charts[' + index + '][chartID]', keys[1]);
            }
        });

        postAndLoadPage(previewUrl, form, '#chartPanel');
    }
}

/**
 * 筛选一个图表。
 * Filter a chart.
 *
 * @param  string chartID
 * @access public
 * @return bool|void
 */
loadChart = function(chartID)
{
    if(!chartID.includes('_')) return false;

    const keys = chartID.split('_');
    const form = new FormData();
    form.append('groupID', keys[0]);
    form.append('chartID', keys[1]);

    $('#filter_' + chartID + ' .filter').each(function(index)
    {
        const $filter = $(this);
        if ($filter.hasClass('filter-input'))
        {
            form.append('filterValues[' + index + ']', $filter.find('input').val());
        }
        else if($filter.hasClass('filter-select'))
        {
            const value = $filter.find('.pick-value').val();
            form.append('filterValues[' + index + ']', typeof value == 'array' ? value.filter(Boolean) : value);
        }
        else if($filter.hasClass('filter-date') || $filter.hasClass('filter-datetime'))
        {
            const $pickValue = $filter.find('.pick-value');
            if($pickValue.length == 1)
            {
                form.append('filterValues[' + index + ']', $pickValue.val());
            }
            else if($pickValue.length == 2)
            {
                form.append('filterValues[' + index + '][begin]', $pickValue.eq(0).val());
                form.append('filterValues[' + index + '][end]',  $pickValue.eq(1).val());
            }
        }
    });

    postAndLoadPage(previewUrl, form, '#chart_' + chartID);
}