Minor - improve UI using bootstrap 4 elements

pull/2650/head
Julio Montoya 7 years ago
parent 39d3dd709c
commit de58409e19
  1. 4
      assets/css/base.css
  2. 30
      main/inc/lib/display.lib.php
  3. 10
      main/inc/lib/social.lib.php
  4. 13
      main/inc/lib/template.lib.php
  5. 2
      main/social/friends.php
  6. 6
      main/social/profile.php
  7. 2
      main/template/default/social/add_groups.html.twig
  8. 2
      main/template/default/social/edit_profile.html.twig
  9. 2
      main/template/default/social/friends.html.twig
  10. 24
      main/template/default/social/group_view.html.twig
  11. 2
      main/template/default/social/group_waiting_list.html.twig
  12. 2
      main/template/default/social/groups.html.twig
  13. 2
      main/template/default/social/groups_topics.html.twig
  14. 4
      main/template/default/social/home.html.twig
  15. 2
      main/template/default/social/inbox.html.twig
  16. 2
      main/template/default/social/invitations.html.twig
  17. 2
      main/template/default/social/myfiles.html.twig
  18. 2
      main/template/default/social/personal_data.html.twig
  19. 80
      main/template/default/social/profile.html.twig
  20. 2
      main/template/default/social/search.html.twig
  21. 84
      main/template/default/social/skills_block.html.twig
  22. 133
      main/template/default/social/user_block.html.twig

@ -689,7 +689,7 @@ select {
border: 1px solid #e4e4e4; border: 1px solid #e4e4e4;
box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
} }
/*
.card { .card {
border-radius: 6px; border-radius: 6px;
box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5); box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
@ -761,7 +761,7 @@ select {
.card .card-title a { .card .card-title a {
font-weight: bold; font-weight: bold;
} }*/
.panel-view { .panel-view {
padding: 20px; padding: 20px;

@ -2698,25 +2698,17 @@ HTML;
} }
if (!empty($toolbar)) { if (!empty($toolbar)) {
$toolbar = '<div class="btn-group pull-right">'.$toolbar.'</div>'; $toolbar = '<div class="btn-group float-right">'.$toolbar.'</div>';
} }
return '<div id="user_card_'.$userInfo['id'].'" class="col-md-12"> return '<div id="user_card_'.$userInfo['id'].'" class="card d-flex flex-row">
<div class="row"> <img src="'.$userInfo['avatar'].'" class="rounded">
<div class="col-md-2"> <h3 class="card-title">'.$userInfo['complete_name'].'</h3>
<img src="'.$userInfo['avatar'].'" class="img-responsive img-circle"> <div class="card-body">
</div> <div class="card-title">
<div class="col-md-10"> '.$status.'
<p>'.$userInfo['complete_name'].'</p> '.$toolbar.'
<div class="row"> </div>
<div class="col-md-2">
'.$status.'
</div>
<div class="col-md-10">
'.$toolbar.'
</div>
</div>
</div>
</div> </div>
<hr /> <hr />
</div>'; </div>';

