<%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.'))

                             % {'here': h.link_to(_('here'),h.url('edit_gist', gist_id=c.gist.gist_access_id))})}

            </div>

            <script>

            'use strict';

            if (typeof jQuery != 'undefined') {

                $(".alert").alert();

            }

            </script>

        </div>

        <div id="files_data">

          ${h.form(h.url('edit_gist', gist_id=c.gist.gist_access_id), method='post', id='eform')}

            <div>

                <input type="hidden" value="${c.file_changeset.raw_id}" name="parent_hash">

                <textarea class="form-control"

                          id="description" name="description"

                          placeholder="${_('Gist description ...')}">${c.gist.gist_description}</textarea>

                <div>

                    <label>

                        ${_('Gist lifetime')}

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

                    </label>

                    <span class="text-muted">

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

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

                     %else:

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

                     %endif

                </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">${h.safe_str(file.content)}</textarea>

                        </div>

                    </div>

                </div>

                ## dynamic edit box.

                <script>

                    'use strict';

                    $(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

                        $mimetype_select.change(function(e){

                            var selected = e.currentTarget;

                            var node = selected.options[selected.selectedIndex];

                            var detected_mode = CodeMirror.findModeByMIME(node.value);

<table class="table">

      %if c.user_ip_map:

        %for ip in c.user_ip_map:

          <tr>

              <td><div class="ip">${ip.ip_addr}</div></td>

              <td><div class="ip">${h.ip_range(ip.ip_addr)}</div></td>

              <td>

                ${h.form(url('edit_user_ips_delete', id=c.user.user_id))}

                    ${h.hidden('del_ip_id',ip.ip_id)}

                    ${h.hidden('default_user', 'True')}

                    <i class="icon-trashcan"></i>${h.submit('remove_',_('Delete'),id="remove_ip_%s" % ip.ip_id,

                    class_="btn btn-default btn-xs", onclick="return confirm('"+_('Confirm to delete this IP address: %s') % ip.ip_addr+"');")}

                ${h.end_form()}

              </td>

          </tr>

        %endfor

        <tr><td><div class="ip">${_('All IP addresses are allowed.')}</div></td></tr>

</table>

${h.form(url('edit_user_ips_update', id=c.user.user_id))}

    <div class="form">

            <div class="form-group">

                <label class="control-label" for="new_ip">${_('New IP address')}:</label>

                <div>

                    ${h.hidden('default_user', 'True')}

                    ${h.text('new_ip', class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

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

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

                </div>

            </div>

    </div>

${h.end_form()}

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

${h.form(url('repos'))}

<div class="form">

        <div class="form-group">

            <label class="control-label" for="repo_name">${_('Name')}:</label>

            <div>

                ${h.text('repo_name',class_='form-control')}

            </div>

        <div id="remote_clone" class="form-group">

            <label class="control-label" for="clone_uri">${_('Clone remote repository')}:</label>

            <div>

                ${h.text('clone_uri',class_='form-control')}

                <span class="help-block">

                    ${_('Optional: URL of a remote repository. If set, the repository will be created as a clone from this URL.')}

                </span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_description">${_('Description')}:</label>

            <div>

                ${h.textarea('repo_description',class_='form-control')}

                <span class="help-block">${_('Keep it short and to the point. Use a README file for longer descriptions.')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_group">${_('Repository group')}:</label>

            <div>

                ${h.select('repo_group',request.GET.get('parent_group'),c.repo_groups,class_='form-control')}

                <span class="help-block">${_('Optionally select a group to put this repository into.')}</span>

            </div>

        </div>

        <div id="copy_perms" class="form-group">

            <label class="control-label" for="repo_copy_permissions">${_('Copy parent group permissions')}:</label>

            <div>

                ${h.checkbox('repo_copy_permissions',value="True")}

                <span class="help-block">${_('Copy permission set from parent repository group.')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_type">${_('Type')}:</label>

            <div>

                ${h.select('repo_type','hg',c.backends,class_='form-control')}

                <span class="help-block">${_('Type of repository to create.')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_landing_rev">${_('Landing revision')}:</label>

            <div>

                ${h.select('repo_landing_rev','',c.landing_revs,class_='form-control')}

                <span class="help-block">${_('Default revision for files page, downloads, full text search index and readme generation')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label" for="repo_private">${_('Private repository')}:</label>

            <div>

                ${h.checkbox('repo_private',value="True")}

                <label class="control-label" for="repo_name">${_('Name')}:</label>

                <div>

                    ${h.text('repo_name',class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="permanent_url">${_('Permanent URL')}:</label>

                <div>

                    ${h.text('permanent_url',class_='form-control', readonly='1')}

                    <span class="help-block">

                        ${_('''In case this repository is renamed or moved into another group the repository URL changes.

                               Using the above permanent URL guarantees that this repository always will be accessible on that URL.

                               This is useful for CI systems, or any other cases that you need to hardcode the URL into a 3rd party service.''')}

                    </span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="clone_uri">${_('Remote repository')}:</label>

                <div>

                  <div id="alter_clone_uri">

                        ${h.text('clone_uri',class_='form-control', placeholder=_('Repository URL'))}

                        ${h.hidden('clone_uri_hidden', c.repo_info.clone_uri_hidden)}

                  </div>

                  <span id="alter_clone_uri_help_block" class="help-block">

                    ${_('Optional: URL of a remote repository. If set, the repository can be pulled from this URL.')}

                  </span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_group">${_('Repository group')}:</label>

                <div>

                    ${h.select('repo_group','',c.repo_groups,class_='form-control')}

                    <span class="help-block">${_('Optionally select a group to put this repository into.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_landing_rev">${_('Landing revision')}:</label>

                <div>

                    ${h.select('repo_landing_rev','',c.landing_revs,class_='form-control')}

                    <span class="help-block">${_('Default revision for files page, downloads, whoosh and readme')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="owner">${_('Owner')}:</label>

                <div>

                   ${h.text('owner',class_='form-control', placeholder=_('Type name of user'))}

                   <span class="help-block">${_('Change owner of this repository.')}</span>

                </div>

            <div class="form-group">

                <label class="control-label" for="repo_description">${_('Description')}:</label>

                <div>

                    ${h.textarea('repo_description',class_='form-control')}

                    <span class="help-block">${_('Keep it short and to the point. Use a README file for longer descriptions.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_private">${_('Private repository')}:</label>

                <div>

                    ${h.checkbox('repo_private',value="True")}

                    <span class="help-block">${_('Private repositories are only visible to people explicitly added as collaborators.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_enable_statistics">${_('Enable statistics')}:</label>

                <div>

                    ${h.checkbox('repo_enable_statistics',value="True")}

                    <span class="help-block">${_('Enable statistics window on summary page.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="repo_enable_downloads">${_('Enable downloads')}:</label>

                <div>

                    ${h.checkbox('repo_enable_downloads',value="True")}

                    <span class="help-block">${_('Enable download menu on summary page.')}</span>

                </div>

            </div>

            %if c.visual.repository_fields:

              ## EXTRA FIELDS

              %for field in c.repo_fields:

                <div class="form-group">

                    <label class="control-label" for="${field.field_key_prefixed}">${field.field_label} (${field.field_key}):</label>

                    <div>

                        ${h.text(field.field_key_prefixed, field.field_value, class_='form-control')}

                        %if field.field_desc:

                          <span class="help-block">${field.field_desc}</span>

                        %endif

                    </div>

              %endfor

            %endif

            <div class="form-group">

                <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()}

<script>

    'use strict';

    $(document).ready(function(){

        $('#repo_landing_rev').select2({

            'dropdownAutoWidth': true

        });

        $('#repo_group').select2({

            'dropdownAutoWidth': true

        });

        // autocomplete

        SimpleUserAutoComplete($('#owner'));

    });

</script>

${h.form(url('admin_settings_global'), method='post')}

    <div class="form">

                <label class="control-label" for="title">${_('Site branding')}:</label>

                <div>

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

                    <span class="help-block">${_('Set a custom title for your Kallithea Service.')}</span>

                </div>

            <div class="form-group">

                <label class="control-label" for="realm">${_('HTTP authentication realm')}:</label>

                <div>

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

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="ga_code">${_('HTML/JavaScript/CSS customization block')}:</label>

                <div>

                    ${h.textarea('ga_code', cols=80, rows=10,class_='form-control')}

                    <span class="help-block">${_('HTML (possibly with \

                        JavaScript and/or CSS) that will be added to the bottom \

                        of every page. This can be used for web analytics \

                        systems, but also to \

                        perform instance-specific customizations like adding a \

                        project banner at the top of every page.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="captcha_public_key">${_('ReCaptcha public key')}:</label>

                <div>

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

                    <span class="help-block">${_('Public key for reCaptcha system.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="captcha_private_key">${_('ReCaptcha private key')}:</label>

                <div>

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

                    <span class="help-block">${_('Private key for reCaptcha system. Setting this value will enable captcha on registration.')}</span>

                </div>

            </div>

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

${h.end_form()}

                        <label>

                            ${h.checkbox('hooks_changegroup_update','True')}

                            ${_('Update repository after push (hg update)')}

                        </label>

                    </div>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label">${_('Mercurial extensions')}:</label>

                <div>

                    <div class="checkbox">

                        <label>

                            ${h.checkbox('extensions_largefiles','True')}

                            ${_('Enable largefiles extension')}

                        </label>

                    </div>

                    ##<div class="checkbox">

                    ##    <label>

                    ##        ${h.checkbox('extensions_hggit','True')}

                    ##        ${_('Enable hg-git extension')}

                    ##    </label>

                    ##</div>

                    ##<span class="help-block">${_('Requires hg-git library to be installed. Enables cloning of remote Git repositories while converting them to Mercurial.')}</span>

                </div>

            </div>

            %if c.visual.allow_repo_location_change:

            <div class="form-group">

                <label class="control-label" for="paths_root_path">${_('Location of repositories')}:</label>

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

    ${h.end_form()}

    <script>

        'use strict';

        $(document).ready(function(){

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

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

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

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

            });

        });

    </script>

                                                    {system_user}  name of the Kallithea system user,

                                                    {hostname}  server hostname

                                                    ''')}

                    </span>

                </div>

                %if c.ssh_enabled:

                <label class="control-label">${_('SSH Clone URL')}:</label>

                <div>

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

                    <span class="help-block">${_('''Schema for constructing SSH clone URL, eg. 'ssh://{system_user}@{hostname}/{repo}'.''')}</span>

                </div>

                %else:

                ${h.hidden('clone_ssh_tmpl', size=80, class_='form-control')}

                %endif

            </div>

            <div class="form-group">

                <label class="control-label" for="dashboard_items">${_('Repository page size')}:</label>

                <div>

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

                    <span class="help-block">${_('Number of items displayed in the repository pages before pagination is shown.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="admin_grid_items">${_('Admin page size')}:</label>

                <div>

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

                    <span class="help-block">${_('Number of items displayed in the admin pages grids before pagination is shown.')}</span>

                </div>

            </div>

            <div class="form-group">

                <label class="control-label">${_('Icons')}:</label>

                <div>

                    <div class="checkbox">

                        <label>

                            ${h.checkbox('show_public_icon','True')}

                            ${_('Show public repository icon on repositories')}

                        </label>

                    </div>

                    <div class="checkbox">

                        <label>

                            ${h.checkbox('show_private_icon','True')}

                            ${_('Show private repository icon on repositories')}

                        </label>

                    </div>

                    <span class="help-block">${_('Show public/private icons next to repository names.')}</span>

            </div>

            <div class="form-group">

                <label class="control-label" for="stylify_metalabels">${_('Meta Tagging')}:</label>

                <div>

                    <div class="checkbox">

                        <label>

                            ${h.checkbox('stylify_metalabels','True')}

                            ${_('Parses meta tags from the repository description field and turns them into colored tags.')}

                        </label>

                    </div>

                    <div class="help-block">

                        ${_('Stylify recognised meta tags:')}

                        <ul class="list-unstyled"> <!-- Fix style here -->

                            <li>[featured] <span class="label label-meta" data-tag="featured">featured</span></li>

                            <li>[stale] <span class="label label-meta" data-tag="stale">stale</span></li>

                            <li>[dead] <span class="label label-meta" data-tag="dead">dead</span></li>

                            <li>[lang =&gt; lang] <span class="label label-meta" data-tag="lang">lang</span></li>

                            <li>[license =&gt; License] <span class="label label-meta" data-tag="license"><a href="http://www.opensource.org/licenses/License">License</a></span></li>

                            <li>[requires =&gt; Repo] <span class="label label-meta" data-tag="requires">requires =&gt; <a href="#">Repo</a></span></li>

                            <li>[recommends =&gt; Repo] <span class="label label-meta" data-tag="recommends">recommends =&gt; <a href="#">Repo</a></span></li>

                            <li>[see =&gt; URI] <span class="label label-meta" data-tag="see">see =&gt; <a href="#">URI</a> </span></li>

                        </ul>

                    </div>

            </div>

            <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()}

    <ul class="nav navbar-nav navbar-right">

        <li class="${'active' if current == 'summary' else ''}" data-context="summary"><a href="${h.url('summary_home', repo_name=c.repo_name)}"><i class="icon-doc-text"></i>${_('Summary')}</a></li>

        %if rev:

        <li class="${'active' if current == 'changelog' else ''}" data-context="changelog"><a href="${h.url('changelog_file_home', repo_name=c.repo_name, revision=rev, f_path='')}"><i class="icon-clock"></i>${_('Changelog')}</a></li>

        %else:

        <li class="${'active' if current == 'changelog' else ''}" data-context="changelog"><a href="${h.url('changelog_home', repo_name=c.repo_name)}"><i class="icon-clock"></i>${_('Changelog')}</a></li>

        %endif

        <li class="${'active' if current == 'files' else ''}" data-context="files"><a href="${h.url('files_home', repo_name=c.repo_name, revision=rev or 'tip')}"><i class="icon-doc-inv"></i>${_('Files')}</a></li>

        <li class="${'active' if current == 'showpullrequest' else ''}" data-context="showpullrequest">

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

            %if c.repository_pull_requests:

              <span class="badge">${c.repository_pull_requests}</span>

            %endif

          </a>

        </li>

        <li class="${'active' if current == 'switch-to' else ''}" data-context="switch-to">

          <input id="branch_switcher" name="branch_switcher" type="hidden">

        </li>

        <li class="${'active' if current == 'options' else ''} dropdown" data-context="options">

             %if h.HasRepoPermissionLevel('admin')(c.repo_name):

               <a href="${h.url('edit_repo',repo_name=c.repo_name)}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true"><i class="icon-wrench"></i>${_('Options')} <i class="caret"></i></a>

             %else:

               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true"><i class="icon-wrench"></i>${_('Options')} <i class="caret"></i></a>

             %endif

          <ul class="dropdown-menu" role="menu" aria-hidden="true">

             %if h.HasRepoPermissionLevel('admin')(c.repo_name):

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

             %endif

              %if c.db_repo.fork:

               <li><a 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)}">

                   <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

        </li>

    </ul>

    </div>

    </div>

  </nav>

  <script>

    'use strict';

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

              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",

          query: function(query) {

              var key = 'cache';

              var cached = bcache[key];

              if (cached) {

                  var data = {

                      results: []

                  };

                  // filter results

                  $.each(cached.results, function() {

                      var section = this.text;

                      var children = [];

                      $.each(this.children, function() {

                          if (query.term.length === 0 || this.text.toUpperCase().indexOf(query.term.toUpperCase()) >= 0) {

                              children.push({

                                  'id': this.id,

                                  'text': this.text,

                                  'type': this.type,

                     %if c.changeset_graft_source_hash:

                     <div>

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

                     </div>

                     %endif

                     %if c.changeset_transplant_source_hash:

                     <div>

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

                     </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, 'predecessors') and c.changeset.predecessors:

                     <div class='predecessors'>

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

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

                           <%

                           comma = ""

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

                             comma = ", "

                           %>

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

                       % endfor

                     </div>

                     % endif

                </div>

            </div>

            <div class="form-group formatted-fixed">${h.urlify_text(c.changeset.message, c.repo_name)}</div>

            <div>

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

              % if c.limited_diff:

                  ${ungettext('%s file changed', '%s files changed', len(file_diff_data)) % len(file_diff_data)}:

              % else:

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

              %endif

                %for fid, url_fid, op, a_path, path, diff, stats in file_diff_data:

                    <div class="cs_${op} clearfix">

                      <span class="node">

                          <i class="icon-diff-${op}"></i>${h.link_to(path, '#%s' % fid)}

                      </span>

                      <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 class="comments-number">

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

            </div>

        </div>

    </div>

    ## diff block

    <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

    ${comment.generate_comments()}

    ## main comment form and it status

    ${comment.comments()}

    ## FORM FOR MAKING JS ACTION AS CHANGESET COMMENTS

    <script>

      'use strict';

      $(document).ready(function(){

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

              show_comment_form($(this));

          });

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

          // 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>

</%def>

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

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

<%block name="title">

    %if c.compare_home:

        ${_('%s Compare') % c.repo_name}

    %else:

        ${_('%s Compare') % c.repo_name} - ${'%s@%s' % (c.a_repo.repo_name, c.a_ref_name)} > ${'%s@%s' % (c.cs_repo.repo_name, c.cs_ref_name)}

    %endif

</%block>

<%def name="breadcrumbs_links()">

  ${_('Compare Revisions')}

</%def>

<%block name="header_menu">

    ${self.menu('repositories')}

</%block>

<%def name="main()">

${self.repo_context_bar('changelog')}

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="panel-body">

      <div class="panel panel-default">

        <div id="body" class="panel-heading">

            <div class="compare-revision-selector">

                ## divs are "inline-block" and cannot have whitespace between them.

                <span>

                    ${h.hidden('compare_org')}

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

                    ${h.hidden('compare_other')}

                    %if not c.compare_home:

                        <a class="btn btn-default btn-sm" href="${c.swap_url}"><i class="icon-arrows-cw"></i>${_('Swap')}</a>

                    %endif

                    <button type="button" id="compare_revs" class="btn btn-default btn-sm"><i class="icon-git-compare"></i>${_('Compare Revisions')}</button>

                </span>

            </div>

        </div>

    %if c.compare_home:

        <div id="changeset_compare_view_content" class="panel-body">

         <h4 class="text-muted">${_('Compare revisions, branches, bookmarks, or tags.')}</h4>

        </div>

    %else:

        <div id="changeset_compare_view_content" class="panel-body">

                ##CS

                <h5>${ungettext('Showing %s commit','Showing %s commits', len(c.cs_ranges)) % len(c.cs_ranges)}</h5>

                <%include file="compare_cs.html" />

                ## FILES

                <h5>

                % if c.limited_diff:

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

                % else:

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

                %endif

                ${h.ignore_whitespace_link(request.GET)}

                ${h.increase_context_link(request.GET)}

                </h5>

                <div class="cs_files">

                  %if not c.file_diff_data:

                     <span class="text-muted">${_('No files')}</span>

                  %endif

                  %for fid, url_fid, op, a_path, path, diff, stats in c.file_diff_data:

                    <div class="cs_${op} clearfix">

                      <span class="node">

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

                          ${h.link_to(path, '#%s' % fid)}

                      </span>

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

    %endif

      </div>

                <div id="node_filter_box_loading" style="display:none">${_('Loading file list...')}</div>