From b468e4d161249ba812003078b4b9166ab419eee6 Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Fri, 2 Mar 2018 12:06:14 +0100
Subject: [PATCH] Product Panel Working Well

---
 .vs/AAWebPlatform/v15/.suo | Bin 67584 -> 68096 bytes
 Container.js               |   2 ++
 EventHandler.js            |  28 ++++++++++++++++++++++++----
 Panels/ProductsPanel.js    |  25 +++++++++++++++++++++----
 ProductCard.js             |  17 ++++++++++-------
 TimelineChart.js           |  16 ++++++++++------
 6 files changed, 67 insertions(+), 21 deletions(-)

diff --git a/.vs/AAWebPlatform/v15/.suo b/.vs/AAWebPlatform/v15/.suo
index a2f9474992f370c227d050e74b07d85963a7f83e..e3036f402a22fd72d58ca648993138c08659a33f 100644
GIT binary patch
delta 2420
zcmcJQZA_C_6vv-?+wxLcC}{Boiw_{fm&uAROvzm8C=3)FOvJsg0S-1Hh?7<}G21#F
zr5k2KPb1T5)CaN;GbX~bELpN8xa@;V%$96l_Gu%F``}&@%p%cc+Wk*0tX15L%Wm__
zInTN0x%b?A|Ie*&z~~DZ2b?)li8h;}B*Qg;o8fSnqwJ@S)@Dg-O;FY5j(shP5b@DI
zxnDTwsyryVX`f+#LLH*(vgkKMvAB<lj4MPwJ!70#wjALUkPDUpj2c#9)4>h+7T7|t
z5^!GztTF0m!!8B|^pSD9oqM^hiuP8*R#Uzy&&Z_?SDAz`P>x(|eetCWC3e)g9SOJB
zx!HmxMh4}fsMfJ0!Gi!7o|s#)0`5}a23D{YaGnaw#V&xI1Ij@fm<w7!Ca4FT`zS26
zBsmA4uvoW5V;s*Jtj(eeNfiwV2=dB!9p;z>F6?=*DH@v})Aw-H=ao*kGQ^&W$$1(+
zbtJ3l3*oea&EN&FlTIY(S@yu|0z3p=OuoPNH9Q;yLMVy^++l<@fdr5Ul0Y&rgA`x^
zR*(wPfDQ0_5vbB!V2XI7&HW;1@ybPlx-GBD3_(*c>3Fgp+3^3(VS7A@<-{ArCmWeC
z{VS?i_&d4he5_^4u|=xX)%g<!tz23;ZMxmm#j0OLa80hBtJd4((G<PM=@(;loW3T{
zrk8H|L}=wk`|B9~0C*!hO)o6J`;*W%$zY>Rx7ADvtxjq+QmdC^TP8*74Nl>7U=Vb3
zPLB*?__>wB8mW}!z-4g7rVV(I`t>I#7l>>0qvw!lr;WLF_T5US;#HcJHrQ62VxiKm
zc<7S1UO4p!_kM0PAH^re!ZazgCs3@rdaj#jBB0VMy#>0@=Mxn6yM|o{4Aj)G(#epW
zTvbcyG5-i<<QCG&fGfFlcc-_xt+Ta@HdL(;!&KwnWhv`!?etbOceZrg3iF|}SR$>>
zg_#axf^4HnanJsOJuP;K!gkNP(vpU4!8gYvWi<AgvS#b|w03zKs`m2crNwWaqK8ii
zsl6?=21(}w+3^*QhBC<&9H;SWCtofzjX#I8l-j%M&V{C0X4Z}B*3!n%GV2|Yn7tVd
zmD^{=g|i6oo#Bq`<*~jI?MOmMj1L_aB0HTgg6XycP7>`35N{ZL`(2avtfbR^2M#H7
zs9lImdLXcpZ;_eCUw;yCkMLQLv#N%As#lXMR6=K~OVu?qiHgF$7qIsEw&q5)J_jA^
zGwZIm#)UQ_wE?MpC`E}bE`<$Rlhj(|n082rE*d<(HNQ;hhOSs+6;N3x?zE0Sb%xQ_
z0UwDEp3^5Uzaz$WUQYR^@+8QU9?{%1QCzIc_x(b9S*8SM)XKV9tGg~<6Y*yW5vHFJ
z?h+?{`&XBh7Znv3t-qz@rl^un`Lm-E|LpEc<~u4zva`$d?gDn)F5vYn;HW^`SjfI=
zN8W8BULH~TbdsmRvwLqBo%Sx(&;9ZZ{-AvG;+HxaazteNMQB-^Y*%B?D`%H&e!OgB
zYq~X^2k++4m!}%_pRXK`%=w>WeFmDQiSOtArKERIO=uyV8%ZQJXuB6p7yO;3u_$hF
z(x!)&n052Ol!!>X-*hj6P8A(=<-KhSX1!%G;d(m%LnCFqo1sr#Q;oxctA>B`f}~G(
P&DRTWsA6b~6c_#gHD>dr

delta 1986
zcmd6naZH;<6u`f`eucJc@q;0j4%kO2gE83JGRT;7YYpI-6Vu6n%x+=Ils}dYp%?}V
zg&Ei)M(7)06e1L|CGL+wZ^jt^sX7<_m{Qc37!w98OLQg^jWe(S^<AL~;<7*WzWnmu
zy}SGFy?gJ@eL-}0ik)VtKB?AAf{-W(f&y6z27@RBg0ze}Hc?&0yGeslzHf+yo8b&?
zBnr4k&yof>qiBqH293oAxUa}1X<!kz5fdC0A1l~`<_(Au$w2V0K^bK<qDAr%5!sIL
zu`HA^D|!;j&B#{xSS)+=sTHdgC3mg}Wh<mAQ^XR~h7KwT*#OCOv(9$AXn_0qJevRM
z=K=U!Yl(OT2e_}1#sW2}+mK`=9XWz<KcY~|NIbF;DMTJYVv(1SIHU~Wa~I*bxDi|`
zIi5$uExbjn(o4G>n_x_}-^qh`4haXbJT(}^gBPlh0|>YA(8FVUS9IMfTLJ3DtNQ#v
z;G|lPu0-Pr#DKhvJPrNo6m2tVHApQ2H`JLDpPz~yg6X9QRBQ6#pvE*>*-1QF7Yz#V
zs<w$P3GfGsMeON%z@@Q0V2*T1#S_InhU7|9XhHPX&~iGHxneqqr@Wq)MY4wSBBCQa
z)bQEx$;v0tK-v7`TPZW@Cl$UpnKC(HiumMuDYVSoMj*!|F*#|9bX7|p*~pALlO-MD
z`|(;0@5@~I9ZGLLmC~i_b#H%`_~iG~gQfF%#wM_|%kcg!2@HXB$hf8V^j(lX(Jxl#
zboJKVp17A-{^c8UU@^t2vg|u8+4+T5m~KxAEqHD4^(YG-&~h{Qvk6-|{2PIiSjk&V
zeWkM@)o0~CmrN0EJMvRJS%5pW9pn_)jfbG{iv*Z<9cH`hu8W$o$mM!c2rxRC%WMtv
zN|0~n#9Su%yUqADW)~D%EV-7vEarB*36LB6NbQiVRl)4zguuD>C|oy86zs~RgTU-r
z2?A4*(O1I`qRitu{L%-W^M2Udodg5@Mv0dLzi#}rcms!f3pl$q%;xnIpY<Bi^3m`G
z4W-3|hVyLxtw`#<NWngBhM%V;uzCFOX}<+BXP#9$`Jb43riNs6ay8Tp{&!IFYFNGB
zUmFWBJ)nn?;Yfbz1(0X<n99dBTwiW_flxtc2zLd8zZLZ~aL*)oE~P_Do8H?KL3T0n
zL6CSmC|Ex<!l?xf%e+&e0P(8JJ4}b_?^3UmDtWP|!Njj+?AzI4h4+{U$IkC!BfpO+
zyf27wsj8VZSGA~z>gOmN|1KGJ)Ml~bn)k@R<qj}+-g>$&dt-A1MgqAH&mP#v{jC1}
zISSV<JK0x@37FY{eN8%b1RSPRCIx3Hm|ccmgNg(^ZSn9!cPcbZCOs_271UY#KgbSG
z&5v&?nRs_0Y9&^y$m974<4Gc5UDyLhd!l+<32FK}%s&76D?4#>N4UPXuf2iGuiKjP
z3f0StC!G9|6JT&S4)(bvEYdhtxVpeGkQ%+du9hxlz$jLvlv~(qR+9h>oR%MmnQGMh
T<y=HkM;%x2HQMj_&wc+B&)|JZ

diff --git a/Container.js b/Container.js
index f81b744ac..a66649f00 100644
--- a/Container.js
+++ b/Container.js
@@ -11,6 +11,7 @@ function newContainer() {
         isDraggeable: true,
         isZoomeable: true,
         isClickeable: false,
+        name: undefined,
         initialize: initialize
     };
 
@@ -25,6 +26,7 @@ function newContainer() {
 
         var eventHandler = newEventHandler();
         eventHandler.initialize();
+        eventHandler.name = container.name;
         this.eventHandler = eventHandler;
 
         var displacement = newDisplacement();
diff --git a/EventHandler.js b/EventHandler.js
index c364a98d0..4344645c0 100644
--- a/EventHandler.js
+++ b/EventHandler.js
@@ -1,9 +1,11 @@
 
 function newEventHandler() {
 
-    let eventHandler = {
-        containerName: "",                  // This is for debugging purposes only.
-        parentEventHandler: undefined,             // Here we store the parent cointainer zoom object. 
+    const CONSOLE_LOG = true;
+
+    let thisObject = {
+        name: undefined,                            // This is for debugging purposes only.
+        parentEventHandler: undefined,              // Here we store the parent cointainer zoom object. 
         listenToEvent: listenToEvent,
         raiseEvent: raiseEvent,
         initialize: initialize
@@ -11,7 +13,7 @@ function newEventHandler() {
 
     var eventHandlers = [];        // Here we store all the functions we will call when an event is comming.
 
-    return eventHandler;
+    return thisObject;
 
     function initialize() {
 
@@ -22,10 +24,22 @@ function newEventHandler() {
 
         eventHandlers.push([eventType, handler, extraData]);
 
+        if (thisObject.name !== undefined && CONSOLE_LOG === true) {
+
+            console.log("Event Handler named " + thisObject.name + " received a request to listenToEvent " + eventType + " and call " + (handler.toString()).substring(0, 50));
+
+        }
+
     }
 
     function raiseEvent(eventType, event) {
 
+        if (thisObject.name !== undefined && CONSOLE_LOG === true) {
+
+            console.log("Event Handler named " + thisObject.name + " received a request to raiseEvent " + eventType + " with this date " + (event.toString()).substring(0, 50));
+
+        }
+
         for (var i = 0; i < eventHandlers.length; i++) {
 
             /* We will execute all the functions listening to this event type. */
@@ -35,6 +49,12 @@ function newEventHandler() {
                 var handler = eventHandlers[i][1];
                 var extraData = eventHandlers[i][2];
 
+                if (thisObject.name !== undefined && CONSOLE_LOG === true) {
+
+                    console.log("Event Handler named " + thisObject.name + " received a request to raiseEvent " + eventType + " and will call this handler: " + (handler.toString()).substring(0,50));
+
+                }
+
                 handler(event, extraData);
 
             }
diff --git a/Panels/ProductsPanel.js b/Panels/ProductsPanel.js
index d7762e09d..d76f9ff00 100644
--- a/Panels/ProductsPanel.js
+++ b/Panels/ProductsPanel.js
@@ -11,10 +11,16 @@ function newProductsPanel() {
         initialize: initialize
     };
 
+    /* Cointainer stuff */
+
     var container = newContainer();
+
+    container.name = "Bots Product Panel";
     container.initialize();
+
     container.isDraggeable = true;
     container.isZoomeable = false;
+
     thisObject.container = container;
     thisObject.container.frame.containerName = "Bot's Products";
 
@@ -65,6 +71,11 @@ function newProductsPanel() {
 
                     productCard.code = devTeam.codeName + '-' + bot.codeName + '-' + product.codeName;
 
+                    /* Initialize it */
+
+                    productCard.initialize();
+
+
                     /* Container Stuff */
 
                     productCard.container.displacement.parentDisplacement = this.container.displacement;
@@ -72,10 +83,6 @@ function newProductsPanel() {
                     productCard.container.frame.parentFrame = this.container.frame;
                     productCard.container.parentContainer = this.container;
 
-                    /* Initialize it */
-
-                    productCard.initialize();
-
                     /* Positioning within this Panel */
 
                     let position = { 
@@ -91,6 +98,10 @@ function newProductsPanel() {
 
                     productCards.push(productCard);
 
+                    /* Listen to Status Changes Events */
+
+                    productCard.container.eventHandler.listenToEvent('Status Changed', onProductCardStatusChanged);
+
                 }
             }
         }
@@ -99,6 +110,12 @@ function newProductsPanel() {
 
     }
 
+    function onProductCardStatusChanged(pProductCard) {
+
+        thisObject.container.eventHandler.raiseEvent('Product Card Status Changed', pProductCard);
+
+    }
+
     function getOnProductCards() {
 
         /* Returns all productCards which status is ON */
diff --git a/ProductCard.js b/ProductCard.js
index 45223f8a9..f24ef9cef 100644
--- a/ProductCard.js
+++ b/ProductCard.js
@@ -12,17 +12,20 @@
         initialize: initialize
     };
 
-    var container = newContainer();
-    container.initialize();
-    container.isDraggeable = false;
-    container.isZoomeable = false;
-    container.isClickeable = true;
-    thisObject.container = container;
-
     return thisObject;
 
     function initialize() {
 
+        /* Create this objects continer */
+
+        var container = newContainer();
+        container.name = "Product Card " + thisObject.code;
+        container.initialize();
+        container.isDraggeable = false;
+        container.isZoomeable = false;
+        container.isClickeable = true;
+        thisObject.container = container;
+
         /* Lets set the basic dimensions of this thisObject. */
 
         var position = {
diff --git a/TimelineChart.js b/TimelineChart.js
index 05d1e8d0d..509b71064 100644
--- a/TimelineChart.js
+++ b/TimelineChart.js
@@ -44,12 +44,20 @@ function newTimelineChart() {
 
     function initialize(exchange, market, currentCandlePanelToUse, currentVolumePanelToUse, pProductsPanel, orderBookPanelToUse, callBackFunction) {
 
+        /* Remember the Products Panel */
+
+        productsPanel = pProductsPanel;
+
+        /* Listen to the event of change of status */
+
+        productsPanel.container.eventHandler.listenToEvent("Product Card Status Changed", onProductCardStatusChanged);
+
+        /* Legacy code to clean */
+
         currentCandlePanel = currentCandlePanelToUse;
         currentVolumePanel = currentVolumePanelToUse;
         orderBookPanel = orderBookPanelToUse;
 
-        productsPanel = pProductsPanel;
-
         marketId = market;
         exchangeId = exchange;
 
@@ -137,10 +145,6 @@ function newTimelineChart() {
                 plotter: plotter
             };
 
-            /* Listen to the event of change of status */
-
-            pProductCard.container.eventHandler.listenToEvent("Status Changed", onProductCardStatusChanged);
-
             /* Add the new Active Protter to the Array */
 
             activePlotters.push(activePlotter);