|
|
|
@ -25,51 +25,57 @@
|
|
|
|
|
|
|
|
|
|
<div class="page-content">
|
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
|
<div class="col-100 medium-60 large-50 xlarge-40">
|
|
|
|
|
<div class="list transparent no-hairlines no-margin-top-sm tablet-inset elevation-tablet">
|
|
|
|
|
<ul>
|
|
|
|
|
{{#if map.enabled}}
|
|
|
|
|
<li>
|
|
|
|
|
<div class="mapbox" style="width: 100%; min-height: 200px; max-height: 500px; height: 30vh;" id="mapbox-track" data-latitude="{{map.latitude}}" data-longitude="{{map.longitude}}" data-accurate="{{map.accurate}}"></div>
|
|
|
|
|
</li>
|
|
|
|
|
{{/if}}
|
|
|
|
|
{{#js_if "this.info != []"}}
|
|
|
|
|
<li class="item-divider">Info</li>
|
|
|
|
|
{{#each info}}
|
|
|
|
|
<li>
|
|
|
|
|
<div class="item-content">
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title" style="white-space: normal !important;">
|
|
|
|
|
<div class="item-header">{{label}}</div>
|
|
|
|
|
{{value}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
{{/each}}
|
|
|
|
|
{{/js_if}}
|
|
|
|
|
{{#if events}}
|
|
|
|
|
<li class="item-divider">Events</li>
|
|
|
|
|
{{#each events}}
|
|
|
|
|
<li>
|
|
|
|
|
<div class="item-content">
|
|
|
|
|
<div class="item-inner item-cell">
|
|
|
|
|
<div class="item-row">
|
|
|
|
|
<div class="item-cell">
|
|
|
|
|
<img src="{{icon}}" class="trackingeventicon" /> {{text}}
|
|
|
|
|
<div class="col-100 medium-75 large-90 xlarge-75">
|
|
|
|
|
<div class="row justify-content-center align-items-stretch flex-direction-row-reverse-md">
|
|
|
|
|
{{#if map.enabled}}
|
|
|
|
|
<div class="col-100 large-50 xlarge-50">
|
|
|
|
|
<div class="no-margin-vertical-md tablet-inset elevation-tablet display-flex align-items-stretch" id="trackMapContainer">
|
|
|
|
|
<div class="mapbox" style="width: 100%; height: 100%;" id="mapbox-track" data-latitude="{{map.latitude}}" data-longitude="{{map.longitude}}" data-accurate="{{map.accurate}}"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{{/if}}
|
|
|
|
|
<div class="col-100 large-50 xlarge-50">
|
|
|
|
|
<div class="list transparent no-hairlines no-margin-vertical-md tablet-inset elevation-tablet" id="trackResultContainer">
|
|
|
|
|
<ul>
|
|
|
|
|
{{#js_if "this.info != []"}}
|
|
|
|
|
<li class="item-divider">Info</li>
|
|
|
|
|
{{#each info}}
|
|
|
|
|
<li>
|
|
|
|
|
<div class="item-content">
|
|
|
|
|
<div class="item-inner">
|
|
|
|
|
<div class="item-title" style="white-space: normal !important;">
|
|
|
|
|
<div class="item-header">{{label}}</div>
|
|
|
|
|
{{value}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-row">
|
|
|
|
|
<div class="item-cell">
|
|
|
|
|
{{date}}
|
|
|
|
|
</li>
|
|
|
|
|
{{/each}}
|
|
|
|
|
{{/js_if}}
|
|
|
|
|
{{#if events}}
|
|
|
|
|
<li class="item-divider">Events</li>
|
|
|
|
|
{{#each events}}
|
|
|
|
|
<li>
|
|
|
|
|
<div class="item-content">
|
|
|
|
|
<div class="item-inner item-cell">
|
|
|
|
|
<div class="item-row">
|
|
|
|
|
<div class="item-cell">
|
|
|
|
|
<img src="{{icon}}" class="trackingeventicon" /> {{text}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-row">
|
|
|
|
|
<div class="item-cell">
|
|
|
|
|
{{date}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
{{/each}}
|
|
|
|
|
{{/if}}
|
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
{{/each}}
|
|
|
|
|
{{/if}}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|