-moz-border-radius: 4px;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

}

#msg_close {

	background: transparent url("../icons/cross_grey_small.png") no-repeat

		scroll 0 0;

	cursor: pointer;

	height: 16px;

	position: absolute;

	right: 5px;

	top: 5px;

	width: 16px;

}

div#legend_container table,div#legend_choices table {

	width: auto !important;

}

table#permissions_manage {

	width: 0 !important;

}

table#permissions_manage span.private_repo_msg {

	font-size: 0.8em;

	opacity: 0.6px;

}

table#permissions_manage td.private_repo_msg {

	font-size: 0.8em;

}

table#permissions_manage tr#add_perm_input td {

	vertical-align: middle;

}

div.gravatar {

	background-color: #FFF;

	border: 0px solid #D0D0D0;

	float: left;

	margin-right: 0.7em;

	padding: 2px 2px 0;

	-webkit-border-radius: 6px;

	-khtml-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

}

div.gravatar img {

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

#header,#content,#footer {

	min-width: 978px;

}

#content {

	clear: both;

	overflow: hidden;

	padding: 14px 10px;

}

#content div.box div.title div.search {

	border-left: 1px solid #316293;

}

#content div.box div.title div.search div.input input {

	border: 1px solid #316293;

}

.ui-button-small a:hover {

}

input.ui-button-small,.ui-button-small {

	background: #e5e3e3 url("../images/button.png") repeat-x !important;

	border-top: 1px solid #DDD !important;

	border-left: 1px solid #c6c6c6 !important;

	border-right: 1px solid #DDD !important;

	border-bottom: 1px solid #c6c6c6 !important;

	color: #515151 !important;

	outline: none !important;

	margin: 0 !important;

	-webkit-border-radius: 4px 4px 4px 4px !important;

	-khtml-border-radius: 4px 4px 4px 4px !important;

	-moz-border-radius: 4px 4px 4px 4px !important;

	border-radius: 4px 4px 4px 4px !important;

	box-shadow: 0 1px 0 #ececec !important;

	cursor: pointer !important;

}

input.ui-button-small:hover,.ui-button-small:hover {

	background: #b4b4b4 url("../images/button_selected.png") repeat-x

		!important;

	border-top: 1px solid #ccc !important;

	border-left: 1px solid #bebebe !important;

	border-right: 1px solid #b1b1b1 !important;

	border-bottom: 1px solid #afafaf !important;

	text-decoration: none;

}

input.ui-button-small-blue,.ui-button-small-blue {

	background: #4e85bb url("../images/button_highlight.png") repeat-x;

	border-top: 1px solid #5c91a4;

	border-left: 1px solid #2a6f89;

	border-right: 1px solid #2b7089;

	border-bottom: 1px solid #1a6480;

	color: #fff;

	-webkit-border-radius: 4px 4px 4px 4px;

	-khtml-border-radius: 4px 4px 4px 4px;

	-moz-border-radius: 4px 4px 4px 4px;

	border-radius: 4px 4px 4px 4px;

	box-shadow: 0 1px 0 #ececec;

	cursor: pointer;

	padding: 0px 2px 1px 2px;

}

input.ui-button-small-blue:hover {

}

ins,div.options a:hover {

	text-decoration: none;

}

img,#header #header-inner #quick li a:hover span.normal,#header #header-inner #quick li ul li.last,#content div.box div.form div.fields div.field div.textarea table td table td a,#clone_url

	{

	border: none;

}

img.icon,.right .merge img {

	vertical-align: bottom;

}

#header ul#logged-user,#content div.box div.title ul.links,#content div.box div.message div.dismiss,#content div.box div.traffic div.legend ul

	{

	float: right;

	margin: 0;

	padding: 0;

}

#header #header-inner #home,#header #header-inner #logo,#content div.box ul.left,#content div.box ol.left,#content div.box div.pagination-left,div#commit_history,div#legend_data,div#legend_container,div#legend_choices

	{

	float: left;

}

#header #header-inner #quick li:hover ul ul,#header #header-inner #quick li:hover ul ul ul,#header #header-inner #quick li:hover ul ul ul ul,#content #left #menu ul.closed,#content #left #menu li ul.collapsed,.yui-tt-shadow

	{

	display: none;

}

#header #header-inner #quick li:hover ul,#header #header-inner #quick li li:hover ul,#header #header-inner #quick li li li:hover ul,#header #header-inner #quick li li li li:hover ul,#content #left #menu ul.opened,#content #left #menu li ul.expanded

	{

	display: block;

}

