add playout section

website/agenda/planung/js/audio_recordings.js

@@ -4,13 +4,123 @@ function showProgress(){
     return false;
 }
 
+function hideProgress(){
+    $('#progress').slideUp();
+    return false;
+}
+
 function playAudio(path){
     var url='../../agenda_files/recordings/'+path;
     var win = window.open(url, '_blank');
 }
 
+function changeFile(fileInput){
+    var file = fileInput.files[0];
+    var size = file.size / (1000*1000);
+    $('#uploadSize').html(size + " MB");
+    if (size > 200){
+        $('#uploadButton').hide();
+        showError("file is too large. maximum size is 200 MB! Please use MP3, 192 kHz, CBR, 44100 Hz, 16bit");
+    }else{
+        $('#uploadButton').show();
+    }
+}
+
+function showError(error){
+    $('#error').html(error);
+    $('#error').show();
+}
+
+function hideError(){
+    $('#error').hide();
+}
+
+function showFinished(){
+    $('#info').html("upload finished");
+    $('#info').show();
+}
+
+function hideFinished(){
+    $('#info').hide();
+}
+
+function roundSize(size){
+    var MB=1000*1000;
+    return Math.round(size*10/MB)/10;
+}
+
+function uploadFile(uploadButton){
+    hideFinished();
+    hideError();
+    showProgress();
+    $.ajax({
+        url: 'audio_recordings.cgi',
+        type: 'POST',
+        data: new FormData($('#audio_recordings_upload')[0]),
+        cache: false,
+        contentType: false,
+        processData: false,
+        xhr: function() {
+            var start = new Date();
+            var myXhr = $.ajaxSettings.xhr();
+            if (myXhr.upload) {
+                myXhr.upload.addEventListener(
+                    'progress', 
+                    function(data) {
+                        if (data.lengthComputable) {
+                            var loaded=roundSize(data.loaded);
+                            var total=roundSize(data.total);
+                            $('#progressBar').attr("value", loaded);
+                            $('#progressBar').attr("max", total);
+                            var duration=(new Date().getTime() - start.getTime()) / 1000 ;
+                            var bitrate = loaded / duration;
+                            var remaining = Math.round(100 * bitrate * ( total - loaded) );
+                            var content = loaded + " of " + total + " MB<br>";
+                            content += '<div class="thin">';
+                            content += "finished in " + remaining + " seconds<br>";
+                            content += "took " + Math.round(duration) + " seconds<br>";
+                            content += '</div>'
+                            $('#progressLabel').html(content);
+                        }
+                    } , 
+                    false
+                );
+            }
+            return myXhr;
+        },
+    }).error(
+        function(jqXHR, textStatus, errorThrown ){
+            showError("error: "+errorThrown);
+            hideProgress();
+            hideFinished();
+        }
+    ).done(
+        function(data){
+            showFinished();
+            hideProgress();
+            hideError();
+            //setTimeout(function() { location.reload() }, 1000);
+        }
+    );
+}
+
+
 $( document ).ready(
     function() {
+        $('#file').on( 'change', 
+            function(){
+                changeFile( this );
+                return false;
+            }
+        );
+
+        $('#uploadButton').on( 'click', 
+            function(){
+                uploadFile( this );
+                return false;
+            }
+        );
+
         var number = 1+Math.floor(11 * Math.random());
         $('#progress img').attr("src", "/agenda/image/upload/bird"+number+".gif");
     }

website/agenda/planung/js/calendar.js

@@ -589,7 +589,7 @@ function deleteFromPlayout(id, projectId, studioId, start){
     url+='&project_id='+escape(projectId);
     url+='&studio_id='+escape(studioId);
     url+='&start_date='+escape(start);
-    
+    //console.log(url);
     $('#'+id).dialog({
         width:940, 
         height:440,

website/agenda/planung/js/history.js

@@ -61,10 +61,10 @@ function isNewToHistory(url){
         var ignore=0;
         //provide back to series from series details
         if(contains(url,'series')){
-            console.log(url);
-            console.log(history[0]);
+            //console.log(url);
+            //console.log(history[0]);
             if( (contains(url,'series_id')==true)  && (contains(history[0],'series_id')==false)) ignore=1;
-            console.log(ignore);
+            //console.log(ignore);
         }
         if (ignore==0) history.shift();
     }