Mercurial > hg > dml-open-vis
diff src/DML/MainVisBundle/Resources/views/Components/templates/player.html.twig @ 0:493bcb69166c
added public content
author | Daniel Wolff |
---|---|
date | Tue, 09 Feb 2016 20:54:02 +0100 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/DML/MainVisBundle/Resources/views/Components/templates/player.html.twig Tue Feb 09 20:54:02 2016 +0100 @@ -0,0 +1,29 @@ +{%- jstmpl id="player" -%} +<div class="player"> +<div class="player__cover"> + <div class="player__message player__message_type_error">The recording could not be loaded.</div> + <div class="player__message player__message_type_loading">Loading...</div> + <div class="player__message player__message_type_no-recording">No recording to play</div> + <div class="player__message player__message_type_no-audio">Audio file is not available</div> +</div> +<div class="player__body"> + + <div class="player__label player__label_row_1"></div> + <div class="player__label player__label_row_2"></div> + <div class="player__label-fader"></div> + + <div class="player__slider-container player__slider-container_type_time"> <div class="player__slider player__slider_type_time"> <div class="player__slider-head player__slider-head_type_time"> </div></div></div> + <div class="player__slider-container player__slider-container_type_volume"><div class="player__slider player__slider_type_volume"><div class="player__slider-head player__slider-head_type_volume"></div></div></div> + + <div class="player__time player__time_type_before"></div> + <div class="player__time player__time_type_after"></div> + + <div class="player__command player__command_state_enabled player__command_action_play" title="play"><i></i></div> + <div class="player__command player__command_state_enabled player__command_action_pause" title="pause"><i></i></div> + <a class="player__command player__command_state_enabled player__command_action_download" title="download" target="_blank"><i></i></a> + <div class="player__command player__command_state_enabled player__command_size_small player__command_action_volume-mute" title="mute"><i></i></div> + <div class="player__command player__command_state_enabled player__command_size_small player__command_action_volume-down" title="unmute"><i></i></div> + <div class="player__command player__command_state_enabled player__command_size_small player__command_action_volume-up" title="maximize volume"><i></i></div> +</div> +</div> +{%- endjstmpl -%}