You are here

opigno-learning-path-training-timeline.html.twig in Opigno Learning path 8

Same filename and directory in other branches
  1. 3.x templates/opigno-learning-path-training-timeline.html.twig

Default theme implementation to display the training steps.

Available variables:

  • status: Step status.
  • label: Step name.
  • completed_on: Completed date.

File

templates/opigno-learning-path-training-timeline.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation to display the training steps.
  5. *
  6. * Available variables:
  7. * - status: Step status.
  8. * - label: Step name.
  9. * - completed_on: Completed date.
  10. */
  11. #}
  12. <div class="lp_timeline_wrapper px-3 px-md-5 pb-5">
  13. <div class="lp_timeline lp_timeline_not_empty">
  14. <span class="lp_timeline_begin"></span>
  15. {% for step in steps %}
  16. <div class="lp_timeline_step {{ step.status }}">
  17. <div class="lp_timeline_step_label">
  18. <div class="lp_timeline_step_label_title">
  19. {{ step.label|length > 42 ? step.label|slice(0, 42) ~ '...' : step.label }}
  20. </div>
  21. <div class="lp_timeline_step_label_completed_on">{{ step.completed_on }}</div>
  22. </div>
  23. <div class="lp_status {{ step.status }}"></div>
  24. </div>
  25. {% endfor %}
  26. <span class="lp_timeline_end"></span>
  27. </div>
  28. </div>