diff options
Diffstat (limited to 'app/explore.php')
| -rw-r--r-- | app/explore.php | 23 |
1 files changed, 21 insertions, 2 deletions
diff --git a/app/explore.php b/app/explore.php index a51731b..4887022 100644 --- a/app/explore.php +++ b/app/explore.php @@ -1,4 +1,4 @@ -<?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; ?> +<?php require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $songs; global $albums; ?> <!doctype html> <html lang="en"> <head> @@ -25,7 +25,26 @@ </script> <div class="container"> <br> - <h2 style="margin-top: 10px; margin-bottom: 20px; margin-left: 10px;">Explore<input placeholder="Filter" id="filter" class="form-control" style="width: 256px; float: right;" onchange="updateFilter();" onkeyup="updateFilter();"></h2> + <h2 style="margin-top: 10px; margin-bottom: 20px; margin-left: 10px;">Explore</h2> + + <form action="search.php"> + <div style="margin-left: 10px;" class="input-group mb-3"> + <input name="q" type="text" id="search" class="form-control" placeholder="Search on Mist"> + <button class="btn btn-outline-secondary" type="submit" id="btn-search">Search</button> + </div> + </form> + + <hr style="margin-left: 10px;"> + + <?php if (count($songs) === 0 && count($albums) === 0): ?> + <div class="text-muted" style="position: fixed; display: flex; inset: 0; align-items: center; justify-content: center;"> + <div style="text-align: center;"> + <img class="icon" src="/assets/logo-transparent.svg" style="filter: grayscale(1) invert(1); width: 96px; height: 96px;" alt=""> + <h4 style="opacity: .75;">Upload music to this server</h4> + <p style="max-width: 300px; margin-left: auto; margin-right: auto;">Add millions of songs and let your users play them whenever they want.</p> + </div> + </div> + <?php endif; ?> <div id="album-grid" style="display: grid; grid-template-columns: repeat(5, 1fr);"> <?php global $albums; |