From fdfd52073ab48324e0c734faef7b862e7f7172f4 Mon Sep 17 00:00:00 2001
From: Simon
Date: Fri, 15 Apr 2011 14:02:19 +0200
Subject: Ticket #210 - FBgui mit Tastatur bedienbar, inklusive Login

---
 .../modules/fbgui/views/scripts/auth/login.phtml   |  7 +++-
 .../modules/fbgui/views/scripts/index/index.phtml  | 43 +++++++++++++++-------
 .../modules/fbgui/views/scripts/index/start.phtml  |  1 -
 .../views/scripts/person/selectmembership.phtml    |  7 +++-
 4 files changed, 41 insertions(+), 17 deletions(-)

(limited to 'application/modules/fbgui/views/scripts')

diff --git a/application/modules/fbgui/views/scripts/auth/login.phtml b/application/modules/fbgui/views/scripts/auth/login.phtml
index 7bd6183..09724d4 100644
--- a/application/modules/fbgui/views/scripts/auth/login.phtml
+++ b/application/modules/fbgui/views/scripts/auth/login.phtml
@@ -3,4 +3,9 @@
 $this->loginForm->setAction($this->url());
 echo $this->loginForm;
 ?>
-<a href='#' onclick='toggleKeyboard();return false;'>show/hide on-screen keyboard</a>
+<button class='keyboardbutton' onclick='toggleKeyboard();return false;'>Show/Hide on-screen keyboard</button>
+<script>
+$(document).ready(function(){
+	$("#email").focus();
+});
+</script>
diff --git a/application/modules/fbgui/views/scripts/index/index.phtml b/application/modules/fbgui/views/scripts/index/index.phtml
index d5fc8f6..45448dd 100644
--- a/application/modules/fbgui/views/scripts/index/index.phtml
+++ b/application/modules/fbgui/views/scripts/index/index.phtml
@@ -1,18 +1,25 @@
 <?php if($this->notification != ''){echo $this->notification;} ?>
+<?php if($this->loginmenu):?>
+<div class="fbguilogin selectswitch" style=''> 
+	<div style='font-size:16px;font-weight:bold;margin-bottom:5px;'>Login</div>
+	<i>This is not your Bootmenu. Select this to get your own Bootmenu.</i> 
+	<input type="hidden" class="id" value="login"/> 
+</div>
+<?php endif; ?>
 <?php if(isset($this->entries)):?>
 	<script type="text/javascript">
 	var activeElement = 0;
 	$(document).ready(function(){	
-		$('.menu').click(function(){
-			$('.menu').removeClass('selected');
+		$('.selectswitch').click(function(){
+			$('.selectswitch').removeClass('selected');
 			$(this).addClass('selected');			
 			$("#selectedBootOs").val($(this).find('.id').val());
 			$("#startball").attr('src','/media/img/button-green.png');
 		});
-		$('.menu').eq(activeElement).click();
+		$('.bootmenu .selectswitch').eq(activeElement).click();
 		$('#startbutton').focus();
-		$('.menu').dblclick(function(){
-			$('.menu').removeClass('selected');
+		$('.selectswitch').dblclick(function(){
+			$('.selectswitch').removeClass('selected');
 			$(this).addClass('selected');			
 			$("#selectedBootOs").val($(this).find('.id').val());
 			$("#startball").attr('src','/media/img/button-green.png');
@@ -25,12 +32,12 @@
 					// up
 					if(activeElement >=1)
 						activeElement = activeElement-1;
-					$('.menu').eq(activeElement).click();
+					$('.selectswitch').eq(activeElement).click();
 				} else if (event.keyCode == 40) {
 					// Down
-					if(activeElement < $('.menu').length-1 )					
+					if(activeElement < $('.selectswitch').length-1 )					
 						activeElement = activeElement+1;					
-					$('.menu').eq(activeElement).click();
+					$('.selectswitch').eq(activeElement).click();
 				}
 			});
 		});
@@ -38,7 +45,11 @@
 	});
 	function start(){		
 		if($('#selectedBootOs').val() != ''){
-			window.location='/fbgui/index/start/bme/'+$('#selectedBootOs').val()+'/a/<?php echo $this->alphasessionID;?>';
+			if($('#selectedBootOs').val() == 'login'){
+				window.location='/fbgui/auth/login/a/<?php echo $this->alphasessionID;?>'
+			} else{
+				window.location='/fbgui/index/start/bme/'+$('#selectedBootOs').val()+'/a/<?php echo $this->alphasessionID;?>';
+			}
 		}
 		else{
 			alert('You have to select a BootOs');
@@ -46,15 +57,16 @@
 	}
 	</script>
 	<h1><?php echo $this->title;?></h1>
-	<?php $first = true; ?>
-	<?php foreach($this->entries as $entry):?>
+	<div class='bootmenu'>
+	<?php $first = true; 	
+	?>
+	<?php foreach($this->entries as $k=>$entry):?>
 		<?php
 			$bootosMapper = new Application_Model_BootOsMapper();
 			$bootos = new Application_Model_BootOs();
-			$bootos = $bootosMapper->find($entry->getBootosID());
-			
+			$bootos = $bootosMapper->find($entry->getBootosID());			
 		?>
-		<div id="menu_item_1" class="menu"  class="flexbox"> 
+		<div id="menu_item_<?php echo $k;?>" class="menu selectswitch"  class="flexbox"> 
 			<img src="/media/img/os/ubuntu.png" /> 
 			<h2><?php echo $entry->getTitle(); ?></h2>
 			<i>BootOs-Name: <?php echo $bootos->getTitle();?></i> 
@@ -62,8 +74,11 @@
 			<input type="hidden" class="id" value="<?php echo $entry->getID();?>"/> 
 		</div> 
 	<?php endforeach; ?>
+	</div>
 	<input style="display:none;" type='text' id="selectedBootOs" />
 	<button style='cursor:pointer;float:right;margin-top:10px;' id='startbutton' onClick="start();"><img id='startball' src='/media/img/button-red.png'> <span style='font-size:14px;'>Start System</span></button>
 	<div class='clear'></div>
 	<?php if($this->notificationbot != ''){echo $this->notificationbot;} ?>
+	
+	
 <?php endif;?>
diff --git a/application/modules/fbgui/views/scripts/index/start.phtml b/application/modules/fbgui/views/scripts/index/start.phtml
index 6737fc5..e946530 100644
--- a/application/modules/fbgui/views/scripts/index/start.phtml
+++ b/application/modules/fbgui/views/scripts/index/start.phtml
@@ -109,7 +109,6 @@ function updateProgress(p, s, u){
   <div class="bar7"></div> 
   <div class="bar8"></div> 
 </div>
-<a href='/fbgui'>back</a>
 
 <div id="progressbar" style="height: 15px;"></div>
 <h1>Downloading</h1>
diff --git a/application/modules/fbgui/views/scripts/person/selectmembership.phtml b/application/modules/fbgui/views/scripts/person/selectmembership.phtml
index 5f7e5bf..e226b82 100644
--- a/application/modules/fbgui/views/scripts/person/selectmembership.phtml
+++ b/application/modules/fbgui/views/scripts/person/selectmembership.phtml
@@ -2,4 +2,9 @@
 <?php
 $this->membershipSelectForm->setAction($this->url());
 echo $this->membershipSelectForm;
-?>
\ No newline at end of file
+?>
+<script>
+$(document).ready(function(){
+	$("#membershipID").focus();
+});
+</script>
-- 
cgit v1.2.3-55-g7522


From ed3fdac885ad734f9fc5283459daa37c62de797f Mon Sep 17 00:00:00 2001
From: Simon
Date: Fri, 15 Apr 2011 14:09:19 +0200
Subject: Ticket #210 - Button nach Selektion in Focus gesetzt

---
 application/modules/fbgui/views/scripts/index/index.phtml | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'application/modules/fbgui/views/scripts')

diff --git a/application/modules/fbgui/views/scripts/index/index.phtml b/application/modules/fbgui/views/scripts/index/index.phtml
index 45448dd..38967fa 100644
--- a/application/modules/fbgui/views/scripts/index/index.phtml
+++ b/application/modules/fbgui/views/scripts/index/index.phtml
@@ -15,6 +15,7 @@
 			$(this).addClass('selected');			
 			$("#selectedBootOs").val($(this).find('.id').val());
 			$("#startball").attr('src','/media/img/button-green.png');
+			$("#startbutton").focus();
 		});
 		$('.bootmenu .selectswitch').eq(activeElement).click();
 		$('#startbutton').focus();
