font-weight: bold;

    color: #666;

    font-size: 16px;

}

.inline-comments-button .add-comment {

    margin: 2px 0px 8px 5px !important

}

.notification-paginator {

    padding: 0px 0px 4px 16px;

    float: left;

}

#context-pages .pull-request span,

.menu_link_notifications {

    padding: 4px 4px !important;

    text-align: center;

    color: #888 !important;

    background-color: #DEDEDE !important;

    border-radius: 4px !important;

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

}

#context-pages .forks span,

.menu_link_notifications {

    padding: 4px 4px !important;

    text-align: center;

    color: #888 !important;

    background-color: #DEDEDE !important;

    border-radius: 4px !important;

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

}

.notification-header {

    padding-top: 6px;

}

.notification-header .desc {

    font-size: 16px;

    height: 24px;

    float: left

}

.notification-list .container.unread {

    background: none repeat scroll 0 0 rgba(255, 255, 180, 0.6);

}

.notification-header .gravatar {

    background: none repeat scroll 0 0 transparent;

    padding: 0px 0px 0px 8px;

}

.notification-list .container .notification-header .desc {

    font-weight: bold;

    font-size: 17px;

}

.notification-table {

    border: 1px solid #ccc;

    -webkit-border-radius: 6px 6px 6px 6px;

    border-radius: 6px 6px 6px 6px;

    clear: both;

    margin: 0px 20px 0px 20px;

}

.notification-header .delete-notifications {

    float: right;

    padding-top: 8px;

    cursor: pointer;

}

.notification-header .read-notifications {

    float: right;

    padding-top: 8px;

    cursor: pointer;

}

.notification-subject {

    clear: both;

    border-bottom: 1px solid #eee;

    padding: 5px 0px 5px 38px;

}

.notification-body {

    clear: both;

    margin: 34px 2px 2px 8px

}

/****

PULL REQUESTS

*****/

.pullrequests_section_head {

    padding: 10px 10px 10px 0px;

    font-size: 16px;

    font-weight: bold;

}

/****

  PERMS

*****/

#perms .perms_section_head {

    padding: 10px 10px 10px 0px;

    font-size: 16px;

    font-weight: bold;

}

#perms .perm_tag {

    padding: 1px 3px 1px 3px;

    font-size: 10px;

    font-weight: bold;

    text-transform: uppercase;

    white-space: nowrap;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

#perms .perm_tag.admin {

    background-color: #B94A48;

    color: #ffffff;

}

#perms .perm_tag.write {

    background-color: #DB7525;

    color: #ffffff;

}

#perms .perm_tag.read {

    background-color: #468847;

    color: #ffffff;

}

#perms .perm_tag.none {

    background-color: #bfbfbf;

    color: #ffffff;

}

.perm-gravatar {

    vertical-align: middle;

    padding: 2px;

}

.perm-gravatar-ac {

    vertical-align: middle;

    padding: 2px;

    width: 14px;

    height: 14px;

}

/*****************************************************************************

                                  DIFFS CSS

******************************************************************************/

.diff-collapse {

    text-align: center;

    margin-bottom: -15px;

}

.diff-collapse-button {

    cursor: pointer;

    color: #666;

    font-size: 16px;

}

.diff-container {

}

.diff-container.hidden {

    display: none;

    overflow: hidden;

}

div.diffblock {

    overflow: auto;

    padding: 0px;

    border: 1px solid #ccc;

    background: #f8f8f8;

    font-size: 100%;

    line-height: 100%;

    /* new */

    line-height: 125%;

    -webkit-border-radius: 6px 6px 0px 0px;

    border-radius: 6px 6px 0px 0px;

}

div.diffblock.margined {

    margin: 0px 20px 0px 20px;

}

div.diffblock .code-header {

    border-bottom: 1px solid #CCCCCC;

    background: #EEEEEE;

    padding: 10px 0 10px 0;

    height: 14px;

}

div.diffblock .code-header.banner {

    border-bottom: 1px solid #CCCCCC;

    background: #EEEEEE;

    height: 14px;

    margin: 0px 95px 0px 95px;

    padding: 3px 3px 11px 3px;

}

div.diffblock .code-header-title {

    padding: 0px 0px 10px 5px !important;

    margin: 0 !important;

}

div.diffblock .code-header .hash {

    float: left;

    padding: 2px 0 0 2px;

}

