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

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

<%block name="title">

    ${_('Admin Journal')}

</%block>

<%def name="breadcrumbs_links()">

    <form id="filter_form" class="pull-left form-inline input-group-sm">

        <input class="form-control q_filter_box ${'' if c.search_term else 'initial'}" id="j_filter" size="15" type="text" name="filter" value="${c.search_term or _('journal filter...')}"/>

        <span data-toggle="popover" data-content="${h.journal_filter_help()}">?</span>

        <input type='submit' value="${_('Filter')}" class="btn btn-default btn-xs"/>

        ${_('Admin Journal')} - ${ungettext('%s Entry', '%s Entries', c.users_log.item_count) % (c.users_log.item_count)}

    </form>

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

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

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

    </div>

</div>

$(document).ready(function() {

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

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

    if($jfilter.hasClass('initial')){

        $jfilter.val('');

    }

  });

  function fix_j_filter_width(len){

      $('#j_filter').css('width', Math.max(80, len*6.50)+'px');

  }

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

    fix_j_filter_width($('#j_filter').val().length);

  });

  $('#filter_form').submit(function (e) {

      e.preventDefault();

      var val = $('#j_filter').val();

      window.location = ${h.js(url.current(filter='__FILTER__'))}.replace('__FILTER__',val);

  });

  fix_j_filter_width($('#j_filter').val().length);

});

</script>

</%def>

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

%if c.users_log:

<table class="table">

    <tr>

        <th class="left">${_('Username')}</th>

        <th class="left">${_('Action')}</th>

        <th class="left">${_('Repository')}</th>

        <th class="left">${_('Date')}</th>

        <th class="left">${_('From IP')}</th>

    </tr>

    %for cnt,l in enumerate(c.users_log):

    <tr class="parity${cnt%2}">

        <td>

        %if l.user is not None:

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

    ${_('Authentication Settings')}

</%block>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Admin'),h.url('admin_home'))}

    »

    ${_('Authentication')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

    <div class="form panel-body settings">

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

    ## enabled auth plugins

    <h1>${_('Authentication Plugins')}</h1>

        <div class="form-group">

            <label class="control-label" for="auth_plugins">${_("Enabled Plugins")}</label>

            <div>

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

                <span class="help-block">${_('Comma-separated list of plugins; Kallithea will try user authentication in plugin order')}</span>

            </div>

        </div>

        <div class="form-group">

            <label class="control-label">${_('Available built-in plugins')}</label>

            <div>

                <ul class="list-group">

                %for plugin_path in c.available_plugins:

                    <li class="list-group-item">

                        <button type="button" data-plugin_id="${plugin_path}" class="toggle-plugin btn btn-default btn-xs ${'active' if plugin_path in c.enabled_plugin_names else ''}">

                            ${_('Enabled') if plugin_path in c.enabled_plugin_names else _('Disabled')}

                        </button>

                        ${plugin_path}

                    </li>

                %endfor

                </ul>

            </div>

        </div>

    %for cnt, module in enumerate(c.enabled_plugin_names):

        <% pluginName = c.plugin_shortnames[module] %>

        <h1>${_('Plugin')}: ${pluginName}</h1>

        ## autoform generation, based on plugin definition from it's settings

        %for setting in c.plugin_settings[module]:

            <% fullsetting = "auth_%s_%s" % (pluginName, setting["name"]) %>

            <% displayname = (setting["formname"] if ("formname" in setting) else setting["name"]) %>

            %if setting["type"] == "password":

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <div>

                    ${h.password(fullsetting,class_='form-control')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] in ["string", "int"]:

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <div>

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

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] == "bool":

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <div>

                    ${h.checkbox(fullsetting,True)}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %elif setting["type"] == "select":

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <div>

                    ${h.select(fullsetting,setting['values'][0],setting['values'],class_='form-control')}

                    <span class="help-block">${setting["description"]}</span>

                </div>

            </div>

            %else:

            <div class="form-group">

                <label class="control-label" for="${fullsetting}">${_(displayname)}</label>

                <div>This field is of type ${setting['type']}, which cannot be displayed. Must be one of [string|int|bool|select].</div>

                <span class="help-block">${setting["description"]}</span>

            </div>

            %endif

        %endfor

    %endfor

            <div class="form-group">

                <div class="buttons">

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

                </div>

            </div>

    ${h.end_form()}

    </div>