@@ -23,6 +24,7 @@
 			$(this).addClass('selected');			
 			$("#selectedBootOs").val($(this).find('.id').val());
 			$("#startball").attr('src','/media/img/button-green.png');
+			$("#startbutton").focus();
 			start();
 		});
 		
-- 
cgit v1.2.3-55-g7522


From cb7a7f0ae376fd46e926959390c80e13d8c04e35 Mon Sep 17 00:00:00 2001
From: Simon
Date: Fri, 15 Apr 2011 15:20:52 +0200
Subject: Downloadstatus der Dateien in der FBGui

---
 .../modules/fbgui/views/scripts/index/start.phtml  | 56 +++++++++++++++++++---
 1 file changed, 50 insertions(+), 6 deletions(-)

(limited to 'application/modules/fbgui/views/scripts')

diff --git a/application/modules/fbgui/views/scripts/index/start.phtml b/application/modules/fbgui/views/scripts/index/start.phtml
index e946530..e6a7936 100644
--- a/application/modules/fbgui/views/scripts/index/start.phtml
+++ b/application/modules/fbgui/views/scripts/index/start.phtml
@@ -68,6 +68,20 @@
   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:200px;
+}
+#downloadinfo .downloadelement .status{
+	margin-left:205px;
+	padding:5px;
+}
 </style>
 <script type="text/javascript">
  
@@ -86,15 +100,40 @@
   }
   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){
-  if (p >= 0 && p <= 100)
-    $("#progressbar").progressbar({ value: p });
-  else
-    $("#progressbar").progressbar({ value: 0 });
+	if (p >= 0 && p <= 100){
+		$(".progressbar:last").progressbar({ value: p });
+		$(".downloadelement .status:last").html("Downloading...<br>"+p+"% - "+s+" "+u);
+	}else{
+		$(".progressbar:last").progressbar({ value: 0 });
+	}
+}
+function downloadInfo(filename, filesize){
+    $(".downloadelement .status").html("Complete");
+    $(".progressbar:last").progressbar({ value: 100});
+    $("#downloadinfo").append("<div class='downloadelement'>"+
+    								'<div class="progressbar" style="height: 15px;"></div>'+
+									"<div class='label'>"+
+										"<div><b>File: </b>"+filename+"</div>"+
+										"<div><b>Filesize:</b> "+bytesToSize(filesize)+"</div>"+
+									"</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> 
 
@@ -110,14 +149,19 @@ function updateProgress(p, s, u){
   <div class="bar8"></div> 
 </div>
 
-<div id="progressbar" style="height: 15px;"></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>
-- 
cgit v1.2.3-55-g7522