path: root/application/modules/fbgui/views/scripts/index/index.phtml

<?php if(isset($this->entries)):?>
	<script>
	$(document).ready(function(){	
		$('.menu').click(function(){
			$('.menu').removeClass('selected');
			$(this).addClass('selected');			
			$("#selectedBootOs").val($(this).find('.id').val());
		});
	});
	function start(){
		if($('#selectedBootOs').val() != ''){
			window.location='/fbgui/index/start/bme/'+$('#selectedBootOs').val();
		}
		else{
			alert('You have to select a BootOs');
		}
	}
	</script>
	<h1>Bootmenu</h1>
	<?php foreach($this->entries as $entry):?>
		<?php
			$bootosMapper = new Application_Model_BootOsMapper();
			$bootos = new Application_Model_BootOs();
			$bootos = $bootosMapper->find($entry->getBootosID());
			#print_a($entry->getBootosID(),$bootos);
		?>
		<div id="menu_item_1" class="menu"  class="flexbox"> 
			<img src="/media/img/os/ubuntu.png"/> 
			<h2><?php echo $entry->getTitle(); ?></h2>
			<i><?php echo $bootos->getTitle();?></i> 
			<p><?php echo $bootos->getDescription();?></p> 
			<input type="hidden" class="id" value="<?php echo $entry->getID();?>"/> 
		</div> 
	<?php endforeach; ?>

	<input style="display:none;" type='text' id="selectedBootOs" />

	<div class="right" style='cursor:pointer;' onClick="start();">
		<img style='vertical-align:-8px;' src='/media/img/startOs.png'>
		<span style='font-size:18px;'>Start System</span>
	</div>
	<a href='/fbgui'>back</a>
<?php endif;?>