/**

 * make a single inline comment and place it inside

 */

var _renderInlineComment = function(json_data){

    var html =  json_data['rendered_text'];

    var lineno = json_data['line_no'];

    var target_id = json_data['target_id'];

    return _placeInline(target_id, lineno, html);

}

/**

 * Iterates over all the inlines, and places them inside proper blocks of data

 */

var renderInlineComments = function(file_comments){

    for (var f in file_comments){

        // holding all comments for a FILE

        var box = file_comments[f];

        var target_id = $(box).attr('target_id');

        // actual comments with line numbers

        var comments = box.children;

        for(var i=0; i<comments.length; i++){

            var data = {

                'rendered_text': comments[i].outerHTML,

                'line_no': $(comments[i]).attr('line'),

                'target_id': target_id

            }

            if (_renderInlineComment(data)) {

                $(comments[i]).hide();

            }else{

                var txt = document.createTextNode(

                        "Comment to " + YUD.getAttribute(comments[i].parentNode,'path') +

                        " line " + data.line_no +

                        " which is outside the diff context:");

                comments[i].insertBefore(txt, comments[i].firstChild);

            }

        }

        $(box).show();

    }

}

/**

 * Double link comments

 */

var linkInlineComments = function(firstlinks, comments){

    var $comments = $(comments);

    if ($comments.length > 0) {

        $(firstlinks).html('<a href="#{0}">First comment</a>'.format($comments.attr('id')));

    }

    if ($comments.length <= 1) {

        return;

    }

    $comments.each(function(i, e){

            var prev = '';

            if (i > 0){

                var prev_anchor = YUD.getAttribute(comments.item(i-1),'id');

                prev = '<a href="#{0}">Previous comment</a>'.format(prev_anchor);

            }

            var next = '';

            if (i+1 < comments.length){

                var next_anchor = YUD.getAttribute(comments.item(i+1),'id');

                next = '<a href="#{0}">Next comment</a>'.format(next_anchor);

            }

            var $div = $(('<div class="prev-next-comment">'+

                          '<div class="prev-comment">{0}</div>'+

                          '<div class="next-comment">{1}</div>').format(prev, next));

            $div.prependTo(this);

        });

}

/* activate files.html stuff */

var fileBrowserListeners = function(current_url, node_list_url, url_base){

    var current_url_branch = "?branch=__BRANCH__";

    $('#stay_at_branch').on('click',function(e){

        if(e.currentTarget.checked){

            var uri = current_url_branch;

            uri = uri.replace('__BRANCH__',e.currentTarget.value);

            window.location = uri;

        }

        else{

            window.location = current_url;

        }

    })

    var $node_filter = $('#node_filter');

    var filterTimeout = null;

    var nodes = null;

    var initFilter = function(){

        $('#node_filter_box_loading').show();

        $('#search_activate_id').hide();

        $('#add_node_id').hide();

                $('#node_filter_box_loading').hide();

                $('#node_filter_box').show();

                $node_filter.focus();

                if($node_filter.hasClass('init')){

                    $node_filter.val('');

                    $node_filter.removeClass('init');

                }

                console.log('failed to load');

    }

    var updateFilter = function(e) {

        return function(){

            // Reset timeout

            filterTimeout = null;

            var query = e.currentTarget.value.toLowerCase();

            var match = [];

            var matches = 0;

            var matches_max = 20;

            if (query != ""){

                for(var i=0;i<nodes.length;i++){

                    var pos = nodes[i].name.toLowerCase().indexOf(query)

                    if(query && pos != -1){

                        matches++

                        //show only certain amount to not kill browser

                        if (matches > matches_max){

                            break;

                        }

                        var n = nodes[i].name;

                        var t = nodes[i].type;

                        var n_hl = n.substring(0,pos)

                          +"<b>{0}</b>".format(n.substring(pos,pos+query.length))

                          +n.substring(pos+query.length)

                        var new_url = url_base.replace('__FPATH__',n);

                        match.push('<tr><td><a class="browser-{0}" href="{1}">{2}</a></td><td colspan="5"></td></tr>'.format(t,new_url,n_hl));

                    }

                    if(match.length >= matches_max){

                        match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['Search truncated']));

                        break;

                    }

                }

            }

            if(query != ""){

                $('#tbody').hide();

                $('#tbody_filtered').show();

                if (match.length==0){

                  match.push('<tr><td>{0}</td><td colspan="5"></td></tr>'.format(_TM['No matching files']));

                }

                $('#tbody_filtered').html(match.join(""));

            }

            else{

                $('#tbody').show();

                $('#tbody_filtered').hide();

            }

        }

    };

    $('#filter_activate').click(function(){

            initFilter();

        });

    $node_filter.click(function(){

            if($node_filter.hasClass('init')){

                $node_filter.val('');

                $node_filter.removeClass('init');

            }

        });

    $node_filter.keyup(function(e){

            clearTimeout(filterTimeout);

            filterTimeout = setTimeout(updateFilter(e),600);

        });

};

var initCodeMirror = function(textarea_id, resetUrl){

    var myCodeMirror = CodeMirror.fromTextArea($('#' + textarea_id)[0], {

            mode: "null",

            lineNumbers: true,

            indentUnit: 4,

            autofocus: true

        });

    CodeMirror.modeURL = "/codemirror/mode/%N/%N.js";

    $('#reset').click(function(e){

            window.location=resetUrl;

        });

    $('#file_enable').click(function(){

            $('#editor_container').show();

            $('#upload_file_container').hide();

            $('#filename_container').show();

            $('#set_mode_header').show();

        });

    $('#upload_file_enable').click(function(){

            $('#editor_container').hide();

            $('#upload_file_container').show();

            $('#filename_container').hide();

            $('#set_mode_header').hide();

        });

    return myCodeMirror

};