album.php

<?php include("includes/includedFiles.php");

if (isset($_GET['id'])) {
  $albumId = $_GET['id'];
} else {
  header("Location: index.php");
}

$album = new Album($con, $albumId);
$artist = $album->getArtist();
?>

<div class="entityInfo">
  <div class="leftSection">
    <img src="<?php echo $album->getArtworkPath(); ?>" alt="">
  </div>
  <div class="rightSection">
    <h2><?php echo $album->getTitle(); ?></h2>
    <p>By <?php echo $artist->getName(); ?></p>
    <p><?php echo $album->getNumberOfSongs(); ?> songs</p>
  </div>
</div>


<div class="tracklistContainer">
  <ul class="tracklist">
    <?php
    $songIdArray = $album->getSongIds();

    $i = 1;
    foreach ($songIdArray as $songId) {

      $albumSong = new Song($con, $songId);
      $albumArtist = $albumSong->getArtist();

      echo "<li class='trackListRow'>

        <div class='trackCount'>
          <img class='play' src='assets/images/icons/play-teal.png' onclick='setTrack(\"" . $albumSong->getId() . "\", tempPlaylist, true)'>
          <span class='trackNumber'>$i</span>
        </div>

        <div class='trackInfo'>
          <span class='trackName'>" . $albumSong->getTitle() . "</span>
          <span class='artistName'>" . $albumArtist->getName() . "</span>
        </div>

        <div class='trackOptions'>
          <input type='hidden' class='songId' value='" . $albumSong->getId() . "'>
          <img class='optionsButton' src='assets/images/icons/more-teal.png' onclick='showOptionsMenu(this)'>
        </div>

        <div class='trackDuration'>
          <span class='duration'>" . $albumSong->getDuration() . "</span>
        </div>
      </li>";

      $i++;

    }
    ?>

    <script>
      //php to json, then json to an object we can access. tempPlaylist contains only songs on the current page
      var tempSongIds = '<?php echo json_encode($songIdArray); ?>';
      tempPlaylist = JSON.parse(tempSongIds);
    </script>

  </ul>
</div>

<nav class="optionsMenu">
  <input type="hidden" class="songId">
  <?php echo Playlist::getPlaylistsDropdown($con, $userLoggedIn->getUsername()); ?>
</nav>