</div>

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

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

        function notEmpty(element) {

            return (element != "");

        }

        var elems = $auth_plugins_input.val().split(',').filter(notEmpty);

        var $cur_button = $(e.currentTarget);

        var plugin_id = $cur_button.data('plugin_id');

        if($cur_button.hasClass('active')){

            elems.splice(elems.indexOf(plugin_id), 1);

            $auth_plugins_input.val(elems.join(','));

            $cur_button.removeClass('active');

            $cur_button.html(_TM['Disabled']);

        }

        else{

            if(elems.indexOf(plugin_id) == -1){

                elems.push(plugin_id);

            }

            $auth_plugins_input.val(elems.join(','));

            $cur_button.addClass('active');

            $cur_button.html(_TM['Enabled']);

        }

    });

</script>

</%def>

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

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

<%block name="title">

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

</%block>

<%block name="js_extra">

  <script src="${h.url('/codemirror/lib/codemirror.js')}"></script>

  <script src="${h.url('/js/codemirror_loadmode.js')}"></script>

  <script src="${h.url('/codemirror/mode/meta.js')}"></script>

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

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

            </div>

            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

                   </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">${h.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

                        $mimetype_select.change(function(e){

                            var selected = e.currentTarget;

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

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

                            setCodeMirrorMode(myCodeMirror, detected_mode);

                            var proposed_ext = CodeMirror.findExtensionByMode(detected_mode);

                            var file_data = CodeMirror.getFilenameAndExt($filename_input.val());

                            var filename = file_data['filename'] || 'filename1';

                            $filename_input.val(filename + '.' + proposed_ext);

                        });

                        // on type the new filename set mode

                        $filename_input.keyup(function(){

                            var file_data = CodeMirror.getFilenameAndExt(this.value);

                            if(file_data['ext'] != null){

                                var detected_mode = CodeMirror.findModeByExtension(file_data['ext']) || CodeMirror.findModeByMIME('text/plain');

                                if (detected_mode){

                                    setCodeMirrorMode(myCodeMirror, detected_mode);

                                    $mimetype_select.val(detected_mode.mime);

                                }

                            }

                        });

                        // set mode on page load

                        var detected_mode = CodeMirror.findModeByExtension(${h.js(file.extension)});

                        if (detected_mode){

                            setCodeMirrorMode(myCodeMirror, detected_mode);

                            $mimetype_select.val(detected_mode.mime);

                        }

                    });

                </script>

            %endfor

            <div>

            ${h.submit('update',_('Update Gist'),class_="btn btn-success")}

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

                  // check for newer version.

                  $.ajax({

                    url: ${h.js(h.url('edit_gist_check_revision', gist_id=c.gist.gist_access_id))},

                    data: {'revision': ${h.js(c.file_changeset.raw_id)}, '_session_csrf_secret_token': _session_csrf_secret_token},

                    dataType: 'json',

                    type: 'POST',

                    success: function(data) {

                      if(data.success == false){

                          $('#edit_error').show();

                      }

                      else{

                        $('#eform').submit();

                      }

                    }

                  });

              });

          </script>

        </div>

    </div>

</div>

</%def>

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

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

<%block name="title">

    ${_('New Gist')}

</%block>

