From 3c13a9afe66eb005bdfda63d15e28d81925607e5 Mon Sep 17 00:00:00 2001
From: Pk11 <epicpkmn11@outlook.com>
Date: Wed, 1 Feb 2023 21:50:09 -0600
Subject: [PATCH] Add KaiOS keyboard controls

---
 index.php | 9 ++++++---
 style.css | 1 +
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/index.php b/index.php
index e4ce137..12cc29a 100644
--- a/index.php
+++ b/index.php
@@ -209,7 +209,7 @@
 				// 停留所フォームをプリント
 				echo '<form method="get" action="' . $_SERVER['PHP_SELF'] . '">';
 				echo '<h2><label for="stop">停留所の番号</label></h2>';
-				echo '<input type="number" min="0" id="stop" name="stop" placeholder="12345" required>';
+				echo '<input type="number" tabindex="0" min="0" id="stop" name="stop" placeholder="12345" required>';
 				echo '<input type="submit" value="検索">';
 				echo '</form>';
 
@@ -315,7 +315,7 @@
 							}
 	
 							echo '<li class="d-flex">';
-							echo '<button type="submit" formmethod="get" name="stop" value="' . $row['stop'] . '" class="flex-fill"' . $accesskey . '>' . $row['stop'] . ' – ' . $row['description'] . '</button>';
+							echo '<button type="submit" tabindex="0" formmethod="get" name="stop" value="' . $row['stop'] . '" class="flex-fill"' . $accesskey . '>' . $row['stop'] . ' – ' . $row['description'] . '</button>';
 							echo '<button type="submit" formmethod="post" name="fav-up" value="' . $row['fav_id'] . '" title="' . $row['stop'] . 'の優先を上げる" aria-label="' . $row['stop'] . 'の優先を上げる">↑</button>';
 							echo '<button type="submit" formmethod="post" name="fav-down" value="' . $row['fav_id'] . '" title="' . $row['stop'] . 'の優先を下げる" aria-label="' . $row['stop'] . 'の優先を下げる">↓</button>';
 							echo '<button type="submit" formmethod="post" name="fav-remove" value="' . $row['fav_id'] . '" title="' . $row['stop'] . 'を削除" aria-label="' . $row['stop'] . 'を削除"class="btn danger">×</button>';
@@ -336,7 +336,7 @@
 						echo '<ul class="unstyled-list">';
 						while($row = pg_fetch_array($res)) {
 							echo '<li class="mb-1 d-flex">';
-							echo '<button type="submit" formmethod="get" name="stop" value="' . $row['stop'] . '" class="btn btn-sm btn-secondary flex-fill me-1 text-start">' . $row['stop'] . '</button>';
+							echo '<button type="submit" tabindex="0" formmethod="get" name="stop" value="' . $row['stop'] . '" class="btn btn-sm btn-secondary flex-fill me-1 text-start">' . $row['stop'] . '</button>';
 							echo '<button type="submit" formmethod="post" name="history-remove" value="' . $row['history_id'] . '" title="' . $row['stop'] . 'を削除" aria-label="' . $row['stop'] . 'を削除" class="btn danger">×</button>';
 							echo '</li>';
 						}
@@ -349,6 +349,9 @@
 			}
 
 			pg_close($dbc);
+
+			if(strstr($_SERVER['HTTP_USER_AGENT'], "KAIOS"))
+				echo '<script src="//xn--rck9c.xn--tckwe/assets/js/kaios.js"></script>';
 		?>
 	</main>
 </body>
diff --git a/style.css b/style.css
index e5ffb26..904a97b 100644
--- a/style.css
+++ b/style.css
@@ -2,6 +2,7 @@
 h1, h2, h3 { margin-bottom: 0.5rem; }
 h2 { border-bottom: 1px solid gray; margin-bottom: 0.5rem; }
 hr { border: none; border-top: 1px solid gray; }
+:focus { color: blue; }
 
 .alert { margin-left: 0; padding-left: 1rem; border-left: 3px solid black; }
 .alert.success { border-color: lime; }