Congegni
/
sintonia
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

SAAS-836: Create a new schedule widget skin

This commit is contained in:
drigato 2015-06-04 16:09:19 -04:00
parent cae5f85b0a
commit 8386145cb9
3 changed files with 40 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
airtime_mvc/application/controllers/EmbedController.php
View File

@ -86,8 +86,10 @@ class EmbedController extends Zend_Controller_Action
$widgetStyle = $request->getParam('style'); $widgetStyle = $request->getParam('style');
if ($widgetStyle == "premium") { if ($widgetStyle == "premium") {
$this->view->widgetStyle = "premium";
$this->view->css = Application_Common_HTTPHelper::getStationUrl() . "/css/embed/weekly-schedule-widget.css?" . $CC_CONFIG['airtime_version']; $this->view->css = Application_Common_HTTPHelper::getStationUrl() . "/css/embed/weekly-schedule-widget.css?" . $CC_CONFIG['airtime_version'];
} else { } else {
$this->view->widgetStyle = "basic";
$this->view->css = Application_Common_HTTPHelper::getStationUrl() . "/css/embed/weekly-schedule-widget-basic.css?" . $CC_CONFIG['airtime_version']; $this->view->css = Application_Common_HTTPHelper::getStationUrl() . "/css/embed/weekly-schedule-widget-basic.css?" . $CC_CONFIG['airtime_version'];
} }
$this->view->jquery = Application_Common_HTTPHelper::getStationUrl() . "widgets/js/jquery-1.6.1.min.js?".$CC_CONFIG['airtime_version']; $this->view->jquery = Application_Common_HTTPHelper::getStationUrl() . "widgets/js/jquery-1.6.1.min.js?".$CC_CONFIG['airtime_version'];

4
airtime_mvc/application/views/scripts/embed/weekly-program.phtml
View File

@ -50,6 +50,10 @@
echo "</tbody></table></div>"; echo "</tbody></table></div>";
}?> }?>
</div> </div>
<div class="weekly-schedule-widget-footer" <?php if ($this->widgetStyle == "premium") echo "style='display:none'"; ?>>
<a href="https://airtime.pro" target="_blank">Powered by <span>Airtime Pro</span></a>
</div>
</div> </div>
</body> </body>

41
airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css
View File

@ -25,7 +25,7 @@ body {
list-style: none; list-style: none;
padding-left: 0px; padding-left: 0px;
margin: 0px; margin: 0px;
background: rgba(69, 155, 143, 0.8); background: rgba(170, 170, 170, 0.9);
} }
.schedule .tabs li { .schedule .tabs li {
@ -44,19 +44,20 @@ body {
} }
.schedule .tabs li.active { .schedule .tabs li.active {
background: #459B8F; background: rgba(150, 150, 150, 0.9);
} }
.schedule .tabs li.active:hover { .schedule .tabs li.active:hover {
background: #459B8F; background: rgba(170, 170, 170, 0.9);
background: #aaa
} }
.schedule .tabs li:hover { .schedule .tabs li:hover {
background: rgba(69, 155, 143, 0.6) background: rgba(160, 160, 160, 0.7);
} }
.schedule_content { .schedule_content {
background: rgba(0, 0, 0, 0.3); background: rgba(53, 53, 53, 0.9);
max-height: 0px; max-height: 0px;
transition: max-height 2s ease; transition: max-height 2s ease;
@ -84,7 +85,7 @@ body {
font-size: 17px; font-size: 17px;
text-align: left; text-align: left;
text-transform: uppercase; text-transform: uppercase;
padding: 30px 40px; padding: 10px 30px;
} }
.schedule_item.active { .schedule_item.active {
@ -97,7 +98,7 @@ body {
} }
.schedule_item .name_grid { .schedule_item .name_grid {
padding-left: 30px; padding-left: 10px;
} }
.schedule_item h4 { .schedule_item h4 {
@ -105,6 +106,22 @@ body {
font-weight: 400; font-weight: 400;
} }
.weekly-schedule-widget-footer {
border-top: 1px solid #aaaaaa;
text-align: right;
padding: 4px 16px;
background: rgba(53, 53, 53, 0.9);
}
.weekly-schedule-widget-footer a {
color: #fff;
text-decoration: none;
}
.weekly-schedule-widget-footer span {
color: #ff5d1a;
}
@media (max-width: 730px) { @media (max-width: 730px) {
.tab_content { .tab_content {
margin-top: 0px; margin-top: 0px;
@ -122,3 +139,13 @@ body {
} }
} }
@media (max-width: 520px) {
.schedule_item {
padding: 0px 10px;
}
.schedule_item .time_grid, .schedule_item .name_grid {
font-size: 14px;
}
}