/**

 * QUICK REPO MENU

 */

var quick_repo_menu = function(){

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

        var menu = e.currentTarget.firstElementChild.firstElementChild;

        if(YUD.hasClass(menu,'hidden')){

            YUD.addClass(e.currentTarget,'active');

            YUD.removeClass(menu,'hidden');

        }else{

            YUD.removeClass(e.currentTarget,'active');

            YUD.addClass(menu,'hidden');

        }

    })

};

/**

 * TABLE SORTING

 */

// returns a node from given html;

var fromHTML = function(html){

	  var _html = document.createElement('element');

	  _html.innerHTML = html;

	  return _html;

}

var get_rev = function(node){

    var n = node.firstElementChild.firstElementChild;

    if (n===null){

        return -1

    }

    else{

        out = n.firstElementChild.innerHTML.split(':')[0].replace('r','');

        return parseInt(out);

    }

}

var get_name = function(node){

	 var name = node.firstElementChild.children[2].innerHTML; 

	 return name

}

var get_group_name = function(node){

	var name = node.firstElementChild.children[1].innerHTML;

	return name

}

var get_date = function(node){

	var date_ = node.firstElementChild.innerHTML;

	return date_

}

var revisionSort = function(a, b, desc, field) {

	  var a_ = fromHTML(a.getData(field));

	  var b_ = fromHTML(b.getData(field));

	  // extract revisions from string nodes 

	  a_ = get_rev(a_)

	  b_ = get_rev(b_)

	  var comp = YAHOO.util.Sort.compare;

	  var compState = comp(a_, b_, desc);

	  return compState;

};

var ageSort = function(a, b, desc, field) {

    var a_ = a.getData(field);

    var b_ = b.getData(field);

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

var nameSort = function(a, b, desc, field) {

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    a_ = get_name(a_)

    b_ = get_name(b_)          

    var comp = YAHOO.util.Sort.compare;

    var compState = comp(a_, b_, desc);

    return compState;

};

var groupNameSort = function(a, b, desc, field) {

    var a_ = fromHTML(a.getData(field));

    var b_ = fromHTML(b.getData(field));

    // extract name from table

    a_ = get_group_name(a_)

    b_ = get_group_name(b_)          

    var comp = YAHOO.util.Sort.compare;

                        YUD.get('rev_range_container').innerHTML = link;

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

                        }

                        else{

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

                        }

                    });					

                    var msgs = YUQ('.message');

                    // get firts element height;

                    var el = YUQ('.container')[0];

                    var row_h = el.clientHeight;

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

                    	var m = msgs[i];

                    	var h = m.clientHeight;

                    	var pad = YUD.getStyle(m,'padding');

                    	if(h > row_h){

                    		YUD.setStyle(m.nextElementSibling,'display','block');

                    		YUD.setStyle(m.nextElementSibling,'margin-top',row_h-(h+14)+'px');

                    		YUD.setAttribute(m.nextElementSibling,'expand',h);

                    	};

                    }

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

                    	var elem = e.currentTarget.parentElement.parentElement;

                    	YUD.setStyle(e.currentTarget,'display','none');

                    	YUD.setStyle(elem,'height',YUD.getAttribute(e.currentTarget,'expand')+'px');

                    	//redraw the graph max_w and jsdata are global vars

                        set_canvas(max_w);

                        var r = new BranchRenderer();

                        r.render(jsdata,max_w);                    	

                    })

                    // Fetch changeset details 

                    YUE.on(YUD.getElementsByClassName('changed_total'),'click',function(e){

                    	var id = e.currentTarget.id

                    	var url = "${h.url('changelog_details',repo_name=c.repo_name,cs='__CS__')}"

                    	var url = url.replace('__CS__',id);

                    	ypjax(url,id+'_changes_info',function(){tooltip_activate()});

                    });

                    // change branch filter

                    YUE.on(YUD.get('branch_filter'),'change',function(e){

                    	var selected_branch = e.currentTarget.options[e.currentTarget.selectedIndex].value;

                    	var url_main = "${h.url('changelog_home',repo_name=c.repo_name)}";

                    	var url = "${h.url('changelog_home',repo_name=c.repo_name,branch='__BRANCH__')}";

                    	var url = url.replace('__BRANCH__',selected_branch);

                    	if(selected_branch != ''){

                    		window.location = url;

                    	}else{

                    		window.location = url_main;

                    	}

                    });

					function set_canvas(heads) {

						var c = document.getElementById('graph_nodes');

						var t = document.getElementById('graph_content');

						canvas = document.getElementById('graph_canvas');

						var div_h = t.clientHeight;

						c.style.height=div_h+'px';

						canvas.setAttribute('height',div_h);

						c.style.height=max_w+'px';

						canvas.setAttribute('width',max_w);

					};

					var heads = 1;

					var max_heads = 0;

					var jsdata = ${c.jsdata|n};

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

					    var m = Math.max.apply(Math, jsdata[i][1]);

					    if (m>max_heads){

					        max_heads = m;

					    }

					}

					var max_w = Math.max(100,max_heads*25);

					set_canvas(max_w);

					var r = new BranchRenderer();

					r.render(jsdata,max_w);

				});

			</script>

		%else:

			${_('There are no changes yet')}

		%endif  

    </div>

</div>    

</%def>

	        <div class="cs_files">

	                %for change,filenode,diff,cs1,cs2,stat in c.changes:

	                    <div class="cs_${change}">

                            <div class="node">

                            %if change != 'removed':

                                ${h.link_to(h.safe_unicode(filenode.path),c.anchor_url(filenode.changeset.raw_id,filenode.path)+"_target")}

                            %else:

                                ${h.link_to(h.safe_unicode(filenode.path),h.url.current(anchor=h.FID('',filenode.path)))}

                            %endif

                            </div>

		                    <div class="changes">${h.fancy_file_stats(stat)}</div>

	                    </div>

	                %endfor

	                % if c.cut_off:

	                  ${_('Changeset was too big and was cut off...')}

	                % endif

	        </div>         

	    </div>

    </div>

    ## diff block    	

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

    ${diff_block.diff_block(c.changes)}

    ## template for inline comment form

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

    ${comment.comment_inline_form(c.changeset)}

    ${comment.comments(c.changeset)}

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

              }

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

              for(c in btns){ 

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

               }              

          })

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

              var tr = e.currentTarget;

              injectInlineForm(tr);

          });

          // 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 add = createInlineAddButton(target_line.parentNode,'${_("add another comment")}');

                    YUD.insertAfter(add,target_line.parentNode);

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

                    YUD.insertAfter(comment,target_line.parentNode);

                  }catch(e){

                	  console.log(e);

                  }

              }

          }

      })

    </script>     

    </div>

</%def>