#include <infocon.style>

<future>
<page func=InfoCon title="Tankbuch">
<style type="text/css">
.jsaction {
    color: #999;
}
label {
    display: block;
}
</style>

<ul id="machines">
</ul>
<a class="jsaction" href="#" onclick="return machine_new()">Neues Fahrzeug</a>

<div id="details" style="margin-top: 5px;display:none;">
<input type="hidden" id="id" name="id" value="">
<label for="name">Name</label>
<input type="text" id="name" name="name" size="30">
<br>
<input type="submit" onclick="return machine_new_save()" value="Speichern">
&nbsp;&nbsp;&nbsp;
<input type="submit" onclick="$('#details').hide();return false" value="Abbrechen">
</div>

</page>
<protect>
<script type="text/javascript">
$(function(){
    load_machines();
});

function load_machines()
{
    $.invoke('SpritMachine/List');
}

function machine_new()
{
    $('#details input').not('input[type="submit"]').val('');
    $('#details').show();
    return false;
}

function machine_new_save()
{
    $.invoke('SpritMachine/Save', $('#details input').serialize(), function(data){
	load_machines();
	$('#details').hide();
    });

    return false;
}

function machine_list(obj)
{
    $(obj).parents('form:first').get(0).submit();
}

</script>
</protect>