'use strict';

function outputResults(results, maxResults) {
    $('#results').empty();
    $('#count').text(results.length);

    results = results.splice(0, maxResults);

    var template = Handlebars.compile($('#template').html());
    $('#results').append(template({'results': results}));
}

function onAdjust(name, value) {
    // var wa = window.adjuster;
    // var wg = window.grapher;

    // wa.searchParams[name] = value;
    // console.log(wa.searchParams);

    // var hintData = {};
    // _.each(wg.getColumnNames(), function(name) {
    //     hintData[name] = searchBuildHints(wa.searchParams, wa.minScore, name, wa.searchRange, wa.hintSteps);
    // });
    // wg.setColumnHints(hintData);

    // var results = searchData(wa.searchParams, wa.minScore);
    // outputResults(results, wa.maxResults);
}

function onSearch() {
    var params = {
        'keyword':          $('#keyword').val(),
        'minScore':         parseInt($('#minScore').val()),
        'hintSteps':        parseInt($('#hintSteps').val()),
        'maxResults':       parseInt($('#maxResults').val()),
        'useLocalScale':    true,
        'useRelativeScale': true
    };

    $.getJSON('/node/search', params, function(results) {
        console.log(results);

        window.adjuster = {
            searchParams: results.params,
            minScore:     params.minScore,
            hintSteps:    params.hintSteps,
            maxResults:   params.maxResults
        };

        window.grapher = new Grapher('grapher', new goog.math.Range(-1.0, 1.0), params.useLocalScale, params.useRelativeScale);
        window.grapher.setColumns(results.columns);
        window.grapher.setValueChangedListener(onAdjust);

        // var results = searchData(searchParams, minScore);
        // outputResults(results, maxResults);

        $('#query').text(params.keyword);
        $('#useLocalScale').prop('checked', useLocalScale);
        $('#useRelativeScale').prop('checked', useRelativeScale);
        $('#useLocalScale').click(function() {
            var useLocalScale = $('#useLocalScale').is(':checked');
            window.grapher.setUseLocalScale(useLocalScale);
        });
        $('#useRelativeScale').click(function() {
            var useRelativeScale = $('#useRelativeScale').is(':checked');
            window.grapher.setUseRelativeScale(useRelativeScale);
        });
        $('#input').fadeOut(function() {
            $('#output').fadeIn();
        });
    });
}

$(document).ready(function() {
    $.getJSON('/node/keywords', function(keywords) {
        for (var i = 0; i < keywords.length; ++i) {
            $('#keyword').append($('<option></option>', {
                'value': keywords[i],
                'text':  keywords[i]
            }));
        }

        $('#search').prop('disabled', false);
        $('#search').click(onSearch);
    });
});