muser-8.x-1.x-dev/themes/muser_base/templates/flags/flag--favorites.html.twig

{#
/**
 * @file
 * Default theme implementation for flag links.
 *
 * Available variables:
 * - attributes: HTML attributes for the link element.
 * - title: The flag link title.
 * - action: 'flag' or 'unflag'
 * - flag: The flag object.
 * - flaggable: The flaggable entity.
 */
#}
{% spaceless %}
    {# Attach the flag CSS library.#}
    {{ attach_library('flag/flag.link') }}

    {# Depending on the flag action, set the appropriate action class. #}
    {% if action == 'unflag' %}
        {% set action_class = 'action-unflag' %}
    {% else %}
        {% set action_class = 'action-flag' %}
    {% endif %}

    {# Set the remaining Flag CSS classes. #}
    {%
        set classes = [
        'flag',
        'flag-' ~ flag.id()|clean_class,
        'js-flag-' ~ flag.id()|clean_class ~ '-' ~ flaggable.id(),
        action_class
    ]
    %}

    {# Set nofollow to prevent search bots from crawling anonymous flag links #}
    {% set attributes = attributes.setAttribute('rel', 'nofollow').addClass('project__favorite', 'project__favorite--button') %}

    <div class="{{classes|join(' ')}}">
        <a{{ attributes }}><span class="favorite__icon"><i class="far fa-heart inactive-icon"></i><i class="fas fa-heart active-icon"></i></span> <span class="favorite__text">{{ title }}</span></a>
    </div>
{% endspaceless %}