div.diffblock .code-header .date {

    float: left;

    text-transform: uppercase;

    padding: 2px 0px 0px 2px;

}

div.diffblock .code-header div {

    margin-left: 4px;

    font-weight: bold;

    font-size: 14px;

}

div.diffblock .parents {

    float: left;

    height: 26px;

    width: 100px;

    font-size: 10px;

    font-weight: 400;

    vertical-align: middle;

    padding: 0px 2px 2px 2px;

    background-color: #eeeeee;

    border-bottom: 1px solid #CCCCCC;

}

div.diffblock .children {

    float: right;

    height: 26px;

    width: 100px;

    font-size: 10px;

    font-weight: 400;

    vertical-align: middle;

    text-align: right;

    padding: 0px 2px 2px 2px;

    background-color: #eeeeee;

    border-bottom: 1px solid #CCCCCC;

}

div.diffblock .code-body {

    background: #FFFFFF;

}

div.diffblock pre.raw {

    background: #FFFFFF;

    color: #000000;

}

table.code-difftable {

    border-collapse: collapse;

    width: 99%;

    border-radius: 0px !important;

}

table.code-difftable td {

    padding: 0 !important;

    background: none !important;

    border: 0 !important;

    vertical-align: baseline !important

}

table.code-difftable .context {

    background: none repeat scroll 0 0 #DDE7EF;

}

table.code-difftable .add {

    background: none repeat scroll 0 0 #DDFFDD;

}

table.code-difftable .add ins {

    background: none repeat scroll 0 0 #AAFFAA;

    text-decoration: none;

}

table.code-difftable .del {

    background: none repeat scroll 0 0 #FFDDDD;

}

table.code-difftable .del del {

    background: none repeat scroll 0 0 #FFAAAA;

    text-decoration: none;

}

/** LINE NUMBERS **/

table.code-difftable .lineno {

    padding-left: 2px;

    padding-right: 2px;

    text-align: right;

    width: 32px;

    -moz-user-select: none;

    -webkit-user-select: none;

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

    border-left: 0px solid #CCC !important;

    border-top: 0px solid #CCC !important;

    border-bottom: none !important;

    vertical-align: middle !important;

}

table.code-difftable .lineno.new {

}

table.code-difftable .lineno.old {

}

table.code-difftable .lineno a {

    color: #747474 !important;

    font: 11px "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace !important;

    letter-spacing: -1px;

    text-align: right;

    padding-right: 2px;

    cursor: pointer;

    display: block;

    width: 32px;

}

table.code-difftable .lineno-inline {

    background: none repeat scroll 0 0 #FFF !important;

    padding-left: 2px;

    padding-right: 2px;

    text-align: right;

    width: 30px;

    -moz-user-select: none;

    -webkit-user-select: none;

}

/** CODE **/

table.code-difftable .code {

    display: block;

    width: 100%;

}

table.code-difftable .code td {

    margin: 0;

    padding: 0;

}

table.code-difftable .code pre {

    margin: 0;

    padding: 0;

    height: 17px;

    line-height: 17px;

}

.diffblock.margined.comm .line .code:hover {

    background-color: #FFFFCC !important;

    cursor: pointer !important;

    background-image: url("../images/icons/comment_add.png") !important;

    background-repeat: no-repeat !important;

    background-position: right !important;

    background-position: 0% 50% !important;

}

.diffblock.margined.comm .line .code.no-comment:hover {

    background-image: none !important;

    cursor: auto !important;

    background-color: inherit !important;

}

div.comment:target>.comment-wrapp {

    border: solid 2px #ee0 !important;

}

.lineno:target a {

    border: solid 2px #ee0 !important;

    margin: -2px;

}

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

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

<!-- HEADER -->

<div id="header-dd"></div>

<div id="header">

    <div id="header-inner" class="title">

        <div id="logo">

            <h1><a href="${h.url('home')}">${c.rhodecode_name}</a></h1>

        </div>

        <!-- MENU -->

        ${self.page_nav()}

        <!-- END MENU -->

        ${self.body()}

    </div>

</div>

<!-- END HEADER -->

<!-- CONTENT -->

<div id="content">

    <div class="flash_msg">

        <% messages = h.flash.pop_messages() %>

        % if messages:

        <ul id="flash-messages">

            % for message in messages:

            <li class="${message.category}_msg">${message}</li>

            % endfor

        </ul>

        % endif

    </div>

    <div id="main">

        ${next.main()}

    </div>

