Fix 0.9.19

Author: sebavan

dist/spector.bundle.js

@@ -4,7 +4,7 @@
 ## Change Log
 Please, find below the per release summary of the contribution added to the project per version. Each of the listed versions is having its corresponding tag in the repo.
 
-## v0.9.19
+## v0.9.19 && v0.9.20
 * Add Support for [translated shaders](https://github.com/BabylonJS/Spector.js/issues/175) in the extension.
 
 ## v0.9.18

documentation/changeLogs.md

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "minimum_chrome_version": "20",
   "name" : "Spector.js",
-  "version" : "0.9.19",
+  "version" : "0.9.20",
   "homepage_url": "http://spector.babylonjs.com/",
   "description" : "Explore and Troubleshoot your WebGL scenes easily.",
   "author": "@SpectorJS",

extensions/manifest.json

@@ -95,8 +95,8 @@ export class SourceCodeComponent extends BaseComponent<ISourceCodeState> {
         <div class="sourceCodeComponentContainer">
             <div class="sourceCodeMenuComponentContainer">
                 <ul class="sourceCodeMenuComponent">
-                    ${ state.translatedSourceVertex ? this.htmlTemplate`<li><a class="${!state.fragment && state.translated ? "active" : ""}" href="#" role="button" commandName="onTranslatedVertexSourceClicked">Translated Vertex</a></li>` : "" }
-                    ${ state.translatedSourceFragment ? this.htmlTemplate`<li><a class="${state.fragment && state.translated ? "active" : ""}" href="#" role="button" commandName="onTranslatedFragmentSourceClicked">Translated Fragment</a></li>` : "" }
+                    $${ state.translatedSourceVertex ? this.htmlTemplate`<li><a class="${!state.fragment && state.translated ? "active" : ""}" href="#" role="button" commandName="onTranslatedVertexSourceClicked">Translated Vertex</a></li>` : "" }
+                    $${ state.translatedSourceFragment ? this.htmlTemplate`<li><a class="${state.fragment && state.translated ? "active" : ""}" href="#" role="button" commandName="onTranslatedFragmentSourceClicked">Translated Fragment</a></li>` : "" }
                     <li><a class="${!state.fragment && !state.translated ? "active" : ""}" href="#" role="button" commandName="onVertexSourceClicked">Vertex</a></li>
                     <li><a class="${state.fragment && !state.translated ? "active" : ""}" href="#" role="button" commandName="onFragmentSourceClicked">Fragment</a></li>
                     <li><a href="#" role="button" commandName="onSourceCodeCloseClicked">Close</a></li>
@@ -114,7 +114,7 @@ export class SourceCodeComponent extends BaseComponent<ISourceCodeState> {
         this.editor.getSession().setMode("ace/mode/glsl");
         this.editor.setShowPrintMargin(false);
         let timeoutId = -1;
-        this.editor.setReadOnly(!state.editable);
+        this.editor.setReadOnly(!state.editable && !state.translated);
         this.editor.getSession().on("change", (e) => {
             if (timeoutId !== -1) {
                 clearTimeout(timeoutId);