datatracker/ietf/templates/group/group_photos.html
Lars Eggert a8764f225f Track CSS class name changes in bs5.
- Legacy-Id: 19663
2021-11-15 16:49:09 +00:00

63 lines
3 KiB
HTML

{% extends "group/group_base.html" %}
{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% load origin static %}
{% block morecss %}
.well { max-width: 150px;}
{% endblock %}
{% block title %}{{ group }} ({{group.acronym}}) Photos{% endblock %}
{% block bodyAttrs %}data-bs-spy="scroll" data-bs-target="#affix"{% endblock %}
{% block group_content %}
{% origin %}
{% load ietf_filters %}
<h1>{{ group }} ({{group.acronym}}) Photos</h1>
{% regroup roles by name as role_groups %}
<div class="col-md-10">
{% for role_name in role_groups %}
<div class="row anchor-target" id="{{role_name.grouper|urlencode}}">
<div class="panel ">
<div class="card-header">{{role_name.grouper}}{{role_name.list|pluralize}}</div>
<div class="card-body">
<ul class="list-inline">
{% regroup role_name.list by person as person_groups %}
{% for person_with_groups in person_groups %}
<li class="list-inline-item">
<a href="{% url 'ietf.person.views.profile' email_or_name=person_with_groups.grouper.name %}">
<div class="well photo-thumbnail">
<div>
{% if person_with_groups.grouper.photo_thumb %}
<img width=100 src="{{person_with_groups.grouper.photo_thumb.url}}" alt="Photo of {{person_with_groups.grouper.name}}" />
{% elif person_with_groups.grouper.photo %}
<img width=100 src="{{person_with_groups.grouper.photo.url}}" alt="Photo of {{person_with_groups.grouper.name}}" />
{% else %}
<img width=100 src="{{ MEDIA_URL }}photo/nopictureavailable.jpg" alt="No picture available"/>
{% endif %}
</div>
<div >
<strong>{{person_with_groups.grouper.plain_name}}</strong>
</div>
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="col-md-1 d-print-none bs-docs-sidebar" id="affix">
<ul class="nav nav-pills nav-stacked small fixed" data-bs-spy="affix">
{% for role_name in role_groups %}
<li><a href="#{{role_name.grouper|urlencode}}">{{role_name.grouper}}</a></li>
{% endfor %}
</ul>
</div>
{% endblock %}