templates/bo/home/_widget_card.html.twig line 1

Open in your IDE?
  1. {#
  2. EXEMPLE
  4. {% include 'bo/home/_widget_card.html.twig' with {
  5. 'widgetTitle' : "TITLE",
  6. 'widgetNumber' : "NUMBER",
  7. 'widgetRouteLink' : 'SYMFONY NAME ROUTE',
  8. 'widgetRouteQuery' : 'SYMFONY QUERY ROUTE (q)',
  9. 'widgetIncrease' : 'INCREASE NUMBER',
  10. 'bootstrapIconName' : 'BOOSTRAP ICON ex : (calendar-date-fill)',
  11. 'bootstrapIconColor' : 'BOOSTRAP COLOR ex : (success)'}%}
  12. #}
  14. <div class="col-lg-3 col-md-3 col-sm-6 col-12">
  15.     {% if widgetRouteLink != "" %}
  16.         {% if widgetRouteQuery != "" %}
  17.                <a href={{ path(widgetRouteLink, {'q': widgetRouteQuery}) }}>
  18.         {% else %}
  19.                <a href={{ path(widgetRouteLink) }}>
  20.         {% endif %}
  21.     {% endif %}
  22.         <div class="col-xl-12">
  23.             <div class="card custom-card">
  24.                 <div class="card-body">
  25.                     <div class="d-flex flex-wrap align-items-top justify-content-between">
  26.                         <div class="flex-fill">
  27.                             <p class="mb-0 text-muted">{{ widgetTitle }}</p>
  28.                             <div class="d-flex align-items-center">
  29.                                 <span class="fs-5 fw-semibold">{{ widgetNumber }}</span>
  30.                                 {% if widgetIncrease != "" %}
  31.                                     <span class="fs-12 text-success ms-2"><i
  32.                                                 class="ti ti-trending-up me-1 d-inline-block"></i>{{ widgetIncrease }}</span>
  33.                                 {% endif %}
  34.                             </div>
  35.                         </div>
  36.                         <div>
  37.                                                 <span class="avatar avatar-md avatar-rounded bg-{{ bootstrapIconColor }}-transparent text-{{ bootstrapIconColor }} fs-18">
  38.                                                     <i class="bi bi-{{ bootstrapIconName }} fs-16"></i>
  39.                                                 </span>
  40.                         </div>
  41.                     </div>
  42.                 </div>
  44.             </div>
  45.         </div>
  46.         {% if widgetRouteLink != "" %}
  47.     </a>
  48.     {% endif %}
  49. </div>