c.f_path = f_path

        c.big_diff = False

        c.anchor_url = anchor_url

        c.ignorews_url = _ignorews_url

        c.context_url = _context_url

        c.changes = OrderedDict()

        c.changes[diff2] = []

        try:

            if diff1 not in ['', None, 'None', '0' * 12, '0' * 40]:

                c.changeset_1 = c.rhodecode_repo.get_changeset(diff1)

                node1 = c.changeset_1.get_node(f_path)

            else:

                c.changeset_1 = EmptyChangeset(repo=c.rhodecode_repo)

                node1 = FileNode('.', '', changeset=c.changeset_1)

            if diff2 not in ['', None, 'None', '0' * 12, '0' * 40]:

                c.changeset_2 = c.rhodecode_repo.get_changeset(diff2)

                node2 = c.changeset_2.get_node(f_path)

            else:

                c.changeset_2 = EmptyChangeset(repo=c.rhodecode_repo)

                node2 = FileNode('.', '', changeset=c.changeset_2)

        except RepositoryError:

            return redirect(url('files_home', repo_name=c.repo_name,

                                f_path=f_path))

        if c.action == 'download':

            _diff = diffs.get_gitdiff(node1, node2,

                                      ignore_whitespace=ignore_whitespace,

                                      context=line_context)

            diff = diffs.DiffProcessor(_diff, format='gitdiff')

            diff_name = '%s_vs_%s.diff' % (diff1, diff2)

            response.content_type = 'text/plain'

            response.content_disposition = (

                'attachment; filename=%s' % diff_name

            )

            return diff.raw_diff()

        elif c.action == 'raw':

            _diff = diffs.get_gitdiff(node1, node2,

                                      ignore_whitespace=ignore_whitespace,

                                      context=line_context)

            diff = diffs.DiffProcessor(_diff, format='gitdiff')

            response.content_type = 'text/plain'

            return diff.raw_diff()

        else:

            fid = h.FID(diff2, node2.path)

            line_context_lcl = get_line_ctx(fid, request.GET)

            ign_whitespace_lcl = get_ignore_ws(fid, request.GET)

            lim = request.GET.get('fulldiff') or self.cut_off_limit

            _, cs1, cs2, diff, st = diffs.wrapped_diff(filenode_old=node1,

                                         filenode_new=node2,

                                         cut_off_limit=lim,

                                         ignore_whitespace=ign_whitespace_lcl,

                                         line_context=line_context_lcl,

                                         enable_comments=False)

            c.changes = [('', node2, diff, cs1, cs2, st,)]

        return render('files/file_diff.html')

    def _get_node_history(self, cs, f_path):

        changesets = cs.get_file_history(f_path)

        hist_l = []

        changesets_group = ([], _("Changesets"))

        branches_group = ([], _("Branches"))

        tags_group = ([], _("Tags"))

        _hg = cs.repository.alias == 'hg'

        for chs in changesets:

            _branch = '(%s)' % chs.branch if _hg else ''

            n_desc = 'r%s:%s %s' % (chs.revision, chs.short_id, _branch)

            changesets_group[0].append((chs.raw_id, n_desc,))

        hist_l.append(changesets_group)

        for name, chs in c.rhodecode_repo.branches.items():

            branches_group[0].append((chs, name),)

        hist_l.append(branches_group)

        for name, chs in c.rhodecode_repo.tags.items():

            tags_group[0].append((chs, name),)

        hist_l.append(tags_group)

        return hist_l

    @jsonify

    @HasRepoPermissionAnyDecorator('repository.read', 'repository.write',

                                   'repository.admin')

    def nodelist(self, repo_name, revision, f_path):

        if request.environ.get('HTTP_X_PARTIAL_XHR'):

            cs = self.__get_cs_or_redirect(revision, repo_name)

            _d, _f = ScmModel().get_nodes(repo_name, cs.raw_id, f_path,

                                          flat=False)

		return

	}

	var last_node = target_tr;

    //scann	

	  while (1){

		  var n = last_node.nextElementSibling;

		  // next element are comments !

		  if(YUD.hasClass(n,'inline-comments')){

			  last_node = n;

			  //also remove the comment button from previos

			  var comment_add_buttons = last_node.getElementsByClassName('add-comment');

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

				  var b = comment_add_buttons[i];

				  b.parentNode.removeChild(b);

			  }

		  }

		  else{

			  break;

		  }

	  }

    var add = createInlineAddButton(target_tr);

    // get the comment div

    var comment_block = last_node.getElementsByClassName('comment')[0];

    // attach add button

    YUD.insertAfter(add,comment_block);	

}

