Implementing row animation after jump. Addresses #780

sandialabs · Nov 15, 2017 · 249de39 · 249de39
1 parent 94f5809
commit 249de39
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/web-server/plugins/slycat-parameter-image/css/ui.css b/web-server/plugins/slycat-parameter-image/css/ui.css
@@ -972,4 +972,8 @@ a {
 #playback-controls .pause-button
 {
   width: 22px;
+}
+.slick-cell.flashing {
+  border-width: 0px !important;
+  opacity: 0.5;
 }
diff --git a/web-server/plugins/slycat-parameter-image/js/parameter-image-table.js b/web-server/plugins/slycat-parameter-image/js/parameter-image-table.js
@@ -372,7 +372,20 @@ $.widget("parameter_image.table",
     }
     else if(key == "jump_to_simulation")
     {
-      self.grid.scrollRowToTop(value);
+      self.data.get_indices("sorted", [value], function(sorted_rows)
+      {
+        if(sorted_rows.length)
+        {
+          var rowIndex = Math.min.apply(Math, sorted_rows);
+          self.grid.scrollRowToTop(rowIndex);
+          // Get all the columns
+          self.grid.getColumns().forEach(function(col){
+            // Flash each cell
+            self.grid.flashCell(rowIndex, self.grid.getColumnIndex(col.id));
+          })
+        }
+
+      });
     }
   },