Portfolio - Components

 
{% set f = paragraph.field_facebook_post.value %}

{% set xp = paragraph.field_twitter_post.value %}

{% set xt = paragraph.field_twitter_timeline.value %}

{% set tik = paragraph.field_tiktok_post.value %}
{% set embed_code = {

  '#type': 'processed_text',

  '#text': content.field_facebook_post[0]['#context']['value'],

  '#format': 'full_html',

} %}

{% set xhandle =  xp|render|trim|split('-', 2)[0]  %}

{% set xid =  xp|render|trim|split('-', 2)[1]  %}

{% set xhandle_tt =  xt|render|trim|split('-', 2)[0]  %}

{% set xid_tt =  xt|render|trim|split('-', 2)[1]  %}
{% block paragraph %}

    {% block content %}

      {% if f %}

      <div class="row my-4">

      <h4>Facebook Post</h4>

        {{ embed_code }}

      </div>

      {% endif %}
      {% if xp %}

      <div class="row my-4">

      <h4>Twitter Post</h4>

      <blockquote class="twitter-tweet" data-dnt="true"><a href="https://twitter.com/{{ xhandle }}/status/{{ xid }}?ref_src=twsrc%5Etfw"></a></blockquote> <script async src="https://platform.twitter.com/widgets.js&quot; charset="utf-8"></script>

      </div>

      {% endif %}
      {% if xt %}

      <div class="row my-4">

      <h4>Twitter Timeline:</h4>

      <a class="twitter-timeline" data-height="900" href="https://twitter.com/{{ xhandle_tt }}?ref_src={{ xid_tt }}"></a> <script async src="https://platform.twitter.com/widgets.js&quot; charset="utf-8"></script>

      </div>

      {% endif %}
      {% if tik %}

      <div class="row my-4">

      <h4>TikTok</h4>

      <iframe height="300px" width="100%" src="https://www.tiktok.com/player/v1/{{ content.field_tiktok_post.0 }}?&music_info=0&description&controls=1&play_button=0&rel=0&native_context_menu=0" allow="fullscreen"></iframe>

      </div>

      {% endif %}
    {% endblock %}

{% endblock paragraph %}