From d381d1ef7b33096b683ba5bdd1405d16d955cb72 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Sun, 22 Apr 2018 16:51:09 +0200
Subject: [PATCH] Profiles Appearing and dissappearing

---
 .vs/AAWeb/v15/.suo | Bin 44032 -> 44032 bytes
 FloatingSpace.js   |  28 ++++++++++++++++++++++++++--
 TimelineChart.js   |  11 +++++++++--
 3 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/.vs/AAWeb/v15/.suo b/.vs/AAWeb/v15/.suo
index d6f5dcf663bb653e60215f95b3845b930fad677c..597b799d2e0ad1e0caababd1606b62a0e4003715 100644
GIT binary patch
delta 1056
zcmb7@Jxo(k6vul{U&||>EtU`Yd=#k_v9=mNf))`7iUOK|M2*n|(L@F;rnneeVvM3z
z0`EkOEQC9`(z}>wA`u4%2Z#$XF?MorFb*y{P|uM^U=R~;^2`5!?>*<_{cqFJWf)zC
ziI9NFaJjJ0b!CLe!5XM`HGhuecYORH_Nfu)BVlT#=W1;>TZWe3Qk`_K<?Bg3L^e@E
zloA@j^*+)HqKMc^G!f+l-)$q^jl+70=ODRaBA@UQdH77P_12N&I=7`O<Z)3qLJ>Ns
zCYr5_7E4=6k6E4@d7Y#^8m_bnox+Vvc0>P?RlwPH;Rtl&f<3H$K&~+LiiC?wcMvrM
z=W8Gw#NYDqXoK!p*B0kHKybe81n1+sD$+1fNpR9KVy%Z0TfQ>0lQvt3JR*k(5F9#4
ziZ3+7!J!-RlXgh&A;*1aIMS)?R?TG-biyx%o;?8-b0>xAKCbbz^8v>47j+)V-?e&B
zkTeaS^0lXhf|eB_gCI+t(ht&b%0kTy8p`kn0FT~mP_g2qkX2xwXvOzW3e}m=H-}5`
zFYL6Yso4IcT?RlNcFHy|PcNv2s)&&FkZOD@bgr~pl@9(QP(M4eAk}MtGCI?O8rOXv
z$n#Fw53(DuUwZNDbgnY4Qqcg&A&?h94uZT0W>jK$_!Q3H?!cLNyBfXK3^+SphMBlu
z-T)eaPovZ5iceuEv50eZ6o;myh9qp-hfDDw9(mwaO?TdijqT>WU!Ea;-#^PYpCF%$
z(Xj!%et&Yk>+UPqwCua*?1ll?$oHt|Sg$C4xHgt_mN1C6#~4mr#>n`)qAuF5uJr3G
kWcYvBMv*4)<@0$pI58#6u}l9w+n+KWS^u2fC#MU414TkRl>h($

