diff options
| author | MaZderMind | 2015-03-01 11:17:27 +0100 |
|---|---|---|
| committer | MaZderMind | 2015-03-01 11:17:27 +0100 |
| commit | 810f165a10910a0497503bc4bb79f03c14332120 (patch) | |
| tree | 5a6a755ac8535d8389f893f32da29d604d3c04a2 /template/assemblies | |
| parent | 510e6cdbf2f073693cec5831795001d33122b112 (diff) | |
Formats-Selection styling
Diffstat (limited to 'template/assemblies')
| -rw-r--r-- | template/assemblies/switcher/video.phtml | 100 |
1 files changed, 54 insertions, 46 deletions
diff --git a/template/assemblies/switcher/video.phtml b/template/assemblies/switcher/video.phtml index a4ac907..653847c 100644 --- a/template/assemblies/switcher/video.phtml +++ b/template/assemblies/switcher/video.phtml @@ -1,64 +1,72 @@ -<h3>Formats</h3> -<ul class="formats"> - <? foreach($videores as $iter): ?> - <li> - <span class="label filetype" title="<?=h(format_text($iter))?>"><?=h(strtoupper($iter))?></span> +<div class="container-fluid"> + <h3>Formats</h3> + <div class="formats row"> + <? foreach($videores as $iter): ?> + <div class="col-lg-3 col-md-4 col-lg-5 col-xs-12"> + <div class="btn-group" role="group"> + <div class="btn btn-primary" disabled><?=h(strtoupper($iter))?></div> - <? if($has_translation): ?> - - <a href="<?=h(link_player($room, $iter))?>"> - <span class="fa fa-flag-o"></span> - native - </a> - <a href="<?=h(link_player($room, $iter, true))?>"> - <span class="fa fa-flag"></span> - translated - </a> - - <? else: ?> - - <a href="<?=h(link_player($room, $iter))?>"> - <span class="fa fa-video-camera"></span> - video - </a> - - <? endif ?> - </li> - <? endforeach ?> -</ul> - -<? include("$assemblies/desktop-player.phtml") ?> - -<div class="directlinks"> - <? foreach($protos as $proto): ?> - <h3>Directlinks (<?=h(strtoupper($proto))?>)</h3> - <ul> - <? foreach($formats as $format): ?> - <? if(!startswith($proto, $format)) continue ?> - <? $res = substr($format, -2) ?> - <li> - <span class="label filetype" title="<?=h(format_text($res))?>"><?=h(strtoupper($res))?></span> <? if($has_translation): ?> - <a href="<?=h(link_stream($proto, $room, $res))?>"> + <a href="<?=h(link_player($room, $iter))?>" class="btn btn-default"> <span class="fa fa-flag-o"></span> native </a> - <a href="<?=h(link_stream($proto, $room, $res, true))?>"> + <a href="<?=h(link_player($room, $iter, true))?>" class="btn btn-default"> <span class="fa fa-flag"></span> translated </a> <? else: ?> - <a href="<?=h(link_stream($proto, $room, $res))?>"> + <a href="<?=h(link_player($room, $iter))?>" class="btn btn-default"> <span class="fa fa-video-camera"></span> video </a> <? endif ?> - </li> - <? endforeach ?> - </ul> - <? endforeach ?> + </div> + </div> + <? endforeach ?> + </div> + + <div class="notes well"> + <? include("$assemblies/desktop-player.phtml") ?> + </div> + + <div class="directlinks"> + <? foreach($protos as $proto): ?> + <h3>Directlinks (<?=h(strtoupper($proto))?>)</h3> + <div class="row"> + <? foreach($formats as $format): ?> + <? if(!startswith($proto, $format)) continue ?> + <? $res = substr($format, -2) ?> + <div class="col-lg-3 col-md-4 col-lg-5 col-xs-12"> + <div class="btn-group" role="group"> + <div class="btn btn-primary" disabled><?=h(strtoupper($res))?></div> + <? if($has_translation): ?> + + <a href="<?=h(link_stream($proto, $room, $res))?>" class="btn btn-default"> + <span class="fa fa-flag-o"></span> + native + </a> + <a href="<?=h(link_stream($proto, $room, $res, true))?>" class="btn btn-default"> + <span class="fa fa-flag"></span> + translated + </a> + + <? else: ?> + + <a href="<?=h(link_stream($proto, $room, $res))?>" class="btn btn-default"> + <span class="fa fa-video-camera"></span> + video + </a> + + <? endif ?> + </div> + </div> + <? endforeach ?> + </div> + <? endforeach ?> + </div> </div> |