From 44a2e96b6f5deb9baf5143e0900bbc0388636eb9 Mon Sep 17 00:00:00 2001 From: alwahid786 <120777629+alwahid786@users.noreply.github.com> Date: Wed, 20 Sep 2023 01:22:59 +0500 Subject: [PATCH 1/8] updated code for overlay text --- EnergySummary.html | 2173 ++++++++++++++++++++-------------------- images/engine-only.svg | 37 + 2 files changed, 1118 insertions(+), 1092 deletions(-) create mode 100644 images/engine-only.svg diff --git a/EnergySummary.html b/EnergySummary.html index f497f86..1b7dac4 100644 --- a/EnergySummary.html +++ b/EnergySummary.html @@ -1,692 +1,703 @@ - - Energy Summary - - - - - - - - - - - - - - - - - - - - - +
+
+

Energy Summary Dashboard

+
+ -
-
-

Energy Summary Dashboard

-
- -
- -
- ACADEMIC BUILDINGS -
-
-
- 12,297.3 kW -
-

Power

-

Academic Buildings

- powerbtn + +
+ +
+ +
+ ACADEMIC BUILDINGS +
+
+
+ 12,297.3 kW +
+

Power

+

Academic Buildings

-
-
- - 819.1 L/s - 30,529.0 kW - 2.28 L/s - -
-

Chilled Water

-

Academic Buildings

-
- powerbtn + powerbtn +
+
+
+ + 819.1 L/s + 30,529.0 kW + 2.28 L/s + +
+

Chilled Water

+

Academic Buildings

-
-
- 12,297.3 kW -
-

Photovoltic

-

Academic Buildings

-
- powerbtn + powerbtn +
+
+
+ 12,297.3 kW +
+

Photovoltic

+

Academic Buildings

-
-
- 9.0 L/s -
-

Domestic Water

-

Academic Buildings

-
- powerbtn + powerbtn +
+
+
+ 9.0 L/s +
+

Domestic Water

+

Academic Buildings

-
-
- 9.0 L/s -
-

Gallon

-

Academic Buildings

+ powerbtn +
+
+
+ 9.0 L/s +
+

Gallon

+

Academic Buildings

+
+ powerbtn +
+
+
+ +
+ COMMUNITY BUILDINGS +
+
Total Power
+
+
Community Building
+
+ machine1 + Chillwe Water Flow 500 L/s + CNDWR>> + >>CNDWR + CNDWR>> + >>CNDWR +
+
+ +

Chillwe Water Power

+
- powerbtn
-
- -
- COMMUNITY BUILDINGS -
-
Total Power
+
-
Community Building
+
Harbor Building
- machine1 + machine1
@@ -695,342 +706,467 @@

Energy Summary Dashboard

-
-
-
Harbor Building
-
- machine1 -
-
- -

Chillwe Water Power

-
-
-
-
-
+
- -
- -
- OASIS BUILDINGS -
- -
-
-
-

Chiller Bypass Flow

-
500 L/S
-
-
-

Chiller Bypass Flow

-
500 L/S
-
-
+
+ +
+ OASIS BUILDINGS +
+ +

Chiller Bypass Flow

500 L/S
+

Chiller Bypass Flow

500 L/S
+
+
+
+

Chiller Bypass Flow

+
500 L/S
+
+
+

Chiller Bypass Flow

+
500 L/S
+
-
-
-
- No Of Chiller Running: -

5

-
- - machine1 -
-
- -

Supply Temperature

-
+
+
+
+ No Of Chiller Running: +

5

+
+ + machine1 +
+
+ +

Supply Temperature

-
-
- -

Supply Temperature

-
+
+
+
+ +

Supply Temperature

-
-
-
- water2 -
-

Chiller Total Return Flow

-

207515 L/S

