adding on change handler to fix rendering problem (#189)

Author: robertpatrick

webui/src/js/viewModels/ingress-code-view.js

@@ -62,10 +62,14 @@ function(accUtils, ko, i18n, project, IngressInstallScriptGenerator, IngressRout
     ];
     this.subviewsDP = new ArrayDataProvider(this.subviews, {keyAttributes: 'id'});
     this.selectedSubview = ko.observable('installScript');
+    this.selectedSubviewValueChangedHandler = (event) => {
+      this.selectedSubview(event.detail.value);
+      this.renderScript(event.detail.value);
+    };
 
-    this.selectedSubview.subscribe((subview) => {
-      this.renderScript(subview);
-    });
+    // this.selectedSubview.subscribe((subview) => {
+    //   this.renderScript(subview);
+    // });
 
     this.shellScriptType = ko.observable(IngressInstallScriptGenerator.getDefaultScriptingLanguage());
     const shellScriptTypes = [

webui/src/js/views/ingress-code-view.html

@@ -16,6 +16,7 @@
 
   <oj-switcher id="codeviews"
                class="wkt-code-view-switcher"
+               on-value-changed="[[selectedSubviewValueChangedHandler]]"
                value="{{selectedSubview}}">
 
     <div slot="installScript" class="oj-panel wkt-code-view-platform-frame">