<%block name="js_extra">

  <script src="${h.url('/codemirror/lib/codemirror.js')}"></script>

  <script src="${h.url('/js/codemirror_loadmode.js')}"></script>

  <script src="${h.url('/codemirror/mode/meta.js')}"></script>

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

                $mimetype_select.change(function(e){

                    var selected = e.currentTarget;

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

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

                    setCodeMirrorMode(myCodeMirror, detected_mode);

                    var proposed_ext = CodeMirror.findExtensionByMode(detected_mode);

                    var file_data = CodeMirror.getFilenameAndExt($filename_input.val());

                    var filename = file_data['filename'] || 'filename1';

                    $filename_input.val(filename + '.' + proposed_ext);

                });

                // on type the new filename set mode

                $filename_input.keyup(function(){

                    var file_data = CodeMirror.getFilenameAndExt(this.value);

                    if(file_data['ext'] != null){

                        var detected_mode = CodeMirror.findModeByExtension(file_data['ext']) || CodeMirror.findModeByMIME('text/plain');

                        if (detected_mode){

                            setCodeMirrorMode(myCodeMirror, detected_mode);

                            $mimetype_select.val(detected_mode.mime);

                        }

                    }

                });

            });

          </script>

        </div>

    </div>

</div>

</%def>

<table class="table">

    <tr>

        <td><div class="truncate autoexpand">${c.user.api_key}</div></td>

        <td>

            <span class="label label-success">${_('Built-in')}</span>

        </td>

        <td>${_('Expires')}: ${_('Never')}</td>

        <td>

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

                ${h.hidden('del_api_key',c.user.api_key)}

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

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

                        onclick="return confirm('${_('Confirm to reset this API key: %s') % c.user.api_key}');">

                    ${_('Reset')}

                </button>

            ${h.end_form()}

        </td>

    </tr>

    %if c.user_api_keys:

        %for api_key in c.user_api_keys:

          <tr class="${'expired' if api_key.is_expired else ''}">

            <td><div class="truncate autoexpand">${api_key.api_key}</div></td>

            <td>${api_key.description}</td>

            <td>

                 %if api_key.expires == -1:

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

                 %else:

                    %if api_key.is_expired:

                        ${_('Expired')}: ${h.age(h.time_to_datetime(api_key.expires))}

                    %else:

                        ${_('Expires')}: ${h.age(h.time_to_datetime(api_key.expires))}

                    %endif

                 %endif

            </td>

            <td>

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

                    ${h.hidden('del_api_key',api_key.api_key)}

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

                            onclick="return confirm('${_('Confirm to remove this API key: %s') % api_key.api_key}');">

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

                        ${_('Remove')}

                    </button>

                ${h.end_form()}

            </td>

          </tr>

        %endfor

    %else:

    <tr><td><div class="ip">${_('No additional API keys specified')}</div></td></tr>

    %endif

</table>

<div>

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

    <div class="form">

            <div class="form-group">

                <label class="control-label">${_('New API key')}</label>

            </div>

            <div class="form-group">

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

                <div>

                    ${h.text('description', class_='form-control', placeholder=_('Description'))}

                </div>

            </div>

            <div class="form-group">

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

                <div>

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

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

</div>

<div class="alert alert-warning">

<p>${_('''

API keys are used to let scripts or services access %s using your

account, as if you had provided the script or service with your actual

password.

''') % (c.site_name or 'Kallithea')}</p>

<p>${_('''

Like passwords, API keys should therefore never be shared with others,

nor passed to untrusted scripts or services. If such sharing should

happen anyway, reset the API key on this page to prevent further use.

''')}</p>

</div>

    $(document).ready(function(){

        $("#lifetime").select2({

            'dropdownAutoWidth': true

        });

    });

</script>

<h4>${_('Repositories You Own')}</h4>

<div>

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

</div>

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

  $("#datatable_list_wrap").DataTable({

        data: data.records,

        columns: [

            {data: "raw_name", "visible": false, searchable: false},

            {data: "name", "orderData": 1, title: ${h.jshtml(_('Name'))}},

            {data: "last_rev_raw", "visible": false, searchable: false},

            {data: "last_changeset", "orderData": 3, title: ${h.jshtml(_('Tip'))}, searchable: false},

            {data: "action", title: ${h.jshtml(_('Action'))}, sortable: false, searchable: false}

        ],

        order: [[2, "asc"]],

        dom: '<"dataTables_left"f><"dataTables_right"ip>t',

        pageLength: 100

    });

