Portfolio - Components

Date Countdown

 
{% set startDateTimestamp = "now"|date("U") %}

{% set endDateTimestamp = paragraph.field_future_date.0.value|date('U')  %}

{% set diffDays = ((endDateTimestamp|date('U') - startDateTimestamp|date('U')) / 86400)|round %}

{% set text = content.field_countdown_text %}

{% set days = paragraph.field_show_days_countdown.value %}

{% set full = paragraph.field_show_full_countdown.value %}

{% set date = content.field_future_date %}

{% set theme = paragraph.field_theme_color.value %}
{% block paragraph %}

    {% block content %}

{% if days %}

<section class="section section-{{ theme }}">

					<div class="container">

						<div class="row counters counters-text-light">

      <div class="col">

      <div class="counter">

          <strong data-to="{{ diffDays }} ">{{ diffDays }} </strong>

          <label>{{ text }}</label>

        </div>

    </div>

  </div>

  </div>

  </section>

 {% endif %}
{% if full %}

<div class="row">

  <div class="countdown countdown-borders countdown-{{ theme }}" data-plugin-countdown data-plugin-options="{'textDay': 'DAYS', 'textHour': 'HRS', 'textMin': 'MIN', 'textSec': 'SEC', 'date': '{{ date }}', 'numberClass': 'font-weight-extra-bold', 'wrapperClass': 'border-color-{{ theme }}'}">

  </div>

</div>

 {% endif %}

    {% endblock %}

{% endblock paragraph %}