/**

 * Places the inline comment into the changeset block in proper line position

 */

var placeInline = function(target_container,lineno,html){

	  var lineid = "{0}_{1}".format(target_container,lineno);

	  var target_line = YUD.get(lineid);

	  var comment = new YAHOO.util.Element(tableTr('inline-comments',html))

	  // check if there are comments already !

	  var parent = target_line.parentNode;

	  var root_parent = parent;

	  while (1){

		  var n = parent.nextElementSibling;

		  // next element are comments !

		  if(YUD.hasClass(n,'inline-comments')){

			  parent = n;

		  }

		  else{

			  break;

		  }

	  }

	  // put in the comment at the bottom

	  YUD.insertAfter(comment,parent);

	  // scann nodes, and attach add button to last one

      placeAddButton(root_parent);

	  return target_line;

}

/**

 * make a single inline comment and place it inside

 */

var renderInlineComment = function(json_data){

    try{

	  var html =  json_data['rendered_text'];

	  var lineno = json_data['line_no'];

	  var target_id = json_data['target_id'];

	  placeInline(target_id, lineno, html);

    }catch(e){

  	  console.log(e);

    }

}

/**

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

 */

var renderInlineComments = function(file_comments){

	for (f in file_comments){

        // holding all comments for a FILE

		var box = file_comments[f];

		var target_id = YUD.getAttribute(box,'target_id');

		// actually 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': YUD.getAttribute(comments[i],'line'),

        		'target_id': target_id

        	}

        	renderInlineComment(data);

        }

    }	

}

	var current_url_branch = +"?branch=__BRANCH__";

	var url = url_base;

	var node_url = node_list_url;	

	YUE.on('stay_at_branch','click',function(e){

	    if(e.target.checked){

	        var uri = current_url_branch;

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

	        window.location = uri;

	    }

	    else{

	        window.location = current_url;

	    }

	})            

	var n_filter = YUD.get('node_filter');

	var F = YAHOO.namespace('node_filter');

	F.filterTimeout = null;

	var nodes = null;

	F.initFilter = function(){

	  YUD.setStyle('node_filter_box_loading','display','');

	  YUD.setStyle('search_activate_id','display','none');

	  YUD.setStyle('add_node_id','display','none');

	  YUC.initHeader('X-PARTIAL-XHR',true);

	  YUC.asyncRequest('GET',url,{

	      success:function(o){

	        YUD.setStyle('node_filter_box_loading','display','none');

	        YUD.setStyle('node_filter_box','display','');

	        n_filter.focus();

			if(YUD.hasClass(n_filter,'init')){

				n_filter.value = '';

				YUD.removeClass(n_filter,'init');

			}   

	      },

	      failure:function(o){

	          console.log('failed to load');

	      }

	  },null);            

	}

	F.updateFilter  = function(e) {

	    return function(){

	        // Reset timeout 

	        F.filterTimeout = null;

	        var query = e.target.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)                    

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

	                }

	                if(match.length >= matches_max){

	                }

	            }                       

	        }

	        if(query != ""){

	            YUD.setStyle('tbody','display','none');

	            YUD.setStyle('tbody_filtered','display','');

	            if (match.length==0){

	            }                           

	            YUD.get('tbody_filtered').innerHTML = match.join("");   

	        }

	        else{

	            YUD.setStyle('tbody','display','');

	            YUD.setStyle('tbody_filtered','display','none');

	        }

	    }

	};

	YUE.on(YUD.get('filter_activate'),'click',function(){

	    F.initFilter();

	})

	YUE.on(n_filter,'click',function(){

		if(YUD.hasClass(n_filter,'init')){

			n_filter.value = '';

			YUD.removeClass(n_filter,'init');

		}

	 });

	YUE.on(n_filter,'keyup',function(e){

	    clearTimeout(F.filterTimeout); 

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

	});

};

