<style type="text/css">
.cs-list-default.cs-list-default-thumb-sm .cs-li-date-block {
width: 64px;
}
.cs-list-default.cs-list-default-thumb-md .cs-li-date-block {
width: 120px;
}
.cs-list-default.cs-list-default-thumb-lg .cs-li-date-block {
width: 250px;
}
</style>
<div class="csmw cs-feed-list-default">
{% if _widget.heading is not empty %}
<div class="cs-widget-header">
<div class="cs-widget-header-heading">
<{{ _widget.headingSize|default('h2') }} class="cs-widget-header-title">{{ _widget.heading }}</{{ _widget.headingSize|default('h2') }}>
</div>
{% if _widget.description is not empty %}
<div class="cs-widget-header-body">{{ _widget.description }}</div>
{% endif %}
</div>
{% endif %}
{% if items|length > 0 %}
<div class="cs-list-default{% if _widget.thumbnails is not same as('na') %} cs-list-default-thumb-{{ _widget.thumbnails|default('md') }}{% endif %}">
{% for item in items %}
{% set item = item.entry %}
{% set school = item.department|schoolify %}
{% set item_link = web_url_view(item, true) ?: '#' %}
{% set item_opener = (item.link and item.linkExternal) %}
<div class="cs-li-default">
{% if _widget.thumbnails is not same as('na') %}
{% if item.type == 'event' %}
<div class="cs-li-date-block">
<div class="cs-li-date-block-month">{{ item.object.startsAt|cms_dt('M')|upper }}</div>
<div class="cs-li-date-block-date">{{ item.object.stopsAt|cms_dt('j') }}</div>
</div>
{% else %}
<div class="cs-li-default-image">
{% set feature = item.feature|decorate_media %}
<img
src="{{- feature|decorate_media
? (feature._urls.tiny is defined) ? feature._urls.tiny : feature._urls.thumb
: cms_placeholderUrl('MASKS__RECTANGLE__SMALL', 'news')
-}}"
onclick="return Campussuite.Tools.jslink('{{- item_link|e('js') -}}', {{ item_opener ? 'true' : 'false' }});"
onkeypress="return Campussuite.Tools.jslink('{{- item_link|e('js') -}}', {{ item_opener ? 'true' : 'false' }});"
tabindex="-1"
alt="{{- feature ? feature.alt : '' -}}"
/>
</div>
{% endif %}
{% endif %}
<div class="cs-li-default-wrap">
<div class="cs-li-default-heading">
<{{ _widget.titleSizes|default('h3') }} class="cs-li-default-title">
<a href="{{- item_link|e('html_attr') -}}"{% if item_opener %} target="_blank"{% endif %}>
{{- item.label -}}
</a>
</{{ _widget.titleSizes|default('h3') }}>
{% if _widget.timestamps is same as(true) %}
{% if item.type == 'event' %}
{% set dts = item.object|cms_calendar_span({
dateFormat: 'M j, Y',
timeFormat: 'g:i A',
}) %}
{% if dts.hasStartOrEnd %}
{% include cms_theme_override('/includes/calendarEventItem.html.twig') with {
dts: dts,
primaryClass: 'cs-li-default-meta',
startLabel: (dts.multiday) ? 'Start:' : null,
endLabel: (dts.multiday) ? 'End:': null,
showStartDate: (_widget.thumbnails is same as('na') or dts.multiday),
showEndDate: (dts.multiday),
separator: ( not (dts.allday or dts.multiday) and dts.hasStartTimeAndEndTime) ? '-' : null,
} %}
{% endif %}
{% else %}
<div class="cs-li-default-meta">
<span class="cs-li-default-date">{{ item.timestamp|cms_date }}</span>
</div>
{% endif %}
{% endif %}
{% if _widget.district is same as(true) %}
<div class="cs-li-default-meta">
<span class="cs-li-default-date">
<small>{{- school.name -}}</small>
</span>
</div>
{% endif %}
</div>
{% if _widget.teasers is same as(true) %}
{% set bdy = cms_abstract(item.object.blurb, item.preview) %}
{% if bdy is not empty %}
<div class="cs-li-default-body">
<p>{{ bdy }}</p>
{% if _widget.readLinks is same as(true) %}
<p class="cs-li-default-link">
<a class="cs-li-default-more-link" tabindex="-1" aria-hidden="true" href="#" onclick="return Campussuite.Tools.jslink('{{- item_link|e('js') -}}', {{ item_opener ? 'true' : 'false' }});">
Read Story
<span class="sr-only">{{ item.label }}</span>
</a>
</p>
{% endif %}
</div>
{% endif %}
{% endif %}
</div>
</div>
{% endfor %}
</div>
{% else %}
<div class="cs-data-na">
<p>We're sorry, no stories were found.</p>
</div>
{% endif %}
{% if _widget.linkText is not empty %}
<div class="csw-footer">
{% if _widget.linkText is not empty %}
<a href="{{- (web_url_landing(department, 'feed') ?: '#')|e('html_attr') -}}" class="csw-view-more">{{ _widget.linkText }}</a>
{% endif %}
</div>
{% endif %}
</div>