Congegni
/
libretime
mirror of https://github.com/libretime/libretime.git
7
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CC-3722: Create loading indicator for AJAX call when calculating Show length 

- done
This commit is contained in:
James 2012-04-26 11:56:14 -04:00
parent cf4101cdcd
commit c9df8e8b15
3 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
airtime_mvc/application/views/scripts/form/add-show-when.phtml
View File

@ -46,6 +46,7 @@
</dt> </dt>
<dd id="add_show_duration-element"> <dd id="add_show_duration-element">
<?php echo $this->element->getElement('add_show_duration') ?> <?php echo $this->element->getElement('add_show_duration') ?>
<img id="icon-loader-small" src="/css/images/loader-small.gif" style="vertical-align:middle; display:none;"/>
</dd> </dd>
<?php if($this->element->getElement('add_show_duration')->hasErrors()){ ?> <?php if($this->element->getElement('add_show_duration')->hasErrors()){ ?>
<ul class='errors'> <ul class='errors'>

BIN
airtime_mvc/public/css/images/loader-small.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 673 B

5
airtime_mvc/public/js/airtime/schedule/add-show.js
View File

@ -460,9 +460,12 @@ function setAddShowEvents() {
}) })
function calculateDuration(endDateTime, startDateTime){ function calculateDuration(endDateTime, startDateTime){
var duration; var loadingIcon = $('#icon-loader-small');
loadingIcon.show();
$.post("/Schedule/calculate-duration", {startTime: startDateTime, endTime: endDateTime}, function(data){ $.post("/Schedule/calculate-duration", {startTime: startDateTime, endTime: endDateTime}, function(data){
$('#add_show_duration').val(JSON.parse(data)); $('#add_show_duration').val(JSON.parse(data));
loadingIcon.hide();
}); });
} }
} }