From 0c8e9fe6f1b9a5c72ff6ff281cf6ea90640b0ce3 Mon Sep 17 00:00:00 2001
From: Arpad Csanyi <csarpad@gmail.com>
Date: Thu, 17 Mar 2016 15:48:32 +0100
Subject: [PATCH] Quick mocking of the popover displaying functionality. #15

Its main purpose is to show colors and general layout. Precise
positioning is still missing.
---
 app.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/app.js b/app.js
index cc3b9125..aa5d519d 100644
--- a/app.js
+++ b/app.js
@@ -134,8 +134,22 @@ $(function() {
             // Replace image with new SVG
             $img.replaceWith($svg);
 
+            // Quick fix as jQuery 2.1.4 addClass() method is not working on SVG elements.
+            var finalClasses = $svg.attr('class');
+
+            console.log(imgSelector);
             $('#left-parts rect, #right-parts rect', imgSelector).on('click', function() {
-              console.log('hello');
+              var _popup = $('.key-editor__popup'),
+                  rectB7 = $('rect#b7', $svg);
+              if (_popup.is(':hidden')) {
+                $svg.attr('class', finalClasses + ' faded');
+                _popup.show();
+                rectB7.attr('class', 'active');
+              } else {
+                $svg.attr('class', finalClasses);
+                _popup.hide();
+                rectB7.attr('class', '');
+              }
             });
 
         }, 'xml');