delta 1014
zcmb`EUr19?9LMiD-p$=<x_|02byv-`a?P#3Hkp|dlQL5(i4+kt2p^n<P4cBnXpmaA
z`vW7Tf&)Q9MBVe!LlCr=9)*M?DE1sZ_~1(s+VAKcSoGK#AAY~{{r%3}?|Y86LbVn8
zAPlR$O6r)Kkk@B62$7+Z`V{TOr}5g)A4!PcpdAF#xiMY#5;fK3zO`SHBpKO<Y~U)!
zSb}&Fr>P0O67wo#ClW<=ApvAJBI*?wBS<;22dPJD5m9rQQRJnV2azHqPm*@vPm=Z`
z>sW+0Hq~+zH$M1cYp|Wf>>L8BlF@0qY39|H#hb#+K{PW>bX(blGVHM+9>k5*A>zM;
zCp+@DCqHUpKGBo)6vMsnBsAfv0Ita;&Kk@VL^u$GR>LE?TDQv%(dIxw#KRb2Nmk2!
zm^30yh$u9hF^=(cs>=sK%d%mQ%L*Z=h~wZq5P;EwC7Wm$*R~}TF3Z^}A1#<6%rEP~
zHW}}0vw@EWQS(|^i0ZB?UZsAuunNkel(kYLpi-_DXNVDwTb1lJo5zmK<QSe01ln4H
z7V!X-|7ggyG7n|V)NoPCY5O|S!*S?-=;b}9o)OkT*+r_iq!l72v}Olb3*{3%nuauu
z@U_lh4p+M~Tg_H>iLyS*1}O|M4}6=?=js5~dMO(c1!J61$V<)w8$JtKLSxteY=p>@
zBIt`bc+JQHf&OVHBqr;&AL3e~iJFCam`~0@G|>v3!=><YLV>!80EEYuAeDUjPd%0l
z!SQJaZ`9rsI5BB%?!2YWU+68nO7MLS!N}AgB<`*{E5&PVuFSg#=GA;;>O6s-#eDmK
xS!lTjkukqM@$)}?<}xIbwQzOjG0e>lL4UFkW}koOL-*&1p<8mdiMQFj>o*<JEztk~

diff --git a/FloatingSpace.js b/FloatingSpace.js
index ef98e0f34..b7f0042e9 100644
--- a/FloatingSpace.js
+++ b/FloatingSpace.js
@@ -8,6 +8,7 @@ function newFloatingSpace() {
     let thisObject = {
         balls: undefined,               // This is the array of balls being displayed
         createNewBall: createNewBall,
+        destroyBall: destroyBall,
         physicsLoop: physicsLoop,
         isInside: isInside,
         isInsideBall: isInsideBall,
@@ -136,9 +137,32 @@ function newFloatingSpace() {
 
         createdBalls.push(ball);
 
-        ball.index = thisObject.balls.length;
+        ball.handle = Math.floor((Math.random() * 10000000) + 1);
 
-        return ball;
+        return ball.handle;
+    }
+
+    function destroyBall(pBallHandle) {
+
+        for (let i = 0; i < createdBalls.length; i++) {
+
+            let ball = createdBalls[i];
+
+            if (ball.handle === pBallHandle) {
+                createdBalls.splice(i, 1);  // Delete item from array.
+                return;                 
+            }
+        }
+
+        for (let i = 0; i < thisObject.balls.length; i++) {
+
+            let ball = thisObject.balls[i];
+
+            if (ball.handle === pBallHandle) {
+                thisObject.balls.splice(i, 1);  // Delete item from array.
+                return;
+            }
+        }
     }
 
     /******************************************/
diff --git a/TimelineChart.js b/TimelineChart.js
index 7ddca1f7a..0fe2e4d51 100644
--- a/TimelineChart.js
+++ b/TimelineChart.js
@@ -218,7 +218,8 @@ function newTimelineChart() {
                 let productPlotter = {
                     productCard: pProductCard,
                     plotter: plotter,
-                    storage: storage
+                    storage: storage,
+                    profile: undefined
                 };
 
                 /* Let the Plotter listen to the event of Cursor Files loaded, so that it can reack recalculating if needed. */
@@ -257,7 +258,7 @@ function newTimelineChart() {
                     productPlotter.plotter.profile.label = pProductCard.bot.displayName;
                     productPlotter.plotter.profile.imageId = imageId;
 
-                    canvas.floatingSpace.createNewBall(productPlotter.plotter.profile, thisObject.container)
+                    productPlotter.profile = canvas.floatingSpace.createNewBall(productPlotter.plotter.profile, thisObject.container)
 
                 }
 
@@ -303,6 +304,12 @@ function newTimelineChart() {
 
                 if (productPlotters[i].productCard.code === pProductCard.code) {
 
+                    if (productPlotters[i].profile !== undefined) {
+
+                        canvas.floatingSpace.destroyBall(productPlotters[i].profile);
+
+                    }
+
                     productPlotters.splice(i, 1); // Delete item from array.
 
                 }