{#
/**
* @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>