</div>

<!-- END CONTENT -->

<!-- FOOTER -->

<div id="footer">

   <div id="footer-inner" class="title">

       <div>

           <p class="footer-link">

                <a href="${h.url('bugtracker')}">${_('Submit a bug')}</a>

           </p>

           <p class="footer-link-right">

               <a href="${h.url('rhodecode_official')}">RhodeCode${'-%s' % c.rhodecode_instanceid if c.rhodecode_instanceid else ''}</a>

               ${c.rhodecode_version} © 2010-${h.datetime.today().year} by Marcin Kuzminski

           </p>

       </div>

   </div>

</div>

<!-- END FOOTER -->

### MAKO DEFS ###

<%def name="page_nav()">

    ${self.menu()}

</%def>

<%def name="breadcrumbs()">

    <div class="breadcrumbs">

    ${self.breadcrumbs_links()}

    </div>

</%def>

<%def name="context_bar(current=None)">

    ${repo_context_bar(current)}

</%def>

<%def name="admin_menu()">

  <ul class="admin_menu">

      <li>${h.link_to(_('admin journal'),h.url('admin_home'),class_='journal ')}</li>

      <li>${h.link_to(_('repositories'),h.url('repos'),class_='repos')}</li>

      <li>${h.link_to(_('repository groups'),h.url('repos_groups'),class_='repos_groups')}</li>

      <li>${h.link_to(_('users'),h.url('users'),class_='users')}</li>

      <li>${h.link_to(_('user groups'),h.url('users_groups'),class_='groups')}</li>

      <li>${h.link_to(_('permissions'),h.url('edit_permission',id='default'),class_='permissions')}</li>

      <li>${h.link_to(_('ldap'),h.url('ldap_home'),class_='ldap')}</li>

      <li>${h.link_to(_('defaults'),h.url('defaults'),class_='defaults')}</li>

      <li class="last">${h.link_to(_('settings'),h.url('admin_settings'),class_='settings')}</li>

  </ul>

</%def>

<%def name="admin_menu_simple()">

  <ul>

      <li>${h.link_to(_('repository groups'),h.url('repos_groups'),class_='repos_groups')}</li>

  </ul>

</%def>

