XPPL/app/templates/list.html

{% extends "base.html" %}

{% block main %}
<div id="home_content">
<h2 class="header">Index</h2>

  <div class="locations_list">
    {% for location in locations %}
      <div class="row">
        <div>{{location.id}}</div> 
        <div>{{location.longitude}}, {{location.latitude}}</div>
        <div>{{location.message if location.loc_type == "message"}}</div>
        <div>
          {% if location.loc_type == "audio" %}
          
          <audio id="audio-player" controls="" src="uploads/{{location.audio}}" type="audio/ogg"></audio>
          {% endif %}
        </div>
        <div>
          <a class="delete_btn" href="location/{{location.id}}/delete">delete</a>
        </div>
      </div>
      <audio controls>
        <source src="uploads/{{location.audio}}" type="audio/ogg">
        Your browser does not support the audio tag.
      </audio> 
    {% endfor %}
  </div>
</div>

{% endblock main %}
{% block js %}

<script>

    </script>

{% endblock js %}