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

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

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

<%block name="title">

    ${_('%s Changeset') % c.repo_name} - ${h.show_id(c.changeset)}

</%block>

<%def name="breadcrumbs_links()">

    ${_('Changeset')} - <span class='hash'>${h.show_id(c.changeset)}</span>

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

${self.repo_context_bar('changelog', c.changeset.raw_id)}

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <script>

    var _USERS_AC_DATA = ${c.users_array|n};

    var _GROUPS_AC_DATA = ${c.user_groups_array|n};

    AJAX_COMMENT_URL = "${url('changeset_comment',repo_name=c.repo_name,revision=c.changeset.raw_id)}";

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

    </script>

    <div class="table">

        <div class="diffblock">

            <div class="parents">

                <div id="parent_link" class="changeset_hash">

                    <i style="color:#036185" class="icon-left-open"></i> <a href="#">${_('Parent rev.')}</a>

                </div>

            </div>

            <div class="children">

                <div id="child_link" class="changeset_hash">

                    <a href="#">${_('Child rev.')}</a> <i style="color:#036185" class="icon-right-open"></i>

                </div>

            </div>

            <div class="code-header banner">

                <div class="changeset-status-container">

                    %if c.statuses:

                        <span class="changeset-status-ico"><i class="icon-circle changeset-status-${c.statuses[0]}"></i></span>

                        <span title="${_('Changeset status')}" class="changeset-status-lbl">[${h.changeset_status_lbl(c.statuses[0])}]</span>

                    %endif

                </div>

                <div class="diff-actions">

                  <a href="${h.url('changeset_raw_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}"  class="tooltip" title="${_('Raw diff')}">

                      <i class="icon-diff"></i>

                  </a>

                  <a href="${h.url('changeset_patch_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}"  class="tooltip" title="${_('Patch diff')}">

                      <i class="icon-file-powerpoint"></i>

                  </a>

                  <a href="${h.url('changeset_download_home',repo_name=c.repo_name,revision=c.changeset.raw_id,diff='download')}" class="tooltip" title="${_('Download diff')}">

                      <i class="icon-floppy"></i>

                  </a>

                  ${c.ignorews_url(request.GET)}

                  ${c.context_url(request.GET)}

                </div>

                <div class="comments-number" style="float:right;padding-right:5px">

                    ${comment.comment_count(c.inline_cnt, len(c.comments))}

                </div>

            </div>

        </div>

        <div id="changeset_content">

            <div class="container">

                <div class="right">

                    <div class="changes">

                        % if (len(c.changeset.affected_files) <= c.affected_files_cut_off) or c.fulldiff:

                         <span class="removed" title="${_('Removed')}">${len(c.changeset.removed)}</span>

                         <span class="changed" title="${_('Changed')}">${len(c.changeset.changed)}</span>

                         <span class="added" title="${_('Added')}">${len(c.changeset.added)}</span>

                        % else:

                         <span class="removed" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                         <span class="changed" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                         <span class="added"   title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>

                        % endif

                    </div>

                    <span class="logtags">

                        %if len(c.changeset.parents)>1:

                        <span class="merge">${_('Merge')}</span>

                        %endif

                        %if h.is_hg(c.db_repo_scm_instance):

                          %for book in c.changeset.bookmarks:

                          <span class="booktag" title="${_('Bookmark %s') % book}">

                             ${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset.raw_id))}

                          </span>

                          %endfor

                        %endif

                        %for tag in c.changeset.tags:

                         <span class="tagtag"  title="${_('Tag %s') % tag}">

                         ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset.raw_id))}</span>

                        %endfor

                        %if c.changeset.branch:

                         <span class="branchtag" title="${_('Branch %s') % c.changeset.branch}">

                         ${h.link_to(c.changeset.branch,h.url('changelog_home',repo_name=c.repo_name,branch=c.changeset.branch))}

                         </span>

                        %endif

                    </span>

                </div>

                <div class="left">

                     <div class="author">

                         <div class="gravatar">

                           ${h.gravatar(h.email_or_none(c.changeset.author), size=20)}

                         </div>

                         <span><b>${h.person(c.changeset.author,'full_name_and_username')}</b> - ${h.age(c.changeset.date,True)} ${h.fmt_date(c.changeset.date)}</span><br/>

                         <span>${h.email_or_none(c.changeset.author)}</span><br/>

                     </div>

                     <% rev = c.changeset.extra.get('source') %>

                     %if rev:

                     <div>

                       ${_('Grafted from:')} ${h.link_to(h.short_id(rev),h.url('changeset_home',repo_name=c.repo_name,revision=rev))}

                     </div>

                     %endif

                     <% rev = c.changeset.extra.get('transplant_source', '').encode('hex') %>

                     %if rev:

                     <div>

                       ${_('Transplanted from:')} ${h.link_to(h.short_id(rev),h.url('changeset_home',repo_name=c.repo_name,revision=rev))}

                     </div>

                     %endif

                     % if hasattr(c.changeset, 'successors') and c.changeset.successors:

                     <div class='successors'>

                       <span class='successors_header'>${_('Replaced by:')} </span>

                       % for i, s in enumerate(c.changeset.successors):

                           <%

                           comma = ""

                           if i != len(c.changeset.successors)-1:

                             comma = ", "

                           %>

                         <a class='successors_hash' href="${h.url('changeset_home',repo_name=c.repo_name, revision=s)}">${s}</a>${comma}

                       % endfor

                     </div>

                     % endif

                     % if hasattr(c.changeset, 'precursors') and c.changeset.precursors:

                     <div class='precursors'>

                       <span class='precursors_header'>${_('Preceded by:')} </span>

                       % for i, s in enumerate(c.changeset.precursors):

                           <%

                           comma = ""

                           if i != len(c.changeset.precursors)-1:

                             comma = ", "

                           %>

                           <a class="precursors_hash" href="${h.url('changeset_home',repo_name=c.repo_name, revision=s)}">${s}</a>${comma}

                       % endfor

                     </div>

                     % endif

                     <div class="message">${h.urlify_commit(c.changeset.message, c.repo_name)}</div>

                </div>

            </div>

            <div class="changes_txt">

            % if c.limited_diff:

            ${ungettext('%s file changed','%s files changed',len(c.changeset.affected_files)) % (len(c.changeset.affected_files))}:

            % else:

            ${ungettext('%s file changed with %s insertions and %s deletions','%s files changed with %s insertions and %s deletions', len(c.changeset.affected_files)) % (len(c.changeset.affected_files),c.lines_added,c.lines_deleted)}:

            %endif

            </div>

            <div class="cs_files">

              %for FID, (cs1, cs2, change, path, diff, stats) in c.changes[c.changeset.raw_id].iteritems():

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

                        <div class="node">

                            <i class="icon-diff-${change}"></i>

                            <a href="#${FID}">${h.safe_unicode(path)}</a>

                        </div>

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

                  </div>

              %endfor

              % if c.limited_diff:

                <h5>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff anyway')}</a></h5>

              % endif

            </div>

        </div>

    </div>

    ## diff block

    <div class="commentable-diff">

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

    ${diff_block.diff_block_js()}

    ${diff_block.diff_block(c.changes[c.changeset.raw_id])}

    % if c.limited_diff:

      <h4>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff anyway')}</a></h4>

    % endif

    </div>

    ## template for inline comment form

    ${comment.comment_inline_form()}

    ## render comments and inlines

    ${comment.generate_comments()}

    ## main comment form and it status

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

                       h.changeset_status(c.db_repo, c.changeset.raw_id))}

    ## FORM FOR MAKING JS ACTION AS CHANGESET COMMENTS

    <script type="text/javascript">

      $(document).ready(function(){

          $('.code-difftable').on('click', '.add-bubble', function(e){

              show_comment_form($(this));

          });

          move_comments($(".comments .comments-list-chunk"));

          pyroutes.register('changeset_home',

                            "${h.url('changeset_home', repo_name='%(repo_name)s', revision='%(revision)s')}",

                            ['repo_name', 'revision']);

          //next links

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

              //fetch via ajax what is going to be the next link, if we have

              //>1 links show them to user to choose

              if(!$('#child_link').hasClass('disabled')){

                  $.ajax({

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

                    success: function(data) {

                      if(data.results.length === 0){

                          $('#child_link').addClass('disabled');

                          $('#child_link').html('${_('No revisions')}');

                      }

                      if(data.results.length === 1){

                          var commit = data.results[0];

                          window.location = pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': commit.raw_id});

                      }

                      else if(data.results.length === 2){

                          $('#child_link').addClass('disabled');

                          $('#child_link').addClass('double');

                          var _html = '';

                          _html +='<a title="__title__" href="__url__">__rev__</a> <i style="color:#036185" class="icon-right-open"></i>'

                                  .replace('__rev__','r{0}:{1}'.format(data.results[0].revision, data.results[0].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[0].message)

                                  .replace('__url__', pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': data.results[0].raw_id}));

                          _html +='<br/>'

                          _html +='<a title="__title__" href="__url__">__rev__</a> <i style="color:#036185" class="icon-right-open"></i>'

                                  .replace('__rev__','r{0}:{1}'.format(data.results[1].revision, data.results[1].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[1].message)

                                  .replace('__url__', pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': data.results[1].raw_id}));

                          $('#child_link').html(_html);

                      }

                    }

                  });

              e.preventDefault();

              }

          });

          //prev links

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

              //fetch via ajax what is going to be the next link, if we have

              //>1 links show them to user to choose

              if(!$('#parent_link').hasClass('disabled')){

                  $.ajax({

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

                    success: function(data) {

                      if(data.results.length === 0){

                          $('#parent_link').addClass('disabled');

                          $('#parent_link').html('${_('No revisions')}');

                      }

                      if(data.results.length === 1){

                          var commit = data.results[0];

                          window.location = pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': commit.raw_id});

                      }

                      else if(data.results.length === 2){

                          $('#parent_link').addClass('disabled');

                          $('#parent_link').addClass('double');

                          var _html = '';

                          _html +='<i style="color:#036185" class="icon-left-open"></i> <a title="__title__" href="__url__">__rev__</a>'

                                  .replace('__rev__','r{0}:{1}'.format(data.results[0].revision, data.results[0].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[0].message)

                                  .replace('__url__', pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': data.results[0].raw_id}));

                          _html +='<br/>'

                          _html +='<i style="color:#036185" class="icon-left-open"></i> <a title="__title__" href="__url__">__rev__</a>'

                                  .replace('__rev__','r{0}:{1}'.format(data.results[1].revision, data.results[1].raw_id.substr(0,6)))

                                  .replace('__title__', data.results[1].message)

                                  .replace('__url__', pyroutes.url('changeset_home', {'repo_name': '${c.repo_name}','revision': data.results[1].raw_id}));

                          $('#parent_link').html(_html);

                      }

                    }

                  });

              e.preventDefault();

              }

          });

          // hack: re-navigate to target after JS is done ... if a target is set and setting href thus won't reload

          if (window.location.hash != "") {

              window.location.href = window.location.href;

          }

      });

    </script>

    </div>

</%def>

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

##usage:

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

## ${diff_block.diff_block(change)}

##

<%def name="diff_block(change)">

<div class="diff-collapse">

    <span target="${'diff-container-%s' % (id(change))}" class="diff-collapse-button">&uarr; ${_('Collapse Diff')} &uarr;</span>

</div>

<div class="diff-container" id="${'diff-container-%s' % (id(change))}">

%for id_fid, (a_rev, cs_rev, op, filename, diff, stats) in change.iteritems():

    <%

    url_fid = h.FID(cs_rev, filename)

    a_repo_name = cs_repo_name = c.repo_name

    %>

    <div id="${id_fid}_target" style="clear:both;margin-top:25px"></div>

    <div id="${id_fid}" class="diffblock margined comm">

        <div class="code-header">

            <div class="changeset_header">

                <div class="changeset_file">

                    ${h.link_to_if(op!='D',h.safe_unicode(filename),h.url('files_home',repo_name=cs_repo_name,

                    revision=cs_rev,f_path=h.safe_unicode(filename)))}

                </div>

                <div class="diff-actions">

                  <a href="${h.url('files_diff_home',repo_name=cs_repo_name,f_path=h.safe_unicode(filename),diff2=cs_rev,diff1=a_rev,diff='diff',fulldiff=1)}" class="tooltip" title="${_('Show full diff for this file')}">

                      <i class="icon-file-code"></i>

                  </a>

                  <a href="${h.url('files_diff_2way_home',repo_name=cs_repo_name,f_path=h.safe_unicode(filename),diff2=cs_rev,diff1=a_rev,diff='diff',fulldiff=1)}" class="tooltip" title="${_('Show full side-by-side diff for this file')}">

                      <i class="icon-docs"></i>

                  </a>

                  <a href="${h.url('files_diff_home',repo_name=cs_repo_name,f_path=h.safe_unicode(filename),diff2=cs_rev,diff1=a_rev,diff='raw')}" class="tooltip" title="${_('Raw diff')}">

                      <i class="icon-diff"></i>

                  </a>

                  <a href="${h.url('files_diff_home',repo_name=cs_repo_name,f_path=h.safe_unicode(filename),diff2=cs_rev,diff1=a_rev,diff='download')}" class="tooltip" title="${_('Download diff')}">

                      <i class="icon-floppy"></i>

                  </a>

                  ${c.ignorews_url(request.GET, url_fid)}

                  ${c.context_url(request.GET, url_fid)}

                </div>

                <span style="float:right;margin-top:-3px">

                    <label>

                        ${_('Show inline comments')}

                        ${h.checkbox('',checked="checked",class_="show-inline-comments",id_for=url_fid)}

                    </label>

                </span>

            </div>

        </div>

        <div class="code-body full_f_path" data-f_path="${h.safe_unicode(filename)}">

            ${diff|n}

            %if filename.rsplit('.')[-1] in ['png', 'gif', 'jpg', 'bmp']:

              <div class="btn btn-image-diff-show">Show images</div>

              %if op == 'M':

                <div id="${id_fid}_image-diff" class="btn btn-image-diff-swap" style="display:none">Press to swap images</div>

              %endif

              <div style="font-size: 0">

                %if op in 'DM':

                  <img id="${id_fid}_image-diff-img-a" class="img-diff img-diff-swapable" style="display:none"

                      realsrc="${h.url('files_raw_home',repo_name=a_repo_name,revision=a_rev,f_path=filename)}" />

                %endif

                %if op in 'AM':

                  <img id="${id_fid}_image-diff-img-b" class="img-diff img-diff-swapable" style="display:none"

                      realsrc="${h.url('files_raw_home',repo_name=cs_repo_name,revision=cs_rev,f_path=filename)}" />

                %endif

              </div>

            %endif

        </div>

    </div>

%endfor

</div>

</%def>

<%def name="diff_block_simple(files, changes)">

<div class="diff-collapse">

    <span target="${'diff-container-%s' % (id(changes))}" class="diff-collapse-button">&uarr; ${_('Collapse Diff')} &uarr;</span>

</div>

<div class="diff-container" id="${'diff-container-%s' % (id(changes))}">

  %for fid, ch, f, stat in files:

    <%

    op, filename, diff = changes[fid]

    id_fid = h.FID('', filename)

    url_fid = '' # or None

    a_rev, cs_rev = c.a_rev, c.cs_rev

    a_repo_name, cs_repo_name = c.a_repo.repo_name, c.cs_repo.repo_name

    a_ref_type, a_ref_name = c.a_ref_type, c.a_ref_name

    cs_ref_type, cs_ref_name = c.cs_ref_type, c.cs_ref_name

    %>

    <div id="${id_fid}_target" style="clear:both;margin-top:25px"></div>

    <div id="${id_fid}" class="diffblock margined comm">

        <div class="code-header">

            <div class="changeset_header">

                <div class="changeset_file">

                    ${h.safe_unicode(filename)} |

                    ## TODO: link to ancestor and head of other instead of exactly other

                    %if op == 'A':

                      ${_('Added')}

                      <a class="spantag" href="${h.url('files_home', repo_name=cs_repo_name, f_path=filename, revision=cs_rev)}">${h.short_ref(cs_ref_type, cs_ref_name)}</a>

                    %elif op == 'M':

                      <a class="spantag" href="${h.url('files_home', repo_name=a_repo_name, f_path=filename, revision=a_rev)}">${h.short_ref(a_ref_type, a_ref_name)}</a>

                      <i class="icon-right"></i>

                      <a class="spantag" href="${h.url('files_home', repo_name=cs_repo_name, f_path=filename, revision=cs_rev)}">${h.short_ref(cs_ref_type, cs_ref_name)}</a>

                    %elif op == 'D':

                      ${_('Deleted')}

                      <a class="spantag" href="${h.url('files_home', repo_name=a_repo_name, f_path=filename, revision=a_rev)}">${h.short_ref(a_ref_type, a_ref_name)}</a>

                    %elif op == 'R':

                      ${_('Renamed')}

                      <a class="spantag" href="${h.url('files_home', repo_name=a_repo_name, f_path=filename, revision=a_rev)}">${h.short_ref(a_ref_type, a_ref_name)}</a>

                      <i class="icon-right"></i>

                      <a class="spantag" href="${h.url('files_home', repo_name=cs_repo_name, f_path=filename, revision=cs_rev)}">${h.short_ref(cs_ref_type, cs_ref_name)}</a>

                    %else:

                      ${op}???

                    %endif

                </div>

                <div class="diff-actions">

                  <a href="${h.url('files_diff_2way_home',repo_name=cs_repo_name,f_path=h.safe_unicode(filename),diff1=a_rev,diff2=cs_rev,diff='diff',fulldiff=1)}" class="tooltip" title="${_('Show full side-by-side diff for this file')}">

                      <i class="icon-docs"></i>

                  </a>

                  ${c.ignorews_url(request.GET, url_fid)}

                  ${c.context_url(request.GET, url_fid)}

                </div>

            </div>

        </div>

        <div class="code-body full_f_path" data-f_path="${h.safe_unicode(filename)}">

            ${diff|n}

            %if filename.rsplit('.')[-1] in ['png', 'gif', 'jpg', 'bmp']:

              <div class="btn btn-image-diff-show">Show images</div>

              %if op == 'M':

                <div id="${id_fid}_image-diff" class="btn btn-image-diff-swap" style="display:none">Press to swap images</div>

              %endif

              <div style="font-size: 0">

                %if op in 'DM':

                  <img id="${id_fid}_image-diff-img-a" class="img-diff img-diff-swapable" style="display:none"

                      realsrc="${h.url('files_raw_home',repo_name=a_repo_name,revision=a_rev,f_path=filename)}" />

                %endif

                %if op in 'AM':

                  <img id="${id_fid}_image-diff-img-b" class="img-diff img-diff-swapable" style="display:none"

                      realsrc="${h.url('files_raw_home',repo_name=cs_repo_name,revision=cs_rev,f_path=filename)}" />

                %endif

              </div>

            %endif

        </div>

    </div>

  %endfor

</div>

</%def>

<%def name="diff_block_js()">

<script type="text/javascript">

$(document).ready(function(){

    $('.btn-image-diff-show').click(function(e){

        $('.btn-image-diff-show').hide();

        $('.btn-image-diff-swap').show();

        $('.img-diff-swapable')

            .each(function(i,e){

                    $(e).prop('src', $(e).attr('realsrc'));

                })

            .show();

        });

    $('.btn-image-diff-swap').mousedown(function(e){

        $('#'+e.currentTarget.id+'-img-a.img-diff-swapable')

          .before($('#'+e.currentTarget.id+'-img-b.img-diff-swapable'));

    });

    var reset = function(e){

        $('#'+e.currentTarget.id+'-img-a.img-diff-swapable')

          .after($('#'+e.currentTarget.id+'-img-b.img-diff-swapable'));

    };

    $('.btn-image-diff-swap').mouseup(reset);

    $('.btn-image-diff-swap').mouseleave(reset);

    $('.diff-collapse-button').click(function(e) {

        var $button = $(e.currentTarget);

        var $target = $('#' + $button.attr('target'));

        if($target.hasClass('hidden')){

            $target.removeClass('hidden');

            $button.html("↑ {0} ↑".format(_TM['Collapse Diff']));

        }

        else if(!$target.hasClass('hidden')){

            $target.addClass('hidden');

            $button.html("↓ {0} ↓".format(_TM['Expand Diff']));

        }

    });

});

</script>

</%def>