From 73e7e6e021b6f58e7864f10d1e86028e1ee51bf6 Mon Sep 17 00:00:00 2001
From: drigato <denise.rigato@sourcefabric.org>
Date: Mon, 26 Oct 2015 15:24:33 -0400
Subject: [PATCH] SAAS-1148: Add station podcast to Radio Page

Skeleton is done. Download link works. Play link not yet done.
---
 .../application/controllers/IndexController.php       |  6 ++++++
 .../application/views/scripts/index/index.phtml       | 11 +++++++++++
 airtime_mvc/public/css/radio-page/premium_player.css  | 10 +++++-----
 airtime_mvc/public/css/radio-page/radio-page.css      |  4 ++++
 4 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/airtime_mvc/application/controllers/IndexController.php b/airtime_mvc/application/controllers/IndexController.php
index d0070ca18..0ed845a63 100644
--- a/airtime_mvc/application/controllers/IndexController.php
+++ b/airtime_mvc/application/controllers/IndexController.php
@@ -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()
diff --git a/airtime_mvc/application/views/scripts/index/index.phtml b/airtime_mvc/application/views/scripts/index/index.phtml
index 7940ec812..b5bba59ce 100644
--- a/airtime_mvc/application/views/scripts/index/index.phtml
+++ b/airtime_mvc/application/views/scripts/index/index.phtml
@@ -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>");
 
diff --git a/airtime_mvc/public/css/radio-page/premium_player.css b/airtime_mvc/public/css/radio-page/premium_player.css
index 01a65955e..3e851c5f4 100644
--- a/airtime_mvc/public/css/radio-page/premium_player.css
+++ b/airtime_mvc/public/css/radio-page/premium_player.css
@@ -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%;
     }
 }
 
diff --git a/airtime_mvc/public/css/radio-page/radio-page.css b/airtime_mvc/public/css/radio-page/radio-page.css
index f5c1ca825..fbf7ec4c8 100644
--- a/airtime_mvc/public/css/radio-page/radio-page.css
+++ b/airtime_mvc/public/css/radio-page/radio-page.css
@@ -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;