From 83c24dddc0df4a15ca598124ea274a7d098989fa Mon Sep 17 00:00:00 2001
From: rynan4818 <14249877+rynan4818@users.noreply.github.com>
Date: Sat, 18 Feb 2023 20:41:48 +0900
Subject: [PATCH] =?UTF-8?q?HttpCO2Status=E7=94=A8=E3=81=AE=E3=82=AA?=
 =?UTF-8?q?=E3=83=BC=E3=83=90=E3=83=BC=E3=83=AC=E3=82=A4=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index_HDT_SRMqueue_CO2_sample.html | 169 +++++++++++++++++++++++++++++
 1 file changed, 169 insertions(+)
 create mode 100644 index_HDT_SRMqueue_CO2_sample.html
diff --git a/index_HDT_SRMqueue_CO2_sample.html b/index_HDT_SRMqueue_CO2_sample.html
new file mode 100644
index 0000000..a99de49
--- /dev/null
+++ b/index_HDT_SRMqueue_CO2_sample.html
@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>Overlay</title>
+		<link rel="stylesheet" href="style.css">
+		<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800" rel="stylesheet"> 
+	</head>
+	
+	<body>
+		<script src="./js/startup.js"></script>
+		<div class="performance_group" style="display: flex; justify-content: space-between; font-size: 34px;font-weight: 700;line-height: 41px; letter-spacing: 2px; margin: 5px 0 0 20px;">
+			<span id="srm_queue_status">!bsr close</span>
+			<span style="font-size: 23px" id="co2_hum_tmp">0ppm  0℃  0%</span>
+		</div>
+		<div id="overlay" class="hidden">
+			<div id="performance">
+				<div class="performance_group" style="display: block;font-size: 34px;font-weight: 700;line-height: 41px;">
+					<span id="head_distance">0.0m</span>
+				</div>
+				<div class="performance_group" id="now_pp_group">
+					<span class="text" id="now_pp">0</span>
+					<span class="subtext" id="now_pp_text">pp</span>
+				</div>
+
+				<div class="performance_group">
+					<span class="text" id="rank">E</span>
+					<span class="subtext" id="percentage">0%</span>
+				</div>
+
+				<div class="performance_group" id="miss_group">
+					<span class="text" id="miss">0</span>
+					<span class="subtext">Miss</span>
+				</div>
+
+				<div class="performance_group">
+					<span class="text" id="combo">0</span>
+					<span class="subtext">Combo</span>
+				</div>
+				
+				<span id="score">0</span>
+
+				<div class="energy_container" id="energy_area">
+				    <div class="energy_background" id="energy_group">
+				        <div class="energy" id="energy_bar"></div>
+				    </div>
+				</div>
+			</div>
+
+			<div id="beatmap">
+				<div id="cover_group">
+					<div id="cover">
+						<img id="image">
+						
+						<svg width="90" height="90">
+							<rect width="90" height="90" id="darken"></rect>
+							<circle cx="45" cy="45" r="30" id="remaining"></circle>
+							<circle cx="45" cy="45" r="30" id="progress"></circle>
+						</svg>
+
+						<div>
+							<span id="song_time">0:00</span>
+						</div>
+					</div>
+				</div>
+
+				<div id="meta">
+					<div id="text">
+						<div id="title_subtitle">
+							<div id="titles">
+								<div id="title_group">
+									<span id="title">Title</span>
+								</div>
+								<div id="title_subtitle_space"></div>
+								<div id="subtitle_group">
+									<span id="subtitle">Subtitle</span>
+								</div>
+							</div>
+						</div>
+
+						<div id="artist_mapper_group">
+							<div id="artist_mapper">
+								<div id="artist_group">
+									<span id="artist">Artist</span><span id="mapper_header"> [</span><span id="mapper">Mapper</span><span id="mapper_footer">]</span>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div>
+						<span id="bsr_group">
+							<span id="bsr_text">bsr </span><span id="bsr">00000</span>
+						</span>
+						<span id="pp_group">
+							<span id="star_text">★</span><span id="star">0.0</span>
+							<span id="pp">0.0</span><span id="pp_text">pp</span>
+						</span>
+					</div>
+					<div id="map_info_group">
+						<div id="map_info">
+							<span id="difficulty_group">
+								<span id="difficulty_label">
+									<span id="difficulty">Easy</span><span id="label_group"><span id="label_header">(</span><span id="label">customLabel</span><span id="label_footer">)</span></span>
+								</span>
+							</span>
+							<span id="bpm_group">
+								<span id="bpm">0</span><span id="bpm_text"> BPM</span>
+							</span>
+							<span id="njs_group">
+								<span id="njs">0</span><span id="njs_text"> NJS</span>
+							</span>
+							<span id="mod_group">
+								<span id="mod">MOD</span>
+							</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+<script type="text/javascript">
+	ex_hello.push((data) => {
+		let distance = document.getElementById("head_distance");
+		let srm_queue_status = document.getElementById("srm_queue_status");
+		let co2_hum_tmp = document.getElementById("co2_hum_tmp");
+		distance.innerText = "";
+		srm_queue_status.innerText = "";
+		co2_hum_tmp.innerText = "";
+	});
+	ex_other.push((data) => {
+		if (typeof data.other !== "undefined") {
+			if (typeof data.other.HeadDistanceTravelled !== "undefined") {
+				let distance = document.getElementById("head_distance");
+				if (typeof data.other.HeadDistanceTravelled.Distance !== "undefined") {
+					distance.innerText = data.other.HeadDistanceTravelled.Distance.toFixed(3) + "m";
+				}
+			}
+			let srm_queue_status = document.getElementById("srm_queue_status");
+			if (typeof data.other.srm_queue_status !== "undefined") {
+				if (data.other.srm_queue_status) {
+					srm_queue_status.innerText = "!bsr open";
+				} else {
+					srm_queue_status.innerText = "!bsr close";
+				}
+			}
+			if (typeof data.other.CO2Core !== "undefined") {
+				let co2_hum_tmp = document.getElementById("co2_hum_tmp");
+				let co2_hum_tmp_text = ""
+				if (typeof data.other.CO2Core.CO2 !== "undefined") {
+					co2_hum_tmp_text = data.other.CO2Core.CO2 + "ppm";
+				}
+				if (typeof data.other.CO2Core.Temperature !== "undefined") {
+					co2_hum_tmp_text += "  " + data.other.CO2Core.Temperature + "℃";
+				}
+				if (typeof data.other.CO2Core.Humidity !== "undefined") {
+					co2_hum_tmp_text += "  " + data.other.CO2Core.Humidity + "%";
+				}
+				co2_hum_tmp.innerText = co2_hum_tmp_text;
+			}
+		}
+	});
+</script>
+
+		<script src="./js/options.js"></script>
+		
+		<script src="./js/ui.js"></script>
+		<script src="./js/events.js"></script>
+		<script src="./js/manager.js"></script>
+	</body>
+</html>
