How to use pause - 2 common examples
To help you get started, we’ve selected a few pause examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
county-of-simcoe-gis / SimcoeCountyWebViewer / src / sidebar / components / tools / weather / WeatherRadar.jsx View on Github 
render() {
// STYLE USED BY SLIDER
const sliderWrapperStyle = {
height: 25
};
return (
<div>
<div>
<img style="{{" alt="refreshtimer" src="{images["refresh.png"]}">
<input checked="{this.state.autoRefresh}" type="checkbox">
<span>Automatically refresh every minute.</span>
</div>
<div></div>
<div>
<img alt="play" src="{this.state.isPlaying">
<div>
</div>
<label>{"Radar Date: " + this.getDateString(this.state.radarDateSliderValue)}</label>
</div>
<img alt="loading" src="{images["loading20.gif"]}">
{/* <img alt="loading" src="{images["loading20.gif"]}"> */}
<div>
<div style="{{">
<div style="{{">
<label>Time Settings:</label>
</div>
<div style="{{">
<label>
<input value="last3hours" name="timesetting" type="radio">Last 3 Hours
</label></div></div></div></div>this.addImages = function() {
var fabricStage = this.parent.parentStage.parent;
// This is the image shows in the left, when gather data during ramp is enabled
this.gatherDataImage = $.extend({}, fabricStage.imageobjects["gather-data.png"]);
this.setCenter(this.gatherDataImage);
this.gatherDataImageOnMoving = $.extend({}, fabricStage.imageobjects["gather-data-image.png"]);
this.setCenter(this.gatherDataImageOnMoving);
this.gatherDataImageMiddle = $.extend({}, fabricStage.imageobjects["gather-data.png"]);
this.setCenter(this.gatherDataImageMiddle);
this.gatherDataImageMiddle.setVisible(false);
this.pauseImage = $.extend({}, fabricStage.imageobjects["pause.png"]);
this.setCenter(this.pauseImage);
this.pauseImageMiddle = $.extend({}, fabricStage.imageobjects["pause-middle.png"]);
this.setCenter(this.pauseImageMiddle);
this.pauseImageMiddle.setVisible(false);
return this;
};
