cesium 0.13.2 → 0.14.0

data/app/assets/javascripts/Widgets/Animation/darker.css

@@ -0,0 +1,69 @@
+.cesium-darker .animation-themeNormal {
+    color: #222;
+}
+.cesium-darker .animation-themeHover {
+    color: #4488B0;
+}
+.cesium-darker .animation-themeSelect {
+    color: #242;
+}
+.cesium-darker .animation-themeDisabled {
+    color: #333;
+}
+.cesium-darker .animation-themeKnob {
+    color: #222;
+}
+.cesium-darker .animation-themePointer {
+    color: #2E2;
+}
+.cesium-darker .animation-themeSwoosh {
+    color: #8AC;
+}
+.cesium-darker .animation-themeSwooshHover {
+    color: #AEF;
+}
+.cesium-darker .animation-svgText {
+    fill: #edffff;
+}
+.cesium-darker .animation-rectButton .animation-buttonPath {
+    fill: #edffff;
+}
+.cesium-darker .animation-rectButton .animation-buttonMain {
+    stroke: #444;
+}
+.cesium-darker .animation-buttonToggled .animation-buttonGlow {
+    fill: #2E2;
+}
+.cesium-darker .animation-buttonToggled .animation-buttonMain {
+    stroke: #2E2;
+}
+.cesium-darker .animation-rectButton:hover .animation-buttonMain {
+    stroke: #AEF;
+}
+.cesium-darker .animation-buttonToggled:hover .animation-buttonGlow {
+    fill: #fff;
+}
+.cesium-darker .animation-buttonToggled:hover .animation-buttonMain {
+    stroke: #2E2;
+}
+.cesium-darker .animation-rectButton:active .animation-buttonMain {
+    fill: #ABD6FF;
+}
+.cesium-darker .animation-buttonDisabled .animation-buttonMain {
+    stroke: #555;
+}
+.cesium-darker .animation-buttonDisabled .animation-buttonPath {
+    fill: #818181;
+}
+.cesium-darker .animation-shuttleRingBack {
+    fill: #181818;
+    fill-opacity: 0.8;
+    stroke: #333;
+    stroke-width: 1.2;
+}
+.cesium-darker .animation-shuttleRingSwoosh line {
+    stroke: #8AC;
+}
+.cesium-darker .animation-knobOuter {
+    stroke: #444;
+}

data/app/assets/javascripts/Widgets/ClockViewModel.js

