No notes defined.
<div class='c-dashboard-block'>
<header class='c-dashboard-block__header'>
<h1 class='c-heading c-heading--minor c-dashboard-block__heading'>
Dashboard block
</h1>
<div class='c-dashboard-block__header__actions'>
<a class='c-button c-button--small c-dashboard-block__button' href="#">Take action</a>
</div>
</header>
<div class='c-dashboard-block__content-wrapper'>
<div class='c-collection c-collection--activity c-dashboard-block__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-dashboard-block__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 class='c-activity-item__links'>
<a href='#'>View profile</a>
</div>
</div>
</div>
</li>
<li class='c-collection__items__item '>
<div class="c-activity-item c-activity-item--activity c-dashboard-block__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--info'>notice</span> |
Finalist User
</p>
<div class='c-activity-item__text'>
Finalist User used one-time login link at time 1591959547.
</div>
<div class='c-activity-item__links'>
<a href='#'>View profile</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<footer class='c-dashboard-block__footer'>
<div class='c-action-bar c-dashboard-block__action-bar'>
<div class='c-action-bar__links '>
<a class='c-link c-link--undefined c-link--with-icon c-link--minimal ' href="" itemprop="item" itemid=""><span itemprop="name">View more</span></a>
</div>
</div>
</footer>
</div>
<div class='{{ get_component_class( 'dashboard-block', display ) }}'>
{% if heading or button %}
<header class='c-dashboard-block__header'>
{% if heading %}
{% include get_template( 'heading', 'unit' ) with heading|merge( { display: { component: 'dashboard-block', modifiers: [ 'minor' ] } } ) %}
{% endif %}
{% if button %}
<div class='c-dashboard-block__header__actions'>
{% include get_template( 'button', 'base' ) with button|merge( { display: { component: 'dashboard-block', modifiers: [ 'small' ] } } ) %}
</div>
{% endif %}
</header>
{% endif %}
<div class='c-dashboard-block__content-wrapper'>
{% if stats %}
{% include get_template( 'figures', 'group' ) with stats %}
{% endif %}
{% if issues %}
{% include get_template( 'task-list', 'unit' ) with issues|merge( { display: { component: entityType } } ) %}
{% endif %}
{% if collection %}
{% include get_template( 'collection', 'group' ) with collection %}
{% elseif entities %}
{% include get_template( 'entities', 'group' ) with entities|merge( {
display: { component: 'dashboard-block__entities' },
} ) %}
{% elseif entity %}
{% if entity.rendered %}
{{ entity.rendered }}
{% else %}
{% include get_entity_template( entityTemplate, entity.display ) with entity %}
{% endif %}
{% elseif taskList %}
{% include get_template( 'task-list', 'unit' ) with taskList|merge( {
display: { component: 'dashboard-block' },
heading: NULL,
} ) %}
{% elseif fields %}
{% include get_template( 'fields', 'group' ) with fields %}
{% elseif table %}
{% include get_template( 'table', 'group' ) with table %}
{% elseif indexCard %}
{% include get_template( 'index-card', 'unit' ) with indexCard %}
{% elseif timeline %}
{% include get_template( 'timeline', 'unit' ) with timeline %}
{% elseif blankSlate %}
{% include get_template( 'blank-slate', 'unit' ) with blankSlate|merge( {
display: { component: 'dashboard-block' },
button: NULL
} ) %}
{% endif %}
</div>
{% if links %}
<footer class='c-dashboard-block__footer'>
{% include get_template( 'action-bar', 'unit' ) with {
display: {
component: 'dashboard-block'
},
links: links,
button: NULL,
} %}
</footer>
{% endif %}
</div>
{
"heading": {
"text": "Dashboard block"
},
"button": {
"text": "Take action",
"url": "#"
},
"icon": {
"display": {
"component": "dashboard-block",
"modifiers": [
"x-large"
]
},
"basename": "noun_Quality badge_1353889.svg"
},
"blankSlate": {
"icon": {
"display": {
"component": "blank-slate",
"modifiers": [
"x-large"
]
},
"basename": "noun_Quality badge_1353889.svg"
},
"header": {
"heading": {
"display": {
"component": "blank-slate"
},
"text": "Meetings"
}
},
"lead": {
"content": "<p>A blank slate is presented when a screen or a screen section is empty.</p>"
}
},
"links": [
{
"url": "#",
"text": "View more"
}
],
"collection": {
"display": {
"component": "dashboard-block",
"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"
},
"links": [
"<a href='#'>View profile</a>"
]
},
{
"timestamp": "21.06.2020, 09:32",
"type": {
"display": {
"modifiers": [
"info"
]
},
"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"
},
"links": [
"<a href='#'>View profile</a>"
]
}
]
}
}
}