Adjust text discovery after layout change
[infodrom.org/service.infodrom.org] / src / InfoCon / stempel / status.wml
index 4a9a145..72fc3da 100644 (file)
@@ -1,52 +1,13 @@
 #include <infocon.style>
 #include "common.inc"
 
-<script type="text/javascript">
-function check(form, value)
-{
-  var form = document.forms[form];
-
-  for (i=0; i< form.elements.length; i++) {
-    if (form.elements[i].name.substr(0,4) == 'oid_')
-      form.elements[i].checked = value;
-  }
-}
-
-function plant(form)
-{
-  document.write('<div class="jscode">');
-  document.write('<a href="javascript:check('+form+',true)">Check all</a>');
-  document.write("&nbsp;/&nbsp;");
-  document.write('<a href="javascript:check('+form+',false)">Uncheck all</a>');
-  document.write("&nbsp;");
-  document.write('</div>');
-}
-</script>
-
-<style type="text/css">
-div.jscode {
-  text-align: right;
-  margin-top: -13px;
-  font-size: 12px;
-}
-</style>
+<future>
+<page func=InfoCon title="Stempeluhr">
+<script type="text/javascript" src="<root_prefix>jquery.editable.js"></script>
 
 <?
-  function update_db()
-  {
-    global $dbh;
-
-    $count = 0;
-    for ($idx=0; $idx < $_POST["fields"]; $idx++) {
-      if (isset($_POST["oid_".$idx])) {
-        $query = sprintf('UPDATE stempel SET status=%d WHERE oid=%d',
-                $_POST["status"], $_POST["oid_".$idx]);
-       $count++;
-       $sth = pg_exec ($dbh, $query);
-      }
-    }
-    return sprintf("<br>%d records updated.", $count);
-  }
+  session_name('STEMPEL');
+  session_start();
 
   $stati = false;
   function display_tables()