<%def name="repo_context_bar(current=None)">

  <%

      def follow_class():

          if c.repository_following:

              return h.literal('following')

          else:

            return h.literal('follow')

  %>

  <%

    def is_current(selected):

        if selected == current:

            return h.literal('class="current"')

    %>

  <!--- CONTEXT BAR -->

  <div id="context-bar" class="box">

    <div id="context-top">

      <div id="breadcrumbs">

        ${h.link_to(_(u'Repositories'),h.url('home'))}

        »

        ${h.repo_link(c.rhodecode_db_repo.groups_and_repo)}

      </div>

      ## TODO: this check feels wrong, it would be better to have a check for permissions

      ## also it feels like a job for the controller

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

        <ul id="context-actions" class="horizontal-list">

          <li>

           <button class="${follow_class()}" onclick="javascript:toggleFollowingRepo(this,${c.rhodecode_db_repo.repo_id},'${str(h.get_token())}');">

            <!--span class="icon show-follow follow"></span>

            <span class="icon show-following following"></span-->

            <span class="show-follow">${_('Follow')}</span>

            <span class="show-following">${_('Unfollow')}</span>

          </button>

          </li>

          <li><a href="${h.url('repo_fork_home',repo_name=c.repo_name)}" class="fork">${_('Fork')}</a></li>

          %if h.is_hg(c.rhodecode_repo):

          <li><a href="${h.url('pullrequest_home',repo_name=c.repo_name)}" class="pull-request">${_('Create Pull Request')}</a></li>

          %endif

        </ul>

      %endif

    </div>

    <div id="context-state">

      <ul id="context-pages" class="horizontal-list">

        <li ${is_current('summary')}><a href="${h.url('summary_home', repo_name=c.repo_name)}" class="summary">${_('Summary')}</a></li>

        <li ${is_current('changelog')}><a href="${h.url('changelog_home', repo_name=c.repo_name)}" class="changelogs">${_('Changelog')}</a></li>

        <li ${is_current('files')}><a href="${h.url('files_home', repo_name=c.repo_name)}" class="files"></span>${_('Files')}</a></li>

        <li ${is_current('switch-to')}>

          <a href="#" id="branch_tag_switcher_2" class="dropdown switch-to"></span>${_('Switch To')}</a>

          <ul id="switch_to_list_2" class="switch_to submenu">

            <li><a href="#">${_('loading...')}</a></li>

          </ul>

        </li>

        <li ${is_current('options')}>

          <a href="#" class="dropdown options"></span>${_('Options')}</a>

          <ul>

             %if h.HasRepoPermissionAll('repository.admin')(c.repo_name):

               %if h.HasPermissionAll('hg.admin')('access settings on repository'):

                   <li>${h.link_to(_('Settings'),h.url('edit_repo',repo_name=c.repo_name),class_='settings')}</li>

               %else:

                   <li>${h.link_to(_('Settings'),h.url('repo_settings_home',repo_name=c.repo_name),class_='settings')}</li>

               %endif

             %endif

              %if c.rhodecode_db_repo.fork:

               <li>${h.link_to(_('Compare fork'),h.url('compare_url',repo_name=c.rhodecode_db_repo.fork.repo_name,org_ref_type='branch',org_ref='default',other_repo=c.repo_name,other_ref_type='branch',other_ref=request.GET.get('branch') or 'default'),class_='compare_request')}</li>

              %endif

              <li>${h.link_to(_('Lightweight changelog'),h.url('shortlog_home',repo_name=c.repo_name),class_='shortlog')}</li>

              <li>${h.link_to(_('Search'),h.url('search_repo',repo_name=c.repo_name),class_='search')}</li>

              %if h.HasRepoPermissionAny('repository.write','repository.admin')(c.repo_name) and c.rhodecode_db_repo.enable_locking:

                %if c.rhodecode_db_repo.locked[0]:

                  <li>${h.link_to(_('Unlock'), h.url('toggle_locking',repo_name=c.repo_name),class_='locking_del')}</li>

                %else:

                  <li>${h.link_to(_('Lock'), h.url('toggle_locking',repo_name=c.repo_name),class_='locking_add')}</li>

                %endif

              %endif

             </ul>

        </li>

        <li ${is_current('showpullrequest')}>

          <a href="${h.url('pullrequest_show_all',repo_name=c.repo_name)}" title="${_('Show Pull Requests')}" class="pull-request">${_('Pull Requests')}

            %if c.repository_pull_requests:

              <span>${c.repository_pull_requests}</span>

            %endif

          </a>

        </li>

      </ul>

    </div>

  </div>

  <script type="text/javascript">

      YUE.on('branch_tag_switcher_2','mouseover',function(){

         var loaded = YUD.hasClass('branch_tag_switcher_2','loaded');

         if(!loaded){

             YUD.addClass('branch_tag_switcher_2','loaded');

             ypjax("${h.url('branch_tag_switcher',repo_name=c.repo_name)}",'switch_to_list_2',

                 function(o){},

                 function(o){YUD.removeClass('branch_tag_switcher_2','loaded');}

                 ,null);

         }

         return false;

      });

  </script>

  <!--- END CONTEXT BAR -->

</%def>

