SIA Web Design Library

Activity Item: Anonymous

No notes defined.

<div class="c-activity-item">
    <div class='c-activity-item__photo'>
        <span class='c-avatar'>
            <span class='c-icon c-avatar__icon c-icon--noun_user_1515313-svg'>
                <svg height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="25 25 50 50" x="0px" y="0px">
                    <path d="M50,26A24,24,0,1,0,74,50,24,24,0,0,0,50,26ZM40,67.29V66a10,10,0,0,1,20,0v1.29a19.81,19.81,0,0,1-20,0ZM44,46a6,6,0,1,1,6,6A6,6,0,0,1,44,46ZM63.89,64.35a14,14,0,0,0-7.45-10.77A9.91,9.91,0,0,0,60,46a10,10,0,0,0-20,0,9.91,9.91,0,0,0,3.56,7.58,14,14,0,0,0-7.45,10.77,20,20,0,1,1,27.78,0Z"></path>
                </svg>
            </span></span>
    </div>

    <div class='c-activity-item__content'>
        <p class='c-meta c-activity-item__meta'>
            21.06.2020, 09:32
            |
            <span class='c-tag c-tag--error'>error</span> |
            Anonymous
        </p>

        <div class='c-activity-item__text'>
            Finalist User used one-time login link at time 1591959547.
        </div>

    </div>
</div>
 
<div class="{{ get_component_class( 'activity-item', display ) }}">
    <div class='c-activity-item__photo'>
        {% if headshot %}
            {% include '@unit/headshot/headshot.twig' with headshot %}
        {% else %}
            {% include '@unit/avatar/avatar.twig' %}
        {% endif %}
    </div>

    <div class='c-activity-item__content'>
        <p class='c-meta c-activity-item__meta'>
            {{ timestamp }}
            | 
            {% include '@unit/tag/tag.twig' with type %}
            |
            {{ user_name }}
        </p>
        
        <div class='c-activity-item__text'>
            {{ message|raw }}
        </div>

        {% if links %}
            <div class='c-activity-item__links'>
                {% for link in links %}
                    {{ link|raw }}
                {% endfor %}
            </div>
        {% endif %}
    </div>
</div>
 
{
  "timestamp": "21.06.2020, 09:32",
  "type": {
    "display": {
      "modifiers": [
        "error"
      ]
    },
    "text": "error"
  },
  "message": "Finalist User used one-time login link at time 1591959547.",
  "user_name": "Anonymous",
  "headshot": null
}