@@ -56,16 +17,22 @@ div.jscode {
     global $status;
     global $dbh;
     global $stati;
+    $wdays = array('So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa');
 
-    $table_head = '<h3 class="bar">Kunde: %s</h3><script type="text/javascript">plant(%d);</script>
+    $name = load_customers();
+
+    $table_head = '<h3 class="bar">Kunde: %s</h3><script type="text/javascript">plant(%d,%.2f);</script>
   <form action="status.php" method="POST">
-  <table class="smallfont border" width="100%%" cellpadding=0 cellspacing=1>
+  <table class="smallfont border" id="table_%d" width="100%%" cellpadding=0 cellspacing=0>
+  <thead>
   <tr class="head">
-    <th width=15%%>Datum</th>
+    <th width=15%% colspan="2">Datum</th>
     <th width=5%%>Dauer</th>
     <th width=5%%>St.</th>
-    <th width=75%% align=left>Verwendungszweck</th>
-  </tr>';
+    <th width=75%% align=left>Arbeitsbeschreibung</th>
+  </tr>
+  </thead>
+  <tbody>';
 
     if (!is_array($stati))
       $stati = find_status();
@@ -74,20 +41,22 @@ div.jscode {
 
     foreach ($stati as $k=>$v)
       $table_foot .= sprintf('<input type="radio" name="status" value="%s"%s>%s&nbsp;', $k, 0==$k?' checked':'', $v);
-      $table_foot .= '<input type="submit" class="button" value="Aktualisieren"></p></div>'.
+    $table_foot .= '<input type="submit" class="button" value="Aktualisieren" onclick="return status_change(event)"></p></div>'.
                  '<input type="hidden" name="fields" value="%d">'.
                  '</form>';
 
-    $table_row = '<tr class=t%d><td>%s</td><td align="center">%s</td><td align="center">%s</td><td>%s</td></tr>';
-    $table_sum = '<tr class="t%d"><td>&nbsp;</td><td align="center">%s</td><td>&nbsp;</td><td>Summe</td></tr>';
+    $table_row = '<tr class="t%d" status="%d"><td>%s</td><td>%s</td><td align="center" onclick="toggle_checkbox(%d,this)">%s</td>' .
+      '<td align="center" onclick="toggle_checkbox(%d,this)">%s</td><td><span class="edit" route="Stempel/EditTask" item_id="%d">%s</span></td></tr>';
+    $table_sum = '</tbody><tfoot><tr class="t%d" onclick="edit_task_finish(this)">' .
+       '<td colspan="2">&nbsp;</td><td align="center">%s</td><td>&nbsp;</td><td>Summe</td></tr></tfoot>';
 
-    $query = "SELECT stempel.oid,start,customer,time,task,kurz FROM stempel JOIN stempel_status ON (stempel.status = stempel_status.id) WHERE time IS NOT NULL ";
+    $query = "SELECT stempel.oid,stempel.id,stempel.status,start,customer,time,task,kurz FROM stempel JOIN stempel_status ON (stempel.status = stempel_status.id) WHERE time IS NOT NULL ";
     if (isset($month) && strlen($month))
       $query .= "AND cast(start AS TEXT) LIKE '".$month."-%' ";
     if (isset($cust) && strlen($cust))
       $query .= "AND customer ='".$cust."' ";
 
-    if (isset($status)) {
+    if (isset($status) && strlen($status)) {
       if ($status != 'all')
         $query .= "AND status = $status ";
     } else
@@ -104,8 +73,11 @@ div.jscode {
        if (strlen($customer)) {
          printf($table_sum, $color, min2hour($sum));
          printf($table_foot, $fieldnr);
+         $form++;
        }
-       printf($table_head, ucfirst($row['customer']), $form++);
+       $cname = $name[$row['customer']]['name'];
+       if (!strlen($cname)) $cname = ucfirst($row['customer']);
+       printf($table_head, $cname, $form, $name[$row['customer']]['rate'], $form);
        $customer = $row['customer'];
        $fieldnr = 0;
        $sum = 0;
@@ -115,8 +87,15 @@ div.jscode {
       $sum += $row['time'];
       $d = explode(' ', $row['start']);
 
-      $check = '<input type="checkbox" name="oid_'.$fieldnr++.'" value="'.$row['oid'].'">';
-      printf($table_row, $color, $check.$d[0], min2hour($row['time']), $row['kurz'], $row['task']);
+      $check = sprintf('<input type="checkbox" class="checkbox" name="id_%d" value="%d" onclick="add_sum(%d,this)">',
+                      $fieldnr++,
+                      $row['id'],
+                      $form);
+      $dt = new Datetime($d[0]);
+      $date = sprintf('<span onclick="toggle_checkbox(%d,this)">%s, %s</span>', $form, $wdays[$dt->format('w')], $d[0]);
+      printf($table_row, $color, $row['status'], $check, $date, $form, min2hour($row['time']), $form, $row['kurz'],
+            $row['id'],
+            htmlspecialchars($row['task'], ENT_COMPAT | ENT_HTML401, 'ISO-8859-1'));
       $color = !$color;
     }
     if (pg_num_rows($sth) > 0) {
@@ -146,20 +125,271 @@ div.jscode {
 
   if (isset($_POST["status"]) && isset($_POST["fields"])) {
     $msg = update_db();
+    $_SESSION['redirect'] = true;
+    header('Location: status.php');
+    exit;
+  } elseif ($_SESSION['redirect']) {
+    $month = $_SESSION['save']["month"];
+    $cust = $_SESSION['save']["customer"];
+    $status = $_SESSION['save']["status"];
+    $_SESSION['redirect'] = false;
   } else {
-    if (isset($_GET['month']))
+    if (isset($_GET['month'])) {
       $month = $_GET['month'];
-    else
+      $_SESSION['save']['month'] = $month;
+      unset($_SESSION['save']['customer']);
+      unset($_SESSION['save']['status']);
+    } else
       if (isset($_POST["filter"])) {
         $month = $_POST["month"];
         $cust = $_POST["customer"];
        $status = $_POST["status"];
-      } else
+       $_SESSION['save']['month'] = $month;
+       $_SESSION['save']['customer'] = $cust;
+       $_SESSION['save']['status'] = $status;
+      } else {
         $month = date('Y-m');
+       $_SESSION['save']['month'] = $month;
+       unset($_SESSION['save']['customer']);
+       unset($_SESSION['save']['status']);
+      }
   }
 ?>
 
-<page func=InfoCon title="Stempeluhr">
+<script src="<root_prefix>basics.js"></script>
+<script type="text/javascript">
+<protect>
+var color_checked = '#c4ffc3';
+function format_int(value, width)
+{
+  var s = value.toString();
+
+  while (s.length < width)
+    s = '0' + s;
+
+  return s;
+}
+
+function timestr(duration)
+{
+    return format_int(Math.floor(duration / 60), 1) + ':'
+       + format_int(duration - (Math.floor(duration / 60) * 60), 2);
+}
+
+function strtime(time)
+{
+    var a = time.split(':');
+    return parseInt(a[0],10) * 60 + parseInt(a[1],10);
+}
+
+function check(id, value)
+{
+    var hours = $('#time_'+id);
+    var rate = $('#rate_'+id);
+    var sum = $('#sum_'+id);
+    var newval = 0;
+
+    $('table#table_'+id+' tbody tr:visible').each(function(i,e){
+       var checkbox = $(this).find('input[type="checkbox"]');
+       if (checkbox.prop('checked') != value) {
+           checkbox.prop('checked', !checkbox.prop('checked'));
+           if (checkbox.prop('checked'))
+               $(this).css('background-color', color_checked);
+           else
+               $(this).css('background-color', '');
+           add_sum(id, checkbox);
+       }
+    });
+
+    return false;
+}
+
+function plant(form, rate)
+{
+  document.write('<div class="jscode">');
+  document.write('<input class="filter" id="filter_'+form+'" size="10" value="">');
+  document.write('<img class="filter" id="img_'+form+'" src="/pix/Actions-edit-delete-icon.png" border="0" ' +
+                'title="Filter löschen">');
+  document.write('<input type="hidden" id="rate_'+form+'" value="'+rate+'">');
+  document.write('<a href="#" onclick="return check('+form+',true)">Check all</a>');
+  document.write("&nbsp;/&nbsp;");
+  document.write('<a href="#" onclick="return check('+form+',false)">Uncheck all</a>');
+  document.write("&nbsp;");
+  document.write('<span id="time_'+form+'" class="sum">0:00</span>' );
+  document.write('<span id="sum_'+form+'" class="sum">&euro;0.00</span>');
+  document.write("&nbsp;");
+  document.write('</div>');
+}
+
+function add_sum(form, checkbox)
+{
+    var hours = $('#time_'+form);
+    var rate = $('#rate_'+form);
+    var sum = $('#sum_'+form);
+    var time = strtime($(checkbox).parents('tr:first').find('td:nth-child(3)').text());
+    var newval;
+
+    if ($(checkbox).prop('checked')) {
+       newval = strtime(hours.text()) + time;
+       $(checkbox).parents('tr:first').css('background-color', color_checked);
+    } else {
+       newval = strtime(hours.text()) - time;
+       $(checkbox).parents('tr:first').css('background-color', '');
+    }
+    hours.text(timestr(newval));
+    sum.html('&euro;' + ((newval/60)*rate.val()).toFixed(2));
+}
+
+var task_parent = null;
+var task_title = '';
+var task_id = 0;
+function edit_task(obj)
+{
+    if (task_id) {
+       if (task_id != obj.parentNode.children[0].children[0].value)
+           edit_task_save();
+    }
+
+    if (!task_id) {
+       task_parent = obj;
+       task_title = obj.innerHTML;
+       task_id = obj.parentNode.children[0].children[0].value;
+
+       var input = $('<input>');
+       input.val(obj.innerHTML.replace('&gt;', '>').replace('&lt;', '<').replace('&amp;', '&'));
+       input.css('fontSize', '100%').css('width', '100%').css('background', 'yellow');
+       obj.innerHTML = '';
+       $(obj).append(input);
+       input.focus();
+    }
+}
+
+function edit_task_save()
+{
+    if (!task_parent) return;
+
+    if (task_parent.children[0].value != task_title)
+       $.invoke('Stempel/Task', {id: task_id, content: task_parent.children[0].value});
+
+    task_parent.innerHTML = task_parent.children[0].value;
+    task_parent = null;
+    task_title = '';
+    task_id = 0;
+}
+
+function edit_task_finish(obj)
+{
+    if (task_id)
+       edit_task_save();
+}
+
+function toggle_checkbox(form, obj)
+{
+    var row = $(obj).parents('tr:first');
+    var checkbox = row.find('input[type="checkbox"]')
+    checkbox.prop('checked', !checkbox.prop('checked'));
+
+    checkbox.checked = !checkbox.checked;
+    add_sum(form, checkbox);
+}
+
+function filter_change(e)
+{
+    var form = $(this).attr('id').split('_')[1];
+    var filter = $('input#filter_'+form).val().toLowerCase();
+
+    var cnum = 0;
+    $('table#table_'+form+' tbody tr').not('.deleted').each(function(i,e){
+       if (filter.length) {
+           var td = $(this).find('td:nth-child(5)');
+           if (td.text().toLowerCase().indexOf(filter) > -1) {
+               $(this).removeClass('t0').removeClass('t1').addClass('t'+cnum).show();
+               cnum = cnum ? 0 : 1;
+           } else {
+               if ($(this).find('input[type="checkbox"]').prop('checked')) {
+                   toggle_checkbox(form, td);
+               }
+               $(this).hide();
+           }
+       } else {
+           $(this).removeClass('t0').removeClass('t1').addClass('t'+cnum).show();
+           cnum = cnum ? 0 : 1;
+       }
+    });
+}
+
+function filter_clear(e)
+{
+    var form = $(this).attr('id').split('_')[1];
+    $('div.jscode input.filter#filter_'+form).val('').keyup();
+}
+
+function status_change(e)
+{
+    var ids = [];
+    var form = $(e.target).parents('form:first');
+    var p = $(e.target).parents('p:first');
+    form.find('tr').not('.deleted').find('input.checkbox').each(function(i,e){
+       if ($(this).prop('checked') == true)
+           ids.push($(this).val());
+    });
+
+    var new_status = 0;
+    p.find('input[name="status"]').each(function(i,e){
+       if ($(this).prop('checked') == true)
+           new_status = $(this).val();
+    });
+
+    $.invoke('Stempel/SetStatus', {status: new_status, ids: ids}, function(data){
+       for (var i=0; i < ids.length; i++) {
+           show_message('Positionen aktualisiert');
+           var checkbox = form.find('input.checkbox[value="'+ids[i]+'"]');
+           var row = checkbox.parents('tr:first');
+
+           checkbox.prop('checked',false);
+           add_sum(form.find('table:first').attr('id').split('_')[1], checkbox);
+
+           if (row.attr('status') != new_status)
+               row.addClass('deleted').hide();
+       }
+    });
+
+    return false;
+}
+
+$(function(){
+    $('div.jscode input.filter').keyup(filter_change);
+    $('div.jscode img.filter').click(filter_clear);
+    make_editable('table.smallfont tr span.edit');
+});
+</protect>
+</script>
+
+<style type="text/css">
+div.jscode {
+  text-align: right;
+  margin-top: -13px;
+  font-size: 12px;
+}
+div.jscode input.filter {
+  font-size: 90%;
+  position: relative;
+  bottom: 2px;
+}
+div.jscode img.filter {
+  position: relative;
+  bottom: -3px;
+  margin-left: 1px;
+  margin-right: 10px;
+}
+span.sum {
+  display: inline;
+  border: 1px solid #9b9b9b;
+  background: #d9e2ea;
+  width: 20px;
+  margin-left: 3px;
+}
+</style>
 
 <?
   if (!empty($msg))
@@ -176,9 +406,9 @@ div.jscode {
   if (!is_array($months))
     $months = find_months();
 
-  printf('<option value=""%s>alle</option>', !strlen($_POST['month'])?' selected':'');
+  printf('<option value=""%s>alle</option>', !strlen($month)?' selected':'');
   foreach ($months as $m) {
-    printf('<option value="%s"%s>%s</option>', $m, $_POST['month']==$m?' selected':'', $m);
+    printf('<option value="%s"%s>%s</option>', $m, $month==$m?' selected':'', $m);
   }
 ?>
 </select>
@@ -188,9 +418,9 @@ div.jscode {
   if (!is_array($customers))
     $customers = find_customers();
 
-  printf('<option value=""%s>alle</option>', !strlen($_POST['month'])?' selected':'');
+  printf('<option value=""%s>alle</option>', !strlen($cust)?' selected':'');
   foreach ($customers as $c) {
-    printf('<option value="%s"%s>%s</option>', $c, $_POST['customer']==$c?' selected':'', $c);
+    printf('<option value="%s"%s>%s</option>', $c, $cust==$c?' selected':'', $c);
   }
 ?>
 </select>
@@ -212,6 +442,5 @@ div.jscode {
 </page>
 
 # Local variables:
-# mode: text
-# mode: auto-fill
+# mode: php
 # end: