summaryrefslogblamecommitdiffstats
path: root/application/modules/fbgui/views/scripts/index/start.phtml
blob: 30f89f539866365c5ad136aaecbb65f24fad3aaf (plain) (tree)
1
                       


































                                                                                   
  

               

                              
                         



























                                                            







                                      
                    

                                       

                                
 
                                                          
        
                               














                                                                    
 





                                                                       

                                 

                                                                        

                                                                 
                                                                                            



                                                                 

                  
                                          
                            


                                                              


                                                                                                                                        

                                                                                                                                                        


                                                                                                                   
 




                                                       
                                
                                                    
     












                           
 
                                                  
                    
 



                       
                               
  
                                      


                                                                                                                                         
               
                      
                        
 
  
         
<style type="text/css">
/* position the bars and balls correctly (rotate them and translate them outward)*/
.bar1 {
  -moz-transform:rotate(0deg) translate(0, -40px);
  -webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.12;
}
.bar2 {
  -moz-transform:rotate(45deg) translate(0, -40px);
  -webkit-transform:rotate(45deg) translate(0, -40px);opacity:0.25;
}
.bar3 {
  -moz-transform:rotate(90deg) translate(0, -40px);
  -webkit-transform:rotate(90deg) translate(0, -40px);opacity:0.37;
}
.bar4 {
  -moz-transform:rotate(135deg) translate(0, -40px);
  -webkit-transform:rotate(135deg) translate(0, -40px);opacity:0.50;
}
.bar5 {
  -moz-transform:rotate(180deg) translate(0, -40px);
  -webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.62;
}
.bar6 {
  -moz-transform:rotate(225deg) translate(0, -40px);
  -webkit-transform:rotate(225deg) translate(0, -40px);opacity:0.75;
}
.bar7 {
  -moz-transform:rotate(270deg) translate(0, -40px);
  -webkit-transform:rotate(270deg) translate(0, -40px);opacity:0.87;
}
.bar8 {
  -moz-transform:rotate(315deg) translate(0, -40px);
  -webkit-transform:rotate(315deg) translate(0, -40px);opacity:1;
}
#div4 {
  position:relative;
  
  width:100px;
  height:100px;
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
	margin:25px auto;
  -moz-transform:scale(0.5);
  -webkit-transform:scale(0.5);
 
  -webkit-animation-name: rotateThis;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
#div4 div {
  width:20px;
  height:20px;
  background:#000;
  -moz-border-radius:40px;
  -webkit-border-radius:40px;
  position:absolute;
  left:40px;
  top:40px;
}
/* add a shadow to the first */
#div4 div {
  -moz-box-shadow:black 0 0 4px;
  -webkit-box-shadow:black 0 0 4px;
}
/* uncomment this to use css animation in webkit browsers */
/* @-webkit-keyframes rotateThis {
  from {-webkit-transform:scale(0.5) rotate(0deg);}
  to {-webkit-transform:scale(0.5) rotate(360deg);}
} */
#downloadinfo .downloadelement{
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}
#downloadinfo .downloadelement .label{
	float:left;
	padding:5px;
	width:120px;
}
#downloadinfo .downloadelement .status{
	margin-left:125px;
	padding:3px 5px 5px 5px;
}
.progressbar{margin-left:125px !important;margin-top:5px;}
</style>
<script type="text/javascript">
 
  //simple script to rotate all spinners 45 degrees on each tick
  //this works differently from the css transforms, which is smooth
 
  var count = 0;
  function rotate() {
    var elem4 = document.getElementById('div4');
   
    elem4.style.MozTransform = 'scale(0.5) rotate('+count+'deg)';
    elem4.style.WebkitTransform = 'scale(0.5) rotate('+count+'deg)';
    if (count==360) { count = 0 }
    count+=45;
    window.setTimeout(rotate, 100);
  }
  window.setTimeout(rotate, 100);

function bytesToSize(bytes) {
    var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
    if (bytes == 0) return 'n/a';
    var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
    return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[[i]];
}

function updateProgress(p, s, u){
	$("#progressbar").progressbar({ value: ((actFile-1)*33+(p/3))});
	
	if (p >= 0 && p <= 100){
		$(".progressbar:last").progressbar({ value: p });
		$(".downloadelement .status:last").html("Downloading... "+p+"% - "+s+" "+u);
	}else{
		$(".progressbar:last").progressbar({ value: 0 });
	}
}
var fileCount = 3;
var actFile = 0;
function downloadInfo(filename, filesize){
	actFile = actFile+1;
    $(".downloadelement .status").html("Complete");
    $(".progressbar:last").progressbar({ value: 100});
    $("#downloadinfo").append("<div class='downloadelement'>"+
									"<div class='label'>"+
										"<div><b>File: </b>"+filename+"</div>"+
										"<div><b>Filesize:</b> "+bytesToSize(filesize)+"</div>"+
									"</div>"+									
    								'<div class="progressbar" style="height: 10px;"></div>'+
									"<div class='status'>Downloading...</div>"+
    							"</div>");
     $(".progressbar:last").progressbar({ value: 0 });
}
function allComplete(){
	$(".downloadelement .status").html("Complete");
    $(".progressbar").progressbar({ value: 100});
}

  $(document).ready(function() {
  	$("#progressbar").progressbar({ value: 0 });
  });
</script> 


<div id="div4"> 
  <div class="bar1"></div> 
  <div class="bar2"></div> 
  <div class="bar3"></div> 
  <div class="bar4"></div> 
  <div class="bar5"></div> 
  <div class="bar6"></div> 
  <div class="bar7"></div> 
  <div class="bar8"></div> 
</div>

<div id="progressbar" style="height: 30px;"></div>
<h1>Downloading</h1>

<div id='downloadinfo'>

</div>

<script type="text/javascript">
/*
fbgui.setCallbackOnFinished('foo();');
fbgui.startDownload('http://<?php echo $this->host; ?>/resource/getkernel/alpha/<?php echo $this->alphasessionID; ?>/file/kernel');
fbgui.startDownload('http://<?php echo $this->host; ?>/resource/getinitramfs/alpha/<?php echo $this->alphasessionID; ?>/file/initramfs');
fbgui.startDownload('http://<?php echo $this->host; ?>/resource/getkcl/alpha/<?php echo $this->alphasessionID; ?>/file/kcl');
function foo(){
	allComplete();
	fbgui.quit();	
}
*/
</script>