-
- -
-
- - - - - - - - - + + + + + - + - - - + - - + $(".navbar-toggler-btn").click(function () { + $("#navbarNav").toggle(); + }); + }); + + + + + + + + - + }); + + + \ No newline at end of file diff --git a/images/engine-only.svg b/images/engine-only.svg new file mode 100644 index 0000000..f9749af --- /dev/null +++ b/images/engine-only.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 7cb5264258e74367bcc846078ab1a1ba389e5449 Mon Sep 17 00:00:00 2001 From: alwahid786 <120777629+alwahid786@users.noreply.github.com> Date: Wed, 20 Sep 2023 01:33:05 +0500 Subject: [PATCH 2/8] Update EnergySummary.html --- EnergySummary.html | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/EnergySummary.html b/EnergySummary.html index 1b7dac4..19f4568 100644 --- a/EnergySummary.html +++ b/EnergySummary.html @@ -679,12 +679,14 @@

Energy Summary Dashboard

Community Building
- machine1 - Chillwe Water Flow 500 L/s - CNDWR>> - >>CNDWR - CNDWR>> - >>CNDWR +
+ machine1 + Chillwe Water Flow 500 L/s + CNDWR>> + >>CNDWR + CNDWR>> + >>CNDWR +
@@ -697,7 +699,14 @@

Energy Summary Dashboard

