{% extends "two-column-content.html" %} {% block two_col_media %} <style> .organization-container .organization-row:last-child { border-bottom: none; } .org-logo { height: 2em; width: 2em; margin-right: 1em; margin-left: 0.5em; } .toggle { cursor: pointer; } </style> {% endblock %} {% block title_ruler %}{% endblock %} {% block left_sidebar %} {% include "user/user-left-sidebar.html" %} {% endblock %} {% macro org_list(title, queryset) %} {% if queryset %} <h3 style="padding-bottom: 1em" class="toggle open"><i class="fa fa-chevron-right fa-fw"></i> {{title}} ({{queryset.count()}})</h3> <div class="organization-container toggled"> {% for org in queryset %} <a href="{{ org.get_absolute_url() }}" class="organization-row"> {% if org.logo_override_image %} <img class="user-img org-logo" loading="lazy" src="{{ org.logo_override_image }}"> {% else %} <img class="org-logo" loading="lazy" src="{{ static('icons/icon.svg') }}" onerror="{{static('icons/logo.svg')}}"> {% endif %} <span style="margin-right: auto">{{ org.name }}</span> <span style="font-weight: normal"><i>{{ org.member_count }} {{_('members')}}</i></span> </a> {% endfor %} </div> {% endif %} {% endmacro %} {% block middle_content %} <a style="float: right" class="button small" href="{{url('organization_add')}}">{{_("Create group")}}</a> {{ org_list(_('My groups'), my_organizations) }} {{ org_list(_('Open groups'), open_organizations) }} {{ org_list(_('Private groups'), private_organizations) }} {% endblock %}