Image usability fixes (#101)

* Wait for aux image tag to initialize before refreshing

* Listen for aux image changes for open/close project

Author: rakillen

webui/src/js/viewModels/domain-design-view.js

@@ -30,6 +30,7 @@ function (project, accUtils, utils, ko, i18n, screenUtils, BufferingDataProvider
       }));
 
       subscriptions.push(project.image.useAuxImage.observable.subscribe(() => {
+        this.auxImageConfig(this.computeAuxImageConfig());
         // change the primary image tag's help text based on the value of the switch?
         const primaryImageTag = document.getElementById('primary-image-tag');
         if (primaryImageTag) {
@@ -38,9 +39,12 @@ function (project, accUtils, utils, ko, i18n, screenUtils, BufferingDataProvider
       }));
 
       subscriptions.push(project.image.createAuxImage.observable.subscribe(() => {
+        this.auxImageConfig(this.computeAuxImageConfig());
         const auxImageTag = document.getElementById('aux-image-tag');
         if (auxImageTag) {
-          auxImageTag.refresh();
+          viewHelper.componentReady(auxImageTag).then(() => {
+            auxImageTag.refresh();
+          });
         }
       }));
     };

webui/src/js/viewModels/image-design-view-impl.js

@@ -26,6 +26,7 @@ define(['utils/wkt-logger', 'utils/screen-utils'],
         }));
 
         subscriptions.push(project.image.useAuxImage.observable.subscribe(() => {
+          this.auxImageConfig(this.computeAuxImageConfig());
           document.getElementById('designtabs').refresh();
           // change the primary image tag's help text based on the value of the switch?
           const primaryImageTag = document.getElementById('primary-image-tag');
@@ -35,6 +36,7 @@ define(['utils/wkt-logger', 'utils/screen-utils'],
         }));
 
         subscriptions.push(project.image.createAuxImage.observable.subscribe(() => {
+          this.auxImageConfig(this.computeAuxImageConfig());
           const auxImageTag = document.getElementById('aux-image-tag');
           if (auxImageTag) {
             auxImageTag.refresh();