<div class="box box-right">

    <!-- box / title -->

    <div class="title">

        <h5>

        <input class="q_filter_box" id="q_filter" size="15" type="text" name="filter" value="${_('quick filter...')}" style="display: none"/>

        </h5>

         <ul class="links" style="color:#DADADA">

           <li>

             <span><a id="show_perms" class="link-white current" href="#perms">${_('My permissions')}</a> </span>

           </li>

           <li>

             <span><a id="show_my" class="link-white" href="#my">${_('My repos')}</a> </span>

           </li>

           <li>

             <span><a id="show_pullrequests" class="link-white" href="#pullrequests">${_('My pull requests')}</a> </span>

           </li>

           %if h.HasPermissionAny('hg.admin','hg.create.repository')():

             <li>

               <span>${h.link_to(_('Add repo'),h.url('admin_settings_create_repository'))}</span>

             </li>

           %endif

         </ul>

    </div>

    <!-- end box / title -->

           %for section in sorted(c.rhodecode_user.permissions.keys()):

            <div class="perms_section_head">${section.replace("_"," ").capitalize()}</div>

            <div id='tbl_list_wrap_${section}' class="yui-skin-sam">

            <table id="tbl_list_${section}">

              <thead>

                  <tr>

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

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

              </thead>

              <tbody>

            %for k in c.rhodecode_user.permissions[section]:

           <%

           if section != 'global':

               section_perm = c.rhodecode_user.permissions[section].get(k)

               _perm = section_perm.split('.')[-1]

           else:

               _perm = section_perm = None

           %>

            %if _perm not in ['none']:

                <tr>

                    <td>

                        %if section == 'repositories':

                            <a href="${h.url('summary_home',repo_name=k)}">${k}</a>

                        %elif section == 'repositories_groups':

                            <a href="${h.url('repos_group_home',group_name=k)}">${k}</a>

                        %else:

                            ${k}

                        %endif

                    </td>

                    <td>

                        %if section == 'global':

                         ${h.bool2icon(True)}

                        %else:

                        <span class="perm_tag ${_perm}">${section_perm}</span>

                        %endif

                     </td>

                </tr>

             %endif

            %endfor

            </tbody>

            </table>

            </div>

           %endfor

    </div>

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

        <div class="table yui-skin-sam" id="repos_list_wrap"></div>

        <div id="user-paginator" style="padding: 0px 0px 0px 20px"></div>

    </div>

    <div id="pullrequests_container" class="table" style="display:none">

        ## loaded via AJAX

        ${_('Loading...')}

    </div>

</div>

<script type="text/javascript">

var show_perms = function(e){

    YUD.addClass('show_perms', 'current');

    YUD.removeClass('show_my','current');

    YUD.removeClass('show_pullrequests','current');

    YUD.setStyle('my_container','display','none');

    YUD.setStyle('pullrequests_container','display','none');

    YUD.setStyle('perms_container','display','');

    YUD.setStyle('q_filter','display','none');

}

YUE.on('show_perms','click',function(e){

    show_perms();