profile.tpl 4.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. {% extends template ~ "/layout/layout_1_col.tpl" %}
  2. {% block content %}
  3. <div class="row">
  4. <div class="col-md-3">
  5. {{ social_avatar_block }}
  6. {{ social_extra_info_block }}
  7. <div class="social-menu">
  8. {{ social_menu_block }}
  9. </div>
  10. </div>
  11. <div id="wallMessages" class="col-md-6">
  12. {{ social_wall_block }}
  13. {{ social_post_wall_block }}
  14. {{ social_auto_extend_link }}
  15. </div>
  16. <div class="col-md-3">
  17. <div class="chat-friends">
  18. <div class="panel-group" id="blocklistFriends" role="tablist" aria-multiselectable="true">
  19. <div class="panel panel-default">
  20. <div class="panel-heading" role="tab" id="headingOne">
  21. <h4 class="panel-title">
  22. <a role="button" data-toggle="collapse" data-parent="#blocklistFriends" href="#listFriends" aria-expanded="true" aria-controls="listFriends">
  23. {{ "SocialFriend" | get_lang }}
  24. </a>
  25. </h4>
  26. </div>
  27. <div id="listFriends" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
  28. <div class="panel-body">
  29. {{ social_friend_block }}
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. {{ social_skill_block }}
  36. {{ social_group_info_block }}
  37. <!-- Block course list -->
  38. {% if social_course_block != null %}
  39. <div class="panel-group" id="course-block" role="tablist" aria-multiselectable="true">
  40. <div class="panel panel-default">
  41. <div class="panel-heading" role="tab" id="headingOne">
  42. <h4 class="panel-title">
  43. <a role="button" data-toggle="collapse" data-parent="#course-block" href="#courseList" aria-expanded="true" aria-controls="courseList">
  44. {{ "MyCourses" | get_lang }}
  45. </a>
  46. </h4>
  47. </div>
  48. <div id="courseList" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
  49. <div class="panel-body">
  50. <ul class="list-group">
  51. {{ social_course_block }}
  52. </ul>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. {% endif %}
  58. <!-- Block session list -->
  59. {% if sessionList != null %}
  60. <div class="panel-group" id="session-block" role="tablist" aria-multiselectable="true">
  61. <div class="panel panel-default">
  62. <div class="panel-heading" role="tab" id="headingOne">
  63. <h4 class="panel-title">
  64. <a role="button" data-toggle="collapse" data-parent="#session-block" href="#sessionList" aria-expanded="true" aria-controls="sessionList">
  65. {{ "MySessions" | get_lang }}
  66. </a>
  67. </h4>
  68. </div>
  69. <div id="sessionList" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
  70. <div class="panel-body">
  71. <ul class="list-group">
  72. {% for session in sessionList %}
  73. <li id="session_{{ session.id }}" class="list-group-item" style="min-height:65px;">
  74. <img class="img-session" src="{{ session.image }}"/>
  75. <span class="title">{{ session.name }}</span>
  76. </li>
  77. {% endfor %}
  78. </ul>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. {% endif %}
  84. {{ social_rss_block }}
  85. {{ social_right_information }}
  86. </div>
  87. </div>
  88. {% if formModals is defined %}
  89. {{ formModals }}
  90. {% endif %}
  91. {% endblock %}