}

     </style>

    <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/kallithea-ie7.css"><![endif]-->

      function toggleCodes(on) {

        var obj = document.getElementById('icons');

(function() {

  var loading = {};

  function splitCallback(cont, n) {

// branch_renderer.js - Rendering of branch DAGs on the client side

//

// Copyright 2010 Marcin Kuzminski <marcin AT python-works DOT com>

			var next = document.getElementById(row_id_prefix+(idx+1));

			var extra = 0;

			// center dots on the first element in a td (not necessarily the first one, but there must be one)

			var firstincell = $(row).find('td>*:visible')[0];

			var nextY = Math.floor((next == null) ? rowY + row.offsetHeight/2 : next.offsetTop + nextFirstincell.offsetTop + nextFirstincell.offsetHeight/2);

			for (var j in in_l) {

				// figure out if this is a dead-end;

				// we want to fade away this line

				var dead_end = true;

				if (next != null) {

					for (var k=0; k < next_l.length; ++k) {

						if (next_l[k][0] == end) {

							dead_end = false;

				this.ctx.setLineDash([]); // reset the dashed line, if any

			}

			this.setColor(color, 0.25, 0.75);

			if(unstable_node)

				this.ctx.fillStyle = 'rgb(255, 0, 0)';

			}

			if (obsolete_node)

			{

				this.ctx.beginPath();

    </div>

</div>

$(document).ready(function() {

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

    var $jfilter = $('#j_filter');

    %endfor

</table>

  $(document).ready(function(){

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

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

    </div>

</div>

    $('.toggle-plugin').click(function(e){

        var $auth_plugins_input = $('#auth_plugins');

        var notEmpty = function(element, index, array) {

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

            if (typeof jQuery != 'undefined') {

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

            }

                </div>

                ## dynamic edit box.

                    $(document).ready(function(){

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

            <a class="btn btn-default" href="${h.url('gist', gist_id=c.gist.gist_access_id)}">${_('Cancel')}</a>

            </div>

          ${h.end_form()}

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

                  e.preventDefault();

            ${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)}, '');

''')}</p>

</div>

    $(document).ready(function(){

        $("#lifetime").select2({

            'dropdownAutoWidth': true

    <table class="table" id="datatable_list_wrap" width="100%"></table>

</div>

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

  var myDataTable = $("#datatable_list_wrap").DataTable({

        data: data.records,

    <table class="table" id="datatable_list_wrap" width="100%"></table>

</div>

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

  var myDataTable = $("#datatable_list_wrap").DataTable({

        data: data.records,

    </div>

    ${h.end_form()}

</div>

    $(document).ready(function(){

        var setCopyPermsOption = function(group_val){

            if(group_val != "-1"){

</div>

${h.end_form()}

    function ajaxActionRevoke(obj_id, obj_type, field_id, obj_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();

</div>

${h.end_form()}

    $(document).ready(function(){

        $("#parent_group_id").select2({

            'dropdownAutoWidth': true

        <table class="table" id="datatable_list_wrap" width="100%"></table>

    </div>

</div>

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

  var myDataTable = $("#datatable_list_wrap").DataTable({

        data: data.records,

            </div>

        </div>

</div>

    $(document).ready(function(){

        var setCopyPermsOption = function(group_val){

            if(group_val != "-1"){

    </div>

</div>

(function worker() {

  $.ajax({

    url: ${h.js(h.url('repo_check_home', repo_name=c.repo_name, repo=c.repo, task_id=c.task_id))},

</div>

${h.end_form()}

    $(document).ready(function(){

        $("#id_fork_of").select2({

            'dropdownAutoWidth': true

</div>

${h.end_form()}

    function ajaxActionRevoke(obj_id, obj_type, field_id, obj_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);

    </div>

    ${h.end_form()}

    $(document).ready(function(){

        $('#repo_landing_rev').select2({

            'dropdownAutoWidth': true

    </div>

</div>

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

  var myDataTable = $("#datatable_list_wrap").DataTable({

        data: data.records,

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

    </div>

    ${h.end_form()}

        $(document).ready(function(){

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

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

    ${h.end_form()}

</div>

    $(document).ready(function(){

        $('#users_group_name').focus();

    });

</div>

${h.end_form()}

    function ajaxActionRevoke(obj_id, obj_type, field_id, obj_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);

                </div>

    </div>

${h.end_form()}

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

</script>

        <table class="table" id="datatable_list_wrap" width="100%"></table>

    </div>

</div>

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

    var $dataTable = $("#datatable_list_wrap").DataTable({

        data: data.records,

    ${h.end_form()}

</div>

    $(document).ready(function(){

        $('#username').focus();

    });

    ${h.end_form()}

</div>

    $(document).ready(function(){

        $("#lifetime").select2({

            'dropdownAutoWidth': true

    </div>

</div>

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

    var $dataTable = $("#datatable_list_wrap").DataTable({

        data: data.records,

    </div>

    </div>

  </nav>

    $(document).ready(function() {

      var bcache = {};

    </li>

  </ul>

        $(document).ready(function(){

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

            var cache = {}

        </div>

    </div>

      $(document).ready(function(){

          activate_parent_child_links();

      });

            </div>

        % endfor

    % endif

    if (typeof jQuery != 'undefined') {

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

    }

        %endif

     %endfor

</div>

    $(document).ready(function(){

        var show_empty = function(section){

            var visible = $('.section_{0} tr.perm_row:visible'.format(section)).length;

        <%block name="css_extra"/>

        ## JAVASCRIPT ##

            ## JS translations map

            var TRANSLATION_MAP = {

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

        <script src="${h.url('/js/base.js', ver=c.kallithea_version)}"></script>

        ## EXTRA FOR JS

        <%block name="js_extra"/>

            $(document).ready(function(){

              tooltip_activate();

              show_more_event();

                ${c.cs_pagination.pager()}

        <script src="${h.url('/js/graph.js', ver=c.kallithea_version)}"></script>

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

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

    </tbody>

    </table>

  $(document).ready(function() {

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

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

  <div class="panel-heading clearfix">

    ${self.breadcrumbs()}

  </div>

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

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

  </script>

    </div>

    ## FORM FOR MAKING JS ACTION AS CHANGESET COMMENTS

      $(document).ready(function(){

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

              show_comment_form($(this));

  </div>

</div>

$(document).ready(function () {

</%def>

<%def name="diff_block_js()">

$(document).ready(function(){

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

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

<script src="${h.url('/js/graph.js', ver=c.kallithea_version)}"></script>

%endif

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

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

    </div>

</div>

   $(document).ready(function(){

    var cache = {};

        </div>

    </div>

var orig1_url = ${h.jshtml(h.url('files_raw_home',repo_name=c.repo_name,f_path=c.node1.path,revision=c.cs1.raw_id))};

var orig2_url = ${h.jshtml(h.url('files_raw_home',repo_name=c.repo_name,f_path=c.node2.path,revision=c.cs2.raw_id))};

    </div>

</div>

var CACHE = {};

var CACHE_EXPIRE = 5*60*1000; //cache for 5*60s

//used to construct links from the search list

    }

    function highlight_lines(lines){

          $('#L'+lines[pos]).css('background-color','#FFFFBE');

        }

    }

    if (page_highlights.length == 2){

       var h_lines = [];

            var _range = highlight_ranges[pos].split('-');

            if(_range.length == 2){

                var start = parseInt(_range[0]);

              </div>

            </div>

            ${h.end_form()}

                $(document).ready(function(){

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

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

    </div>

</div>

    $(document).ready(function(){

        // init node filter if we pass GET param ?search=1

        var search_GET = ${h.js(request.GET.get('search',''))};

    </div>

</div>

    $(document).ready(function(){

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

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

        </div>

    </div>

</div>

  $(document).ready(function(){

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

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

    </div>

    ${h.end_form()}

</div>

    $(document).ready(function(){

        $("#repo_group").select2({

            'dropdownAutoWidth': true

        </div>

    </div>

</div>

  $(document).ready(function(){

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

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

        </div>

    </div>

        var data = ${h.js(c.data)},

            $dataTable = $("#repos_list_wrap").DataTable({

                data: data.records,

        </div>

    </div>

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

        var $jfilter = $('#j_filter');

</script>

    $(document).ready(function(){

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

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

            </div>

        </div>

        ${h.end_form()}

        $(document).ready(function(){

            $('#username').focus();

        });

                </div>

        </div>

        ${h.end_form()}

         $(document).ready(function(){

            $('#email').focus();

         });

</div>

<script src="${h.url('/js/graph.js', ver=c.kallithea_version)}"></script>

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

  var pendingajax = undefined;

          '__other_ref_name__': other_ref[2]

      }; // gather the org/other ref and repo here