3 years ago · 8664397750
parent f497eb1b0d
commit 8664397750
1 changed files with 93 additions and 87 deletions
--- a/nextrip.php
+++ b/nextrip.php
@ -1,5 +1,5 @@
 <?php /*
-	Copyright © 2022 Pk11
+	Copyright © 2021-2022 Pk11

 	Permission is hereby granted, free of charge, to any person obtaining a
 	copy of this software and associated documentation files (the “Software”),
@ -29,18 +29,31 @@
 	<title>停留所のNexTrip情報</title>

 	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+	<style>
+		main {
+			max-width: 768px;
+		}
+
+		h2 {
+			border-bottom: 1px solid lightgray;
+		}
+	</style>
 </head>
 <body>
 	<?php
+		// このページのURL
+		$self = "https://nextrip.xn--rdk.xn--tckwe/";
+
+		// formの変数
 		$stop = $_GET['stop'];
-		$favSet = $_GET['fav-set'];
-		$favRemove = $_GET['fav-remove'];
+		$favSet = $_POST['fav-set'];
+		$favRemove = $_POST['fav-remove'];
 	?>

 	<header>
 		<nav class="navbar navbar-light bg-light">
 			<div class="container-fluid">
-				<a class="navbar-brand" href="https://nextrip.xn--rdk.xn--tckwe/">停留所のNexTrip情報</a>
+				<a class="navbar-brand" href="<?php echo $self; ?>">停留所のNexTrip情報</a>
 				<ul class="navbar-nav">
 					<li class="nav-item">
 						<a class="nav-link" href="https://gist.github.com/Epicpkmn11/6e60adbf3475277b753b259ab02a53cd" target="_blank">ソース</a>
@ -50,100 +63,93 @@
 		</nav>
 	</header>

-	<main class="mt-3">
-		<div class="container-fluid" style="max-width: 768px">
-			<?php
-				if(isset($stop)) {
-					if(preg_match("/[^\\d]/", $stop)) {
-						echo "<h3 class=\"alert alert-danger\">{$stop}は無効な停留所です。</h3>";
-					} else {
-						$directions = [
-							"NB" => "北行",
-							"EB" => "東行",
-							"SB" => "南行",
-							"WB" => "西行"
-						];
-				
-						$content = file_get_contents("https://svc.metrotransit.org/NexTrip/$stop?format=json");
-						$json = json_decode($content);
-				
-						if(!isset($json)) {
-							echo "<h3 class=\"alert alert-danger\">{$stop}は無効な停留所です。</h3>";
-						} else {
-							echo "<h3 class=\"border-bottom\">停留所{$stop}のNexTrip情報</h3>";
-							echo '<div class="row row-cols-2 row-cols-sm-4 row-cols-md-6">';
-							foreach($json as $bus) {
-								echo '<div class="col">';
-								echo "<p><span class=\"fw-bold\">$bus->Route{$bus->Terminal}（{$directions[$bus->RouteDirection]}）</span><br>";
-								echo "$bus->DepartureText</p>";
-								echo '</div>';
-							}
-							echo '</div>';
-
-							$favDesc = json_decode($_COOKIE['favorites'], true)[$stop];
-
-							echo '<form>';
-							echo "<input type=\"hidden\" name=\"fav-set\" value=\"$stop\">";
-							echo '<div class="input-group mb-3">';
-							echo '<label for="desc" class="input-group-text">お気に入り</label>';
-							echo "<input type=\"text\" id=\"desc\" name=\"desc\" class=\"form-control\" placeholder=\"説明\" value=\"$favDesc\" required>";
-							if(isset($favDesc))
-								echo '<input type="submit" class="btn btn-outline-secondary" value="更新">';
-							else
-								echo '<input type="submit" class="btn btn-outline-secondary" value="追加">';
-							echo '</div>';
-							echo '</form>';
-						}
+	<main class="mt-3 container-fluid">
+		<?php
+			if(isset($stop)) { // 停留所情報を表示
+				$directions = [
+					"NB" => "北行",
+					"EB" => "東行",
+					"SB" => "南行",
+					"WB" => "西行"
+				];
+
+				// APIデータを取得
+				$content = file_get_contents("https://svc.metrotransit.org/NexTrip/$stop?format=json");
+				$json = json_decode($content);
+
+				if(isset($json)) {
+					// 情報をプリント
+					echo "<h2>停留所{$stop}のNexTrip情報</h2>";
+					echo '<div class="row row-cols-2 row-cols-sm-4 row-cols-md-6">';
+					foreach($json as $bus) {
+						echo '<div class="col">';
+						echo "<p><strong>$bus->Route{$bus->Terminal}（{$directions[$bus->RouteDirection]}）</strong><br>";
+						echo "$bus->DepartureText</p>";
+						echo '</div>';
 					}
-				} else {
-					echo '<div class="row">';
-					echo '<div class="col-12">';
-					echo '<form>';
-					echo '<div class="input-group mb-3">';
-					echo '<label for="stop" class="input-group-text">停留所</label>';
-					echo '<input type="text" id="stop" name="stop" class="form-control" placeholder="12345">';
-					echo '<input type="submit" class="btn btn-outline-secondary">';
-					echo '</div>';
-					echo '</form>';
 					echo '</div>';
+
+					// お気に入りフォームをプリント
+					$favDesc = json_decode($_COOKIE['favorites'], true)[$stop];
+
+					echo "<form method=\"post\" action=\"$self\">";
+					echo "<input type=\"hidden\" name=\"fav-set\" value=\"$stop\">";
+					echo '<div class="input-group">';
+					echo '<label for="desc" class="input-group-text">お気に入り</label>';
+					echo "<input type=\"text\" id=\"desc\" name=\"desc\" class=\"form-control\" placeholder=\"説明\" value=\"$favDesc\" required>";
+					echo '<input type="submit" class="btn btn-outline-secondary" value="' . (isset($favDesc) ? '更新' : '追加') . '">';
 					echo '</div>';
+					echo '</form>';
+				} else {
+					echo "<div class=\"alert alert-danger\">{$stop}は無効な停留所です。</div>";
+				}
+			} else { //　HPを表示
+				// 停留所フォームをプリント
+				echo "<form method=\"get\" action=\"$self\">";
+				echo '<div class="input-group mb-3">';
+				echo '<label for="stop" class="input-group-text">停留所</label>';
+				echo '<input type="number" min="0" id="stop" name="stop" class="form-control" placeholder="12345" required>';
+				echo '<input type="submit" class="btn btn-outline-secondary">';
+				echo '</div>';
+				echo '</form>';

-					$favorites = isset($_COOKIE['favorites']) ? json_decode($_COOKIE['favorites'], true) : Array();
+				// お気に入り一覧
+				$favorites = isset($_COOKIE['favorites']) ? json_decode($_COOKIE['favorites'], true) : Array();

-					if(isset($favSet)) {
-						$desc = $_GET['desc'];
+				if(isset($favSet)) { // お気に入りに追加
+					$desc = $_POST['desc'];

-						$favorites[$favSet] = $desc;
-						ksort($favorites);
+					$favorites[$favSet] = $desc;
+					ksort($favorites);
+					setcookie("favorites", json_encode($favorites));
+					echo "<div class=\"alert alert-info\">{$favSet}({$desc})は設定しました。</div>";
+				} else if(isset($favRemove)) { // お気に入りから削除
+					if(array_key_exists($favRemove, $favorites)) {
+						$desc = $favorites[$favRemove];
+						unset($favorites[$favRemove]);
 						setcookie("favorites", json_encode($favorites));
-						echo "<h3 class=\"alert alert-info\">{$favSet}({$desc})は設定しました。</h3>";
-					} else if(isset($favRemove)) {
-						if(array_key_exists($favRemove, $favorites)) {
-							$desc = $favorites[$favRemove];
-							unset($favorites[$favRemove]);
-							setcookie("favorites", json_encode($favorites));
-							echo "<h3 class=\"alert alert-info\">{$favRemove}({$desc})は削除しました。</h3>";
-						} else {
-							echo "<h3 class=\"alert alert-warning\">{$favRemove}はお気に入りにありません。</h3>";
-						}
+						echo "<div class=\"alert alert-info\">{$favRemove}({$desc})は削除しました。</div>";
+					} else {
+						echo "<div class=\"alert alert-warning\">{$favRemove}はお気に入りにありません。</div>";
 					}
+				}

-					if(count($favorites) > 0) {
-						echo '<h2 class="border-bottom">お気に入り</h2>';
-						echo '<ul class="list-unstyled">';
-						foreach($favorites as $favStop => $favDesc) {
-							echo '<li class="mb-1 d-flex">';
-							echo "<a class=\"btn btn-sm btn-secondary flex-fill me-1 text-start\" href=\"?stop=$favStop\">$favStop ($favDesc)</a>";
-							echo "<a class=\"btn btn-sm btn-danger\" href=\"?fav-remove=$favStop\" aria-label=\"Remove\">×</a>";
-							echo '</li>';
-						}
-						echo '</ul>';
+				// お気に入りがある場合、プリント
+				if(count($favorites) > 0) {
+					echo '<h2>お気に入り</h2>';
+					echo "<form action=\"$self\">";
+					echo '<ul class="list-unstyled">';
+					foreach($favorites as $favStop => $favDesc) {
+						echo '<li class="mb-1 d-flex">';
+						echo "<button type=\"submit\" formmethod=\"get\" name=\"stop\" value=\"$favStop\" class=\"btn btn-sm btn-secondary flex-fill me-1 text-start\">$favStop ($favDesc)</button>";
+						echo "<button type=\"submit\" formmethod=\"post\" name=\"fav-remove\" value=\"$favStop\" aria-label=\"{$favStop}を削除\" class=\"btn btn-sm btn-danger\">×</button>";
+						echo '</li>';
 					}
+					echo '</ul>';
+					echo '</form>';
 				}
-			?>
-		</div>
+			}
+		?>
 	</main>
-
-	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
 </body>
 </html>