${h.link_to(l.user.username,h.url('edit_user', id=l.user.user_id))}

        %else:

          ${l.username}

        %endif

        </td>

        <td>${h.action_parser(l)[0]()}

            <div class="journal_action_params">

                ${h.literal(h.action_parser(l)[1]())}

            </div>

        </td>

        <td>

            %if l.repository is not None:

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

            %else:

              ${l.repository_name}

            %endif

        </td>

        <td>${h.fmt_date(l.action_date)}</td>

        <td>${l.user_ip}</td>

    </tr>

    %endfor

</table>

  $(document).ready(function(){

    var $user_log = $('#user_log');

    $user_log.on('click','.pager_link',function(e){

      asynchtml(e.target.href, $user_log, function(){

        show_more_event();

        tooltip_activate();

      });

      e.preventDefault();

    });

    $user_log.on('click','.show_more',function(e){

      var el = e.target;

      $('#'+el.id.substring(1)).show();

      $(el.parentNode).hide();

    });

  });

</script>

${c.users_log.pager()}

%else:

    ${_('No actions yet')}

%endif

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

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

<%block name="title">

    ${_('Edit Gist')} · ${c.gist.gist_access_id}

</%block>

<%block name="js_extra">

</%block>

<%block name="css_extra">

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

</%block>