var initCodeMirror = function(textAreadId,resetUrl){  

    var myCodeMirror = CodeMirror.fromTextArea(YUD.get(textAreadId),{

           mode:  "null",

           lineNumbers:true

         });

    YUE.on('reset','click',function(e){

        window.location=resetUrl

    });

    YUE.on('file_enable','click',function(){

        YUD.setStyle('editor_container','display','');

        YUD.setStyle('upload_file_container','display','none');

        YUD.setStyle('filename_container','display','');

    });

    YUE.on('upload_file_enable','click',function(){

        YUD.setStyle('editor_container','display','none');

        YUD.setStyle('upload_file_container','display','');

        YUD.setStyle('filename_container','display','none');

    });	

};

var getIdentNode = function(n){

	//iterate thru nodes untill matched interesting node !

	if (typeof n == 'undefined'){

		return -1

	}

	if(typeof n.id != "undefined" && n.id.match('L[0-9]+')){

			return n

		}

	else{

		return getIdentNode(n.parentNode);

	}

};

var  getSelectionLink = function(selection_link_label) {

	return function(){

	    //get selection from start/to nodes    	

	    if (typeof window.getSelection != "undefined") {

	    	s = window.getSelection();

	       	from = getIdentNode(s.anchorNode);

	       	till = getIdentNode(s.focusNode);

	        f_int = parseInt(from.id.replace('L',''));

	        t_int = parseInt(till.id.replace('L',''));

	        if (f_int > t_int){

	        	//highlight from bottom 

	        	offset = -35;

	        	ranges = [t_int,f_int];

	        }

	        else{

	        	//highligth from top 

	        	offset = 35;

	        	ranges = [f_int,t_int];

	        }

	        if (ranges[0] != ranges[1]){

	            if(YUD.get('linktt') == null){

	                hl_div = document.createElement('div');

	                hl_div.id = 'linktt';

	            }

## -*- coding: utf-8 -*-

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <title>${self.title()}</title>

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

        <meta name="robots" content="index, nofollow"/>

        <link rel="icon" href="${h.url('/images/icons/database_gear.png')}" type="image/png" />

        ## CSS ###

        <%def name="css()">

            <link rel="stylesheet" type="text/css" href="${h.url('/css/style.css')}" media="screen"/>

            <link rel="stylesheet" type="text/css" href="${h.url('/css/pygments.css')}"/>

            ## EXTRA FOR CSS

            ${self.css_extra()}

        </%def>

        <%def name="css_extra()">

        </%def>

        ${self.css()}

        %if c.ga_code:

        <!-- Analytics -->

	     <script type="text/javascript">

	      var _gaq = _gaq || [];

	      _gaq.push(['_setAccount', '${c.ga_code}']);

	      _gaq.push(['_trackPageview']);

	      (function() {

	        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

	        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

	        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

	      })();

	     </script>

	    %endif

        ## JAVASCRIPT ##

        <%def name="js()">

            <script type="text/javascript">

            //JS translations map

            var TRANSLATION_MAP = {

                'add another comment':'${_("add another comment")}',

                'Stop following this repository':"${_('Stop following this repository')}",

                'Start following this repository':"${_('Start following this repository')}",

                'Group':"${_('Group')}",

            };

            var _TM = TRANSLATION_MAP;

            </script>

            <script type="text/javascript" src="${h.url('/js/yui.2.9.js')}"></script>

            <!--[if lt IE 9]>

               <script language="javascript" type="text/javascript" src="${h.url('/js/excanvas.min.js')}"></script>

            <![endif]-->

            <script type="text/javascript" src="${h.url('/js/yui.flot.js')}"></script>

            <script type="text/javascript" src="${h.url('/js/rhodecode.js')}"></script>

           ## EXTRA FOR JS

           ${self.js_extra()}

            <script type="text/javascript">

            var follow_base_url  = "${h.url('toggle_following')}";

            var onSuccessFollow = function(target){

                var f = YUD.get(target.id);

                var f_cnt = YUD.get('current_followers_count');

                if(f.getAttribute('class')=='follow'){

                    f.setAttribute('class','following');

                    f.setAttribute('title',_TM['Stop following this repository']);

                    if(f_cnt){

                        var cnt = Number(f_cnt.innerHTML)+1;

                        f_cnt.innerHTML = cnt;

                    }

                }

                else{

                    f.setAttribute('class','follow');

                    f.setAttribute('title',_TM['Start following this repository']);

                    if(f_cnt){

                        var cnt = Number(f_cnt.innerHTML)+1;

                        f_cnt.innerHTML = cnt;

                    }

                }

            }

            var toggleFollowingUser = function(target,fallows_user_id,token,user_id){

                args = 'follows_user_id='+fallows_user_id;

                args+= '&auth_token='+token;

                if(user_id != undefined){

                    args+="&user_id="+user_id;

                }

                YUC.asyncRequest('POST',follow_base_url,{

                    success:function(o){

                    	onSuccessFollow(target);

                    }

                },args);

                return false;

            }

            var toggleFollowingRepo = function(target,fallows_repo_id,token,user_id){

                args = 'follows_repo_id='+fallows_repo_id;

                args+= '&auth_token='+token;

                if(user_id != undefined){

                    args+="&user_id="+user_id;

                }

                YUC.asyncRequest('POST',follow_base_url,{

                    success:function(o){

                    	onSuccessFollow(target);

                    }

                },args);

                return false;

            }

           YUE.onDOMReady(function(){

             tooltip_activate();

             show_more_event();

             YUE.on('quick_login_link','click',function(e){

                 // make sure we don't redirect

                 YUE.preventDefault(e);

                 if(YUD.hasClass('quick_login_link','enabled')){

                     YUD.setStyle('quick_login','display','none');

                     YUD.removeClass('quick_login_link','enabled');

                 }

                 else{

                     YUD.setStyle('quick_login','display','');

                     YUD.addClass('quick_login_link','enabled');

                     var usr = YUD.get('username');

                     if(usr){

                    	 usr.focus();

                     }

                 }

             });

           })

            </script>

        </%def>

        <%def name="js_extra()"></%def>

        ${self.js()}

        <%def name="head_extra()"></%def>

        ${self.head_extra()}

    </head>

<%inherit file="/base/base.html"/>

<%def name="title()">

    ${_('%s Files') % c.repo_name} - ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    ${h.link_to(u'Home',h.url('/'))}

    »

    ${h.link_to(c.repo_name,h.url('files_home',repo_name=c.repo_name))}

    »

    ${_('files')}

    %if c.file:

        @ r${c.changeset.revision}:${h.short_id(c.changeset.raw_id)}

    %endif

</%def>

<%def name="page_nav()">

    ${self.menu('files')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

	    <ul class="links">

		    <li>

		      <span style="text-transform: uppercase;"><a href="#">${_('branch')}: ${c.changeset.branch}</a></span>

	        </li>

	    </ul>

    </div>

    <div class="table">

		<div id="files_data">

			<%include file='files_ypjax.html'/>

		</div>

    </div>

</div>

<script type="text/javascript">

var YPJAX_TITLE = "${c.repo_name} ${_('Files')} - ${c.rhodecode_name}";

var current_url = "${h.url.current()}";

var node_list_url = '${h.url("files_home",repo_name=c.repo_name,revision=c.changeset.raw_id,f_path='__FPATH__')}';

var url_base = '${h.url("files_nodelist_home",repo_name=c.repo_name,revision=c.changeset.raw_id,f_path=c.file.path)}';

</script>

</%def>