#content div.graph {

	padding: 0 10px 10px;

}

#content div.box div.title ul.links li a:hover,#content div.box div.title ul.links li.ui-tabs-selected a

	{

	color: #bfe3ff;

}

#content div.box ol.lower-roman,#content div.box ol.upper-roman,#content div.box ol.lower-alpha,#content div.box ol.upper-alpha,#content div.box ol.decimal

	{

	margin: 10px 24px 10px 44px;

}

#content div.box div.form,#content div.box div.table,#content div.box div.traffic

	{

	clear: both;

	overflow: hidden;

	margin: 0;

	padding: 0 20px 10px;

}

#content div.box div.form div.fields,#login div.form,#login div.form div.fields,#register div.form,#register div.form div.fields

	{

	clear: both;

	overflow: hidden;

	margin: 0;

	padding: 0;

}

	var q_filter_field = YUD.get(target);

	var F = YAHOO.namespace(target);

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

	   q_filter_field.value = '';

	});

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

	    clearTimeout(F.filterTimeout); 

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

	});

	F.filterTimeout = null;

	var show_node = function(node){

		YUD.setStyle(node,'display','')

	}

	var hide_node = function(node){

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

	}

	F.updateFilter  = function() { 

	   // Reset timeout 

	   F.filterTimeout = null;

	   var obsolete = [];

	   var req = q_filter_field.value.toLowerCase();

	   var l = nodes.length;

	   var i;

	   var showing = 0;

       for (i=0;i<l;i++ ){

    	   var n = nodes[i];

    	   var target_element = display_element(n)

    	   if(req && n.innerHTML.toLowerCase().indexOf(req) == -1){

    		   hide_node(target_element);

    	   }

    	   else{

    		   show_node(target_element);

    		   showing+=1;

    	   }

       }	  	   

	   // if repo_count is set update the number

	   var cnt = YUD.get('repo_count');

	   if(cnt){

		   YUD.get('repo_count').innerHTML = showing;

	   }       

	}	

};

var ajaxPOST = function(url,postData,success) {

    var sUrl = url;

    var callback = {

        success: success,

        failure: function (o) {

            alert("error");

        },

    };

    var postData = postData;

    var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);

};

/** comments **/

var removeInlineForm = function(form) {

	form.parentNode.removeChild(form);

};

var tableTr = function(cls,body){

	var form = document.createElement('tr');

	YUD.addClass(form, cls);

	form.innerHTML = '<td class="lineno-inline new-inline"></td>'+

    				 '<td class="lineno-inline old-inline"></td>'+ 

                     '<td>{0}</td>'.format(body);

	return form;

};

var createInlineForm = function(parent_tr, f_path, line) {

	var tmpl = YUD.get('comment-inline-form-template').innerHTML;

	tmpl = tmpl.format(f_path, line);

	var form = tableTr('comment-form-inline',tmpl)

	// create event for hide button

	form = new YAHOO.util.Element(form);

	var form_hide_button = new YAHOO.util.Element(form.getElementsByClassName('hide-inline-form')[0]);

	form_hide_button.on('click', function(e) {

		var newtr = e.currentTarget.parentNode.parentNode.parentNode.parentNode.parentNode;

		removeInlineForm(newtr);

		YUD.removeClass(parent_tr, 'form-open');

	});

	return form

};