@ -1946,9 +1946,8 @@ class SocialManager extends UserManager
$template->assign('user', $userInfo); $template->assign('user', $userInfo);
$template->assign('social_avatar_block', $socialAvatarBlock); $template->assign('social_avatar_block', $socialAvatarBlock);
$template->assign('profile_edition_link', $profileEditionLink); $template->assign('profile_edition_link', $profileEditionLink);
//Added the link to export the vCard to the Template // Added the link to export the vCard to the Template
// If not friend $show_full_profile is False and the user can't see Email Address and Vcard Download Link
//If not friend $show_full_profile is False and the user can't see Email Address and Vcard Download Link
if ($show_full_profile) { if ($show_full_profile) {
$template->assign('vcard_user_link', $vCardUserLink); $template->assign('vcard_user_link', $vCardUserLink);
} }
@ -1966,11 +1965,6 @@ class SocialManager extends UserManager
$template->assign('user_relation', $userRelationType); $template->assign('user_relation', $userRelationType);
$template->assign('user_relation_type_friend', USER_RELATION_TYPE_FRIEND); $template->assign('user_relation_type_friend', USER_RELATION_TYPE_FRIEND);
$template->assign('show_full_profile', $show_full_profile); $template->assign('show_full_profile', $show_full_profile);
$inGroup = in_array($groupBlock, ['groups', 'group_edit', 'member_list']);
$template->assign('in_group', $inGroup);
$templateName = $template->get_template('social/user_block.tpl');
$template->assign('social_avatar_block', $template->fetch($templateName));
} }
/** /**

@ -92,6 +92,7 @@ class Template
api_get_path(SYS_CODE_PATH).'template/overrides', // user defined templates api_get_path(SYS_CODE_PATH).'template/overrides', // user defined templates
api_get_path(SYS_CODE_PATH).'template', //template folder api_get_path(SYS_CODE_PATH).'template', //template folder
api_get_path(SYS_PLUGIN_PATH), // plugin folder api_get_path(SYS_PLUGIN_PATH), // plugin folder
api_get_path(SYS_PATH).'src/ThemeBundle/Resources/views',
]; ];
$urlId = api_get_current_access_url_id(); $urlId = api_get_current_access_url_id();
@ -132,10 +133,11 @@ class Template
]; ];
} }
$this->twig = new Twig_Environment($loader, $options); //$this->twig = new Twig_Environment($loader, $options);
$this->twig = Container::getTwig();
if ($isTestMode) { if ($isTestMode) {
$this->twig->addExtension(new Twig_Extension_Debug()); //$this->twig->addExtension(new Twig_Extension_Debug());
} }
// Twig filters setup // Twig filters setup
@ -185,11 +187,12 @@ class Template
foreach ($filters as $filter) { foreach ($filters as $filter) {
if (is_array($filter)) { if (is_array($filter)) {
$this->twig->addFilter(new Twig_SimpleFilter($filter['name'], $filter['callable'])); //$this->twig->addFilter(new Twig_SimpleFilter($filter['name'], $filter['callable']));
} else { } else {
$this->twig->addFilter(new Twig_SimpleFilter($filter, $filter)); //$this->twig->addFilter(new Twig_SimpleFilter($filter, $filter));
} }
} }
/*$this->twig->addFunction( /*$this->twig->addFunction(
new TwigFunction('sonata_page_render_container', [$this, 'renderContainer'], ['is_safe' => ['html']]) new TwigFunction('sonata_page_render_container', [$this, 'renderContainer'], ['is_safe' => ['html']])
);*/ );*/
@ -200,7 +203,7 @@ class Template
]; ];
foreach ($functions as $function) { foreach ($functions as $function) {
$this->twig->addFunction(new Twig_SimpleFunction($function['name'], $function['callable'])); //$this->twig->addFunction(new Twig_SimpleFunction($function['name'], $function['callable']));
} }
// Setting system variables // Setting system variables

@ -111,6 +111,7 @@ if (count($friends) == 0) {
$friend_html = '<div id="whoisonline">'; $friend_html = '<div id="whoisonline">';
$friend_html .= '<div class="row">'; $friend_html .= '<div class="row">';
$friend_html .= '<div class="col-lg-12">';
$number_friends = count($friends); $number_friends = count($friends);
$j = 0; $j = 0;
@ -130,6 +131,7 @@ if (count($friends) == 0) {
} }
$friend_html .= '</div>'; $friend_html .= '</div>';
$friend_html .= '</div>'; $friend_html .= '</div>';
$friend_html .= '</div>';
$social_right_content .= $friend_html; $social_right_content .= $friend_html;
} }
$social_right_content .= '</div>'; $social_right_content .= '</div>';

