about.html.twig 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. {% autoescape false %}
  2. <div id="about-course" class="about">
  3. <div id="course-info-top">
  4. <h2 class="session-title">{{ course.title }}</h2>
  5. <div class="course-short">
  6. <ul>
  7. <li class="author">{{ "Professors"|get_lang }}</li>
  8. {% for teacher in course.teachers %}
  9. <li>{{ teacher.complete_name }} | </li>
  10. {% endfor %}
  11. </ul>
  12. </div>
  13. </div>
  14. {% set course_video = '' %}
  15. {% for extra_field in course.extra_fields %}
  16. {% if extra_field.value.getField().getVariable() == 'video_url' %}
  17. {% set course_video = extra_field.value.getValue() %}
  18. {% endif %}
  19. {% endfor %}
  20. <div class="card">
  21. <div class="card-body">
  22. <div class="row">
  23. <div class="col-sm-5">
  24. {% if course_video %}
  25. <div class="course-video">
  26. <div class="embed-responsive embed-responsive-16by9">
  27. {{ essence.replace(course_video) }}
  28. </div>
  29. </div>
  30. {% else %}
  31. <div class="course-image">
  32. <img src="{{ course.image }}" class="img-fluid" />
  33. </div>
  34. {% endif %}
  35. {% if "display.hide_social_media_links" | api_get_setting == 'false' %}
  36. <div class="share-social-media">
  37. <ul class="sharing-buttons">
  38. <li>
  39. {{ "ShareWithYourFriends"|get_lang }}
  40. </li>
  41. <li>
  42. <a href="https://www.facebook.com/sharer/sharer.php?u={{ url }}"
  43. target="_blank" class="btn btn-facebook btn-inverse btn-sm">
  44. <em class="fab fa-facebook-square"></em> Facebook
  45. </a>
  46. </li>
  47. <li>
  48. <a href="https://twitter.com/home?{{ {'status': course.title ~ ' ' ~ url }|url_encode }}"
  49. target="_blank" class="btn btn-twitter btn-inverse btn-sm">
  50. <em class="fab fa-twitter"></em> Twitter
  51. </a>
  52. </li>
  53. <li>
  54. <a href="https://www.linkedin.com/shareArticle?{{ {'mini': 'true', 'url': url , 'title': course.title }|url_encode }}"
  55. target="_blank" class="btn btn-linkedin btn-inverse btn-sm">
  56. <em class="fab fa-linkedin-in"></em> Linkedin
  57. </a>
  58. </li>
  59. </ul>
  60. </div>
  61. {% endif %}
  62. </div>
  63. <div class="col-sm-7">
  64. <div class="course-description">
  65. {{ course.description }}
  66. </div>
  67. </div>
  68. </div>
  69. {% if course.tags %}
  70. <ul class="list-inline course-tags d-flex flex-row bd-highlight mb-3">
  71. <li class="px-2 bd-highlight">{{ 'Tags'|get_lang }} :</li>
  72. {% for tag in course.tags %}
  73. <li class="px-2 bd-highlight">
  74. <span>{{ tag.getTag }}</span>
  75. </li>
  76. {% endfor %}
  77. </ul>
  78. {% endif %}
  79. </div>
  80. </div>
  81. <section id="course-info-bottom" class="course">
  82. <div class="row">
  83. <div class="col-sm-8">
  84. <div class="card">
  85. <div class="card-body">
  86. <h3 class="sub-title">{{ "CourseInformation"|get_lang }}</h3>
  87. <div class="course-information">
  88. {% for topic in course.syllabus %}
  89. {% if topic.content != '' %}
  90. <div class="topics">
  91. <h4 class="title-info">
  92. <em class="fa fa-book"></em> {{ topic.title }}
  93. </h4>
  94. <div class="content-info">
  95. {{ topic.content }}
  96. </div>
  97. </div>
  98. {% endif %}
  99. {% endfor %}
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="col-sm-4">
  105. <div class="card">
  106. <div class="card-body">
  107. {% if is_premium == false %}
  108. <h5>{{ 'CourseSubscription'|get_lang }}</h5>
  109. <div class="session-subscribe">
  110. {% if _u.logged == 0 %}
  111. {% if 'allow_registration'|api_get_setting != 'false' %}
  112. <a href="{{ _p.web_main ~ 'auth/inscription.php' ~ redirect_to_session }}" class="btn btn-success btn-block btn-lg">
  113. <i class="fa fa-pencil" aria-hidden="true"></i> {{ 'SignUp'|get_lang }}
  114. </a>
  115. {% endif %}
  116. {% elseif course.subscription %}
  117. <a href="{{ _p.web }}courses/{{ course.code }}/index.php?id_session=0" class="btn btn-lg btn-success btn-block">{{ 'CourseHomepage'|get_lang }}</a>
  118. {% else %}
  119. <a href="{{ _p.web }}courses/{{ course.code }}/index.php?action=subscribe&sec_token={{ token }}" class="btn btn-lg btn-success btn-block">{{ 'Subscribe'|get_lang }}</a>
  120. {% endif %}
  121. </div>
  122. {% else %}
  123. <div class="session-price">
  124. <div class="sale-price">
  125. {{ 'SalePrice'|get_lang }}
  126. </div>
  127. <div class="price-text">
  128. {{ is_premium.iso_code }} {{ is_premium.price }}
  129. </div>
  130. <div class="buy-box">
  131. <a href="{{ _p.web }}plugin/buycourses/src/process.php?i={{ is_premium.product_id }}&t={{ is_premium.product_type }}" class="btn btn-lg btn-primary btn-block">{{ 'BuyNow'|get_lang }}</a>
  132. </div>
  133. </div>
  134. {% endif %}
  135. </div>
  136. </div>
  137. <div class="card">
  138. <div class="card-body">
  139. <div class="panel-teachers">
  140. <h5 class="sub-title">{{ "Coaches"|get_lang }}</h5>
  141. </div>
  142. {% for teacher in course.teachers %}
  143. <div class="coach-information">
  144. <div class="coach-header">
  145. <div class="coach-avatar">
  146. <img class="img-fluid rounded-circle" src="{{ teacher.image }}" alt="{{ teacher.complete_name }}">
  147. </div>
  148. <div class="coach-title">
  149. <h6>{{ teacher.complete_name }}</h6>
  150. <p> {{ teacher.diploma }}</p>
  151. </div>
  152. </div>
  153. <div class="open-area {{ course.teachers | length >= 2 ? 'open-more' : ' ' }}">
  154. {{ teacher.openarea }}
  155. </div>
  156. </div>
  157. {% endfor %}
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </section>
  163. </div>
  164. <script>
  165. $(function() {
  166. $('.course-information').readmore({
  167. speed: 100,
  168. lessLink: '<a class="hide-content" href="#">{{ 'SetInvisible' | get_lang }}</a>',
  169. moreLink: '<a class="read-more" href="#">{{ 'ReadMore' | get_lang }}</a>',
  170. collapsedHeight: 730,
  171. heightMargin: 100
  172. });
  173. $('.open-more').readmore({
  174. speed: 100,
  175. lessLink: '<a class="hide-content" href="#">{{ 'SetInvisible' | get_lang }}</a>',
  176. moreLink: '<a class="read-more" href="#">{{ 'ReadMore' | get_lang }}</a>',
  177. collapsedHeight: 90,
  178. heightMargin: 20
  179. });
  180. });
  181. </script>
  182. {% endautoescape %}