last changes taet

// Last Changes Template - Redesigned with Calendar Badges
// Usage: template('firnCORE/Tabs/extranet_tab');
// Adapt: Change tag query per section (tag:taet, tag:museum, etc.)
//
// Version 2.0 - Flex rows with calendar badges, no JS post-processing needed

var query = "tag:taet";
var pages = wiki.getSearch(query, 10, "-date");
<div class="lc-list">
    foreach (var pg in pages)
    {
        var wdText = date.format(pg.date, "ddd");
        var wdClass = "lc-wd";
        if (wdText == "Sa" || wdText == "So" || wdText == "Sat" || wdText == "Sun") {
            let wdClass = "lc-wd lc-we";
        }
        <div class="lc-row">
            <div class="lc-cal-wrap">
                <span class=(wdClass)>; wdText; </span>
                <div class="lc-cal">
                    <span class="lc-cal-head">; date.format(pg.date, "MMM yyyy"); </span>
                    <span class="lc-cal-day">; date.format(pg.date, "dd"); </span>
                </div>
            </div>
            <span class="lc-link"><a href=(pg.uri)>; pg.title; </a></span>
        </div>;
    }
</div>

/* Last Changes - Flex Row Layout */
div.lc-list {
    padding: 0;
    margin: 0;
}
div.lc-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 6px;
    border-bottom: 1px solid #eee;
    transition: background 0.15s ease;
}
div.lc-row:last-child {
    border-bottom: none;
}
div.lc-row:hover {
    background: #f0f6ff;
}

/* Calendar Wrap */
div.lc-cal-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    gap: 2px;
}

/* Weekday Badge */
span.lc-wd {
    display: block;
    font-size: 8px;
    font-weight: bold;
    color: #fff;
    background: #555;
    border-radius: 3px;
    padding: 1px 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 1.4;
}
span.lc-we {
    background: #c0392b;
}

/* Calendar Badge */
div.lc-cal {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 56px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
span.lc-cal-head {
    display: block;
    background: #0077aa;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 3px 2px;
    width: 100%;
    text-align: center;
    line-height: 1.3;
    white-space: nowrap;
}
span.lc-cal-day {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    padding: 4px 0;
    line-height: 1.1;
    text-align: center;
}

/* Page Link */
span.lc-link {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
span.lc-link a {
    color: #0077aa;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 14px;
}
span.lc-link a:hover {
    color: #005580;
    text-decoration: underline !important;
}

/* Hide legacy styles */
.widget-tagged-articles .date {
    display: none;
}