@@ -84,61 +84,61 @@ function removeField(button) {
8484 const network_transfer = data ?. [ 'data' ] ?. [ '[RUNTIME]' ] ?. [ 'data' ] ?. [ 'network_total_cgroup_container' ] ?. [ 'data' ] ?. [ 'gmt-playwright-nodejs' ] ?. [ 'data' ] ?. [ uuid ] ?. [ 'mean' ] ;
8585 const network_transfer_kb = network_transfer / 1000 ;
8686
87- let energy_class ;
88- let energy_color ;
89- let network_carbon_class ;
90- let network_carbon_color ;
87+ let power_class ;
88+ let power_color ;
89+ let network_transfer_class ;
90+ let network_transfer_color ;
9191
9292 const machine_idle_power = 6.6
9393
9494 if ( cpu_power_W > machine_idle_power * 1.2 ) {
95- energy_class = 'F' ;
96- energy_color = 'red'
95+ power_class = 'F' ;
96+ power_color = 'red'
9797 } else if ( cpu_power_W >= machine_idle_power * 1.2 ) {
98- energy_class = 'E' ;
99- energy_color = 'orange'
98+ power_class = 'E' ;
99+ power_color = 'orange'
100100 } else if ( cpu_power_W >= machine_idle_power * 1.15 ) {
101- energy_class = 'D' ;
102- energy_color = 'yellow'
101+ power_class = 'D' ;
102+ power_color = 'yellow'
103103 } else if ( cpu_power_W >= machine_idle_power * 1.1 ) {
104- energy_class = 'C' ;
105- energy_color = 'teal'
104+ power_class = 'C' ;
105+ power_color = 'teal'
106106 } else if ( cpu_power_W >= machine_idle_power * 1.05 ) {
107- energy_class = 'B' ;
108- energy_color = 'olive'
107+ power_class = 'B' ;
108+ power_color = 'olive'
109109 } else if ( cpu_power_W > 0 && cpu_power_W < machine_idle_power * 1.05 ) {
110- energy_class = 'A' ;
111- energy_color = 'green'
110+ power_class = 'A' ;
111+ power_color = 'green'
112112 } else {
113- energy_class = 'N/A' ;
114- energy_color = 'purple'
113+ power_class = 'N/A' ;
114+ power_color = 'purple'
115115 }
116116
117117 // we mimic the SWD model: https://sustainablewebdesign.org/digital-carbon-ratings
118118 if ( network_transfer_kb > 0 && network_transfer_kb < 272.51 ) {
119- network_carbon_class = 'A+' ;
120- network_carbon_color = 'green'
119+ network_transfer_class = 'A+' ;
120+ network_transfer_color = 'green'
121121 } else if ( network_transfer_kb <= 531.15 ) {
122- network_carbon_class = 'A' ;
123- network_carbon_color = 'green'
122+ network_transfer_class = 'A' ;
123+ network_transfer_color = 'green'
124124 } else if ( network_transfer_kb <= 975.85 ) {
125- network_carbon_class = 'B' ;
126- network_carbon_color = 'olive'
125+ network_transfer_class = 'B' ;
126+ network_transfer_color = 'olive'
127127 } else if ( network_transfer_kb <= 1410.39 ) {
128- network_transfer_kb_class = 'C' ;
129- network_transfer_kb_color = 'teal'
128+ network_transfer_class = 'C' ;
129+ network_transfer_color = 'teal'
130130 } else if ( network_transfer_kb <= 1875.01 ) {
131- network_transfer_kb_class = 'D' ;
132- network_transfer_kb_color = 'yellow'
131+ network_transfer_class = 'D' ;
132+ network_transfer_color = 'yellow'
133133 } else if ( network_transfer_kb <= 2419.56 ) {
134- network_transfer_kb_class = 'E' ;
135- network_transfer_kb_color = 'orange'
134+ network_transfer_class = 'E' ;
135+ network_transfer_color = 'orange'
136136 } else if ( network_transfer_kb > 2419.56 ) {
137- network_transfer_kb_class = 'F' ;
138- network_transfer_kb_color = 'red'
137+ network_transfer_class = 'F' ;
138+ network_transfer_color = 'red'
139139 } else {
140- network_carbon_class = 'N/A' ;
141- network_carbon_color = 'purple'
140+ network_transfer_class = 'N/A' ;
141+ network_transfer_color = 'purple'
142142 }
143143
144144 document . querySelector ( '#websites' ) . insertAdjacentHTML (
@@ -154,14 +154,14 @@ function removeField(button) {
154154 gap: 16px;
155155 ">
156156 <div>
157- <div class="ui ${ energy_color } label" style="margin-left: 13px; margin-bottom: 3px;"> ${ energy_class } </div>
157+ <div class="ui ${ power_color } label" style="margin-left: 13px; margin-bottom: 3px;"> ${ power_class } </div>
158158 <div>Rendering</div>
159159 </div>
160160 <div>
161- <div class="ui ${ network_carbon_color } label" style="
161+ <div class="ui ${ network_transfer_color } label" style="
162162 margin-left: 25px;
163163 margin-bottom: 3px;
164- "> ${ network_carbon_class }
164+ "> ${ network_transfer_class }
165165 </div>
166166 <div>Network Data</div>
167167 </div>
0 commit comments