From a3c9bc9db0a98e51c4aefbe3262dd535cbf48e4b Mon Sep 17 00:00:00 2001
From: Lars Jung <lrsjng@gmail.com>
Date: Fri, 24 Jun 2016 18:59:16 +0200
Subject: [PATCH] Initial switch from jq.data to pure props.

---
 src/_h5ai/public/js/lib/ext/crumb.js |  4 ++--
 src/_h5ai/public/js/lib/ext/tree.js  |  6 +++---
 src/_h5ai/public/js/lib/view/view.js | 10 ++++------
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/_h5ai/public/js/lib/ext/crumb.js b/src/_h5ai/public/js/lib/ext/crumb.js
index d8a3f091..47cd1ccd 100644
--- a/src/_h5ai/public/js/lib/ext/crumb.js
+++ b/src/_h5ai/public/js/lib/ext/crumb.js
@@ -21,7 +21,7 @@ let $crumbbar;
 
 function createHtml(item) {
     const $html = jq(crumbTemplate).data('item', item);
-    item.$crumb = $html;
+    item.elCrumb = $html[0];
     location.setLink($html, item);
 
     $html.find('.label').text(item.label);
@@ -38,7 +38,7 @@ function createHtml(item) {
 }
 
 function onLocationChanged(item) {
-    const $crumb = item.$crumb;
+    const $crumb = jq(item.elCrumb);
 
     if ($crumb && $crumb.parent()[0] === $crumbbar[0]) {
         $crumbbar.children().removeClass('active');
diff --git a/src/_h5ai/public/js/lib/ext/tree.js b/src/_h5ai/public/js/lib/ext/tree.js
index 5768ae98..2d36a3de 100644
--- a/src/_h5ai/public/js/lib/ext/tree.js
+++ b/src/_h5ai/public/js/lib/ext/tree.js
@@ -108,10 +108,10 @@ function update(item) {
         }
     }
 
-    if (item.$tree) {
-        item.$tree.replaceWith($html);
+    if (item.elTree) {
+        jq(item.elTree).replaceWith($html);
     }
-    item.$tree = $html;
+    item.elTree = $html[0];
 
     return $html;
 }
diff --git a/src/_h5ai/public/js/lib/view/view.js b/src/_h5ai/public/js/lib/view/view.js
index c4658f2c..2b872998 100644
--- a/src/_h5ai/public/js/lib/view/view.js
+++ b/src/_h5ai/public/js/lib/view/view.js
@@ -22,7 +22,6 @@ const settings = Object.assign({
 const sortedSizes = settings.sizes.sort((a, b) => a - b);
 const checkedModes = intersection(settings.modes, modes);
 const storekey = 'view';
-const elKey = '_h5ai_item';
 const tplView =
         `<div id="view">
             <ul id="items" class="clearfix">
@@ -131,8 +130,7 @@ const createHtml = item => {
     $html
         .addClass(item.isFolder() ? 'folder' : 'file')
         .data('item', item);
-
-    $html[0][elKey] = item;
+    $html[0]._item = item;
 
     location.setLink($a, item);
 
@@ -162,12 +160,12 @@ const createHtml = item => {
 };
 
 const onMouseenter = ev => {
-    const item = jq(ev.currentTarget).closest('.item').data('item');
+    const item = jq(ev.currentTarget).closest('.item')[0]._item;
     event.pub('item.mouseenter', item);
 };
 
 const onMouseleave = ev => {
-    const item = jq(ev.currentTarget).closest('.item').data('item');
+    const item = jq(ev.currentTarget).closest('.item')[0]._item;
     event.pub('item.mouseleave', item);
 };
 
@@ -182,7 +180,7 @@ const checkHint = () => {
 };
 
 const setItems = items => {
-    const removed = map($items.find('.item'), el => jq(el).data('item'));
+    const removed = map($items.find('.item'), el => el._item);
 
     $items.find('.item').remove();