nsinnovations/fusionpbx
2
0
Fork 0
mirror of https://github.com/fusionpbx/fusionpbx.git synced 2026-01-06 11:43:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Recordings/CDR: Fix audio playback and progress bar style.

Browse Source
This commit is contained in:
reliberate
2016-03-28 09:09:33 -06:00
parent 132df44989
commit 3f3956d345
3 changed files with 43 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
themes/default/template.php
View File

@@ -1109,7 +1109,7 @@
span.playback_progress_bar {
background-color: #c43e42;
height: 1px;
display: inline-block;
display: block;
}
/* USER DASHBOARD: BEGIN *****************************************************/
@@ -1413,47 +1413,6 @@
$("input.txt, textarea.txt, .formfld").autosizeInput();
//audio playback functions
img_play = new Image(); img_play.src = "<?php echo PROJECT_PATH; ?>/themes/default/images/icon_play.png";
img_pause = new Image(); img_pause.src = "<?php echo PROJECT_PATH; ?>/themes/default/images/icon_pause.png";
var recording_audio;
function recording_play(recording_id) {
if (document.getElementById('recording_progress_bar_'+recording_id)) {
document.getElementById('recording_progress_bar_'+recording_id).style.display='';
}
recording_audio = document.getElementById('recording_audio_'+recording_id)
if (recording_audio.paused) {
recording_audio.volume = 1;
recording_audio.play();
document.getElementById('recording_button_'+recording_id).innerHTML = "<?php echo str_replace("class='list_control_icon'", "class='list_control_icon' style='opacity: 1;'", $v_link_label_pause); ?>";
}
else {
recording_audio.pause();
document.getElementById('recording_button_'+recording_id).innerHTML = "<?php echo $v_link_label_play; ?>";
}
}
function recording_reset(recording_id) {
if (document.getElementById('recording_progress_bar_'+recording_id)) {
document.getElementById('recording_progress_bar_'+recording_id).style.display='none';
}
document.getElementById('recording_button_'+recording_id).innerHTML = "<?php echo $v_link_label_play; ?>";
}
function update_progress(recording_id) {
recording_audio = document.getElementById('recording_audio_'+recording_id);
var recording_progress = document.getElementById('recording_progress_'+recording_id);
var value = 0;
if (recording_audio.currentTime > 0) {
value = (100 / recording_audio.duration) * recording_audio.currentTime;
}
recording_progress.style.width = value + "%";
}
//apply bootstrap-datetime plugin
$(function() {
$('.datetimepicker').datetimepicker({
@@ -1483,6 +1442,46 @@
});
//audio playback functions
img_play = new Image(); img_play.src = "<?php echo PROJECT_PATH; ?>/themes/default/images/icon_play.png";
img_pause = new Image(); img_pause.src = "<?php echo PROJECT_PATH; ?>/themes/default/images/icon_pause.png";
var recording_audio;
function recording_play(recording_id) {
if (document.getElementById('recording_progress_bar_'+recording_id)) {
document.getElementById('recording_progress_bar_'+recording_id).style.display='';
}
recording_audio = document.getElementById('recording_audio_'+recording_id)
if (recording_audio.paused) {
recording_audio.volume = 1;
recording_audio.play();
document.getElementById('recording_button_'+recording_id).innerHTML = "<?php echo str_replace("class='list_control_icon'", "class='list_control_icon' style='opacity: 1;'", $v_link_label_pause); ?>";
}
else {
recording_audio.pause();
document.getElementById('recording_button_'+recording_id).innerHTML = "<?php echo $v_link_label_play; ?>";
}
}
function recording_reset(recording_id) {
if (document.getElementById('recording_progress_bar_'+recording_id)) {
document.getElementById('recording_progress_bar_'+recording_id).style.display='none';
}
document.getElementById('recording_button_'+recording_id).innerHTML = "<?php echo $v_link_label_play; ?>";
}
function update_progress(recording_id) {
recording_audio = document.getElementById('recording_audio_'+recording_id);
var recording_progress = document.getElementById('recording_progress_'+recording_id);
var value = 0;
if (recording_audio.currentTime > 0) {
value = (100 / recording_audio.duration) * recording_audio.currentTime;
}
recording_progress.style.width = value + "%";
}
</script>
<!--{head}-->