Commit c83839c7 authored by kimpham54's avatar kimpham54
Browse files

new metadata labels

parent f06b2242
......@@ -50,15 +50,15 @@ const EditionMeta = (props) => {
{fingerprint && (
<>
<Value
label={<>Speed of Spread</>}
label={<>Interval Frequency Output</>}
value={format(
fingerprint?.speedOfSpreadRelativeToPublishingInterval,
{ suffix: "relative to publishing interval" }
{ suffix: "edition/year" }
)}
/>
{fingerprint.isOutgoing && (
<Value
label={<>Speed of Spread</>}
label={<>Interval Speed</>}
value={format(fingerprint?.speedOfSpread, { suffix: "km/year" })}
/>
)}
......
......@@ -119,6 +119,14 @@ const Header = () => {
<ChainFilter />
<Fade in={isOpen}>
<div>
<Box
sx={{
ml: 4,
......@@ -134,6 +142,9 @@ const Header = () => {
overflow: "auto",
}}
>
<Typography
sx={{
mr: 4,
......@@ -146,40 +157,40 @@ const Header = () => {
>
Chain {focusedChain?.index + 1}
</Typography>
<Value
mb={0}
noWrap
sx={{ mr: 4 }}
LabelProps={{ sx: { color: "inherit" } }}
label={<>&#8709; Publishing interval </>}
value={format(focusedChain?.frequency, {
label={<>Duration</>}
value={format(focusedChain?.actualTimeExtent, {
suffix: "years",
})}
/>
/>&emsp;&emsp;&emsp;
<Value
mb={0}
noWrap
sx={{ mr: 4 }}
LabelProps={{ sx: { color: "inherit" } }}
label={<>&#8709; Speed of Spread </>}
value={format(
focusedChain?.speedOfSpreadRelativeToPublishingInterval,
{ suffix: "relative to publishing interval" }
)}
/>
{focusedChain?.isOutgoing && (
<Value
mb={0}
noWrap
LabelProps={{ sx: { color: "inherit" } }}
label={<>&#8709; Speed of Spread</>}
value={format(focusedChain?.speedOfSpread, {
suffix: "km/year",
})}
/>
label={<> Total Distance</>}
value={format(focusedChain?.totalDistanceTravelled, {
suffix: "km",
})}
/>&emsp;&emsp;&emsp;
<Value
mb={0}
noWrap
LabelProps={{ sx: { color: "inherit" } }}
label={<>&#8709; Speed</>}
value={format(focusedChain?.averageChainSpeed, {
suffix: "km/year",
})}
/>
)}
</Box>
......@@ -188,6 +199,8 @@ const Header = () => {
<Box
sx={{
ml: 4,
......@@ -203,40 +216,41 @@ const Header = () => {
overflow: "auto",
}}
>
<Value
mb={0}
noWrap
LabelProps={{ sx: { color: "inherit" } }}
label={<>Duration</>}
value={format(focusedChain?.actualTimeExtent, {
suffix: "years",
})}
/>..........
<Value
<Value
mb={0}
noWrap
LabelProps={{ sx: { color: "inherit" } }}
label={<> Total Distance</>}
value={format(focusedChain?.totalDistanceTravelled, {
suffix: "km",
})}
/>.........
<Value
noWrap
sx={{ mr: 4 }}
LabelProps={{ sx: { color: "inherit" } }}
label={<>&#8709; Publishing interval </>}
value={format(focusedChain?.frequency, {
suffix: "years",
})}
/>
<Value
mb={0}
noWrap
sx={{ mr: 4 }}
LabelProps={{ sx: { color: "inherit" } }}
label={<>&#8709; Frequency Output </>}
value={format(
focusedChain?.speedOfSpreadRelativeToPublishingInterval,
{ suffix: "edition/year per interval" }
)}
/>
{focusedChain?.isOutgoing && (
<Value
mb={0}
noWrap
LabelProps={{ sx: { color: "inherit" } }}
label={<>Average Speed</>}
value={format(focusedChain?.averageChainSpeed, {
suffix: "km/year",
label={<>&#8709; Mean Speed</>}
value={format(focusedChain?.speedOfSpread, {
suffix: "km/year per interval",
})}
/>
)}
</Box>
......@@ -246,7 +260,6 @@ const Header = () => {
</div>
</Fade>
</Box>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment