update 3d tiles inspector

Source/Scene/Batched3DModel3DTileContent.js

@@ -173,6 +173,18 @@ define([
             get : function() {
                 return this._readyPromise.promise;
             }
+        },
+
+        /**
+         * Gets the url of the tile's content.
+         * @memberof Cesium3DTileContent.prototype
+         * @type {String}
+         * @readonly
+         */
+        url: {
+            get: function() {
+                return this._url;
+            }
         }
     });
 

Source/Scene/Cesium3DTileContent.js

@@ -191,6 +191,18 @@ define([
             get : function() {
                 DeveloperError.throwInstantiationError();
             }
+        },
+
+        /**
+         * Gets the url of the tile's content.
+         * @memberof Cesium3DTileContent.prototype
+         * @type {String}
+         * @readonly
+         */
+        url: {
+            get: function() {
+                DeveloperError.throwInstantiationError();
+            }
         }
     });
 

Source/Scene/Cesium3DTileFeature.js

@@ -100,6 +100,21 @@ define([
             set : function(value) {
                 this._batchTable.setColor(this._batchId, value);
             }
+        },
+
+        /**
+         * Gets the feature content.
+         *
+         * @memberof Cesium3DTileFeature.prototype
+         *
+         * @type {Cesium3DTileContent}
+         *
+         * @readonly
+         */
+        content: {
+            get: function() {
+                return this._content;
+            }
         }
     });
 

Source/Scene/Composite3DTileContent.js

@@ -161,6 +161,18 @@ define([
             get : function() {
                 return this._readyPromise.promise;
             }
+        },
+
+        /**
+         * Gets the url of the tile's content.
+         * @memberof Cesium3DTileContent.prototype
+         * @type {String}
+         * @readonly
+         */
+        url: {
+            get: function() {
+                return this._url;
+            }
         }
     });
 

Source/Scene/Empty3DTileContent.js

@@ -121,6 +121,18 @@ define([
             get : function() {
                 return this._readyPromise.promise;
             }
+        },
+
+        /**
+         * Gets the url of the tile's content.
+         * @memberof Cesium3DTileContent.prototype
+         * @type {String}
+         * @readonly
+         */
+        url: {
+            get: function() {
+                return this._url;
+            }
         }
     });
 

Source/Scene/Instanced3DModel3DTileContent.js

@@ -196,6 +196,18 @@ define([
             get : function() {
                 return this._readyPromise.promise;
             }
+        },
+
+        /**
+         * Gets the url of the tile's content.
+         * @memberof Cesium3DTileContent.prototype
+         * @type {String}
+         * @readonly
+         */
+        url: {
+            get: function() {
+                return this._url;
+            }
         }
     });
 

Source/Scene/PointCloud3DTileContent.js

@@ -229,6 +229,18 @@ define([
             get : function() {
                 return this._readyPromise.promise;
             }
+        },
+
+        /**
+         * Gets the url of the tile's content.
+         * @memberof Cesium3DTileContent.prototype
+         * @type {String}
+         * @readonly
+         */
+        url: {
+            get: function() {
+                return this._url;
+            }
         }
     });
 

Source/Scene/Tileset3DTileContent.js

@@ -119,6 +119,18 @@ define([
             get : function() {
                 return this._readyPromise.promise;
             }
+        },
+
+        /**
+         * Gets the url of the tile's content.
+         * @memberof Cesium3DTileContent.prototype
+         * @type {String}
+         * @readonly
+         */
+        url: {
+            get: function() {
+                return this._url;
+            }
         }
     });
 

Source/Widgets/Cesium3DTilesInspector/Cesium3DTilesInspector.js

