</div>

                 </div>

                <div class="field">

                    <div class="label">

                        <label for="users_group_active">${_('Members')}:</label>

                    </div>

                    <div class="select">

                        <table>

                                <tr>

                                    <td>

                                        <div>

                                            <div style="float:left">

                                                <div class="text" style="padding: 0px 0px 6px;">${_('Chosen group members')}</div>

                                                ${h.select('users_group_members',[x[0] for x in c.group_members],c.group_members,multiple=True,size=8,style="min-width:210px")}

                                               <div id="remove_all_elements" style="cursor:pointer;text-align:center">

                                                   ${_('Remove all elements')}

                                                   <img alt="remove" style="vertical-align:text-bottom" src="${h.url('/images/icons/arrow_right.png')}"/>

                                               </div>

                                            </div>

                                            <div style="float:left;width:20px;padding-top:50px">

                                                <img alt="add" id="add_element"

                                                    style="padding:2px;cursor:pointer"

                                                    src="${h.url('/images/icons/arrow_left.png')}"/>

                                                <br />

                                                <img alt="remove" id="remove_element"

                                                    style="padding:2px;cursor:pointer"

                                                    src="${h.url('/images/icons/arrow_right.png')}"/>

                                            </div>

                                            <div style="float:left">

                                                 <div class="text" style="padding: 0px 0px 6px;">${_('Available members')}</div>

                                                 ${h.select('available_members',[],c.available_members,multiple=True,size=8,style="min-width:210px")}

                                                 <div id="add_all_elements" style="cursor:pointer;text-align:center">

                                                       <img alt="add" style="vertical-align:text-bottom" src="${h.url('/images/icons/arrow_left.png')}"/>

                                                        ${_('Add all elements')}

                                                 </div>

                                            </div>

                                        </div>

                                    </td>

                                </tr>

                        </table>

                    </div>

                </div>

                <div class="buttons">

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

                </div>

            </div>

    </div>

${h.end_form()}

    <div class="group_members_wrap">

    % if c.group_members_obj:

      <ul class="group_members">

      %for user in c.group_members_obj:

        <li>

          <div class="group_member">

            <div class="gravatar"><img alt="gravatar" src="${h.gravatar_url(user.email,24)}"/> </div>

            <div>${h.link_to(user.username, h.url('edit_user',id=user.user_id))}</div>

            <div>${user.full_name}</div>

          </div>

        </li>

      %endfor

      </ul>

      %else:

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

      %endif

    </div>

</div>

<div class="box box-right">

    <div class="title">

        <h5>${_('Permissions')}</h5>

    </div>

    ${h.form(url('set_user_group_perm_member', id=c.users_group.users_group_id),method='post')}

    <div class="form">

       <div class="fields">

            <div class="field">

                <div class="label">

                    <label for="input">${_('Permissions')}:</label>

                </div>

                <div class="input">

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

                </div>

            </div>

            <div class="buttons">

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

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

            </div>

       </div>

    </div>

    ${h.end_form()}

</div>

<div class="box box-right">

    <!-- box / title -->

    <div class="title">

    </div>

    ${h.form(url('users_group_perm', id=c.users_group.users_group_id), method='put')}

    <div class="form">

        <!-- fields -->

        <div class="fields">

             <div class="field">

                <div class="label label-checkbox">

                    <label for="inherit_permissions">${_('Inherit default permissions')}:</label>

                </div>

                <div class="checkboxes">

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

                </div>

                <span class="help-block">${h.literal(_('Select to inherit permissions from %s settings. '

                                             'With this selected below options does not have any action') % h.link_to('default', url('edit_permission', id='default')))}</span>

             </div>

             <div id="inherit_overlay" style="${'opacity:0.3' if c.users_group.inherit_default_permissions else ''}" >

             <div class="field">

                <div class="label label-checkbox">

                    <label for="create_repo_perm">${_('Create repositories')}:</label>

                </div>

                <div class="checkboxes">

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

                </div>

             </div>

             <div class="field">

                <div class="label label-checkbox">

                    <label for="fork_repo_perm">${_('Fork repositories')}:</label>

                </div>

                <div class="checkboxes">

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

                </div>

             </div>

             </div>

            <div class="buttons">

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

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

            </div>

        </div>

    </div>

    ${h.end_form()}

</div>

<script type="text/javascript">

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

</script>

</%def>

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

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

<%def name="title()">

    ${_('User groups administration')} · ${c.rhodecode_name}

</%def>

<%def name="breadcrumbs_links()">

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

    »

    ${_('User groups')}

</%def>

<%def name="page_nav()">

    ${self.menu('admin')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

        <ul class="links">

          <li>

            <span>${h.link_to(_(u'Add new user group'),h.url('new_users_group'))}</span>

          </li>

        </ul>

    </div>

    <!-- end box / title -->

    <div class="table">

        <table class="table_disp">

        <tr class="header">

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

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

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

        </tr>

            %for cnt,u_group in enumerate(c.users_groups_list):

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

                    <td>${h.link_to(u_group.users_group_name,h.url('edit_users_group', id=u_group.users_group_id))}</td>

                    <td><span class="tooltip" title="${h.tooltip(', '.join(map(h.safe_unicode,[x.user.username for x in u_group.members[:50]])))}">${len(u_group.members)}</span></td>

                    <td>${h.boolicon(u_group.users_group_active)}</td>

                    <td>

                        ${h.form(url('users_group', id=u_group.users_group_id),method='delete')}

                            ${h.submit('remove_',_('delete'),id="remove_group_%s" % u_group.users_group_id,

                            class_="delete_icon action_button",onclick="return  confirm('"+_('Confirm to delete this user group: %s') % u_group.users_group_name+"');")}

                        ${h.end_form()}

                    </td>

                </tr>

            %endfor

        </table>

    </div>

</div>

</%def>