@@ -0,0 +1,167 @@
+/*global define*/
+define(['../Core/DeveloperError',
+        '../Core/defaultValue',
+        '../Core/Clock',
+        '../Core/JulianDate',
+        '../ThirdParty/knockout'
+        ], function(
+         DeveloperError,
+         defaultValue,
+         Clock,
+         JulianDate,
+         knockout) {
+    "use strict";
+
+    /**
+     * A ViewModel which exposes a {@link Clock} for user interfaces.
+     * @alias ClockViewModel
+     * @constructor
+     *
+     * @param {Clock} [clock] The clock object wrapped by this view model, if undefined a new instance will be created.
+     *
+     * @see Clock
+     */
+    var ClockViewModel = function(clock) {
+        clock = defaultValue(clock, new Clock());
+        this.clock = clock;
+        this.clock.onTick.addEventListener(this.synchronize, this);
+
+        var startTime = knockout.observable(clock.startTime);
+        startTime.equalityComparer = JulianDate.equals;
+
+        /**
+         * The start time of the clock.
+         * @type Observable
+         */
+        this.startTime = knockout.computed({
+            read : startTime,
+            write : function(value) {
+                startTime(value);
+                clock.startTime = value;
+            }
+        });
+
+        var stopTime = knockout.observable(clock.stopTime);
+        stopTime.equalityComparer = JulianDate.equals;
+
+        /**
+         * The stop time of the clock.
+         * @type Observable
+         */
+        this.stopTime = knockout.computed({
+            read : stopTime,
+            write : function(value) {
+                clock.stopTime = value;
+                stopTime(value);
+            }
+        });
+
+        var currentTime = knockout.observable(clock.currentTime);
+        currentTime.equalityComparer = JulianDate.equals;
+
+        /**
+         * The current time.
+         * @type Observable
+         */
+        this.currentTime = knockout.computed({
+            read : currentTime,
+            write : function(value) {
+                clock.currentTime = value;
+                currentTime(value);
+            }
+        });
+
+        /**
+         * The current system time.
+         * @type Observable
+         */
+        this.systemTime = knockout.observable(new JulianDate());
+        this.systemTime.equalityComparer = JulianDate.equals;
+
+        var multiplier = knockout.observable(clock.multiplier);
+        /**
+         * Determines how much time advances when tick is called, negative values allow for advancing backwards.
+         * If <code>clockStep</code> is set to ClockStep.TICK_DEPENDENT this is the number of seconds to advance.
+         * If <code>clockStep</code> is set to ClockStep.SYSTEM_CLOCK_MULTIPLIER this value is multiplied by the
+         * elapsed system time since the last call to tick.
+         * Computed observable @type Number
+         * @type Observable
+         */
+        this.multiplier = knockout.computed({
+            read : multiplier,
+            write : function(value) {
+                clock.multiplier = value;
+                multiplier(value);
+            }
+        }, this);
+
+        var clockStep = knockout.observable(clock.clockStep);
+        clockStep.equalityComparer = function(a, b) {
+            return a === b;
+        };
+
+        /**
+         * Determines if calls to <code>Clock.tick</code> are frame dependent or system clock dependent.
+         * @type Observable
+         */
+        this.clockStep = knockout.computed({
+            read : clockStep,
+            write : function(value) {
+                clockStep(value);
+                clock.clockStep = value;
+            }
+        });
+
+        var clockRange = knockout.observable(clock.clockRange);
+        clockRange.equalityComparer = function(a, b) {
+            return a === b;
+        };
+
+        /**
+         * Determines how tick should behave when <code>startTime</code> or <code>stopTime</code> is reached.
+         * Computed observable @type ClockRange
+         * @type Observable
+         */
+        this.clockRange = knockout.computed({
+            read : clockRange,
+            write : function(value) {
+                clockRange(value);
+                clock.clockRange = value;
+            }
+        });
+
+        var shouldAnimate = knockout.observable(clock.shouldAnimate);
+
+        /**
+         * Determines if <code>Clock.tick</code> should actually advance time.
+         * @type Observable
+         */
+        this.shouldAnimate = knockout.computed({
+            read : shouldAnimate,
+            write : function(value) {
+                shouldAnimate(value);
+                clock.shouldAnimate = value;
+            }
+        });
+    };
+
+    /**
+     * Updates the view model with the contents of the underlying clock.
+     * Can be called to force an update of the viewModel if the underlying
+     * clock has changed and <code>Clock.tick</code> has not yet been called.
+     * @memberof ClockViewModel
+     */
+     ClockViewModel.prototype.synchronize = function() {
+        var clock = this.clock;
+        this.systemTime(new JulianDate());
+        this.startTime(clock.startTime);
+        this.stopTime(clock.stopTime);
+        this.currentTime(clock.currentTime);
+        this.multiplier(clock.multiplier);
+        this.clockStep(clock.clockStep);
+        this.clockRange(clock.clockRange);
+        this.shouldAnimate(clock.shouldAnimate);
+    };
+
+    return ClockViewModel;
+});

data/app/assets/javascripts/Widgets/Command.js

@@ -0,0 +1,33 @@
+/*global define*/
+define([
+        '../Core/DeveloperError'
+    ], function(
+        DeveloperError) {
+    "use strict";
+
+    /**
+     * A Command is a function with an extra <code>canExecute</code> observable property to determine
+     * whether the command can be executed.  When executed, a Command function will check the
+     * value of <code>canExecute</code> and throw if false.
+     *
+     * This type describes an interface and is not intended to be instantiated directly.
+     * See {@link createCommand} to create a command from a function.
+     *
+     * @alias Command
+     * @constructor
+     *
+     * @param {Function} execute The function this command represents.
+     * @param {Observable} [canExecute=true] An observable indicating if the function can currently be executed.
+     */
+    var Command = function(execute, canExecute) {
+        /**
+         * Indicates if this command can currently be executed.
+         * @type Observable
+         */
+        this.canExecute = undefined;
+
+        throw new DeveloperError('This type should not be instantiated directly.');
+    };
+
+    return Command;
+});

data/app/assets/javascripts/Widgets/Dojo/CesiumViewerWidget.css