<%def name="usermenu()">

    ## USER MENU

    <li>

      <a class="menu_link childs" id="quick_login_link">

          <span class="icon">

             <img src="${h.gravatar_url(c.rhodecode_user.email,20)}" alt="avatar">

          </span>

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

            <span class="menu_link_user">${c.rhodecode_user.username}</span>

            %if c.unread_notifications != 0:

              <span class="menu_link_notifications">${c.unread_notifications}</span>

            %endif

          %else:

              <span>${_('Not logged in')}</span>

          %endif

      </a>

  <div class="user-menu">

      <div id="quick_login">

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

            <h4>${_('Login to your account')}</h4>

            ${h.form(h.url('login_home',came_from=h.url.current()))}

            <div class="form">

                <div class="fields">

                    <div class="field">

                        <div class="label">

                            <label for="username">${_('Username')}:</label>

                        </div>

                        <div class="input">

                            ${h.text('username',class_='focus')}

                        </div>

                    </div>

                    <div class="field">

                        <div class="label">

                            <label for="password">${_('Password')}:</label>

                        </div>

                        <div class="input">

                            ${h.password('password',class_='focus')}

                        </div>

                    </div>

                    <div class="buttons">

                        <div class="password_forgoten">${h.link_to(_('Forgot password ?'),h.url('reset_password'))}</div>

                        <div class="register">

                        %if h.HasPermissionAny('hg.admin', 'hg.register.auto_activate', 'hg.register.manual_activate')():

                         ${h.link_to(_("Don't have an account ?"),h.url('register'))}

                        %endif

                        </div>

                        <div class="submit">

                            ${h.submit('sign_in',_('Log In'),class_="ui-btn xsmall")}

                        </div>

                    </div>

                </div>

            </div>

            ${h.end_form()}

        %else:

            <div class="links_left">

                <div class="full_name">${c.rhodecode_user.full_name_or_username}</div>

                <div class="email">${c.rhodecode_user.email}</div>

                <div class="big_gravatar"><img alt="gravatar" src="${h.gravatar_url(c.rhodecode_user.email,48)}" /></div>

                ##<div class="notifications"><a href="${h.url('notifications')}">${_('Notifications')}</a></div>

                <div class="unread"><a href="${h.url('notifications')}">${_('Unread notifications')}: ${c.unread_notifications}</a></div>

            </div>

            <div class="links_right">

            <ol class="links">

              ##<li>${h.link_to(_(u'Home'),h.url('home'))}</li>

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

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

<%def name="title()">

    ${_('%s Bookmarks') % c.repo_name} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

    <input class="q_filter_box" id="q_filter_bookmarks" size="15" type="text" name="filter" value="${_('quick filter...')}"/>

    ${_('Bookmarks')}

</%def>