Harbor Building
- machine1 +
+ machine1 + Chillwe Water Flow 500 L/s + CNDWR>> + >>CNDWR + CNDWR>> + >>CNDWR +
From b032509242f7e072420ef8164e05ade083915742 Mon Sep 17 00:00:00 2001 From: alwahid786 <120777629+alwahid786@users.noreply.github.com> Date: Wed, 20 Sep 2023 02:50:17 +0500 Subject: [PATCH 3/8] guage updated --- EnergySummary.html | 136 +++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 126 insertions(+), 10 deletions(-) diff --git a/EnergySummary.html b/EnergySummary.html index 19f4568..1cae4b3 100644 --- a/EnergySummary.html +++ b/EnergySummary.html @@ -424,7 +424,8 @@ .glow-text span { display: block; } - .text1{ + + .text1 { font-size: 12px; color: #37c56b; text-shadow: 0 0 0px #00FF5D, @@ -432,11 +433,12 @@ 0 0 1px #00FF5D, /* White glow */ 0 0 0px #00FF5D; - position: absolute; + position: absolute; top: 30px; left: 120px; } - .text2{ + + .text2 { font-size: 12px; color: #37c56b; text-shadow: 0 0 0px #00FF5D, @@ -444,11 +446,12 @@ 0 0 1px #00FF5D, /* White glow */ 0 0 0px #00FF5D; - position: absolute; + position: absolute; top: 53px; left: 100px; } - .text3{ + + .text3 { font-size: 12px; color: #37c56b; text-shadow: 0 0 0px #00FF5D, @@ -456,11 +459,12 @@ 0 0 1px #00FF5D, /* White glow */ 0 0 0px #00FF5D; - position: absolute; + position: absolute; top: 135px; left: 5px; } - .text4{ + + .text4 { font-size: 12px; color: #37c56b; text-shadow: 0 0 0px #00FF5D, @@ -468,10 +472,110 @@ 0 0 1px #00FF5D, /* White glow */ 0 0 0px #00FF5D; - position: absolute; + position: absolute; top: 220px; left: -70px; } + + + + /* Graph - CSS */ + .multigraph { + width: 150px; + height: 60px; + /* Adjusted height proportionally */ + position: absolute; + top: 50%; + left: 40%; + margin: -30px 0 0 -75px; + /* Adjusted margin to center properly */ + transform: rotate(-45deg); + } + + .multigraph:before { + content: ''; + width: 150px; + height: 75px; + /* Adjusted height proportionally */ + position: absolute; + border: 12px solid white; + /* Adjusted border size */ + border-radius: 150px 150px 0 0; + border-bottom: none; + } + + .graph { + width: 150px; + height: 75px; + /* Adjusted height proportionally */ + position: absolute; + overflow: hidden; + } + + .graph:before, + .graph:after { + width: 150px; + height: 75px; + /* Adjusted height proportionally */ + position: absolute; + top: 100%; + border: 12px solid #0085FF; + /* Adjusted border size */ + content: ''; + border-radius: 0 0 150px 150px; + border-top: none; + transform-origin: center top; + } + + .zero:after { + width: 150px; + height: 75px; + /* Adjusted height proportionally */ + position: absolute; + top: 100%; + content: ''; + border-top: none; + transform-origin: center top; + } + + .graph:after { + transform: rotate(40deg); + } + + .reading { + position: absolute; + bottom: -26px; + left: 43px; + color: white; + font-size: 22px; + font-weight: 600; + rotate: 45deg; + } + + .zero { + position: absolute; + bottom: -40px; + left: -21px; + color: white; + font-size: 12px; + padding: 1px 15px; + border-radius: 8px; + background: green; + rotate: 45deg; + } + + .hundred { + position: absolute; + bottom: -45px; + right: -9px; + color: white; + font-size: 12px; + padding: 1px 9px; + border-radius: 8px; + background: green; + rotate: 45deg; + } + /* Wahid CSS - END */ @@ -687,11 +791,17 @@

Energy Summary Dashboard

CNDWR>> >>CNDWR
-
+

Chillwe Water Power

+
+ + 0 + 500kw + 100 +
@@ -707,11 +817,17 @@

Energy Summary Dashboard

CNDWR>> >>CNDWR
-
+

Chillwe Water Power

+
+ + 0 + 500kw + 100 +
From 15dfc5f4599fb0136bd68faece7efa8a07255377 Mon Sep 17 00:00:00 2001 From: alwahid786 <120777629+alwahid786@users.noreply.github.com> Date: Wed, 20 Sep 2023 04:29:18 +0500 Subject: [PATCH 4/8] updated guages --- EnergySummary.html | 112 +++++++++++++++++++++++++++++++++++++++++++-- images/bolt.svg | 3 ++ 2 files changed, 110 insertions(+), 5 deletions(-) create mode 100644 images/bolt.svg diff --git a/EnergySummary.html b/EnergySummary.html index 1cae4b3..00c867d 100644 --- a/EnergySummary.html +++ b/EnergySummary.html @@ -236,7 +236,7 @@ width: 257px; height: calc(295px + (295 - 295) * (100vh - 375px) / (1322 - 375)); color: black; - text-align: center; + /* text-align: center; */ padding: 8px; } @@ -498,7 +498,7 @@ height: 75px; /* Adjusted height proportionally */ position: absolute; - border: 12px solid white; + border: 12px solid gray; /* Adjusted border size */ border-radius: 150px 150px 0 0; border-bottom: none; @@ -560,7 +560,7 @@ font-size: 12px; padding: 1px 15px; border-radius: 8px; - background: green; + background: #2DBF3C; rotate: 45deg; } @@ -572,10 +572,100 @@ font-size: 12px; padding: 1px 9px; border-radius: 8px; - background: green; + background: #2DBF3C; rotate: 45deg; } + + .multigraph2 { + width: 200px; /* Change width to 200px */ + height: 80px; /* Adjusted height proportionally */ + position: absolute; + top: 50%; + left: 50%; + margin: -40px 0 0 -100px; /* Adjusted margin to center properly */ +} + +.multigraph2:before { + content: ''; + width: 200px; /* Change width to 200px */ + height: 100px; /* Adjusted height proportionally */ + position: absolute; + border: 16px solid gray; /* Adjusted border size */ + border-radius: 200px 200px 0 0; + border-bottom: none; +} + +.graph2 { + width: 200px; /* Change width to 200px */ + height: 100px; /* Adjusted height proportionally */ + position: absolute; + overflow: hidden; +} + +.graph2:before, +.graph2:after { + width: 200px; /* Change width to 200px */ + height: 100px; /* Adjusted height proportionally */ + position: absolute; + top: 100%; + border: 16px solid #2DBF3C; /* Adjusted border size */ + content: ''; + border-radius: 0 0 200px 200px; + border-top: none; + transform-origin: center top; +} + +.zero2:after { + width: 200px; /* Change width to 200px */ + height: 100px; /* Adjusted height proportionally */ + position: absolute; + top: 100%; + content: ''; + border-top: none; + transform-origin: center top; +} + +.graph2:after { + transform: rotate(40deg); +} + +.reading2 { + position: absolute; + bottom: -34px; /* Adjusted bottom position */ + left: 38px; /* Adjusted left position */ + color: black; + /* font-size: 28px; Adjusted font size */ + /* font-weight: 600; */ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.zero2 { + position: absolute; + bottom: -56px; /* Adjusted bottom position */ + left: -10px; /* Adjusted left position */ + color: white; + font-size: 12px; /* Adjusted font size */ + padding: 2px 15px; /* Adjusted padding */ + border-radius: 12px; /* Adjusted border-radius */ + background: #2DBF3C; +} + +.hundred2 { + position: absolute; + bottom: -56px; /* Adjusted bottom position */ + right: -12px; /* Adjusted right position */ + color: white; + font-size: 12px; /* Adjusted font size */ + padding: 2px 15px; /* Adjusted padding */ + border-radius: 12px; /* Adjusted border-radius */ + background: #2DBF3C; +} + + /* Wahid CSS - END */ @@ -779,7 +869,19 @@

Energy Summary Dashboard

COMMUNITY BUILDINGS
-
Total Power
+
+
Total Power
+
+ + 0 + + + Total EDH Power + 16.0 KW + + 250 +
+
Community Building
diff --git a/images/bolt.svg b/images/bolt.svg new file mode 100644 index 0000000..a4a317f --- /dev/null +++ b/images/bolt.svg @@ -0,0 +1,3 @@ + + + From 0e2286bd9b834fdb4ec75a251a257556d7e5acdb Mon Sep 17 00:00:00 2001 From: alwahid786 <120777629+alwahid786@users.noreply.github.com> Date: Wed, 20 Sep 2023 05:02:57 +0500 Subject: [PATCH 5/8] Update EnergySummary.html --- EnergySummary.html | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/EnergySummary.html b/EnergySummary.html index 00c867d..df13878 100644 --- a/EnergySummary.html +++ b/EnergySummary.html @@ -424,6 +424,24 @@ .glow-text span { display: block; } + .glow-text2 { + font-size: 16px; + font-weight: bold; + color: #fff; + text-shadow: 0 0 10px #00FF5D, + /* White glow */ + 0 0 5px #00FF5D, + /* White glow */ + 0 0 0px #00FF5D; + position: absolute; + top: 0; + right: 30px; + text-align: center; + } + + .glow-text2 span { + display: block; + } .text1 { font-size: 12px; @@ -974,7 +992,14 @@
500 L/S

5

- machine1 +
+ machine1 + Chillwe Water Flow 500 L/s + CNDWR>> + >>CNDWR + CNDWR>> + >>CNDWR +
From cb6b7d97eb57683454f963abd231c739073e4e30 Mon Sep 17 00:00:00 2001 From: Hussaini Muhammad Auwal Date: Wed, 20 Sep 2023 05:09:20 +0500 Subject: [PATCH 6/8] Update EnergySummary.html --- EnergySummary.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/EnergySummary.html b/EnergySummary.html index df13878..d89e864 100644 --- a/EnergySummary.html +++ b/EnergySummary.html @@ -609,7 +609,7 @@ width: 200px; /* Change width to 200px */ height: 100px; /* Adjusted height proportionally */ position: absolute; - border: 16px solid gray; /* Adjusted border size */ + border: 16px solid #C4C4C4; /* Adjusted border size */ border-radius: 200px 200px 0 0; border-bottom: none; } @@ -1466,4 +1466,4 @@

207515 L/S

- \ No newline at end of file + From 2247183bcc3f33d2d1275de071aec79e1e29d906 Mon Sep 17 00:00:00 2001 From: Hussaini Muhammad Auwa Date: Wed, 20 Sep 2023 17:31:44 +0500 Subject: [PATCH 7/8] update --- EnergySummary.html | 584 ++++++++++----------------------------------- 1 file changed, 129 insertions(+), 455 deletions(-) diff --git a/EnergySummary.html b/EnergySummary.html index d89e864..fd1cbf0 100644 --- a/EnergySummary.html +++ b/EnergySummary.html @@ -23,6 +23,7 @@