opigno-statistics-circle-indicator.html.twig in Opigno statistics 3.x

Default theme implementation to display the circle indicator.

1 theme call to opigno-statistics-circle-indicator.html.twig

StatisticsPageTrait::buildCircleIndicator in src/StatisticsPageTrait.php

Builds circle indicator for a value.

File

templates/opigno-statistics-circle-indicator.html.twig

{#
/**
 * @file
 * Default theme implementation to display the circle indicator.
 */
#}

<div class="indicator-wrapper">
  <svg class="indicator" viewBox="0 0 {{ width }} {{ height }}">
    <circle cx="{{ cx }}" cy="{{ cy }}" r="{{ radius }}"></circle>
    <path d="M{{ cx }},{{ cy }}
    L{{ cx }},0
    {% if not val_rad %}
      A{{ radius }},{{ radius }} 1 0,1 {{ cx }},{{ cy + radius }}
    {% endif %}
    A{{ radius }},{{ radius }} 1 0,1 {{ x }},{{ y }} z"></path>
    <circle class="inner" cx="{{ cx }}" cy="{{ cy }}" r="{{ radius - 6 }}"></circle>
  </svg>
</div>