@ -526,9 +526,6 @@ if ($show_full_profile) {
$count_groups = count($results); $count_groups = count($results);
} }
$my_groups .= '<div class="panel panel-default">';
$my_groups .= '<div class="panel-heading">'.get_lang('MyGroups').' ('.$count_groups.') </div>';
if ($i > $max_numbers_of_group) { if ($i > $max_numbers_of_group) {
if (api_get_user_id() == $user_id) { if (api_get_user_id() == $user_id) {
$my_groups .= '<div class="box_shared_profile_group_actions">' $my_groups .= '<div class="box_shared_profile_group_actions">'
@ -551,8 +548,7 @@ if ($show_full_profile) {
$my_groups .= '</div>'; $my_groups .= '</div>';
$i++; $i++;
} }
$my_groups .= '</div>'; $social_group_info_block = Display::panel($my_groups, get_lang('MyGroups').' ('.$count_groups.')');
$social_group_info_block = $my_groups;
} }
// Block Social Course // Block Social Course

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{% extends "@ChamiloTheme/Layout/base-layout.html.twig" %} {% extends "@ChamiloTheme/Layout/base-layout.html.twig" %}

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>

@ -5,29 +5,9 @@
<div class="row" xmlns="http://www.w3.org/1999/html"> <div class="row" xmlns="http://www.w3.org/1999/html">
<div class="col-md-3"> <div class="col-md-3">
<div class="sm-groups"> <div class="sm-groups">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
{{ macro.panel("SocialFriend" | get_lang, social_friend_block) }}
<!-- Block chat list -->
<div class="chat-friends">
<div class="panel-group" id="blocklistFriends" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#blocklistFriends" href="#listFriends" aria-expanded="true" aria-controls="listFriends">
{{ "SocialFriend" | get_lang }}
</a>
</h4>
</div>
<div id="listFriends" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
{{ social_friend_block }}
</div>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="col-md-9"> <div class="col-md-9">

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="sm-groups"> <div class="sm-groups">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
<!-- Block chat list --> <!-- Block chat list -->

@ -5,9 +5,9 @@
{% autoescape false %} {% autoescape false %}
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>

@ -6,7 +6,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>

@ -1,10 +1,11 @@
{% extends "@ChamiloTheme/Layout/layout_one_col.html.twig" %} {% extends "@ChamiloTheme/Layout/layout_one_col.html.twig" %}
{% import "ChamiloThemeBundle:Macros:box.html.twig" as macro %}
{% block content %} {% block content %}
{% autoescape false %} {% autoescape false %}
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_extra_info_block }} {{ social_extra_info_block }}
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_menu_block }} {{ social_menu_block }}
@ -12,6 +13,7 @@
</div> </div>
<div id="wallMessages" class="col-md-6"> <div id="wallMessages" class="col-md-6">
{{ social_wall_block }} {{ social_wall_block }}
<div class="spinner"></div> <div class="spinner"></div>
<div class="panel panel-preview panel-default" hidden="true"> <div class="panel panel-preview panel-default" hidden="true">
<div class="panel-heading"> <div class="panel-heading">
@ -25,73 +27,31 @@
{{ social_auto_extend_link }} {{ social_auto_extend_link }}
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="chat-friends"> {{ macro.panel("SocialFriend" | get_lang, social_friend_block) }}
<div class="panel-group" id="blocklistFriends" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#blocklistFriends" href="#listFriends" aria-expanded="true" aria-controls="listFriends">
{{ "SocialFriend" | get_lang }}
</a>
</h4>
</div>
<div id="listFriends" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
{{ social_friend_block }}
</div>
</div>
</div>
</div>
</div>
{{ social_skill_block }} {{ social_skill_block }}
{{ social_group_info_block }} {{ social_group_info_block }}
<!-- Block course list --> <!-- Block course list -->
{% if social_course_block != null %} {% if social_course_block != null %}
<div class="panel-group" id="course-block" role="tablist" aria-multiselectable="true"> {{ macro.panel("MyCourses" | get_lang, social_course_block) }}
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#course-block" href="#courseList" aria-expanded="true" aria-controls="courseList">
{{ "MyCourses" | get_lang }}
</a>
</h4>
</div>
<div id="courseList" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<ul class="list-group">
{{ social_course_block }}
</ul>
</div>
</div>
</div>
</div>
{% endif %} {% endif %}
<!-- Block session list --> <!-- Block session list -->
{% if session_list != null %} {% if session_list != null %}
<div class="panel-group" id="session-block" role="tablist" aria-multiselectable="true"> {% set social_data %}
<div class="panel panel-default"> <ul class="list-group">
<div class="panel-heading" role="tab" id="headingOne"> {% for session in session_list %}
<h4 class="panel-title"> <li id="session_{{ session.id }}" class="list-group-item" style="min-height:65px;">
<a role="button" data-toggle="collapse" data-parent="#session-block" href="#sessionList" aria-expanded="true" aria-controls="sessionList"> <img class="img-session" src="{{ session.image }}"/>
{{ "MySessions" | get_lang }} <span class="title">{{ session.name }}</span>
</a> </li>
</h4> {% endfor %}
</div> </ul>
<div id="sessionList" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> {% endset %}
<div class="panel-body"> {{ macro.panel("MySessions" | get_lang, social_data) }}
<ul class="list-group">
{% for session in session_list %}
<li id="session_{{ session.id }}" class="list-group-item" style="min-height:65px;">
<img class="img-session" src="{{ session.image }}"/>
<span class="title">{{ session.name }}</span>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
{% endif %} {% endif %}
{{ invitations }} {{ invitations }}
{{ social_rss_block }} {{ social_rss_block }}
{{ social_right_information }} {{ social_right_information }}