<%def name="page_nav()">

    ${self.menu('bookmarks')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <!-- end box / title -->

    <div class="table">

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

    </div>

</div>

<script type="text/javascript">

// main table sorting

var myColumnDefs = [

    {key:"name",label:"${_('Name')}",sortable:true},

    {key:"date",label:"${_('Date')}",sortable:true,

        sortOptions: { sortFunction: dateSort }},

    {key:"author",label:"${_('Author')}",sortable:true},

    {key:"revision",label:"${_('Revision')}",sortable:true,

        sortOptions: { sortFunction: revisionSort }},

];

var myDataSource = new YAHOO.util.DataSource(YUD.get("bookmarks_data"));

myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;

myDataSource.responseSchema = {

    fields: [

        {key:"name"},

        {key:"date"},

        {key:"author"},

        {key:"revision"},

    ]

};

var myDataTable = new YAHOO.widget.DataTable("table_wrap", myColumnDefs, myDataSource,

        {

         sortedBy:{key:"name",dir:"asc"},

         MSG_SORTASC:"${_('Click to sort ascending')}",

         MSG_SORTDESC:"${_('Click to sort descending')}",

         MSG_EMPTY:"${_('No records found.')}",

         MSG_ERROR:"${_('Data error.')}",

         MSG_LOADING:"${_('Loading...')}",

        }

);

myDataTable.subscribe('postRenderEvent',function(oArgs) {

    tooltip_activate();

    var func = function(node){

        return node.parentNode.parentNode.parentNode.parentNode.parentNode;

    }

    q_filter('q_filter_bookmarks',YUQ('div.table tr td .logbooks .bookbook a'),func);

});

</script>

</%def>

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

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

<%def name="title()">

    ${_('%s Changesets') % c.repo_name} - r${c.cs_ranges[0].revision}:${h.short_id(c.cs_ranges[0].raw_id)} -> r${c.cs_ranges[-1].revision}:${h.short_id(c.cs_ranges[-1].raw_id)} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

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

    »

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

    »

    ${_('Changesets')} - r${c.cs_ranges[0].revision}:${h.short_id(c.cs_ranges[0].raw_id)} -> r${c.cs_ranges[-1].revision}:${h.short_id(c.cs_ranges[-1].raw_id)}

</%def>

<%def name="page_nav()">

    ${self.menu('changelog')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="body" class="diffblock">

                <div>

                ${h.link_to('r%s:%s -> r%s:%s' % (c.cs_ranges[0].revision, h.short_id(c.cs_ranges[0].raw_id), c.cs_ranges[-1].revision, h.short_id(c.cs_ranges[-1].raw_id)),

                    h.url('compare_url',repo_name=c.repo_name,org_ref_type='rev',org_ref=getattr(c.cs_ranges[0].parents[0] if c.cs_ranges[0].parents else h.EmptyChangeset(),'raw_id'),other_ref_type='rev',other_ref=c.cs_ranges[-1].raw_id)

                    )}

                </div>

            </div>

        </div>

        <div id="changeset_compare_view_content">

            <div class="container">

            <table class="compare_view_commits noborder">

            %for cnt,cs in enumerate(c.cs_ranges):

                <tr>

                <td><div class="gravatar"><img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),14)}"/></div></td>

                <td>${h.link_to('r%s:%s' % (cs.revision,h.short_id(cs.raw_id)),h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</td>

                <td><div class="author">${h.person(cs.author)}</div></td>

                <td><span class="tooltip" title="${h.age(cs.date)}">${cs.date}</span></td>

                <td>

                  %if c.statuses:

                    <div title="${h.tooltip(_('Changeset status'))}" class="changeset-status-ico"><img src="${h.url('/images/icons/flag_status_%s.png' % c.statuses[cnt])}" /></div>

                  %endif

                </td>

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

                </tr>

            %endfor

            </table>

            </div>

            <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">${_('Files affected')}</div>

            <div class="cs_files">

                   %for cs in c.cs_ranges:

                       <div class="cur_cs">${h.link_to('r%s:%s' % (cs.revision,h.short_id(cs.raw_id)),h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id))}</div>

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

                        <div class="cs_${change}">${h.link_to(h.safe_unicode(path),h.url.current(anchor=FID))}</div>

                      %endfor

                   %endfor

            </div>

        </div>

    </div>

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

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

     %for cs in c.cs_ranges:

          ##${comment.comment_inline_form(cs)}

          ## diff block

          <div class="h3">

          <a class="tooltip" title="${h.tooltip(cs.message)}" href="${h.url('changeset_home',repo_name=c.repo_name,revision=cs.raw_id)}">${'r%s:%s' % (cs.revision,h.short_id(cs.raw_id))}</a>

             <div class="gravatar">

                 <img alt="gravatar" src="${h.gravatar_url(h.email_or_none(cs.author),20)}"/>

             </div>

             <div class="right">

              <span class="logtags">

                %if len(cs.parents)>1:

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

                %endif

                %if cs.branch:

                <span class="branchtag" title="${'%s %s' % (_('branch'),cs.branch)}">

                   ${h.link_to(h.shorter(cs.branch),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}

                </span>

                %endif

                %if h.is_hg(c.rhodecode_repo):

                  %for book in cs.bookmarks:

                  <span class="bookbook" title="${'%s %s' % (_('bookmark'),book)}">

                     ${h.link_to(h.shorter(book),h.url('files_home',repo_name=c.repo_name,revision=cs.raw_id))}

                  </span>

                  %endfor

                %endif

                %for tag in cs.tags:

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

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

                %endfor

              </span>

            </div>

           </div>

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

          ##${comment.comments(cs)}

     %endfor

     <script type="text/javascript">

      YUE.onDOMReady(function(){

          YUE.on(YUQ('.diff-menu-activate'),'click',function(e){

              var act = e.currentTarget.nextElementSibling;

              if(YUD.hasClass(act,'active')){

                  YUD.removeClass(act,'active');

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

              }else{

                  YUD.addClass(act,'active');

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

              }

          });

      })

    </script>

    </div>

</%def>

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

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

<%def name="title()">

    ${_('%s Compare') % c.repo_name} - ${'%s@%s' % (c.org_repo.repo_name, c.org_ref)} -> ${'%s@%s' % (c.other_repo.repo_name, c.other_ref)} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

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

    »

    ${h.repo_link(c.rhodecode_db_repo.groups_and_repo)}

    »

    ${_('compare')}

</%def>

<%def name="page_nav()">

    ${self.menu('changelog')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="body" class="diffblock">

                <div>

                ${'%s@%s' % (c.org_repo.repo_name, c.org_ref)} -&gt; ${'%s@%s' % (c.other_repo.repo_name, c.other_ref)}  <a href="${c.swap_url}">[swap]</a>

                </div>

            </div>

        </div>

        <div id="changeset_compare_view_content">

            ##CS

            <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">${ungettext('Showing %s commit','Showing %s commits', len(c.cs_ranges)) % len(c.cs_ranges)}</div>