Individual episodes will be displayed in the EpisodeView class. Let's start with the template:
<script type='text/template' id='episodeView'>
<div class='btn-group btn-tools'>
<button id='markOne' class="btn btn-default">Mark As Listened</button>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h1>{{title}}</h1>
<p>
<strong>Duration</strong>: {{duration}}
<strong>Date</strong>: {{pubDate}}
</p>
<audio controls='true' src="{{audio}}"></audio>
{{description}}
</div>
</div>
</script>We start with some tools at the top: a Mark As Listened button. Then, we show the details for the episode: title, duration, and date. Next comes the audio element; this makes it really easy for users to listen to the podcast right in our application. In our case, we only have a single audio...