- You have no slice in this project. Please create slices in Portal or
+ You have no slices in this project. Please create slices in Portal or
:
- We couldn't find your slice. Please create slices in Portal or
+ We couldn't find your slices. Please create slices in Portal or
{
+const generateProgressBar = (total, free, color, labelColor) => {
return (
@@ -37,11 +96,19 @@ const DetailTable = props => {
- {`${sitesNameMapping.shortNameToAcronym[name]} (${sitesNameMapping.shortToLongName[name]})`}
+ {
+ !resource && parent !== "sitepage" &&
+ `${sitesNameMapping.shortNameToAcronym[name]} (${sitesNameMapping.shortToLongName[name]})`
+ }
+ {
+ !resource && parent === "sitepage" &&
+ `${sitesNameMapping.acronymToShortName[name]} (${sitesNameMapping.acronymToLongName[name]})`
+ }
+ {
+ resource && parent !== "sitepage" &&
+
+ {`${sitesNameMapping.shortNameToAcronym[name]} (${sitesNameMapping.shortToLongName[name]})`}
+
+ }
+ {
+ resource && parent === "sitepage" && sitesNameMapping.acronymToShortName[name] &&
+
+ {`${sitesNameMapping.acronymToShortName[name]} (${sitesNameMapping.acronymToLongName[name]})`}
+
+ }
+ {
+ resource && parent === "sitepage" && !sitesNameMapping.acronymToShortName[name] && name
+ }
Status
{
- resource ? (
- Up
- ) : (Down)
+ !resource &&
+
+ Down
+
+ }
+ {
+ resource &&
+
+ { statusMapping[resource.status.state].state }
+
}
-
{
@@ -50,7 +117,12 @@ const DetailTable = props => {
)
diff --git a/src/components/Resource/SiteDetailPage.jsx b/src/components/Resource/SiteDetailPage.jsx
new file mode 100644
index 00000000..2f255fb2
--- /dev/null
+++ b/src/components/Resource/SiteDetailPage.jsx
@@ -0,0 +1,124 @@
+import React from "react";
+import DetailTable from "./DetailTable";
+import { sitesNameMapping } from "../../data/sites";
+import utcToLocalTimeParser from "../../utils/utcToLocalTimeParser.js";
+import { default as portalData } from "../../services/portalData.json";
+import { Link } from "react-router-dom";
+
+const SiteDetailPage = props => {
+ const statusMapping = {
+ "Maint": {
+ state: "Maintenance",
+ color: "warning",
+ explanation: "no requests would be accepted"
+ },
+ "PreMaint": {
+ state: "Pre-Maintenance",
+ color: "warning",
+ explanation: "requests will be expected until the deadline"
+ },
+ "Active": {
+ state: "Active",
+ color: "primary",
+ explanation: ""
+
+ }
+ }
+
+ const { state } = props.location;
+
+ return (
+ {row[0]}
- {generateProgressBar(resource[row[1]], resource[row[2]])}
+ {
+ generateProgressBar(resource[row[1]],
+ resource[row[2]],
+ statusMapping[resource.status.state].colorHex,
+ statusMapping[resource.status.state].labelColorHex)
+ }
Site - {state.siteData.name}
+
+
+
+ Basic Information
+
+
+ {
+ sitesNameMapping.acronymToShortName[state.siteData.name] &&
+
+
+
+ }
+ Name
+ { sitesNameMapping.acronymToShortName[state.siteData.name] }
+
+
+ Acronym
+ { state.siteData.name }
+
+
+ {
+ state.siteData.status["state"] === "Maint" &&
+ Status
+
+ {
+ state.siteData.status["state"] !== "Active" ?
+ `${statusMapping[state.siteData.status["state"]].state} (${statusMapping[state.siteData.status["state"]].explanation})` :
+ statusMapping[state.siteData.status["state"]].state
+ }
+
+
+
+ }
+ {
+ state.siteData.status["state"] === "PreMaint" &&
+ Expected End Time
+
+ {
+ state.siteData.status["expected_end"] ?
+ utcToLocalTimeParser(state.siteData.status["expected_end"]) : "Unknown"
+ }
+
+
+
+ }
+ {
+ state.siteData.location &&
+ Deadline
+
+ {
+ state.siteData.status["deadline"] ?
+ utcToLocalTimeParser(state.siteData.status["deadline"]) : "Unknown"
+ }
+
+
+
+ }
+
+ Rack Location
+ { JSON.parse(state.siteData.location).postal }
+ Resource Availabilities
+