body table.dataTable thead .sorting_asc_disabled {

  background-image: none;

}

body table.dataTable thead .sorting_desc_disabled {

  background-image: none;

}

body table.dataTable thead .sorting_asc::after {

  font-family: "kallithea";

  content: "\23f6";

}

body table.dataTable thead .sorting_desc::after {

  font-family: "kallithea";

  content: "\23f7";

}

.dataTables_wrapper .dataTables_length {

  float: right !important;

}

.dataTables_wrapper .dataTables_filter {

  float: left !important;

}

        <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.literal(_('Gist was update 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>

            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>

                ${h.gravatar_div(c.authuser.email, size=32)}

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

                <textarea style="resize:vertical; width:400px;border: 1px solid #ccc;border-radius: 3px;"

                          id="description" name="description"

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

                <div style="padding:0px 0px 0px 42px">

                    <label for='lifetime'>${_('Gist lifetime')}</label>

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

                     %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="codeblock" style="margin-bottom: 4px">

                    <div style="padding: 10px 10px 10px 26px;color:#666666">

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

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

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

                    </div>

                    <div class="editor_container">

                        <pre id="editor_pre"></pre>

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

                    </div>

                </div>

                ## dynamic edit box.

                <script type="text/javascript">

<%def name="main()">

<div class="panel panel-primary">

    <!-- box / title -->

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

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

        <ul class="links">

          <li>

             <a href="${h.url('new_gist')}" class="btn btn-success btn-xs"><i class="icon-plus"></i> ${_('Create New Gist')}</a>

          </li>

        </ul>

        %endif

    </div>

    %if c.gists_pager.item_count>0:

        % for gist in c.gists_pager:

          <div class="gist-item" style="padding:10px 20px 10px 15px">

            ${h.gravatar_div(gist.owner.email, size=28)}

            <div title="${gist.owner.full_contact}" class="user" style="font-size: 16px">

                <b>${h.person(gist.owner.full_contact)}</b> /

                <b><a href="${h.url('gist',gist_id=gist.gist_access_id)}">gist: ${gist.gist_access_id}</a></b>

            </div>

            <div style="padding: 4px 0px 0px 0px">

                ${_('Created')} ${h.age(gist.created_on)} /

                  %if gist.gist_expires == -1:

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

                  %else:

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

                  %endif

                </span>

            </div>

          </div>

        % endfor

        <ul class="pagination">

            ${c.gists_pager.pager(**request.GET.mixed())}

        </ul>

    %else:

        <div class="table">${_('There are no gists yet')}</div>

    %endif

</div>

</%def>

        ${self.breadcrumbs()}

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

        <ul class="links">

          <li>

              <a href="${h.url('new_gist')}" class="btn btn-success btn-sm"><i class="icon-plus"></i> ${_('Create New Gist')}</a>

          </li>

        </ul>

        %endif

    </div>

    <div class="table">

        <div id="files_data">

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

                <div class="code-header">

                    <div class="stats">

                        <div class="left" style="margin: -4px 0px 0px 0px">

                          %if c.gist.gist_type == 'public':

                            <div class="label label-success">${_('Public Gist')}</div>

                          %else:

                            <div class="label label-warning">${_('Private Gist')}</div>

                          %endif

                        </div>

                        <div class="left item">

                            ${c.gist.gist_description}

                        </div>

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

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

                         %else:

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

                         %endif

                        </div>

                       %if h.HasPermissionAny('hg.admin')() or c.gist.gist_owner == c.authuser.user_id:

                        <div style="float:right">

                            ${h.form(url('gist_delete', gist_id=c.gist.gist_id))}

                                ${h.submit('remove_gist', _('Delete'),class_="btn btn-danger btn-xs",onclick="return confirm('"+_('Confirm to delete this Gist')+"');")}

                            ${h.end_form()}

                        </div>

                       %endif

                        <div class="buttons">

                          ## only owner should see that

                          %if h.HasPermissionAny('hg.admin')() or c.gist.gist_owner == c.authuser.user_id:

                            ${h.link_to(_('Edit'),h.url('edit_gist', gist_id=c.gist.gist_access_id),class_="btn btn-default btn-xs")}

                          %endif

                          ${h.link_to(_('Show as Raw'),h.url('formatted_gist', gist_id=c.gist.gist_access_id, format='raw'),class_="btn btn-default btn-xs")}

                        </div>

                    </div>

                    <div class="author">

<h3>${_('Parent')}</h3>

${h.form(url('edit_repo_advanced_fork', repo_name=c.repo_info.repo_name))}

<div class="form">

       ${h.select('id_fork_of','',c.repos_list,class_="medium")}

       ${h.submit('set_as_fork_%s' % c.repo_info.repo_name,_('Set'),class_="btn btn-default btn-sm")}

       <ul>

            <li>${_('''Manually set this repository as a fork of another from the list.''')}</li>

       </ul>

       </div>

</div>

${h.end_form()}

<script>

    $(document).ready(function(){

        $("#id_fork_of").select2({

            'dropdownAutoWidth': true

        });

    });

</script>

<h3>${_('Public Journal Visibility')}</h3>

${h.form(url('edit_repo_advanced_journal', repo_name=c.repo_info.repo_name))}

<div class="form">

  <div class="field">

  %if c.in_public_journal:

    <button class="btn btn-default btn-sm" type="submit">

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

        ${_('Remove from public journal')}

    </button>

  %else:

    <button class="btn btn-default btn-sm" type="submit">

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

        ${_('Add to Public Journal')}

    </button>

  %endif

  </div>

 <ul>

      <li>${_('All actions done in this repository will be visible to everyone in the public journal.')}</li>

 </ul>

 </div>

</div>

${h.end_form()}

<h3>${_('Change Locking')}</h3>

${h.form(url('edit_repo_advanced_locking', repo_name=c.repo_info.repo_name))}

<div class="form">

      %if c.repo_info.locked[0]:

        ${h.hidden('set_unlock', '1')}

        <button class="btn btn-default btn-sm" type="submit"

                onclick="return confirm('${_('Confirm to unlock repository.')}');">

            <i class="icon-lock-open-alt"></i>

            ${_('Unlock Repository')}

        </button>

       ${_('Locked by %s on %s') % (h.person_by_id(c.repo_info.locked[0]),h.fmt_date(h.time_to_datetime(c.repo_info.locked[1])))}

      %else:

        ${h.hidden('set_lock', '1')}

        <button class="btn btn-default btn-sm" type="submit"

                onclick="return confirm('${_('Confirm to lock repository.')}');">

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

            ${_('Lock Repository')}

        </button>

        ${_('Repository is not locked')}

      %endif

   <ul>

        <li>${_('Force locking on the repository. Works only when anonymous access is disabled. Triggering a pull locks the repository.  The user who is pulling locks the repository; only the user who pulled and locked it can unlock it by doing a push.')}

        </li>

   </ul>

   </div>

</div>

${h.end_form()}

<h3>${_('Delete')}</h3>

${h.form(url('delete_repo', repo_name=c.repo_name))}

<div class="form">

    <button class="btn btn-danger btn-sm" type="submit"

            onclick="return confirm('${_('Confirm to delete this repository: %s') % c.repo_name}');">

        <i class="icon-minus-circled"></i>

        ${_('Delete this Repository')}

    </button>

    %if c.repo_info.forks.count():

        ${ungettext('This repository has %s fork', 'This repository has %s forks', c.repo_info.forks.count()) % c.repo_info.forks.count()}

        <input type="radio" name="forks" value="detach_forks" checked="checked"/> <label for="forks">${_('Detach forks')}</label>

        <input type="radio" name="forks" value="delete_forks" /> <label for="forks">${_('Delete forks')}</label>

    %endif

        <ul>

        <li>${_('The deleted repository will be moved away and hidden until the administrator expires it. The administrator can both permanently delete it or restore it.')}</li>

        </ul>

    </div>

</div>

${h.end_form()}

${h.form(url('update_repo_caches', repo_name=c.repo_name))}

<div class="form">

   <div class="fields">

       ${h.submit('reset_cache_%s' % c.repo_info.repo_name,_('Invalidate Repository Cache'),class_="btn btn-default btn-sm")}

      <ul>

          <li>${_('Manually invalidate cache for this repository. On first access, the repository will be cached again.')}

          </li>

      </ul>

      </div>

      <div class="field" style="border:none;">

        ${_('List of Cached Values')}

           <table class="table">

           <tr>

            <th>${_('Prefix')}</th>

            <th>${_('Key')}</th>

            <th>${_('Active')}</th>

            </tr>

          %for cache in c.repo_info.cache_keys:

              <tr>

                <td>${cache.get_prefix() or '-'}</td>

                <td>${cache.cache_key}</td>

                <td>${h.boolicon(cache.cache_active)}</td>

              </tr>

          %endfor

          </table>

      </div>

   </div>

</div>

${h.form(url('edit_repo_statistics_update', repo_name=c.repo_info.repo_name))}

<div class="form">

    <div class="form-horizontal">

        <ul>

            <li>${_('Processed commits')}: ${c.stats_revision}/${c.repo_last_rev}</li>

            <li>${_('Processed progress')}: ${c.stats_percentage}%</li>

        </ul>

       </div>

        ${h.submit('reset_stats_%s' % c.repo_info.repo_name,_('Reset Statistics'),class_="btn btn-default btn-sm",onclick="return confirm('"+_('Confirm to remove current statistics.')+"');")}

   </div>

</div>

${h.end_form()}

<dl class="dl-horizontal">

<%

 elems = [

    (_('Kallithea version'), h.literal('%s <b><span style="color:#036185; text-decoration: underline;cursor: pointer" id="check_for_update" >%s</span></b>' % (c.kallithea_version, _('Check for updates'))), ''),

    (_('Kallithea configuration file'), c.ini['__file__'], ''),

    (_('Python version'), c.py_version, ''),

    (_('Platform'), c.platform, ''),

    (_('Git version'), c.git_version, ''),

    (_('Git path'), c.ini.get('git_path'), ''),

 ]

%>

<div id="update_notice" style="display: none">

    <div style="padding: 5px 0px 5px 0px; color: #000000; font-weight: bold">${_('Checking for updates...')}</div>

</div>

%for dt, dd, tt in elems:

  <dt style="width:150px; text-align: left">${dt}:</dt>

  <dd style="margin-left: 160px" title="${tt}">${dd}</dd>

%endfor

</dl>

<h4>${_('Python Packages')}</h4>

<table class="table" style="margin:0px 0px 0px 0px">

  <colgroup>

      <col style="width:180px">

  </colgroup>

  <tbody>

      %for key, value in c.modules:

          <tr>

              <td style="padding-right:5px;">${key}</td>

              <td>${value}</td>

          </tr>

      %endfor

        %if co.status_change:

           <div class="automatic-comment">

             <p>

               <span title="${_('Changeset status')}" class="changeset-status-lbl">${_("Status change")}: ${co.status_change[0].status_lbl}</span>

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

             </p>

           </div>

        %endif

        %if co.text:

          ${h.render_w_mentions(co.text, c.repo_name)|n}

        %endif

      </div>

    </div>

  </div>

</%def>

<%def name="comment_inline_form()">

<div id='comment-inline-form-template' style="display:none">

  <div class="ac">

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

    ${h.form('#', class_='inline-form')}

      <div class="clearfix">

        <div class="comment-help">${_('Commenting on line.')}

        </div>

        <div class="mentions-container"></div>

        <textarea name="text" class="comment-block-ta yui-ac-input"></textarea>

        <div id="status_block_container" class="status-block general-only hidden">

                %if c.pull_request is None:

                  ${_('Set changeset status')}:

                %else:

                  ${_('Vote for pull request status')}:

                %endif

                <span class="general-only cs-only">

                </span>

                <label>

                    <input type="radio" class="status_change_radio" name="changeset_status" id="changeset_status_unchanged" value="" checked="checked" />

                    ${_('No change')}

                </label>

                %for status, lbl in c.changeset_statuses:

                    <label>

                        <input type="radio" class="status_change_radio" name="changeset_status" id="${status}" value="${status}">

                        ${lbl}<i class="icon-circle changeset-status-${status}" /></i>

                    </label>

                %endfor

                %if c.pull_request is not None and ( \

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

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

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

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

                <div>

                    ${h.hidden('compare_org')}

                </div><div>

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

                </div><div>

                    ${h.hidden('compare_other')}

                </div><div>

                    %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

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

                </div>

            </div>

        </div>

    %if c.compare_home:

        <div id="changeset_compare_view_content">

        </div>

    %else:

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

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

                ## FILES

                <div style="font-size:1.1em;font-weight: bold;clear:both;padding-top:10px">

                % 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

                ${c.ignorews_url(request.GET)}

                ${c.context_url(request.GET)}

                </div>

                <div class="cs_files">

                  %if not c.file_diff_data:

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

                  %endif

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

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

            <div class="code-header">

                <div class="stats">

                    <div class="left"><i class="icon-doc-inv"></i></div>

                    <div class="left item">${h.link_to(h.show_id(c.file.changeset),h.url('changeset_home',repo_name=c.repo_name,revision=c.file.changeset.raw_id))}</div>

                    <div class="left item">${h.format_byte_size(c.file.size,binary=True)}</div>

                    <div class="left item last">${c.file.mimetype}</div>

                    <div class="buttons">

                      ${h.link_to(_('Show Annotation'),h.url('files_annotate_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path),class_="btn btn-default btn-xs")}

                      ${h.link_to(_('Show as Raw'),h.url('files_raw_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path),class_="btn btn-default btn-xs")}

                      ${h.link_to(_('Download as Raw'),h.url('files_rawfile_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path),class_="btn btn-default btn-xs")}

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

                       % if not c.file.is_binary:

                        ${h.link_to(_('Source'),h.url('files_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path),class_="btn btn-default btn-xs")}

                       % endif

                      % endif

                    </div>

                </div>

                <label class="commit" for="mimetype">${_('Editing file')}: ${c.file.unicode_path}</label>

                <select id="mimetype" name="mimetype"/>

            </div>

                <pre id="editor_pre"></pre>

                <textarea id="editor" name="content" style="display:none">${h.escape(c.file.content)|n}</textarea>

                <textarea id="commit" name="message" style="height: 60px;width: 99%;margin-left:4px" placeholder="${c.default_message}"></textarea>

            </div>

            <div style="text-align: left;padding-top: 5px">

            ${h.submit('commit',_('Commit Changes'),class_="btn btn-success")}

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

            </div>

            ${h.end_form()}

        </div>

    </div>

</div>

<script type="text/javascript">

    $(document).ready(function(){

        var reset_url = "${h.url('files_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.file.path)}";

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

       //inject new modes, based on codeMirrors modeInfo object

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