activityRow = (row, lang) => {
let statusColor;
let statusLabel;
let mitigationIcon;
let alertIcon = "warning";
const activityLabel = getTranslatedLabel(row, lang, "activity");
const modifiedRowData = row.regionTierModifier.filter(
d => +d.region === activeEMSRegion.id
);
if (modifiedRowData.length > 1) {
statusColor = "magenta";
statusLabel = "something is wrong, do not publish";
} else if (modifiedRowData.length > 0) {
statusColor = modifiedRowData[0].statusColor;
statusLabel = getTranslatedLabel(modifiedRowData, lang, "status");
mitigationIcon =
modifiedRowData[0].modifierType === "Local guideline"
? "star"
: "warning";
} else {
statusColor = row.statusColor;
statusLabel = getTranslatedLabel(row, lang, "status");
}
return html`<tr>
<td class="icon"><i class="material-icons">${row.activityIcon}</i></td>
<th class="activity">${activityLabel}</th>
<td class="status status-${statusColor}">
${
modifiedRowData.length > 0
? html`<i class="material-icons mitigation">${mitigationIcon}</i>`
: html``
}
${statusLabel}</td>
</tr>`;
}