SIA Web Design Library

Activity

No notes defined.

<div class='c-activity'>
    <header class='c-block-header c-block-header--minor'>
        <h1 class='c-heading c-heading--minor c-heading--blocky c-block__heading'>
            Activity
        </h1>
    </header>
    <div class='c-collection c-collection--activity c-activity__collection'>
        <ul class='c-collection__items u-list--unstyled'>
            <li class='c-collection__items__item '>
                <div class="c-activity-item c-activity-item--activity c-activity__activity-item">
                    <div class='c-activity-item__photo'>
                        <span class='u-photo c-headshot c-activity-item__headshot'>
                            <img class='c-headshot__image' src='/images/portrait.jpg' alt='' title='' />
                        </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--notice'>notice</span> |
                            Finalist User
                        </p>

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

                    </div>
                </div>
            </li>
            <li class='c-collection__items__item '>
                <div class="c-activity-item c-activity-item--activity c-activity__activity-item">
                    <div class='c-activity-item__photo'>
                        <span class='c-avatar c-avatar--activity c-activity__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>
            </li>
        </ul>
    </div>
</div>
 
<div class='{{ get_component_class( 'activity', display ) }}'>
    {% if heading %}
        {% include get_template( 'block-header', 'unit' ) with heading %}
    {% endif %}
    
    {% include '@group/collection/collection.twig' with collection %}
</div>
 
{
  "heading": {
    "text": "Activity",
    "display": {
      "modifiers": [
        "minor"
      ]
    }
  },
  "collection": {
    "display": {
      "component": "activity",
      "modifiers": [
        "activity"
      ]
    },
    "collection": {
      "display": {
        "component": "activity",
        "itemTemplate": "unit/activity-item/activity-item",
        "listClass": [
          "u-list--unstyled"
        ],
        "itemClass": [
          ""
        ]
      },
      "items": [
        {
          "timestamp": "21.06.2020, 09:32",
          "type": {
            "display": {
              "modifiers": [
                "notice"
              ]
            },
            "text": "notice"
          },
          "message": "Finalist User used one-time login link at time 1591959547.",
          "user_name": "Finalist User",
          "headshot": {
            "display": {
              "component": "activity-item"
            },
            "src": "/images/portrait.jpg"
          }
        },
        {
          "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"
        }
      ]
    }
  }
}