SAAS-1148: Add station podcast to Radio Page
Skeleton is done. Download link works. Play link not yet done.
This commit is contained in:
parent
7f05d5c05e
commit
73e7e6e021
4 changed files with 26 additions and 5 deletions
|
@ -40,6 +40,12 @@ class IndexController extends Zend_Controller_Action
|
|||
}
|
||||
$this->view->displayLoginButton = $displayRadioPageLoginButtonValue;
|
||||
|
||||
//station feed episodes
|
||||
$podcastEpisodesService = new Application_Service_PodcastEpisodeService();
|
||||
$stationPodcastId = Application_Model_Preference::getStationPodcastId();
|
||||
$episodes = $podcastEpisodesService->getPodcastEpisodes($stationPodcastId);
|
||||
$this->view->episodes = json_encode($episodes);
|
||||
|
||||
}
|
||||
|
||||
public function mainAction()
|
||||
|
|
|
@ -52,6 +52,16 @@ document.getElementById(id).width= (newwidth) + "px";
|
|||
</form>
|
||||
</div>
|
||||
|
||||
<div id="tab-4" class="station_rss tab_content">
|
||||
<script type="text/javascript">
|
||||
$.each(<?php echo $this->episodes ?>, function(index, value){
|
||||
$("#tab-4").append("<div>"+value.track_metadata.artist_name+" - "+value.track_metadata.track_title+
|
||||
" <a id='rss-download-link' href='"+value.download_url+"'>Download</a>" +
|
||||
" <a id='rss-play-link' href='#'>Play</a></div>");
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<iframe id="player_iframe" frameborder="0" width="100%" style="bottom:0px; left:0px; position:fixed; right:0px;" src=<?php echo $this->stationUrl."embed/player?stream=auto&style=premium";?>></iframe>
|
||||
|
||||
</div>
|
||||
|
@ -60,6 +70,7 @@ document.getElementById(id).width= (newwidth) + "px";
|
|||
$(document).ready(function(){
|
||||
|
||||
$("#player_iframe").load(function () {
|
||||
$("#player_iframe").contents().find('.bottom_bar').append("<div class='station_rss_btn button' data-tab='tab-4'></div>");
|
||||
$("#player_iframe").contents().find('.bottom_bar').append("<div class='about_us_btn button' data-tab='tab-2'></div>");
|
||||
$("#player_iframe").contents().find('.bottom_bar').append("<div class='schedule_btn button current' data-tab='tab-1'></div>");
|
||||
|
||||
|
|
|
@ -39,7 +39,7 @@ body {
|
|||
.on_air {
|
||||
display: inline-block;
|
||||
margin-left: 40px;
|
||||
width: 65%
|
||||
width: 55%
|
||||
}
|
||||
|
||||
.bottom_bar p.now_playing {
|
||||
|
@ -98,25 +98,25 @@ body {
|
|||
|
||||
@media (max-width: 1230px) {
|
||||
.on_air {
|
||||
width: 60%;
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1075px) {
|
||||
.on_air {
|
||||
width: 55%;
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.on_air {
|
||||
width: 50%;
|
||||
width: 35%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 850px) {
|
||||
.on_air {
|
||||
width: 45%;
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -116,6 +116,10 @@ span.login-img {
|
|||
font-weight: 300;
|
||||
}
|
||||
|
||||
.station_rss {
|
||||
background-color: #363636;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #fff;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue