{# /** * @file * Default theme implementation to present all user data. * * This template is used when viewing a registered user's page, * e.g., example.com/user/123. 123 being the user's ID. * * Available variables: * - content: A list of content items. Use 'content' to print all content, or * print a subset such as 'content.field_example'. Fields attached to a user * such as 'user_picture' are available as 'content.user_picture'. * - attributes: HTML attributes for the container element. * - user: A Drupal User entity. * * @see template_preprocess_user() * * @ingroup themeable */ #} <article{{ attributes }}> <div class="bio-header bio-header-top"> <div class="col-xs-12 col-sm-3 bio-top-right"> {% if (content.user_picture.0 != '') and (user.field_use_opic.value == false) %} {{ content.user_picture }} {% elseif user.field_use_opic.value %} <img src="https://opic.osu.edu/{{ content.field_osu_name_num.0 }}?aspect=p&width=300" alt="{{ content.field_first_name.0 }} {{ content.field_last_name.0 }}" /> {% else %} <img src="/themes/asc_bootstrap/images/profile-avatar/user-profile.png" alt="{{ content.field_first_name.0 }} {{ content.field_last_name.0 }}" /> {% endif %} </div> <div class="col-xs-12 col-sm-5 bio-top-left"> <h1> {{ content.field_first_name.0 }} {{ content.field_last_name.0 }} </h1> {% if content.field_your_title.0 != '' %} <p class="bio-title"> {{ content.field_your_title.0 }} {% if content.field_pronoun.0 != '' %} <br/> <span class="bio-pronoun"> <i>{{ content.field_pronoun.0 }}</i> </span> {% endif %} </p> {% endif %} {% if content.field_people_hide_email.0['#markup'] != "On" %} <p> <a href="mailto:{{ user.mail.value }}" title="Email {{ content.field_first_name.0 }} {{ content.field_last_name.0 }}"> {{ user.mail.value }} </a> </p> {% endif %} {% if content.field_phone.0 != '' %} <p> <a href="tel:{{ content.field_office_number.0 }}" title="Call {{ content.field_first_name.0 }} {{ content.field_last_name.0 }}"> {{ content.field_phone.0 }} </a> </p> {% endif %} {% if (content.field_address.0 != '') or (content.field_room_building.0 != '') %} <p> {% if content.field_room_building.0 != '' %} {{ content.field_room_building.0 }}<br/> {% endif %} {% if content.field_address.0 != '' %} {{ content.field_address.0 }} {% endif %} </p> {% endif %} </div> <div class="col-xs-12 col-sm-4 bio-info"> {% if content.field_hide_map.0['#markup'] != "On" %} {% if content.field_google_map.0 != '' %} {{ content.field_google_map }} {% endif %} {% endif %} </div> </div> <div class="col-xs-12 col-sm-3 bio-btm-right"> {% if content.field_professional_website.0 != '' %} <p> <a href="{{ content.field_professional_website.0 }}" title="{{ content.field_first_name.0 }} {{ content.field_last_name.0 }}'s Professional Website"> Professional Website </a> </p> {% endif %} {% if content.field_twitter.0 != '' or content.field_youtube.0 != '' or content.field_linkedin.0 != '' %} <div class="profile-social"> {% endif %} {% if content.field_twitter.0 != '' %} <a href="https://twitter.com/{{ content.field_twitter.0 }}" title="{{ content.field_first_name.0 }} {{ content.field_last_name.0 }}'s Twitter"> <img src="/themes/asc_bootstrap/images/social-media/twitter.svg" alt="Twitter logo"> </a> {% endif %} {% if content.field_youtube.0 != '' %} <a href="https://youtube.com/{{ content.field_youtube.0 }}" title="{{ content.field_first_name.0 }} {{ content.field_last_name.0 }}'s YouTube"> <img src="/themes/asc_bootstrap/images/social-media/youtube.svg" alt="YouTube logo"> </a> {% endif %} {% if content.field_linkedin.0 != '' %} <a href="https://linkedin.com/{{ content.field_linkedin.0 }}" title="{{ content.field_first_name.0 }} {{ content.field_last_name.0 }}'s LinkedIn"> <img src="/themes/asc_bootstrap/images/social-media/linkedin.svg" alt="LinkedIn logo"> </a> {% endif %} {% if content.field_twitter.0 != '' or content.field_youtube.0 != '' or content.field_linkedin.0 != '' %} </div> {% endif %} {% if content.field_office_hours.0 != '' %} <h3>Office Hours</h3> <p> {{ content.field_office_hours.0 }} </p> {% endif %} </div> <div class="col-xs-12 col-sm-9 bio-btm-left"> {% if (content.field_areas_of_expertise.0 != '') or (content.field_education.0 != '') %} <div class="bio-header"> {% if content.field_areas_of_expertise.0 != '' %} <div class="col-xs-12 col-sm-6 bio-exp"> <h2>Areas of Expertise</h2> {{ content.field_areas_of_expertise }} </div> {% endif %} {% if content.field_education.0 != '' %} <div class="col-xs-12 col-sm-6 bio-edu"> <h2>Education</h2> {{ content.field_education }} </div> {% endif %} </div> {% endif %} {% if content.field_bio.0 != '' %} {{ content.field_bio.0 }} {% endif %} {% if content.field_user_slideshow.0 != '' %} {{ content.field_user_slideshow }} {% endif %} {% if content.field_research_interests.0 != '' or content.field_other.0 != '' %} <div class="taxonomy-people-heading"> <h2>People Filters:</h2> </div> {% endif %} {% if content.field_research_interests.0 != '' %} {% set loopcount = 0 %} {% for item in content.field_research_interests %} {% if item['#title'] %} <div class="research-interests-ppl"> <a href="/people?field_research_interests_target_id[{{ user.field_research_interests[loopcount].target_id }}]={{ user.field_research_interests[loopcount].target_id }}"> {{ item['#title'] }} {% set loopcount = loopcount + 1 %} </a> </div> {% endif %} {% endfor %} {% endif %} {% if content.field_other.0 != '' %} {% set loopcount = 0 %} {% for item in content.field_other %} {% if item['#title'] %} <div class="research-interests-ppl"> <a href="/people?field_other_target_id[{{ user.field_other[loopcount].target_id }}]={{ user.field_other[loopcount].target_id }}"> {{ item['#title'] }} {% set loopcount = loopcount + 1 %} </a> </div> {% endif %} {% endfor %} {% endif %} </div> </article>