var getLineNo = function(tr) {

	var line;

	var o = tr.children[0].id.split('_');

	var n = tr.children[1].id.split('_');

	if (n.length >= 2) {

		line = n[n.length-1];

	} else if (o.length >= 2) {

		line = o[o.length-1];

	}

	return line

};

	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){

	        nodes = JSON.parse(o.responseText);

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

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

	      },

	      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;

	        var match = [];

	        var matches = 0;

	        var matches_max = 20;

	        if (query != ""){

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

	                var pos = nodes[i].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];

	                    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-file" href="{0}">{1}</a></td><td colspan="5"></td></tr>'.format(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(){

	    n_filter.value = '';

	 });

	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';

	            }

	            anchor = '#L'+ranges[0]+'-'+ranges[1];

	            hl_div.innerHTML = '';

	            l = document.createElement('a');

						revision=filenode.changeset.raw_id,f_path=h.safe_unicode(filenode.path)))}

					</span>

					&raquo; <span>${h.link_to(_('diff'),

					h.url('files_diff_home',repo_name=c.repo_name,f_path=h.safe_unicode(filenode.path),diff2=cs2,diff1=cs1,diff='diff'))}</span>

					&raquo; <span>${h.link_to(_('raw diff'),

					h.url('files_diff_home',repo_name=c.repo_name,f_path=h.safe_unicode(filenode.path),diff2=cs2,diff1=cs1,diff='raw'))}</span>

					&raquo; <span>${h.link_to(_('download diff'),

					h.url('files_diff_home',repo_name=c.repo_name,f_path=h.safe_unicode(filenode.path),diff2=cs2,diff1=cs1,diff='download'))}</span>

                    <span style="float:right">

                      <label>

                      ${_('show inline comments')}

                      ${h.checkbox('',checked="checked",class_="show-inline-comments",id_for=self.fid(filenode.changeset.raw_id,filenode.path))}

                      </label>

                    </span>

				</div>

			</div>

			<div class="code-body">

                <div class="full_f_path" path="${filenode.path}"></div>        

				%if diff:

					${diff|n}

				%else:

					${_('No changes in this file')}

				%endif

			</div>

		</div>

		%endif

	%endfor

    <%namespace name="comment" file="/changeset/changeset_file_comment.html"/>

    ## template for inline comment form

    ${comment.comment_inline_form()}

    <div class="comments">

        <div class="comments-number">${len(c.comments)} comment(s) (${c.inline_cnt} ${_('inline')})</div>

        %for path, lines in c.inline_comments:

            <div style="display:none" class="inline-comment-placeholder" path="${path}" target_id="${self.fid(c.changeset.raw_id,path)}">

            % for line,comments in lines.iteritems():

                <div class="inline-comment-placeholder-line" line="${line}" target_id="${h.safeid(h.safe_unicode(path))}"> 

                %for co in comments:

                    ${comment.comment_block(co)}

                %endfor

                </div>

            %endfor

            </div>

        %endfor        

        %for co in c.comments:

            ${comment.comment_block(co)}

        %endfor

        %if c.rhodecode_user.username != 'default':

        <div class="comment-form">

            ${h.form(h.url('changeset_comment', repo_name=c.repo_name, revision=c.changeset.raw_id))}

            <strong>${_('Leave a comment')}</strong>

            <div class="clearfix">

                <div class="comment-help">

                    ${_('Comments parsed using')} <a href="${h.url('rst_help')}">RST</a> ${_('syntax')}

                </div>

                    ${h.textarea('text')}

            </div>

            <div class="comment-button">

            ${h.submit('save', _('Comment'), class_='ui-button')}

            </div>

            ${h.end_form()}

        </div>

        %endif

    </div>

    <script type="text/javascript">

      var deleteComment = function(comment_id){

          var url = "${url('changeset_comment_delete',repo_name=c.repo_name,comment_id='__COMMENT_ID__')}".replace('__COMMENT_ID__',comment_id);

          var postData = '_method=delete';

          var success = function(o){

              var n = YUD.get('comment-'+comment_id);

              n.parentNode.removeChild(n);

          }

          ajaxPOST(url,postData,success);

      }

      YUE.onDOMReady(function(){

    	  YUE.on(YUQ('.show-inline-comments'),'change',function(e){

    		  var show = 'none';

    		  var target = e.currentTarget;

    		  if(target.checked){

    			  var show = ''

    		  }

    		  var boxid = YUD.getAttribute(target,'id_for');

    		  var comments = YUQ('#{0} .inline-comments'.format(boxid));

    		  for(c in comments){ 

    		     YUD.setStyle(comments[c],'display',show);

    		  }

    	  })

          YUE.on(YUQ('.line'),'click',function(e){

        	  var tr = e.currentTarget;

          });

          // inject comments into they proper positions

          var file_comments = YUQ('.inline-comment-placeholder');

          for (f in file_comments){

        	  var box = file_comments[f];

        	  var inlines = box.children;

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

        		  try{

          		    var inline = inlines[i];

          		    var lineno = YUD.getAttribute(inlines[i],'line');

          		    var lineid = "{0}_{1}".format(YUD.getAttribute(inline,'target_id'),lineno);

                    var target_line = YUD.get(lineid);

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

                    YUD.insertAfter(comment,target_line.parentNode);

        		  }catch(e){}

        	  }

          }

      })

    </script> 

  </div>	

</%def>

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

<%def name="title()">

    ${c.repo_name} ${_('Files')} - ${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.files_list:

        @ 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()}";

</script>

</%def>