@ -5,7 +5,7 @@
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="social-network-menu"> <div class="social-network-menu">
{{ social_avatar_block }} {% include template ~ '/social/user_block.html.twig' %}
{{ social_menu_block }} {{ social_menu_block }}
</div> </div>
</div> </div>

@ -1,48 +1,50 @@
{% import "ChamiloThemeBundle:Macros:box.html.twig" as macro %}
<script> <script>
jQuery(document).ready(function(){ jQuery(document).ready(function(){
jQuery('.scrollbar-inner').scrollbar(); jQuery('.scrollbar-inner').scrollbar();
}); });
</script> </script>
{% autoescape false %} {% autoescape false %}
<div class="panel-group" id="skill-block" role="tablist" aria-multiselectable="true"> {% set data %}
<div class="panel panel-default"> {% if skills %}
<div class="panel-heading" role="tab" id="headingOne"> {{ skills }}
<h4 class="panel-title"> {% else %}
<a role="button" data-toggle="collapse" data-parent="#skill-block" href="#skillList" aria-expanded="true" aria-controls="skillList"> <p>{{ 'WithoutAchievedSkills'|get_lang }}</p>
{{ "Skills" | get_lang }} <p>
</a> <a href="{{ _p.web_main ~ 'social/skills_wheel.php' }}">{{ 'SkillsWheel'|get_lang }}</a>
<div class="btn-group pull-right"> </p>
<a class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown" href="#"> {% endif %}
<span class="caret"></span> {% endset %}
</a>
<ul class="dropdown-menu"> {{ macro.panel("Skills" | get_lang, data) }}
{% if show_skills_report_link %}
<li> {#<div class="panel-group" id="skill-block" role="tablist" aria-multiselectable="true">#}
<a href="{{ _p.web_main ~ 'social/my_skills_report.php' }}"> {{'SkillsReport'|get_lang }}</a> {#<div class="panel panel-default">#}
</li> {#<div class="panel-heading" role="tab" id="headingOne">#}
{% endif %} {#<h4 class="panel-title">#}
<li> {#<a role="button" data-toggle="collapse" data-parent="#skill-block" href="#skillList" aria-expanded="true" aria-controls="skillList">#}
<a href="{{ _p.web_main ~ 'social/skills_wheel.php' }}"> {{ 'SkillsWheel'|get_lang }}</a> {#{{ "Skills" | get_lang }}#}
</li> {#</a>#}
<li> {#<div class="btn-group pull-right">#}
<a href="{{ _p.web_main ~ 'social/skills_ranking.php' }}"> {{ 'YourSkillRankingX'|get_lang|format(ranking) }}</a> {#<a class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown" href="#">#}
</li> {#<span class="caret"></span>#}
</ul> {#</a>#}
</div> {#<ul class="dropdown-menu">#}
</h4> {#{% if show_skills_report_link %}#}
</div> {#<li>#}
<div id="skillList" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> {#<a href="{{ _p.web_main ~ 'social/my_skills_report.php' }}"> {{'SkillsReport'|get_lang }}</a>#}
<div class="panel-body"> {#</li>#}
{% if skills %} {#{% endif %}#}
{{ skills }} {#<li>#}
{% else %} {#<a href="{{ _p.web_main ~ 'social/skills_wheel.php' }}"> {{ 'SkillsWheel'|get_lang }}</a>#}
<p>{{ 'WithoutAchievedSkills'|get_lang }}</p> {#</li>#}
<p> {#<li>#}
<a href="{{ _p.web_main ~ 'social/skills_wheel.php' }}">{{ 'SkillsWheel'|get_lang }}</a> {#<a href="{{ _p.web_main ~ 'social/skills_ranking.php' }}"> {{ 'YourSkillRankingX'|get_lang|format(ranking) }}</a>#}
</p> {#</li>#}
{% endif %} {#</ul>#}
</div> {#</div>#}
</div> {#</h4>#}
</div> {#</div>#}
</div> {#</div>#}
{#</div>#}
{% endautoescape %} {% endautoescape %}

@ -2,86 +2,87 @@
{% autoescape false %} {% autoescape false %}
<div class="sidebar-avatar"> <div class="sidebar-avatar">
{% set profile_body %} {% set profile_body %}
{{ social_avatar_block }} {{ social_avatar_block }}
<ul class="list-user-data">
<ul class="list-user-data">
<li class="item">
{{ user.complete_name }}
</li>
{% if _u.is_admin == 1 %}
<li class="item">
<a href="{{ _p.web }}main/admin/user_edit.php?user_id={{ user.id }}">
<img src="{{ "edit.png" | icon }}" alt="{{ "Edit" | get_lang }}">
</a>
</li>
{% endif %}
{% if show_full_profile %}
<li class="item">
<a href="{{ _p.web }}main/messages/new_message.php">
<img src="{{ "instant_message.png" | icon }}" alt="{{ "Email" | get_lang }}">
{{ user.email}}
</a>
</li>
<li class="item"> <li class="item">
{{ user.complete_name }} <a href="{{ vcard_user_link }}">
<img src="{{ "vcard.png" | icon(16) }}" alt="{{ "BusinessCard" | get_lang }}" width="16" height="16">
{{ "BusinessCard" | get_lang }}
</a>
</li> </li>
{% if _u.is_admin == 1 %}
{% set skype_account = '' %}
{% set linkedin_url = '' %}
{% for extra in user.extra %}
{% if extra.value.getField().getVariable() == 'skype' %}
{% set skype_account = extra.value.getValue() %}
{% endif %}
{% if extra.value.getField().getVariable() == 'linkedin_url' %}
{% set linkedin_url = extra.value.getValue() %}
{% endif %}
{% endfor %}
{% if 'allow_show_skype_account'|api_get_setting == 'true' and not skype_account is empty %}
<li class="item"> <li class="item">
<a href="{{ _p.web }}main/admin/user_edit.php?user_id={{ user.id }}"> <a href="skype:{{ skype_account }}?chat">
<img src="{{ "edit.png" | icon }}" alt="{{ "Edit" | get_lang }}"> <span class="fa fa-skype fa-fw" aria-hidden="true"></span> {{ 'Skype'|get_lang }}
</a> </a>
</li> </li>
{% endif %} {% endif %}
{% if show_full_profile %}
<li class="item"> {% if 'allow_show_linkedin_url'|api_get_setting == 'true' and not linkedin_url is empty %}
<a href="{{ _p.web }}main/messages/new_message.php">
<img src="{{ "instant_message.png" | icon }}" alt="{{ "Email" | get_lang }}">
{{ user.email}}
</a>
</li>
<li class="item"> <li class="item">
<a href="{{ vcard_user_link }}"> <a href="{{ linkedin_url }}" target="_blank">
<img src="{{ "vcard.png" | icon(16) }}" alt="{{ "BusinessCard" | get_lang }}" width="16" height="16"> <span class="fa fa-linkedin fa-fw" aria-hidden="true"></span> {{ 'LinkedIn'|get_lang }}
{{ "BusinessCard" | get_lang }}
</a> </a>
</li> </li>
{% endif %}
{% set skype_account = '' %} {% endif %}
{% set linkedin_url = '' %} {% if chat_enabled == 1 %}
{% for extra in user.extra %} {% if user.user_is_online_in_chat != 0 %}
{% if extra.value.getField().getVariable() == 'skype' %} {% if user_relation == user_relation_type_friend %}
{% set skype_account = extra.value.getValue() %}
{% endif %}
{% if extra.value.getField().getVariable() == 'linkedin_url' %}
{% set linkedin_url = extra.value.getValue() %}
{% endif %}
{% endfor %}
{% if 'allow_show_skype_account'|api_get_setting == 'true' and not skype_account is empty %}
<li class="item">
<a href="skype:{{ skype_account }}?chat">
<span class="fa fa-skype fa-fw" aria-hidden="true"></span> {{ 'Skype'|get_lang }}
</a>
</li>
{% endif %}
{% if 'allow_show_linkedin_url'|api_get_setting == 'true' and not linkedin_url is empty %}
<li class="item"> <li class="item">
<a href="{{ linkedin_url }}" target="_blank"> <a onclick="javascript:chatWith('{{ user.id }}', '{{ user.complete_name }}', '{{ user.user_is_online }}','{{ user.avatar_small }}')" href="javascript:void(0);">
<span class="fa fa-linkedin fa-fw" aria-hidden="true"></span> {{ 'LinkedIn'|get_lang }} <img src="{{ "online.png" | icon }}" alt="{{ "Online" | get_lang }}">
{{ "Chat" | get_lang }} ({{ "Online" | get_lang }})
</a> </a>
</li> </li>
{# else #}
{# <img src="{{ "offline.png" | icon }}" alt="{{ "Online" | get_lang }}"> #}
{# {{ "Chat" | get_lang }} ({{ "Offline" | get_lang }}) #}
{% endif %} {% endif %}
{% endif %} {% endif %}
{% if chat_enabled == 1 %} {% endif %}
{% if user.user_is_online_in_chat != 0 %}
{% if user_relation == user_relation_type_friend %}
<li class="item">
<a onclick="javascript:chatWith('{{ user.id }}', '{{ user.complete_name }}', '{{ user.user_is_online }}','{{ user.avatar_small }}')" href="javascript:void(0);">
<img src="{{ "online.png" | icon }}" alt="{{ "Online" | get_lang }}">
{{ "Chat" | get_lang }} ({{ "Online" | get_lang }})
</a>
</li>
{# else #}
{# <img src="{{ "offline.png" | icon }}" alt="{{ "Online" | get_lang }}"> #}
{# {{ "Chat" | get_lang }} ({{ "Offline" | get_lang }}) #}
{% endif %}
{% endif %}
{% endif %}
{% if not profile_edition_link is empty %} {% if not profile_edition_link is empty %}
<li class="item"> <li class="item">
<a class="btn btn-link btn-sm btn-block" href="{{ profile_edition_link }}"> <a class="btn btn-link btn-sm btn-block" href="{{ profile_edition_link }}">
<em class="fa fa-edit"></em>{{ "EditProfile" | get_lang }} <em class="fa fa-edit"></em>{{ "EditProfile" | get_lang }}
</a> </a>
</li> </li>
{% endif %} {% endif %}
</ul> </ul>
{% endset %} {% endset %}
{{ macro.panel("Profile" | get_lang, profile_body ) }} {{ macro.panel("Profile" | get_lang, profile_body ) }}
</div> </div>
{% endautoescape %} {% endautoescape %}
Loading…
Cancel
Save