@@ -139,7 +139,7 @@ define([
         propertiesLabel.className = 'field-label';
         propertiesLabel.appendChild(document.createTextNode('Properties: '));
         var propertiesField = document.createElement('div');
-        propertiesField.setAttribute('data-bind', 'text: propertiesText');
+        propertiesField.setAttribute('data-bind', 'text: properties');
         properties.appendChild(propertiesLabel);
         properties.appendChild(propertiesField);
         tilesetPanelContents.appendChild(properties);

Source/Widgets/Cesium3DTilesInspector/Cesium3DTilesInspectorViewModel.js

@@ -63,8 +63,8 @@ define([
             // multiple frustums.
             '<li><strong>Commands: </strong>' + stats.numberOfCommands.toLocaleString() + '</li>';
         s += '</ul>';
-        s += '<ul class="cesium-cesiumInspector-stats">';
         if (!isPick) {
+            s += '<ul class="cesium-cesiumInspector-stats">';
             s +=
                 // --- Cache/loading stats
                 '<li><strong>Requests: </strong>' + stats.numberOfPendingRequests.toLocaleString() + '</li>' +
@@ -139,6 +139,7 @@ define([
         var canvas = scene.canvas;
         this._eventHandler = new ScreenSpaceEventHandler(canvas);
         this._scene = scene;
+        this._performanceContainer = performanceContainer;
         this._canvas = canvas;
 
         this._performanceDisplay = new PerformanceDisplay({
@@ -229,25 +230,28 @@ define([
          */
         this.styleString = '{}';
 
+        this._tileset = undefined;
+        this._feature = undefined;
+
         knockout.track(this, ['performance', 'inspectorVisible', '_statsText', '_pickStatsText', '_editorError', 'showPickStats', 'showStats',
-                              'tilesetVisible', 'displayVisible', 'updateVisible', 'loggingVisible', 'styleVisible', 'styleString']);
+                              'tilesetVisible', 'displayVisible', 'updateVisible', 'loggingVisible', 'styleVisible', 'styleString', '_feature']);
 
         this._properties = knockout.observable({});
         /**
          * Gets the names of the properties in the tileset.  This property is observable.
-         * @type {String}
+         * @type {String[]}
          * @readonly
          */
-        this.propertiesText = '';
-        knockout.defineProperty(this, 'propertiesText', function() {
+        this.properties = [];
+        knockout.defineProperty(this, 'properties', function() {
             var names = [];
             var properties = that._properties();
             for (var prop in properties) {
                 if (properties.hasOwnProperty(prop)) {
                     names.push(prop);
                 }
             }
-            return names.join(', ');
+            return names;
         });
 
         var dynamicScreenSpaceError = knockout.observable();
@@ -568,9 +572,7 @@ define([
 
         this._style = undefined;
         this._shouldStyle = false;
-        this._tileset = undefined;
-        this._feature = undefined;
-        this._definedProperties = ['propertiesText', 'dynamicScreenSpaceError', 'colorBlendMode', 'picking', 'colorize', 'wireframe', 'showBoundingVolumes',
+        this._definedProperties = ['properties', 'dynamicScreenSpaceError', 'colorBlendMode', 'picking', 'colorize', 'wireframe', 'showBoundingVolumes',
                                    'showContentBoundingVolumes', 'showRequestVolumes', 'showGeometricError', 'freezeFrame', 'maximumScreenSpaceError',
                                    'dynamicScreenSpaceErrorDensity', 'dynamicScreenSpaceErrorDensitySliderValue', 'dynamicScreenSpaceErrorFactor', 'pickActive'];
         this._removePostRenderEvent = scene.postRender.addEventListener(function() {
@@ -579,6 +581,29 @@ define([
     }
 
     defineProperties(Cesium3DTilesInspectorViewModel.prototype, {
+        /**
+         * Gets the scene
+         * @memberof Cesium3DTilesInspectorViewModel.prototype
+         * @type {Scene}
+         * @readonly
+         */
+        scene: {
+            get: function() {
+                return this._scene;
+            }
+        },
+        /**
+         * Gets the performance container
+         * @memberof Cesium3DTilesInspectorViewModel.prototype
+         * @type {HTMLElement}
+         * @readonly
+         */
+        performanceContainer: {
+            get: function() {
+                return this._performanceContainer;
+            }
+        },
+
         /**
          * Gets the stats text.  This property is observable.
          * @memberof Cesium3DTilesInspectorViewModel.prototype
@@ -638,6 +663,7 @@ define([
             set : function(tileset) {
                 this._tileset = tileset;
                 this._style = undefined;
+                this.styleString = '{}';
                 this.feature = undefined;
 
                 if (defined(tileset)) {
@@ -772,22 +798,17 @@ define([
      * Compiles the style in the style editor
      */
     Cesium3DTilesInspectorViewModel.prototype.compileStyle = function() {
-        if (!defined(this._tileset) || !defined(this._style) || this.styleString === JSON.stringify(this._style.style)) {
+        var tileset = this._tileset;
+        if (!defined(tileset) || this.styleString === JSON.stringify(tileset.style)) {
             return;
         }
-        var old = this._tileset.style;
         this._editorError = '';
         try {
             if (this.styleString.length === 0) {
                 this.styleString = '{}';
             }
-            var style = new Cesium3DTileStyle(JSON.parse(this.styleString));
-            this._tileset.style = style;
-            this._style = style;
-            this._tileset.update(this._scene.frameState);
+            this._style = new Cesium3DTileStyle(JSON.parse(this.styleString));
         } catch (err) {
-            this._tileset.style = old;
-            this._style = old;
             this._editorError = err.toString();
         }
 
@@ -849,14 +870,12 @@ define([
         }
 
         if (defined(tileset)) {
-            if (!defined(this._style) || this._style !== tileset.style) {
-                this._style = tileset.style;
-                if (defined(this._style)) {
-                    this.styleString = JSON.stringify(this._style.style, null, '  ');
-                    this.compileStyle();
-                } else {
-                    this.styleString = '{}';
-                }
+            var style = tileset.style;
+            if (defined(style) && !defined(this._style)) {
+                this._style = style;
+                this.styleString = JSON.stringify(style.style, null, '  ');
+            } else if (this._style !== tileset.style) {
+                tileset.style = this._style;
             }
             if (this._shouldStyle) {
                 tileset._styleEngine.makeDirty();

Specs/Widgets/Cesium3DTilesInspector/Cesium3DTilesInspectorViewModelSpec.js

@@ -72,10 +72,10 @@ defineSuite([
             viewModel.tileset = tileset;
             var done = when.defer();
             tileset.readyPromise.then(function() {
-                expect(viewModel.propertiesText.indexOf('id') !== -1).toBe(true);
-                expect(viewModel.propertiesText.indexOf('Longitude') !== -1).toBe(true);
-                expect(viewModel.propertiesText.indexOf('Latitude') !== -1).toBe(true);
-                expect(viewModel.propertiesText.indexOf('Height') !== -1).toBe(true);
+                expect(viewModel.properties.indexOf('id') !== -1).toBe(true);
+                expect(viewModel.properties.indexOf('Longitude') !== -1).toBe(true);
+                expect(viewModel.properties.indexOf('Latitude') !== -1).toBe(true);
+                expect(viewModel.properties.indexOf('Height') !== -1).toBe(true);
                 viewModel.destroy();
                 done.resolve();
             });
@@ -223,12 +223,14 @@ defineSuite([
         });
 
         it('recompiles style', function() {
+            viewModel._style = undefined;
             viewModel.tileset.style = style;
             viewModel._update();
             var s = JSON.parse(viewModel.styleString);
             s.color = "color('red')";
             viewModel.styleString = JSON.stringify(s);
             viewModel.compileStyle();
+            viewModel._update();
             expect(viewModel.tileset.style.style.color).toBe("color('red')");
             expect(viewModel.tileset.style.style.meta.description).toBe("'Building id ${id} has height ${Height}.'");
         });