@@ -1,4 +1,9 @@
-@import url('TimelineWidget.css');
+@import url('../Timeline/Timeline.css');
+@import url('../Timeline/darker.css');
+@import url('../Animation/Animation.css');
+@import url('../Animation/darker.css');
+@import url('../Fullscreen/FullscreenWidget.css');
+@import url('../Fullscreen/darker.css');
 
 .cw-node {
     font-family: sans-serif;
@@ -26,57 +31,39 @@
 .cw-timelineContainer {
     position: absolute;
     bottom: 0;
-    width: 100%;
+    left: 169px;
+    right: 29px;
     height: 27px;
     padding: 0;
+    margin: 0;
     overflow: hidden;
     font-size: 14px;
 }
 
-.cw-timeline {
-    margin: 0 2px;
-}
-
-.cw-animationIcon {
-    background-image: url('../Images/animationBar.png');
-    background-repeat: no-repeat;
-    width: 24px;
-    height: 24px;
-}
-
-.cw-bingIcon {
-    background-image: url('../Images/Bing_Logo_51x19_White.png');
-    background-repeat: no-repeat;
-    background-position: center;
-    width: 51px;
-    height: 24px;
-}
-
-.cw-animReverse {
-    background-position: -24px 0;
-}
-
-.cw-animPause {
-    background-position: -72px 0;
-}
-
-.cw-animPlay {
-    background-position: -120px 0;
-}
-
-.cw-animFast {
-    background-position: -144px 0;
+.cw-animationContainer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    padding: 0;
+    width: 169px;
+    height: 112px;
 }
 
-.cw-animSlow {
-    background-position: -168px 0;
+.cw-fullscreenContainer {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    padding: 0;
+    width: 29px;
+    height: 29px;
+    overflow: hidden;
 }
 
 .cw-cesiumLogo {
     display: block;
     position: absolute;
-    bottom: 68px;
-    left: 5px;
+    bottom: 32px;
+    left: 179px;
     text-decoration: none;
     background-image: url(../Images/Cesium_Logo_overlay.png);
     width: 118px;
@@ -87,40 +74,6 @@
     border: none;
 }
 
-.cw-animButtons {
-    display: block;
-    position: absolute;
-    bottom: 31px;
-    left: 6px;
-}
-
-.cw-speedIndicator {
-    opacity: 0;
-    background: rgba(42, 42, 42, 0.8);
-    color: #eee;
-    font-size: 12px;
-    z-index: 20;
-    padding: 5px 10px;
-    border-radius: 4px;
-    -moz-transition-property: opacity;
-    -moz-transition-duration: 0.2s;
-    -webkit-transition-property: opacity;
-    -webkit-transition-duration: 0.2s;
-    transition-property: opacity;
-    transition-duration: 0.2s;
-}
-
-.cw-animButtons:hover .cw-speedIndicator {
-    opacity: 1;
-}
-
-.cw-timeLabel {
-    display: block;
-    position: absolute;
-    bottom: 31px;
-    right: 6px;
-}
-
 .cw-viewIcon {
     background-image: url('../Images/viewControlBar.png');
     background-repeat: no-repeat;
@@ -140,10 +93,6 @@
     background-position: -72px 0;
 }
 
-.cw-viewFullscreen {
-    background-position: -120px 0;
-}
-
 .cw-viewButtons {
     display: block;
     position: absolute;
@@ -153,6 +102,8 @@
 
 .cw-imagerySelector {
     display: block;
+    font-family: sans-serif;
+    font-size: 9pt;
 }
 
 .claro .dijitToggleButtonChecked .dijitButtonNode {
@@ -172,4 +123,30 @@
     background-position: center;
     background-repeat: no-repeat;
     background-image: url(../Images/ajax-loader.gif);
+}
+
+@media only screen and (min-width: 600px) and (max-width: 900px) {
+    .cw-animationContainer {
+        width: 136px;
+        height: 90px;
+    }
+    .cw-timelineContainer {
+        left: 137px;
+    }
+    .cw-cesiumLogo {
+        left: 146px;
+    }
+}
+
+@media only screen and (max-width: 599px) {
+    .cw-animationContainer {
+        width: 106px;
+        height: 70px;
+    }
+    .cw-timelineContainer {
+        left: 107px;
+    }
+    .cw-cesiumLogo {
+        left: 116px;
+    }
 }