nws/nws-site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Merge pull request #5 from nickorlow/done

Browse source 
Eagles
This commit is contained in:
Nicholas Orlowsky 2023-01-26 00:08:40 -06:00 committed by GitHub
parent 6cf44903ae d3813e1107
commit e53f985bde
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 20 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
.idea/workspace.xml
View file

@ -3,10 +3,7 @@
<component name="ChangeListManager">
<list default="true" id="03fafda4-e2c1-4602-a731-a2f96e84badd" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/App.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/UptimeCard.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/UptimeCard.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/UptimeComparisonCard.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/UptimeComparisonCard.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/UptimeLabelCard.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/UptimeLabelCard.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/index.tsx" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
@ -36,7 +33,6 @@
<option name="showLibraryContents" value="true" />
</component>
<component name="PropertiesComponent">
<property name="last_opened_file_path" value="$PROJECT_DIR$/src/components" />
<property name="ts.external.directory.path" value="$PROJECT_DIR$/node_modules/typescript/lib" />
</component>
<component name="RecentsManager">
@ -68,6 +64,7 @@
<workItem from="1668047509596" duration="7310000" />
<workItem from="1673378530233" duration="327000" />
<workItem from="1673538703809" duration="6147000" />
<workItem from="1674698447115" duration="249000" />
</task>
<servers />
</component>

4
src/components/UptimeCard.css
View file

@ -40,3 +40,7 @@
.stat-bad {
color: #921111
}
hr {
height: 1.1px;
}

8
src/components/UptimeComparisonCard.tsx
View file

@ -36,22 +36,22 @@ export default function UptimeComparisonCard(props: {uptime: UptimeRecord, isSer
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>
<h4 className={"uptime-lnk"} onClick={()=>setModalOpen(true)}>{props.uptime.name}</h4>
</div>
<hr/>
<hr className={" w-100"}/>
<p className={"fw-bold d-lg-none"}>Uptime (Last Month)</p>
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>
<p className={getUptimeClass(props.uptime.uptimeMonth)}>{props.uptime.uptimeMonth}%</p>
</div>
<hr className={"d-lg-block d-none"}/>
<hr className={"d-lg-block d-none w-100"}/>
<p className={"fw-bold d-lg-none"}>Uptime ({new Date().getFullYear()} YTD)</p>
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>
<p className={getUptimeClass(props.uptime.uptimeYtd)}>{props.uptime.uptimeYtd}%</p>
</div>
<hr className={"d-lg-block d-none"}/>
<hr className={"d-lg-block d-none w-100"}/>
<p className={"fw-bold d-lg-none"}>Avg Response Time (24hr)</p>
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>
<p className={getResponseTimeClass(props.uptime.averageResponseTime)}>{props.uptime.averageResponseTime}ms</p>
</div>
<hr className={"d-lg-block d-none"}/>
<hr className={"d-lg-block d-none w-100"} />
<p className={"fw-bold d-lg-none"}>Current Status</p>
<div style={{height: 25, margin: 0}} className={"pt-2 pt-lg-0"}>

9
src/components/UptimeLabelCard.tsx
View file

@ -11,22 +11,21 @@ export default function UptimeLabelCard() {
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Service Name</p>
</div>
<hr/>
<hr className={"w-100"}/>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Uptime (Last Month)</p>
</div>
<hr/>
<hr className={"w-100"}/>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Uptime ({new Date().getFullYear()} YTD)</p>
</div>
<hr/>
<hr className={"w-100"}/>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Avg Response Time (24hr)</p>
</div>
<hr/>
<hr className={"w-100"}/>
<div style={{height: 25, margin: 0}}>
<p className={"fw-bold"} style={{fontSize: ".9em"}}>Current Status</p>
</div>

6
src/index.tsx
View file

@ -27,6 +27,10 @@ function Layout (props: {children: any}) {
return (
<div>
<header className={"w-100 sticky-top"}>
<div className={"w-100 d-flex justify-content-center align-content-center text-center p-1 "} style={{backgroundColor: "#004C54", height: 30}} >
<p className={"text-white fw-bold"}>Fly Eagles Fly</p>
<img src={"https://logos-world.net/wp-content/uploads/2020/05/Philadelphia-Eagles-Logo.png"} style={{maxHeight: "100%", maxWidth: "100%"}}/>
</div>
<div className={"w-100"}>
<Navbar sticky={"top"} expand="lg" className={"row justify-content-center m-0 p-0"} style={{backgroundColor: "#eee"}}>
<div className={"row w-100"}>
@ -79,6 +83,8 @@ function Layout (props: {children: any}) {
</Navbar.Collapse>
</div>
</Navbar>
</div>
</header>
<div style={{minHeight: "92vh"}}>