From 6697b6730efba504899a9dfdab4f5cf857acbccb Mon Sep 17 00:00:00 2001
From: Bruno Bottazzini <bruno.bottazzini@intel.com>
Date: Thu, 12 May 2016 14:54:21 -0300
Subject: [PATCH] Bring back schema button with new Design

This patch also fixes the width from schema Dialog that can
deform the image. This patch fix it in a determined value.

Signed-off-by: Bruno Bottazzini <bruno.bottazzini@intel.com>
---
 client/css/app.css                  |  17 +++++++++++++++++
 client/imgs/button_schema.png       | Bin 0 -> 16731 bytes
 client/imgs/button_schema_hover.png | Bin 0 -> 16492 bytes
 client/js/controllers/editor.js     |   4 +++-
 server/views/index.html             |   1 +
 5 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 client/imgs/button_schema.png
 create mode 100644 client/imgs/button_schema_hover.png

diff --git a/client/css/app.css b/client/css/app.css
index 0f1507f..4409573 100644
--- a/client/css/app.css
+++ b/client/css/app.css
@@ -319,6 +319,23 @@ iframe{
     margin-left: 5px;
 }
 
+.button_schema_on {
+    background:url(../imgs/button_schema.png);
+    background-repeat: no-repeat;
+    z-index: 30;
+    position: absolute;
+    top: 186px;
+    right: 17px;
+    width:120px;
+    height:32px;
+    outline: 0;
+}
+
+.button_schema_on:hover {
+    background:url(../imgs/button_schema_hover.png);
+    background-repeat: no-repeat;
+}
+
 .spin_sync {
     position: relative;
     bottom: -17;
diff --git a/client/imgs/button_schema.png b/client/imgs/button_schema.png
new file mode 100644
index 0000000000000000000000000000000000000000..65c87fc580f481b27849bd623edae88c0e5cb501
GIT binary patch
literal 16731
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

literal 0
HcmV?d00001

diff --git a/client/imgs/button_schema_hover.png b/client/imgs/button_schema_hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..16aaf61aa0a81084f415e99e642706c3bead3d9f
GIT binary patch
literal 16492
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
DSWA$u

literal 0
HcmV?d00001

diff --git a/client/js/controllers/editor.js b/client/js/controllers/editor.js
index fa98b50..26f4f79 100644
--- a/client/js/controllers/editor.js
+++ b/client/js/controllers/editor.js
@@ -151,6 +151,8 @@
                                 // This function will run when the image is not found
                                 $scope.schemaOn = false;
                             });
+                    } else {
+                        $scope.schemaOn = false;
                     }
                 }
 
@@ -184,7 +186,7 @@
                               modal: true,
                               position: { at: "center top"},
                               height: 600,
-                              width: '75%',
+                              width: '900',
                               show: { effect: "fade", duration: 300 },
                               hide: {effect: "fade", duration: 300 },
                               resize: 'disable',
diff --git a/server/views/index.html b/server/views/index.html
index 414839f..b0daaba 100644
--- a/server/views/index.html
+++ b/server/views/index.html
@@ -317,6 +317,7 @@
                     <!-- Contains the code viewer and the svg viewer !-->
                     <div ng-attr-style="{{libChecked && 'margin-left: 360px;' || 'margin-left: 0px;' }}" style="background-color:#262a2e; width: 102%;">
                         <div id="codeCheck" collapse="!codeChecked">
+                            <button ng-if="schemaOn == true" ng-click="showSchema()" class="button_schema_on" type="button"></button>
                             <div ui-ace="{onChange: editorChanged}" ng-attr-style="{{codeChecked && !svgChecked && 'height: 100%;' || 'height: 50%;'}}" style="width: 100%; float: left;" id="fbp_editor"></div>
                         </div>
                         <div  id="svgCheck" collapse="!svgChecked" style="overflow-y: scroll; height: 100%; background-color:#202429;">