Propagate summary to headline
[infodrom.org/service.infodrom.org] / src / InfoCon / sprit / list.wml
index 3527477..dd03ff0 100644 (file)
@@ -5,7 +5,6 @@
 <script type="text/javascript" src="<root_prefix>jquery.autocomplete.min.js"></script>
 <script type="text/javascript" src="<root_prefix>jquery.editable.js"></script>
 <calendar_init -5>
-<popups>
 <style type="text/css">
 div#details {
     width: 270px;
@@ -33,9 +32,9 @@ table.spritlog tbody tr:hover {
 }
 </style>
 
-<div id="details" class="popup" style="margin-top: 5px;display:none;">
-<div class="popup_title">Bearbeiten</div>
-<div class="popup_body">
+<div id="details" class="popup" style="display:none;">
+<div class="popup_title" style="padding-bottom: 0.35ex;">Bearbeiten</div>
+<div class="popup_body" style="padding-left: 2px;">
 <input type="hidden" id="id" name="id" value="">
 <input type="hidden" id="machine" name="machine">
 <label for="date">Datum</label>
@@ -58,7 +57,7 @@ table.spritlog tbody tr:hover {
 <input type="text" id="km" name="km" size="13">
 <input type="text" id="km_total" name="km_total" size="13">
 
-<div style="margin-top: 8px; text-align: center;">
+<div style="margin-top: 8px; margin-bottom: 1ex; text-align: center;">
 <input type="submit" onclick="return log_save()" value="Speichern">
 &nbsp;&nbsp;&nbsp;
 <input type="submit" onclick="$('#details').hide();return false" value="Abbrechen">
@@ -72,7 +71,7 @@ table.spritlog tbody tr:hover {
   foreach ($list as $row) {
     echo '<div class="bar">';
     printf('<div year="%d" class="year">%d</div>', $row->year, $row->year);
-    printf('<div style="float:right;">&euro; %.2f&nbsp;&nbsp;%d km</div>', $row->sum, $row->km);
+    printf('<div id="sum_%d" style="float:right;">&euro; %.2f&nbsp;&nbsp;%d km</div>', $row->year, $row->sum, $row->km);
     echo '<div style="clear:both;"></div></div>';
     printf('<div id="list_%d" style="display:none;"></div>', $row->year);
   }
@@ -80,6 +79,9 @@ table.spritlog tbody tr:hover {
     $out = <<<EOT
 <script type="text/javascript">
 $(function(){
+    $('div.popup').udraggable({
+        'handle': 'div.popup_title'
+    })
     load_year({$list[0]->year});
     $('div.bar').click(toggle_year);
 });