Show build information

This patch adds additional build information like the build date to the
footer and also adds the explanation we had on the old interface what
these values mean to the `title` attributes.

This fixes #332

src/components/Footer.tsx

@@ -26,9 +26,13 @@ const Footer: React.FC = () => {
 					{/* Only render if a version is set */}
 					{!!user.ocVersion && (
 						<li>
-							Opencast {user.ocVersion.version}
+							{"Opencast "}
+							<span title={t('BUILD.COMMIT')}>{user.ocVersion.version}</span>
 							{hasAccess("ROLE_ADMIN", user) && (
-								<span> - {user.ocVersion.buildNumber || "undefined"}</span>
+								<span>
+								{" – "} <span title={t('BUILD.COMMIT')}>{user.ocVersion.buildNumber || "undefined"}</span>
+								{" – "} <span title={t('BUILD.DATE_DESC')}>{t("BUILD.BUILT_ON")} {user.ocVersion.lastModified || "undefined"}</span>
+								</span>
 							)}
 						</li>
 					)}

src/i18n/org/opencastproject/adminui/languages/lang-en_US.json

@@ -2,6 +2,12 @@
 	"MATTERHORN": "Opencast",
 	"NAV_HOME": "Start",
 	"NAV_ABOUT": "About",
+	"BUILD": {
+		"BUILT_ON": "built on",
+		"DATE_DESC":"Date this system's kernel module was built on.",
+		"COMMIT": "Git commit this version of Opencast was built from.",
+		"VERSION": "Common bundle version of Opencast modules"
+	},
 	"NO": "No",
 	"SUBMIT": "Submit",
 	"UPDATE": "Update",

src/slices/userInfoSlice.ts

@@ -146,6 +146,7 @@ const userInfoSlice = createSlice({
 			>) => {
 				state.statusOcVersion = 'succeeded';
 				const ocVersion = action.payload;
+				ocVersion.lastModified = new Date(ocVersion['last-modified']).toISOString().substring(0, 10);
 				state.ocVersion = ocVersion;
 			})
 			.addCase(fetchOcVersion.rejected, (state, action) => {