</script>

<h4>${_('Repositories You are Watching')}</h4>

<div>

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

</div>

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

  $("#datatable_list_wrap").DataTable({

        data: data.records,

        columns: [

            {data: "raw_name", "visible": false, searchable: false},

            {data: "name", "orderData": 1, title: ${h.jshtml(_('Name'))}},

            {data: "last_rev_raw", "visible": false, searchable: false},

            {data: "last_changeset", "orderData": 3, title: ${h.jshtml(_('Tip'))}, searchable: false},

        ],

        order: [[2, "asc"]],

        dom: '<"dataTables_left"f><"dataTables_right"ip>t',

        pageLength: 100

    });

</script>

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

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

<%block name="title">

    ${_('Add Repository Group')}

</%block>

<%def name="breadcrumbs_links()">

    ${h.link_to(_('Admin'),h.url('admin_home'))}

    »

    ${h.link_to(_('Repository Groups'),h.url('repos_groups'))}

    »

    ${_('Add Repository Group')}

</%def>

<%block name="header_menu">

    ${self.menu('admin')}

</%block>

<%def name="main()">

<div class="panel panel-primary">

    <div class="panel-heading clearfix">

        ${self.breadcrumbs()}

    </div>

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

    <div class="form panel-body settings">

            <div class="form-group">

                <label class="control-label" for="group_name">${_('Group name')}:</label>

                <div>

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

                </div>

            </div>

            <div class="form-group">

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

                <div>

                    ${h.textarea('group_description',cols=23,rows=5,class_='form-control')}

                </div>

            </div>

            <div class="form-group">

                <label class="control-label" for="parent_group_id">${_('Group parent')}:</label>

                <div>

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

                </div>

            </div>

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

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

                <div>

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

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

                </div>

            </div>

            <div class="form-group">

                <div class="buttons">

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

                </div>

            </div>

    </div>

    ${h.end_form()}

</div>

    $(document).ready(function(){

        function setCopyPermsOption(group_val){

            if(group_val != "-1"){

                $('#copy_perms').show();

            }

            else{

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

            }

        }

        $("#parent_group_id").select2({

            'dropdownAutoWidth': true

        });

        setCopyPermsOption($('#parent_group_id').val());

        $("#parent_group_id").on("change", function(e) {

            setCopyPermsOption(e.val);

        });

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

    });

</script>

</%def>

${h.form(url('edit_repo_group_perms', group_name=c.repo_group.group_name))}

<div class="form">

    <div>

        <div>

            <table id="permissions_manage" class="table">

                <tr>

                    <td>${_('None')}<br />(${_('Not visible')})</td>

                    <td>${_('Read')}<br />(${_('Visible')})</td>

                    <td>${_('Write')}<br />(${_('Add repos')})</td>

                    <td>${_('Admin')}<br />(${_('Add/Edit groups')})</td>

                    <td>${_('User/User Group')}</td>

                    <td></td>

                </tr>

                ## USERS

                %for r2p in c.repo_group.repo_group_to_perm:

                    ##forbid revoking permission from yourself, except if you're an super admin

                    <tr id="id${id(r2p.user.username)}">

                      %if request.authuser.user_id != r2p.user.user_id or request.authuser.is_admin:

                        <td>${h.radio('u_perm_%s' % r2p.user.username,'group.none')}</td>

                        <td>${h.radio('u_perm_%s' % r2p.user.username,'group.read')}</td>

                        <td>${h.radio('u_perm_%s' % r2p.user.username,'group.write')}</td>

                        <td>${h.radio('u_perm_%s' % r2p.user.username,'group.admin')}</td>