function showSegments() { if (segments) { let perByteSegments = Object.keys(emissionsTrace.perByte.co2); let perVisitSegments = Object.keys(emissionsTrace.perVisit.co2); console.log(perByteSegments); let perBytesHTML = ``; let perVisitHTML = ``; if ( formModels.models.startsWith("Sustainable Web Design") && formModels.models.endsWith("3") ) { perVisitSegments = rearrangeCO2Object(perVisitSegments); for (const segmentKey of perByteSegments) { if (segmentKey !== "total") { const k = replaceKeys(segmentKey); perBytesHTML = perBytesHTML + `

${k}

${emissionsTrace.perByte.co2[ segmentKey ].toFixed(5)}

`; } } for (const segmentKey of perVisitSegments) { if (segmentKey !== "total") { const k = replaceKeys(segmentKey); perVisitHTML = perVisitHTML + `

${k}

${emissionsTrace.perVisit.co2[ segmentKey ].toFixed(5)}

`; } } return html`

${perBytesHTML}

${perVisitHTML}

`; } else if ( formModels.models.startsWith("Sustainable Web Design") && formModels.models.endsWith("4") ) { let groupEmbodiedPerByte = perByteSegments.filter((pb) => pb.includes("EmbodiedCO2e") ); let groupOperationalPerByte = perByteSegments.filter((pb) => pb.includes("OperationalCO2e") ); let segmentTotalsPerByte = perByteSegments.filter( (pb) => !(pb.includes("EmbodiedCO2e") || pb.includes("OperationalCO2e")) ); perBytesHTML = perBytesHTML + `

System segment totals

`; for (const segmentKey of segmentTotalsPerByte) { if (segmentKey !== "total") { const k = segmentKey; perBytesHTML = perBytesHTML + `

${readableKeys(k)}: ${emissionsTrace.perByte.co2[ segmentKey ].toFixed(5)}

`; } } perBytesHTML = perBytesHTML + `

Embodied emissions

`; for (const segmentKey of groupEmbodiedPerByte) { if (segmentKey !== "total") { const k = segmentKey; perBytesHTML = perBytesHTML + `

${readableKeys(k)}: ${emissionsTrace.perByte.co2[ segmentKey ].toFixed(5)}

`; } } perBytesHTML = perBytesHTML + `

Operational emissions

`; for (const segmentKey of groupOperationalPerByte) { if (segmentKey !== "total") { const k = segmentKey; perBytesHTML = perBytesHTML + `

${readableKeys(k)}: ${emissionsTrace.perByte.co2[ segmentKey ].toFixed(5)}

`; } } let groupEmbodiedPerVisit = perVisitSegments.filter((pb) => pb.includes("EmbodiedCO2e") ); let groupOperationalPerVisit = perVisitSegments.filter((pb) => pb.includes("OperationalCO2e") ); let segmentTotalsPerVisit = perVisitSegments.filter( (pb) => !( pb.includes("EmbodiedCO2e") || pb.includes("OperationalCO2e") || pb.includes("Visit") ) ); let groupPerVisit = perVisitSegments.filter((pb) => pb.includes("Visit")); perVisitHTML = perVisitHTML + `

Emissions by visit type

`; for (const segmentKey of groupPerVisit) { if (segmentKey !== "total") { const k = segmentKey; perVisitHTML = perVisitHTML + `

${readableKeys(k)}: ${emissionsTrace.perVisit.co2[ segmentKey ].toFixed(5)}

`; } } perVisitHTML = perVisitHTML + `

System segment totals

`; for (const segmentKey of segmentTotalsPerVisit) { if (segmentKey !== "total") { const k = segmentKey; perVisitHTML = perVisitHTML + `

${readableKeys(k)}: ${emissionsTrace.perVisit.co2[ segmentKey ].toFixed(5)}

`; } } perVisitHTML = perVisitHTML + `

Embodied emissions

`; for (const segmentKey of groupEmbodiedPerVisit) { if (segmentKey !== "total") { const k = segmentKey; perVisitHTML = perVisitHTML + `

${readableKeys(k)}: ${emissionsTrace.perVisit.co2[ segmentKey ].toFixed(5)}

`; } } perVisitHTML = perVisitHTML + `

Operational emissions

`; for (const segmentKey of groupOperationalPerVisit) { if (segmentKey !== "total") { const k = segmentKey; perVisitHTML = perVisitHTML + `

${readableKeys(k)}: ${emissionsTrace.perVisit.co2[ segmentKey ].toFixed(5)}

`; } } return html`

${perBytesHTML}

${perVisitHTML}

`; } } }