Skip to content
Snippets Groups Projects
Select Git revision
  • 9328beafacc7282448fade40d686fdaa26e6f409
  • master default protected
  • 60-display-last-tracks-and-some-dump-metadata
  • 58-create-api-for-main-routes
  • 40-add-more-default-playlists-in-quick-create-feature
  • 37-batch-update-recently-played-tracks
  • 11-improve-new-playlist-name-and-description
  • 15-add-a-play-now-button-on-created-playlist-message
  • 20-rename-playlist-with-artists-names
  • 30-save-spotify-personal-token-for-external-use
10 results

template.php

Blame
  • template.php 5.26 KiB
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title>Spotify playlist generator</title>
      <link rel="icon" type="image/png" href="img/favicon.png"/>
      <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all" />
      <link rel="stylesheet" href="css/styles.css" type="text/css" media="all" />
      <script src="js/bootstrap.min.js"></script>
      <script src="js/scripts.js"></script>
    </head>
    
    <body class="container mt-2">
    
      <div class="row">
        <div class="col-3">
    
          <div class="card">
            <?php if (count($templateData['user']->images)) { ?>
            <img src="<?php echo $templateData['user']->images[0]->url; ?>" class="card-img-top" alt="<?php echo $templateData['user']->display_name; ?>">
            <?php } ?>
            <div class="card-body">
              <h5 class="card-title"><?php echo $templateData['user']->display_name; ?></h5>
              <a href="<?php echo $templateData['user']->external_urls->spotify; ?>" class="btn btn-primary">View profile</a>
            </div>
            <div class="card-footer">
              <a href="index.php" class="card-link">refresh</a>
              <br/>
              <a href="?logout" class="card-link">disconnect</a>
            </div>
          </div>
    
        </div>
        <div class="col-9">
    
          <?php if (count($templateData['errors'])) { ?>
            <?php foreach ($templateData['errors'] as $message) { ?>
              <div class="alert alert-warning" role="alert"><?php echo $message; ?></div>
            <?php } ?>
          <?php } ?>
    
          <?php if (count($templateData['infos'])) { ?>
            <?php foreach ($templateData['infos'] as $message) { ?>
              <div class="alert alert-primary" role="alert"><?php echo $message; ?></div>
            <?php } ?>
          <?php } ?>
    
          <?php if (count($templateData['topArtists'])) { ?>
            <form class="clearfix">
              <legend>Generate playlist from artists:</legend>
              <ul class="list-unstyled row row-cols-4">
                <?php foreach ($templateData['topArtists'] as $artist) { ?>
                  <li class="col">
                    <div class="custom-control custom-checkbox">
                      <input
                        type="checkbox"
                        class="custom-control-input"
                        id="check-top-artist-<?php echo $artist->id; ?>"
                        name="selected-artist[]"
                        value="<?php echo $artist->id; ?>"
                      >
                      <label class="custom-control-label" for="check-top-artist-<?php echo $artist->id; ?>">
                        <?php echo $artist->name; ?>
                      </label>
                    </div>
                  </li>
                <?php } ?>
              </ul>
              <div class="row">
                <div class="col-8">
                  <input
                    type="checkbox"
                    class="custom-control-input"
                    id="check-top-artist-filter-artists"
                    name="check-top-artist-filter-artists"
                    value="filter-artists"
                    checked
                  >
                  <label class="custom-control-label" for="check-top-artist-filter-artists">
                    Allow only selected artists in recommendations
                  </label>
                </div>
                <div class="col-4">
                  <button name="generate-playlist-top-artists" type="submit" class="btn btn-secondary float-end">🎶 Generate!</button>
                </div>
              </div>
            </form>
          <?php } ?>
    
          <?php if (count($templateData['playlists'])) { ?>
            <form class="clearfix">
              <legend>Generate playlist from tracks in existing playlist:</legend>
              <ul class="list-unstyled row row-cols-2">
                <?php foreach ($templateData['playlists'] as $playlist) { ?>
                  <li class="col">
                    <div class="custom-control custom-checkbox">
                      <input
                        type="checkbox"
                        class="custom-control-input"
                        id="check-playlist-<?php echo $playlist->id; ?>"
                        name="selected-playlist[]"
                        value="<?php echo $playlist->id; ?>"
                      >
                      <label class="custom-control-label" for="check-playlist-<?php echo $playlist->id; ?>">
                        <?php echo $playlist->name; ?>
                      </label>
                    </div>
                  </li>
                <?php } ?>
              </ul>
              <div class="row">
                <div class="col-8">
                  <input
                    type="checkbox"
                    class="custom-control-input"
                    id="check-playlist-filter-artists"
                    name="check-playlist-filter-artists"
                    value="filter-artists"
                    checked
                  >
                  <label class="custom-control-label" for="check-playlist-filter-artists">
                    Allow only artists in selected playlists in recommendations
                  </label>
                </div>
                <div class="col-4">
                  <button name="generate-playlist-from-playlist" type="submit" class="btn btn-secondary float-end">🎶 Generate!</button>
                </div>
              </div>
            </form>
          <?php } ?>
    
        </div>
      </div>
    
    </body>
    
    </html>