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

@@ -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;

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',

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;">