You are here

opigno-user-training-charts.html.twig in Opigno statistics 3.x

{#
/*
 * Default theme implementation for the charts section on the user profile.
 */
#}

<div id="opigno-user-stats-charts" class="charts-section user-charts charts-loading">
  <div class="loader"></div>
  <div class="user-charts__item">
    <div class="user-charts__item-container">
      <h5 class="user-charts__item-title">{{ 'Training(s) completed'|t }}</h5>

      <div class="canvas-container">
        <canvas id="user-completed-trainings-chart" class="completed-progress-chart bar-chart bar-chart__md"></canvas>
      </div>
    </div>
  </div>

  <div class="user-charts__item">
    <div class="user-charts__item-container">
      <h5 class="user-charts__item-title">{{ 'Current training(s)'|t }}</h5>

      <div class="canvas-container">
        <canvas id="user-current-trainings-chart" class="current-progress-chart bar-chart bar-chart__md"></canvas>
      </div>
    </div>
  </div>
</div>

File

templates/opigno-user-training-charts.html.twig
View source
  1. {#
  2. /*
  3. * Default theme implementation for the charts section on the user profile.
  4. */
  5. #}
  6. <div id="opigno-user-stats-charts" class="charts-section user-charts charts-loading">
  7. <div class="loader"></div>
  8. <div class="user-charts__item">
  9. <div class="user-charts__item-container">
  10. <h5 class="user-charts__item-title">{{ 'Training(s) completed'|t }}</h5>
  11. <div class="canvas-container">
  12. <canvas id="user-completed-trainings-chart" class="completed-progress-chart bar-chart bar-chart__md"></canvas>
  13. </div>
  14. </div>
  15. </div>
  16. <div class="user-charts__item">
  17. <div class="user-charts__item-container">
  18. <h5 class="user-charts__item-title">{{ 'Current training(s)'|t }}</h5>
  19. <div class="canvas-container">
  20. <canvas id="user-current-trainings-chart" class="current-progress-chart bar-chart bar-chart__md"></canvas>
  21. </div>
  22. </div>
  23. </div>
  24. </div>