<%def name="breadcrumbs_links()">

    ${_('Edit Gist')} · ${c.gist.gist_access_id}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="panel-body">

        <div id="edit_error" style="display: none" class="flash_msg">

            <div class="alert alert-dismissable alert-warning">

              <button type="button" class="close" data-dismiss="alert" aria-hidden="true"><i class="icon-cancel-circled"></i></button>

              ${(h.HTML(_('Gist was updated since you started editing. Copy your changes and click %(here)s to reload new version.'))

                     %if c.gist.gist_expires == -1:

                      ${_('Expires')}: ${_('Never')}

                     %else:

                      ${_('Expires')}: ${h.age(h.time_to_datetime(c.gist.gist_expires))}

                     %endif

                   </span>

                </div>

            </div>

            % for cnt, file in enumerate(c.files):

                <div id="body" class="panel panel-default form-inline">

                    <div class="panel-heading">

                        <input type="hidden" value="${file.path}" name="org_files">

                        <input class="form-control" id="filename_${h.FID('f',file.path)}" name="files" size="30" type="text" value="${file.path}">

                        <select class="form-control" id="mimetype_${h.FID('f',file.path)}" name="mimetypes"></select>

                    </div>

                    <div class="panel-body no-padding">

                        <div id="editor_container">

                            <textarea id="editor_${h.FID('f',file.path)}" name="contents" style="display:none">${safe_str(file.content)}</textarea>

                        </div>

                    </div>

                </div>

                ## dynamic edit box.

                    $(document).ready(function(){

                        var myCodeMirror = initCodeMirror(${h.js('editor_' + h.FID('f',file.path))}, ${h.jshtml(request.script_name)}, '');

                        //inject new modes

                        var $mimetype_select = $(${h.js('#mimetype_' + h.FID('f',file.path))});

                        $mimetype_select.each(function(){

                            var modes_select = this;

                            var index = 1;

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

                                var m = CodeMirror.modeInfo[i];

                                var opt = new Option(m.name, m.mime);

                                $(opt).attr('mode', m.mode);

                                if (m.mime == 'text/plain') {

                                    // default plain text

                                    $(opt).prop('selected', true);

                                    modes_select.options[0] = opt;

                                } else {

                                    modes_select.options[index++] = opt;

                                }

                            }

                        });

                        var $filename_input = $(${h.js('#filename_' + h.FID('f',file.path))});

                        // on select change set new mode

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

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

<%block name="title">

    ${_('New Gist')}

</%block>

<%block name="js_extra">

</%block>

<%block name="css_extra">

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

</%block>

<%def name="breadcrumbs_links()">

    ${_('New Gist')}

</%def>

<%block name="header_menu">

    ${self.menu('gists')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="panel-body">

        <div id="files_data">

          ${h.form(h.url('gists'), method='post',id='eform')}

            <div>

                <textarea class="form-control" id="description" name="description" placeholder="${_('Gist description ...')}"></textarea>

                <div>

                    <label>

                        ${_('Gist lifetime')}

                        ${h.select('lifetime', '', c.lifetime_options)}

                    </label>

                </div>

            </div>

            <div id="body" class="panel panel-default form-inline">

                <div class="panel-heading">

                    ${h.text('filename', size=30, placeholder=_('Name this gist ...'), class_='form-control')}

                    <select class="form-control" id="mimetype" name="mimetype"></select>

                </div>

                <div class="panel-body no-padding">

                        <textarea id="editor" name="content"></textarea>

                </div>

            </div>

            <div>

            ${h.submit('private',_('Create Private Gist'),class_="btn btn-success btn-xs")}

            ${h.submit('public',_('Create Public Gist'),class_="btn btn-default btn-xs")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default btn-xs")}

            </div>

          ${h.end_form()}

            $(document).ready(function(){

                var myCodeMirror = initCodeMirror('editor', ${h.jshtml(request.script_name)}, '');

                //inject new modes

                var $mimetype_select = $('#mimetype');

                $mimetype_select.each(function(){

                    var modes_select = this;

                    var index = 1;

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

                        var m = CodeMirror.modeInfo[i];

                        var opt = new Option(m.name, m.mime);

                        $(opt).attr('mode', m.mode);

                        if (m.mime == 'text/plain') {

                            // default plain text

                            $(opt).prop('selected', true);

                            modes_select.options[0] = opt;

                        } else {

                            modes_select.options[index++] = opt;

                        }

                    }

                });

                var $filename_input = $('#filename');

                // on select change set new mode

                            <i class="icon-plus"></i>${_('Add new')}

                        </button>

                    </td>

                </tr>

                <tr>

                    <td colspan="6">

                       ${_('Apply to children')}:

                       ${h.radio('recursive', 'none', label=_('None'), checked="checked")}

                       ${h.radio('recursive', 'groups', label=_('Repository Groups'))}

                       ${h.radio('recursive', 'repos', label=_('Repositories'))}

                       ${h.radio('recursive', 'all', label=_('Both'))}

                       <span class="help-block">${_('Set or revoke permission to all children of that group, including non-private repositories and other groups if selected.')}</span>

                    </td>

                </tr>

            </table>

        </div>

        <div class="buttons">

            ${h.submit('save',_('Save'),class_="btn btn-default")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default")}

        </div>

    </div>

</div>

${h.end_form()}

    function ajaxActionRevoke(obj_id, obj_type, field_id, obj_name) {

        url = ${h.jshtml(h.url('edit_repo_group_perms_delete', group_name=c.repo_group.group_name))};

        var revoke_msg = _TM['Confirm to revoke permission for {0}: {1} ?'].format(obj_type.replace('_', ' '), obj_name);

        if (confirm(revoke_msg)){

            var recursive = $('input[name=recursive]:checked').val();

            ajaxActionRevokePermission(url, obj_id, obj_type, field_id, {recursive:recursive});

        }

    };

    $(document).ready(function () {

        if (!$('#perm_new_member_name').hasClass('error')) {

            $('#add_perm_input').hide();

        }

        $('#add_perm').click(function () {

            addPermAction('group');

        });

    });

</script>

                            <button type="button" class="btn btn-default btn-xs" onclick="ajaxActionRevoke(${g2p.users_group.users_group_id}, 'user_group', '${'id%s'%id(g2p.users_group.users_group_name)}', '${g2p.users_group.users_group_name}')">

                            <i class="icon-minus-circled"></i>${_('Revoke')}

                            </button>

                        </td>

                    </tr>

                %endfor

                ## New entries added by addPermAction here.

                <tr class="new_members last_new_member" id="add_perm_input"><td colspan="6"></td></tr>

                <tr>

                    <td colspan="6">

                        <button type="button" id="add_perm" class="btn btn-link btn-xs">

                            <i class="icon-plus"></i>${_('Add new')}

                        </button>

                    </td>

                </tr>

            </table>

        </div>

        <div class="form-group">

            ${h.submit('save',_('Save'),class_="btn btn-default")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default")}

        </div>

</div>

${h.end_form()}

    function ajaxActionRevoke(obj_id, obj_type, field_id, obj_name) {

        url = ${h.js(h.url('edit_repo_perms_revoke',repo_name=c.repo_name))};

        var revoke_msg = _TM['Confirm to revoke permission for {0}: {1} ?'].format(obj_type.replace('_', ' '), obj_name);

        if (confirm(revoke_msg)){

            ajaxActionRevokePermission(url, obj_id, obj_type, field_id);

        }

    };

    $(document).ready(function () {

        if (!$('#perm_new_member_name').hasClass('error')) {

            $('#add_perm_input').hide();

        }

        $('#add_perm').click(function () {

            addPermAction('repository');

        });

    });

</script>

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

                            ${_('Delete')}

                        </button>

                    </div>

            </div>

        %endfor

        <div class="form-group form-inline">

            <label>

                ${h.text('new_hook_ui_key',size=15,class_='form-control')}

            </label>

            <div>

                ${h.text('new_hook_ui_value',size=50,class_='form-control')}

            </div>

        </div>

        <div class="form-group">

            <div class="buttons">

                ${h.submit('save',_('Save'),class_="btn btn-default")}

            </div>

        </div>

</div>

${h.end_form()}

% endif

function delete_hook(hook_id, field_id) {

    var sUrl = ${h.js(h.url('admin_settings_hooks_delete'))};

    var success = function (o) {

            $('#' + field_id).remove();

        };

    var failure = function (o) {

            alert(${h.js(_('Failed to remove hook'))});

        };

    var postData = {'hook_id': hook_id};

    ajaxPOST(sUrl, postData, success, failure);

};

</script>

                <div>

                    <div class="input-group">

                        ${h.text('paths_root_path',size=60,readonly="readonly",class_='form-control')}

                        <span id="path_unlock" data-toggle="tooltip" class="input-group-btn"

                            title="${_('Click to unlock. You must restart Kallithea in order to make this setting take effect.')}">

                            <button type="button" class="btn btn-default btn-sm"><i id="path_unlock_icon" class="icon-lock"></i></button>

                        </span>

                    </div>

                    <span class="help-block">${_('Filesystem location where repositories are stored. After changing this value, a restart and rescan of the repository folder are both required.')}</span>

                </div>

            </div>

            %else:

            ## form still requires this but we cannot internally change it anyway

            ${h.hidden('paths_root_path',size=30,readonly="readonly")}

            %endif

            <div class="form-group">

                <div class="buttons">

                    ${h.submit('save',_('Save Settings'),class_="btn btn-default")}

                    ${h.reset('reset',_('Reset'),class_="btn btn-default")}

                </div>

           </div>

    </div>

    ${h.end_form()}

        $(document).ready(function(){

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

                $('#path_unlock_icon').removeClass('icon-lock');

                $('#path_unlock_icon').addClass('icon-lock-open-alt');

                $('#paths_root_path').removeAttr('readonly');

            });

        });

    </script>

                            <i class="icon-minus-circled"></i>${_('Revoke')}

                            </button>

                        </td>

                    </tr>

                %endfor

                ## New entries added by addPermAction here.

                <tr class="new_members last_new_member" id="add_perm_input"><td colspan="6"></td></tr>

                <tr>

                    <td colspan="6">

                        <button id="add_perm" class="btn btn-link btn-xs">

                            <i class="icon-plus"></i>${_('Add new')}

                        </button>

                    </td>

                </tr>

            </table>

        </div>

        <div class="buttons">

            ${h.submit('save',_('Save'),class_="btn btn-default")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default")}

        </div>

   </div>

</div>

${h.end_form()}

    function ajaxActionRevoke(obj_id, obj_type, field_id, obj_name) {

        url = ${h.js(h.url('edit_user_group_perms_delete', id=c.user_group.users_group_id))};

        var revoke_msg = _TM['Confirm to revoke permission for {0}: {1} ?'].format(obj_type.replace('_', ' '), obj_name);

        if (confirm(revoke_msg)){

            ajaxActionRevokePermission(url, obj_id, obj_type, field_id);

        }

    };

    $(document).ready(function () {

        if (!$('#perm_new_member_name').hasClass('error')) {

            $('#add_perm_input').hide();

        }

        $('#add_perm').click(function () {

            addPermAction('usergroup');

        });

    });

</script>

                            ${h.select('users_group_members',[],c.group_members,multiple=True,size=8,style="width:210px",class_='form-control')}

                        </div>

                        <div class="pull-left">

                          <div class="text">&nbsp;</div>

                          <div>

                            <i id="add_element" class="icon-left-open" title="Choose selected available"></i>

                          </div>

                          <div>

                            <i id="remove_element" class="icon-right-open" title="Remove selected chosen"></i>

                          </div>

                        </div>

                        <div class="pull-left">

                            <div class="text">${_('Available members')}</div>

                            ${h.select('available_members',[],c.available_members,multiple=True,size=8,style="width:210px",class_='form-control')}

                        </div>

                    </div>

                </div>

                <div class="form-group">

                    <div class="buttons">

                        ${h.submit('Save',_('Save'),class_="btn btn-default")}

                    </div>

                </div>

    </div>

${h.end_form()}

  MultiSelectWidget('users_group_members','available_members','edit_users_group');

</script>

                   <i class="icon-git-compare"></i>${_('Compare Fork')}</a></li>

              %endif

              <li><a href="${h.url('compare_home',repo_name=c.repo_name)}"><i class="icon-git-compare"></i>${_('Compare')}</a></li>

              <li><a href="${h.url('search_repo',repo_name=c.repo_name)}"><i class="icon-search"></i>${_('Search')}</a></li>

              ## 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 request.authuser.username != 'default':

                  <li>

                   <a href="#" class="${'following' if c.repository_following else 'follow'}" onclick="return toggleFollowingRepo(this, ${c.db_repo.repo_id});">

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

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

                   </a>

                  </li>

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

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

              %endif

             </ul>

        </li>

    </ul>

    </div>

    </div>

  </nav>

    $(document).ready(function() {

      var bcache = {};

      var branch_switcher_placeholder = '<i class="icon-exchange"></i>' + ${h.jshtml(_('Switch To'))} + ' <span class="caret"></span>';

      $("#branch_switcher").select2({

          placeholder: branch_switcher_placeholder,

          dropdownAutoWidth: true,

          sortResults: prefixFirstSort,

          formatResult: function(obj) {

              return obj.text.html_escape();

          },

          formatSelection: function(obj) {

              return obj.text.html_escape();

          },

          formatNoMatches: function(term) {

              return ${h.jshtml(_('No matches found'))};

          },

          escapeMarkup: function(m) {

              if (m == branch_switcher_placeholder)

                  return branch_switcher_placeholder;

              return Select2.util.escapeMarkup(m);

          },

          containerCssClass: "branch-switcher",

          dropdownCssClass: "repo-switcher-dropdown",

                </div>

                <div class="submit">

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

                </div>

            ${h.end_form()}

          %else:

            <div class="pull-left">

                ${h.gravatar_div(request.authuser.email, size=48, div_class="big_gravatar")}

                <b class="full_name">${request.authuser.full_name_or_username}</b>

                <div class="email">${request.authuser.email}</div>

            </div>

            <div id="quick_login_h" class="pull-right list-group text-right">

              ${h.link_to(_('My Account'),h.url('my_account'),class_='list-group-item')}

              %if not request.authuser.is_external_auth:

                ## Cannot log out if using external (container) authentication.

                ${h.link_to(_('Log Out'), h.url('logout_home'),class_='list-group-item')}

              %endif

            </div>

          %endif

        </div>

      </div>

    </li>

  </ul>

        $(document).ready(function(){

            var visual_show_public_icon = ${h.js(c.visual.show_public_icon)};

            var cache = {}

            /*format the look of items in the list*/

            var format = function(state){

                if (!state.id){

                  return state.text.html_escape(); // optgroup

                }

                var obj_dict = state.obj;

                var tmpl = '';

                if(obj_dict && state.type == 'repo'){

                    tmpl += '<span class="repo-icons">';

                    if(obj_dict['repo_type'] === 'hg'){

                        tmpl += '<span class="label label-repo" title="${_('Mercurial repository')}">hg</span> ';

                    }

                    else if(obj_dict['repo_type'] === 'git'){

                        tmpl += '<span class="label label-repo" title="${_('Git repository')}">git</span> ';

                    }

                    if(obj_dict['private']){

                        tmpl += '<i class="icon-lock"></i>';

                    }

                    else if(visual_show_public_icon){

                        tmpl += '<i class="icon-globe"></i>';

            });

        });

    </script>

</%def>

<%def name="parent_child_navigation()">

    <div class="pull-left">

        <div class="parent-child-link"

             data-ajax-url="${h.url('changeset_parents',repo_name=c.repo_name, revision=c.changeset.raw_id)}"

             data-linktype="parent"

             data-reponame="${c.repo_name}">

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

        </div>

    </div>

    <div class="pull-right">

        <div class="parent-child-link"

             data-ajax-url="${h.url('changeset_children',repo_name=c.repo_name, revision=c.changeset.raw_id)}"

             data-linktype="child"

             data-reponame="${c.repo_name}">

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

        </div>

    </div>

      $(document).ready(function(){

          activate_parent_child_links();

      });

    </script>

</%def>

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

<!DOCTYPE html>

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

    <head>

        <title><%block name="title"/><%block name="branding_title"/></title>

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

        <meta http-equiv="X-UA-Compatible" content="IE=10"/>

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

        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <link rel="shortcut icon" href="${h.url('/images/favicon.ico')}" type="image/x-icon" />

        <link rel="icon" type="image/png" href="${h.url('/images/favicon-32x32.png')}" sizes="32x32">

        <link rel="icon" type="image/png" href="${h.url('/images/favicon-16x16.png')}" sizes="16x16">

        <link rel="apple-touch-icon" sizes="180x180" href="${h.url('/images/apple-touch-icon.png')}">

        <link rel="manifest" href="${h.url('/images/manifest.json')}">

        <link rel="mask-icon" href="${h.url('/images/safari-pinned-tab.svg')}" color="#b1d579">

        <meta name="msapplication-config" content="${h.url('/images/browserconfig.xml')}">

        <meta name="theme-color" content="#ffffff">

        ## CSS ###

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

        <%block name="css_extra"/>

        ## JAVASCRIPT ##

            ## JS translations map

            var TRANSLATION_MAP = {

                'Cancel': ${h.jshtml(_("Cancel"))},

                'Retry': ${h.jshtml(_("Retry"))},

                'Submitting ...': ${h.jshtml(_("Submitting ..."))},

                'Unable to post': ${h.jshtml(_("Unable to post"))},

                'Add Another Comment': ${h.jshtml(_("Add Another Comment"))},

                'Stop following this repository': ${h.jshtml(_('Stop following this repository'))},

                'Start following this repository': ${h.jshtml(_('Start following this repository'))},

                'Group': ${h.jshtml(_('Group'))},

                'Loading ...': ${h.jshtml(_('Loading ...'))},

                'loading ...': ${h.jshtml(_('loading ...'))},

                'Search truncated': ${h.jshtml(_('Search truncated'))},

                'No matching files': ${h.jshtml(_('No matching files'))},

                'Open New Pull Request from {0}': ${h.jshtml(_('Open New Pull Request from {0}'))},

                'Open New Pull Request for {0} → {1}': ${h.js(_('Open New Pull Request for {0} → {1}'))},

                'Show Selected Changesets {0} → {1}': ${h.js(_('Show Selected Changesets {0} → {1}'))},

                'Selection Link': ${h.jshtml(_('Selection Link'))},

                'Collapse Diff': ${h.jshtml(_('Collapse Diff'))},

                'Expand Diff': ${h.jshtml(_('Expand Diff'))},

                'No revisions': ${h.jshtml(_('No revisions'))},

                'Type name of user or member to grant permission': ${h.jshtml(_('Type name of user or member to grant permission'))},

                'Failed to revoke permission': ${h.jshtml(_('Failed to revoke permission'))},

                'Confirm to revoke permission for {0}: {1} ?': ${h.jshtml(_('Confirm to revoke permission for {0}: {1} ?'))},

                'Enabled': ${h.jshtml(_('Enabled'))},

                'Disabled': ${h.jshtml(_('Disabled'))},

                'Select changeset': ${h.jshtml(_('Select changeset'))},

                'Specify changeset': ${h.jshtml(_('Specify changeset'))},

                'MSG_SORTASC': ${h.jshtml(_('Click to sort ascending'))},

                'MSG_SORTDESC': ${h.jshtml(_('Click to sort descending'))},

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

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

                'MSG_LOADING': ${h.jshtml(_('Loading...'))}

            };

            var _TM = TRANSLATION_MAP;

            var TOGGLE_FOLLOW_URL  = ${h.js(h.url('toggle_following'))};

            var REPO_NAME = "";

            %if hasattr(c, 'repo_name'):

                var REPO_NAME = ${h.js(c.repo_name)};

            %endif

            var _session_csrf_secret_token = ${h.js(h.session_csrf_secret_token())};

        </script>

        ## EXTRA FOR JS

        <%block name="js_extra"/>

            $(document).ready(function(){

              tooltip_activate();

              show_more_event();

              // routes registration

              pyroutes.register('home', ${h.js(h.url('home'))}, []);

              pyroutes.register('new_gist', ${h.js(h.url('new_gist'))}, []);

              pyroutes.register('gists', ${h.js(h.url('gists'))}, []);

              pyroutes.register('new_repo', ${h.js(h.url('new_repo'))}, []);

              pyroutes.register('summary_home', ${h.js(h.url('summary_home', repo_name='%(repo_name)s'))}, ['repo_name']);

              pyroutes.register('changelog_home', ${h.js(h.url('changelog_home', repo_name='%(repo_name)s'))}, ['repo_name']);

              pyroutes.register('files_home', ${h.js(h.url('files_home', repo_name='%(repo_name)s',revision='%(revision)s',f_path='%(f_path)s'))}, ['repo_name', 'revision', 'f_path']);

              pyroutes.register('edit_repo', ${h.js(h.url('edit_repo', repo_name='%(repo_name)s'))}, ['repo_name']);

              pyroutes.register('edit_repo_perms', ${h.js(h.url('edit_repo_perms', repo_name='%(repo_name)s'))}, ['repo_name']);

              pyroutes.register('pullrequest_home', ${h.js(h.url('pullrequest_home', repo_name='%(repo_name)s'))}, ['repo_name']);

              pyroutes.register('toggle_following', ${h.js(h.url('toggle_following'))});

              pyroutes.register('changeset_info', ${h.js(h.url('changeset_info', repo_name='%(repo_name)s', revision='%(revision)s'))}, ['repo_name', 'revision']);

              pyroutes.register('changeset_home', ${h.js(h.url('changeset_home', repo_name='%(repo_name)s', revision='%(revision)s'))}, ['repo_name', 'revision']);

              pyroutes.register('repo_size', ${h.js(h.url('repo_size', repo_name='%(repo_name)s'))}, ['repo_name']);

              pyroutes.register('repo_refs_data', ${h.js(h.url('repo_refs_data', repo_name='%(repo_name)s'))}, ['repo_name']);

              pyroutes.register('users_and_groups_data', ${h.js(h.url('users_and_groups_data'))}, []);

             });

        </script>

                               title="${_('Compare fork with %s' % c.db_repo.fork.repo_name)}"

                               href="${h.url('compare_url',repo_name=c.db_repo.fork.repo_name,org_ref_type=c.db_repo.landing_rev[0],org_ref_name=c.db_repo.landing_rev[1],other_repo=c.repo_name,other_ref_type='branch' if request.GET.get('branch') else c.db_repo.landing_rev[0],other_ref_name=request.GET.get('branch') or c.db_repo.landing_rev[1], merge=1)}"

                               class="btn btn-default btn-sm"><i class="icon-git-compare"></i>${_('Compare fork with parent repository (%s)' % c.db_repo.fork.repo_name)}</a>

                        %endif

                        ## text and href of open_new_pr is controlled from javascript

                        <a id="open_new_pr" class="btn btn-default btn-sm"></a>

                        ${_("Branch filter:")} ${h.select('branch_filter',c.branch_name,c.branch_filters)}

                    </div>

                </div>

                <div id="graph_nodes">

                    <canvas id="graph_canvas" style="width:0"></canvas>

                </div>

                <div id="graph_content" style="${'margin: 0px' if c.changelog_for_path else ''}">

                  ${changelog_table.changelog(c.repo_name, c.cs_pagination, c.cs_statuses, c.cs_comments,

                                              show_checkbox=not c.changelog_for_path,

                                              show_branch=not c.branch_name,

                                              resize_js='graph.render(jsdata)')}

                  <input type="checkbox" id="singlerange" style="display:none"/>

                </div>

                ${c.cs_pagination.pager()}

            var jsdata = ${h.js(c.jsdata)};

            var graph = new BranchRenderer('graph_canvas', 'graph_content', 'chg_');

            $(document).ready(function(){

                var $checkboxes = $('.changeset_range');

                pyroutes.register('changeset_home', ${h.js(h.url('changeset_home', repo_name='%(repo_name)s', revision='%(revision)s'))}, ['repo_name', 'revision']);

                var checkbox_checker = function(e) {

                    var $checked_checkboxes = $checkboxes.filter(':checked');

                    var $singlerange = $('#singlerange');

                    $('#rev_range_container').hide();

                    $checkboxes.show();

                    $singlerange.show();

                    if ($checked_checkboxes.length > 0) {

                        $checked_checkboxes.first().parent('td').append($singlerange);

                        var singlerange = $singlerange.prop('checked');

                        var rev_end = $checked_checkboxes.first().prop('name');

                        if ($checked_checkboxes.length > 1 || singlerange) {

                            var rev_start = $checked_checkboxes.last().prop('name');

                            $('#rev_range_container').prop('href',

                                pyroutes.url('changeset_home', {'repo_name': ${h.js(c.repo_name)},

                <span class="label label-divergent" title="Divergent">Divergent</span>

              %endif

              %if cs.extinct:

                <span class="label label-extinct" title="Extinct">Extinct</span>

              %endif

              %if cs.unstable:

                <span class="label label-unstable" title="Unstable">Unstable</span>

              %endif

              %if cs.phase:

                <span class="label label-phase" title="Phase">${cs.phase}</span>

              %endif

              %if show_branch:

                %for branch in cs.branches:

                  <span class="label label-branch" title="${_('Branch %s' % branch)}">${h.link_to(branch,h.url('changelog_home',repo_name=repo_name,branch=branch))}</span>

                %endfor

              %endif

            </div>

          </div>

        </td>

      </tr>

      %endfor

    </tbody>

    </table>

  $(document).ready(function() {

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

      $(this).next('.mid').find('.message > div').toggleClass('hidden');

      ${resize_js};

    });

  });

</script>

</%def>

    <div class="commentable-diff">

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

    ${diff_block.diff_block_js()}

    <% a_rev, cs_rev, file_diff_data = c.changes[c.changeset.raw_id] %>

    ${diff_block.diff_block(c.repo_name, 'rev', a_rev, a_rev,

                            c.repo_name, 'rev', cs_rev, cs_rev, file_diff_data)}

    % 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