2015-06-09 23:31:51 +00:00
|
|
|
<div class="t-imagery" ng-controller="ImageryController as imagery">
|
2016-05-31 18:40:31 +00:00
|
|
|
<div class="l-image-main-wrapper l-flex-col"
|
2015-06-09 23:07:17 +00:00
|
|
|
ng-mouseenter="showLocalControls = true;"
|
2016-05-31 18:40:31 +00:00
|
|
|
ng-mouseleave="showLocalControls = false;">
|
2015-06-09 23:07:17 +00:00
|
|
|
<div
|
|
|
|
class="l-local-controls s-local-controls"
|
2016-05-31 18:40:31 +00:00
|
|
|
ng-show="false && showLocalControls">
|
|
|
|
<a class="s-btn"
|
2015-06-09 23:07:17 +00:00
|
|
|
ng-click="plot.stepBackPanZoom()"
|
|
|
|
ng-show="1"
|
|
|
|
title="Restore previous pan/zoom">
|
|
|
|
<span class="ui-symbol icon"><</span>
|
|
|
|
</a>
|
|
|
|
|
2016-05-31 18:40:31 +00:00
|
|
|
<a class="s-btn"
|
2015-06-09 23:07:17 +00:00
|
|
|
ng-click="plot.unzoom()"
|
|
|
|
ng-show="1"
|
|
|
|
title="Reset pan/zoom">
|
|
|
|
<span class="ui-symbol icon">I</span>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
2016-05-31 18:40:31 +00:00
|
|
|
<div class="l-image-main s-image-main flex-elem grows"
|
2015-06-09 23:56:47 +00:00
|
|
|
ng-class="{ paused: imagery.paused(), stale:false }"
|
2016-05-31 18:40:31 +00:00
|
|
|
mct-background-image="imagery.getImageUrl()">
|
2015-06-11 21:12:36 +00:00
|
|
|
</div>
|
2015-06-18 03:21:53 +00:00
|
|
|
|
2016-05-31 18:40:31 +00:00
|
|
|
<div class="l-image-main-controlbar flex-elem l-flex-row">
|
2015-11-07 01:42:54 +00:00
|
|
|
<div class="left flex-elem grows">
|
2016-05-31 18:40:31 +00:00
|
|
|
<a class="s-btn show-thumbs sm hidden"
|
|
|
|
ng-click="showThumbsBubble = (showThumbsBubble)? false:true"><span class="ui-symbol icon"></span></a>
|
2015-06-09 23:31:51 +00:00
|
|
|
<span class="l-timezone">{{imagery.getZone()}}</span>
|
|
|
|
<span class="l-time">{{imagery.getTime()}}</span>
|
|
|
|
<span class="l-date">{{imagery.getDate()}}</span>
|
2015-06-09 23:07:17 +00:00
|
|
|
</div>
|
2015-11-07 01:42:54 +00:00
|
|
|
<div class="right flex-elem">
|
2016-05-31 18:40:31 +00:00
|
|
|
<a class="s-btn pause-play"
|
2015-06-09 23:56:47 +00:00
|
|
|
ng-click="imagery.paused(!imagery.paused())"
|
2016-05-31 18:40:31 +00:00
|
|
|
ng-class="{ paused: imagery.paused() }"><span class="ui-symbol icon"></span></a>
|
2015-06-18 03:21:53 +00:00
|
|
|
<a href="{{imagery.getImageUrl()}}"
|
|
|
|
ng-if="imagery.getImageUrl()"
|
|
|
|
target="_blank"
|
|
|
|
title="Open image in new tab."
|
2015-09-03 01:02:58 +00:00
|
|
|
class="s-btn">
|
2015-06-18 03:21:53 +00:00
|
|
|
<span class="ui-symbol icon">y</span></a>
|
2015-06-09 23:07:17 +00:00
|
|
|
<a href=""
|
2015-09-03 01:02:58 +00:00
|
|
|
class="s-btn l-mag s-mag ui-symbol vsm"
|
2015-06-09 23:07:17 +00:00
|
|
|
ng-click="clipped = false"
|
|
|
|
ng-show="clipped === true"
|
2016-05-31 18:40:31 +00:00
|
|
|
title="Not all of image is visible; click to reset."></a>
|
2015-06-09 23:07:17 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|