skills_block.tpl 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <div class="panel-group" id="skill-block" role="tablist" aria-multiselectable="true">
  2. <div class="panel panel-default">
  3. <div class="panel-heading" role="tab" id="headingOne">
  4. <h4 class="panel-title">
  5. <a role="button" data-toggle="collapse" data-parent="#skill-block" href="#skillList" aria-expanded="true" aria-controls="skillList">
  6. {{ "Skills" | get_lang }}
  7. </a>
  8. <div class="btn-group pull-right">
  9. <a class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown" href="#">
  10. <span class="caret"></span>
  11. </a>
  12. <ul class="dropdown-menu">
  13. {% if show_skills_report_link %}
  14. <li>
  15. <a href="{{ _p.web_main ~ 'social/my_skills_report.php' }}"> {{'SkillsReport'|get_lang }}</a>
  16. </li>
  17. {% endif %}
  18. <li>
  19. <a href="{{ _p.web_main ~ 'social/skills_wheel.php' }}"> {{ 'SkillsWheel'|get_lang }}</a>
  20. </li>
  21. <li>
  22. <a href="{{ _p.web_main ~ 'social/skills_ranking.php' }}"> {{ 'YourSkillRankingX'|get_lang|format(ranking) }}</a>
  23. </li>
  24. </ul>
  25. </div>
  26. </h4>
  27. </div>
  28. <script type="text/javascript">
  29. jQuery(document).ready(function(){
  30. jQuery('.scrollbar-inner').scrollbar();
  31. });
  32. </script>
  33. <div id="skillList" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
  34. <div class="panel-body">
  35. {% if skills %}
  36. <div class="scrollbar-inner badges-sidebar">
  37. <ul class="list-unstyled list-badges">
  38. {% for skill in skills %}
  39. <li class="thumbnail">
  40. <a href="{{ _p.web }}badge/{{ skill.id }}/user/{{ user_id }}" target="_blank">
  41. <img title="{{ skill.name }}" class="img-responsive" src="{{ skill.icon ? skill.web_icon_thumb_path : 'badges-default.png'|icon(64) }}" width="64" height="64" alt="{{ skill.name }}">
  42. <div class="caption">
  43. <p class="text-center">{{ skill.name }}</p>
  44. </div>
  45. </a>
  46. </li>
  47. {% endfor %}
  48. </ul>
  49. </div>
  50. {% else %}
  51. <p>{{ 'WithoutAchievedSkills'|get_lang }}</p>
  52. <p>
  53. <a href="{{ _p.web_main ~ 'social/skills_wheel.php' }}">{{ 'SkillsWheel'|get_lang }}</a>
  54. </p>
  55. {% endif %}
  56. </div>
  57. </div>
  58. </div>
  59. </div>