From c6d9562fcc7c5912a751eca6f332d193a5f82b52 Mon Sep 17 00:00:00 2001
From: Catouse <catouse@gmail.com>
Date: Mon, 8 Dec 2014 18:03:56 +0800
Subject: [PATCH]  * enhance ui experience for ie8 users.

---
 module/my/css/index.css               |  2 ++
 module/my/view/blockprojects.html.php | 16 +++++++++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/module/my/css/index.css b/module/my/css/index.css
index d1921ee90f..b8b01aead4 100644
--- a/module/my/css/index.css
+++ b/module/my/css/index.css
@@ -12,3 +12,5 @@
 
 .outer .row {padding: 0 !important; margin: 0 -10px}
 .outer .row > .col-md-8, .outer .row > .col-md-4 {padding: 0 10px}
+
+.projectline-canvas {position: relative;}
diff --git a/module/my/view/blockprojects.html.php b/module/my/view/blockprojects.html.php
index 8951de2c9c..b0045ef67c 100644
--- a/module/my/view/blockprojects.html.php
+++ b/module/my/view/blockprojects.html.php
@@ -21,7 +21,8 @@
     </tr>
   </thead>
   <tbody>
-    <?php foreach($projectStats as $project):?>
+   <?php $id = 0; ?>
+   <?php foreach($projectStats as $project):?>
     <tr class='text-center'>
       <td class='text-left'><?php echo html::a($this->createLink('project', 'task', 'project=' . $project->id), $project->name, '', "title=$project->name");?></td>
       <td><?php echo $project->end;?></td>
@@ -33,7 +34,7 @@
         <img class='progressbar' src='<?php echo $webRoot;?>theme/default/images/main/green.png' alt='' height='16' width='<?php echo $project->hours->progress == 0 ? 1 : round($project->hours->progress);?>'>
         <small><?php echo $project->hours->progress;?>%</small>
       </td>
-      <td class='spark text-left pd-0' values='<?php echo join(',', $project->burns);?>'></td>
+      <td id='spark-<?php echo $id++?>' class='spark text-left pd-0' values='<?php echo join(',', $project->burns);?>'></td>
    </tr>
    <?php endforeach;?>
   </tbody>
@@ -44,9 +45,10 @@
 $(function()
 {
     var $projectbox = $('#projectbox');
-    var $sparks = $projectbox.find('.spark').each(function(idx){$(this).attr('id', 'spark-' + idx);});
-    $sparks.filter(':lt(6)').data('spark', true).projectLine();
+    var $sparks = $projectbox.find('.spark');
+    $sparks.filter(':lt(6)').addClass('sparked').projectLine();
     $sparks = $sparks.not(':lt(6)');
+    var rowHeight = $sparks.first().closest('tr').outerHeight() - (window.browser.ie === 8 ? 0.3 : 0);
 
     var scrollFn = false, scrollStart, i, id, $spark;
     $projectbox.on('scroll.spark', function(e)
@@ -60,13 +62,13 @@ $(function()
 
         scrollFn = setTimeout(function()
         {
-            scrollStart = Math.floor(($projectbox.scrollTop() - 30) / 29);
+            scrollStart = Math.floor(($projectbox.scrollTop() - 30) / (rowHeight)) + 1;
             for(i = scrollStart; i <= scrollStart + 7; i++)
             {
                 id = '#spark-' + i;
                 $spark = $(id);
-                if($spark.data('spark')) continue;
-                $spark.data('spark', true).projectLine();
+                if($spark.hasClass('sparked')) continue;
+                $spark.addClass('sparked').projectLine();
                 $sparks = $sparks.not(id);
             }
         },100);