2017-05-09 11:11:13 +02:00
|
|
|
<?php
|
2017-10-11 16:49:25 +02:00
|
|
|
require 'logic.php';
|
2017-05-09 11:11:13 +02:00
|
|
|
?>
|
|
|
|
|
<html>
|
|
|
|
|
<header>
|
|
|
|
|
<link rel=stylesheet href="style.css" type="text/css">
|
2017-10-03 16:11:00 +02:00
|
|
|
<title>twitchLite</title>
|
2017-05-09 11:11:13 +02:00
|
|
|
</header>
|
|
|
|
|
<body>
|
2021-10-31 12:14:55 +01:00
|
|
|
<nav>
|
2017-07-30 21:52:29 +02:00
|
|
|
<form class="input" method="get">
|
2021-10-31 12:14:55 +01:00
|
|
|
<label for="limit">Limit (1-100):</label>
|
|
|
|
|
<input id="limit" type="number" min="1" max="100" value="<?php echo $_GET['limit']; ?>" name="limit">
|
|
|
|
|
<label for="game">Game:</label>
|
|
|
|
|
<input id="game" type="text" autocomplete="off" name="game" value="<?php echo $_GET['game']; ?>" list="games">
|
2021-11-28 13:08:00 +01:00
|
|
|
<?php if (isset($user_id) && !empty($user_id)) : ?>
|
2021-10-31 12:14:55 +01:00
|
|
|
<label for="only_followed">Only followed:</label>
|
|
|
|
|
<input id="only_followed" type="checkbox" name="only_followed" value="1"
|
2020-06-20 21:59:23 +02:00
|
|
|
<?php echo $_GET['only_followed'] === "1" ? "checked" : ""; ?> >
|
|
|
|
|
<input type="hidden" name="ofh" value="0">
|
2017-09-24 21:38:10 +02:00
|
|
|
<?php endif; ?>
|
2017-09-24 17:40:19 +02:00
|
|
|
<input type="submit" value="Submit">
|
2017-05-09 11:11:13 +02:00
|
|
|
</form>
|
2017-10-11 16:49:25 +02:00
|
|
|
<form class="input-prev-next" method="get">
|
|
|
|
|
<input type="hidden" name="limit" value="<?php echo $_GET['limit']; ?>">
|
2021-10-31 12:14:55 +01:00
|
|
|
<button type="submit" name="" value="">To begining</button>
|
|
|
|
|
<button type="submit" name="after" value="<?php echo array_key_exists("pagination", $content) ? $content["pagination"]["cursor"] : ""; ?>">Next</button>
|
2020-06-20 21:59:23 +02:00
|
|
|
<input type="hidden" name="game" value="<?php echo $_GET['game']; ?>">
|
|
|
|
|
<input type="hidden" name="only_followed" value="<?php echo $_GET['only_followed'] ? "1" : "0"; ?>">
|
2017-10-11 16:49:25 +02:00
|
|
|
</form>
|
2017-10-10 16:55:11 +02:00
|
|
|
<?php if (isset($get_top_games) && $get_top_games === true) : ?>
|
2017-10-03 16:11:00 +02:00
|
|
|
<datalist id="games">
|
2021-10-31 12:14:55 +01:00
|
|
|
<?php foreach ($games["data"] as $game) : ?>
|
|
|
|
|
<option value="<?php echo $game["id"]; ?>"><?php echo $game["name"]; ?></option>
|
2017-10-03 16:11:00 +02:00
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</datalist>
|
|
|
|
|
<?php endif; ?>
|
2021-10-31 12:14:55 +01:00
|
|
|
</nav>
|
2017-05-09 11:11:13 +02:00
|
|
|
<div id="content">
|
|
|
|
|
<div class="container">
|
2021-10-31 12:14:55 +01:00
|
|
|
<?php foreach ($content["data"] as $stream) : ?>
|
|
|
|
|
<?php if (isset($_GET['only_followed']) && !empty($_GET['game']) && $_GET['game'] !== $stream["game_id"]) {
|
|
|
|
|
continue;
|
|
|
|
|
} ?>
|
2017-05-09 11:11:13 +02:00
|
|
|
<div class="stream">
|
2021-10-31 12:14:55 +01:00
|
|
|
<a href="https://twitch.tv/<?php echo $stream["user_login"]; ?>">
|
|
|
|
|
<img src="<?php echo str_replace(["{width}", "{height}"], ["320", "180"], $stream["thumbnail_url"]); ?>">
|
2017-10-11 16:49:25 +02:00
|
|
|
</a>
|
|
|
|
|
<br>
|
2021-10-31 12:14:55 +01:00
|
|
|
<span class="user"><strong>User:</strong> <?php echo $stream["user_name"]; ?></span><br>
|
|
|
|
|
<span class="game"><strong>Game:</strong> <?php echo $stream["game_name"]; ?></span><br>
|
|
|
|
|
<span class="viewers"><strong>Viewers:</strong> <?php echo $stream["viewer_count"]; ?></span><br>
|
|
|
|
|
<a href="<?php echo "https://twitch.tv/popout/" . $stream["user_login"] . "/chat" ?>">
|
2020-06-20 21:34:03 +02:00
|
|
|
<span class="chat">Link to chat</span>
|
|
|
|
|
</a>
|
2017-05-09 11:11:13 +02:00
|
|
|
<hr class="status-split">
|
2021-10-31 12:14:55 +01:00
|
|
|
<span class="status"><?php echo $stream["title"]; ?></span><br>
|
2017-05-09 11:11:13 +02:00
|
|
|
</div>
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
2017-05-13 14:56:48 +00:00
|
|
|
</html>
|
