@ -0,0 +1,774 @@
|
|||||||
|
{{!
|
||||||
|
Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
|
||||||
|
WSO2 Inc. licenses this file to you under the Apache License,
|
||||||
|
Version 2.0 (the "License"); you may not use this file except
|
||||||
|
in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing,
|
||||||
|
software distributed under the License is distributed on an
|
||||||
|
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||||
|
KIND, either express or implied. See the License for the
|
||||||
|
specific language governing permissions and limitations
|
||||||
|
under the License.
|
||||||
|
}}
|
||||||
|
|
||||||
|
{{#zone "topCss"}}
|
||||||
|
{{css "css/app.css" combine=false}}
|
||||||
|
{{css "css/map.css" combine=false}}
|
||||||
|
{{css "css/leaflet.css" combine=false}}
|
||||||
|
{{css "css/L.Control.Locate.css" combine=false}}
|
||||||
|
{{css "css/MarkerCluster.Default.css" combine=false}}
|
||||||
|
{{css "css/leaflet_fullscreen/leaflet.fullscreen.css" combine=false}}
|
||||||
|
{{css "css/leaflet/leaflet.draw.css" combine=false}}
|
||||||
|
|
||||||
|
{{css "css/d3/c3.css" combine=false}}
|
||||||
|
{{css "css/bootstrap-datepicker.min.css" combine=false}}
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.datepicker-inline {
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
{{/zone}}
|
||||||
|
|
||||||
|
{{#zone "content"}}
|
||||||
|
<div id="alerts-common"></div>
|
||||||
|
{{/zone}}
|
||||||
|
|
||||||
|
<span id="geo-charts" data-ws-endpoint="{{wsEndpoint}}" data-ws-token="{{wsToken}}" data-geo-public-uri="{{@unit.publicUri}}"
|
||||||
|
data-device-location="{{lastLocation}}"></span>
|
||||||
|
|
||||||
|
<div class="map-wrapper">
|
||||||
|
<div class="navbar-collapse collapse" style="display:inline-block;">
|
||||||
|
<ul class="nav navbar-nav-right">
|
||||||
|
<li>
|
||||||
|
<form id="mapSearch" class="navbar-form" role="search"
|
||||||
|
onsubmit="focusOnSpatialObject($(this).find('#searchbox').val());return false;">
|
||||||
|
<div class="form-group has-feedback">
|
||||||
|
<input autofocus="true" id="searchbox" type="text" placeholder="Search"
|
||||||
|
class="form-control typeahead">
|
||||||
|
<span id="searchicon" class="fa fa-search form-control-feedback"></span>
|
||||||
|
</div>
|
||||||
|
<input style="visibility: hidden; position: fixed;" type="submit"/>
|
||||||
|
</form>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="left_side_pannel" class="col-lg-2">
|
||||||
|
<ul class="nav nav-sidebar">
|
||||||
|
<li>
|
||||||
|
<a href="#" data-toggle="collapse" data-target="#toggleDemo" data-parent="#sidenav01" class="collapsed">
|
||||||
|
<span class="fw fw-notification"></span> Set alerts <span class="caret pull-right"></span>
|
||||||
|
</a>
|
||||||
|
<div class="collapse" id="toggleDemo" style="height: 0px;">
|
||||||
|
<ul class="nav nav-list">
|
||||||
|
<li><a data-target="#commonModal" data-toggle="modal" href="{{@unit.publicUri}}/assets/html_templates/modal/speed_alert.html"><i class="glyphicon glyphicon-dashboard"></i> Speed Alert</a></li>
|
||||||
|
<li><a data-target="#commonModal" data-toggle="modal" href="{{@unit.publicUri}}/assets/html_templates/modal/stationery_alert.html"><i class="glyphicon glyphicon-link"></i> Stationary Alert</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" data-toggle="collapse" data-target="#toggleGeoFencing" data-parent="#sidenav01" class="collapsed">
|
||||||
|
<span class="fw fw-map-location"></span> Geo Fencing <span class="caret pull-right"></span>
|
||||||
|
</a>
|
||||||
|
<div class="collapse" id="toggleGeoFencing" style="height: 0px;">
|
||||||
|
<ul class="nav nav-list">
|
||||||
|
<li><a data-target="#commonModal" data-toggle="modal"
|
||||||
|
href="{{@unit.publicUri}}/assets/html_templates/modal/within_alert.html">
|
||||||
|
<i class="glyphicon glyphicon-edit"></i> Within Alert</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!--<div class="uk-offcanvas-bar" style="box-shadow: 3px 14px 13px -2px #211404;">-->
|
||||||
|
<!--<ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav>-->
|
||||||
|
<!--<li class="uk-parent" style="box-shadow: 0 2px 12px 1px #2D1600;min-height: 50px;line-height: 25px;">-->
|
||||||
|
<!--<a style="min-height: 50px;">-->
|
||||||
|
<!--<span style="color: #d58512">WSO<sub style="font-size: medium;">2</sub></span> Geo Dashboard-->
|
||||||
|
<!--</a>-->
|
||||||
|
<!--</li>-->
|
||||||
|
<!--<li class="uk-nav-header">Alerts</li>-->
|
||||||
|
<!--<li class="uk-parent">-->
|
||||||
|
<!--<a href="#"><i class="fa fa-pencil-square-o"></i> Set alerts</a>-->
|
||||||
|
<!--<ul class="uk-nav-sub">-->
|
||||||
|
<!--<li><a style="margin-left: 20%;" data-toggle="modal" href="/portal/store/carbon.super/fs/gadget/geo-dashboard/controllers/modals/speed_alert.jag"-->
|
||||||
|
<!--data-target="#commonModal"><i class="fa fa-tachometer"></i> Speed alert</a></li>-->
|
||||||
|
<!--<li id = "proximity_alert"><a style="margin-left: 20%;" data-toggle="modal" href="/portal/store/carbon.super/fs/gadget/geo-dashboard/controllers/modals/proximity_alert.jag"-->
|
||||||
|
<!--data-target="#commonModal"><i class="fa fa-link"></i> Proximity alert</a></li>-->
|
||||||
|
<!--<li><a style="margin-left: 20%;" data-toggle="modal" href="/portal/store/carbon.super/fs/gadget/geo-dashboard/controllers/modals/stationery_alert.jag"-->
|
||||||
|
<!--data-target="#commonModal"><i class="fa fa-chain-broken"></i> Stationary alert</a></li>-->
|
||||||
|
<!--<!–<li><a style="margin-left: 20%;" data-toggle="modal" href="/portal/store/carbon.super/fs/gadget/geo-dashboard/controllers/modals/traffic_point.jag"–>-->
|
||||||
|
<!--<!–data-target="#commonModal"><i class="fa fa-square-o"></i> Congestion Alert</a></li>–>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</li>-->
|
||||||
|
<!--<li class="uk-parent">-->
|
||||||
|
<!--<a href="#"><i class="fa fa-filter"></i> Geo-fencing</a>-->
|
||||||
|
<!--<ul class="uk-nav-sub">-->
|
||||||
|
<!--<li><a style="margin-left: 20%;" data-toggle="modal" href="/portal/store/carbon.super/fs/gadget/geo-dashboard/controllers/modals/within_alert.jag"-->
|
||||||
|
<!--data-target="#commonModal"><i class="fa fa-square-o"></i> Within</a></li>-->
|
||||||
|
<!--</ul>-->
|
||||||
|
<!--</li>-->
|
||||||
|
|
||||||
|
<!--<li class="uk-sub">-->
|
||||||
|
<!--<a onclick="-->
|
||||||
|
<!--$('.removeGeoFence').tooltip(); openTools('Prediction')"><i class="fa fa-paper-plane"></i> Traffic-->
|
||||||
|
<!--Prediction</a>-->
|
||||||
|
<!--</li>-->
|
||||||
|
|
||||||
|
<!--</ul>
|
||||||
|
|
||||||
|
</div>-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="" style="height: 100vh;">
|
||||||
|
<!-- Sidebar -->
|
||||||
|
<div id="map"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="objectInfo" style="background: darkgray;display: none;border-radius: 13px;height: 94%;padding: 0; top: 20%; left: 83.54%; position: absolute"
|
||||||
|
class="col-md-2 pull-right">
|
||||||
|
<div class="panel-heading text-center">
|
||||||
|
<h4> Device ID: <span id="objectInfoId" class="text-info"></span>
|
||||||
|
<i id="objectInfoCloseButton" class="fa fa-times pull-right"
|
||||||
|
onclick="$('#objectInfo').animate({width: ['toggle','swing']},200);toggled = false;spatialObject = currentSpatialObjects[selectedSpatialObject];spatialObject.removePath();spatialObject.marker.closePopup();selectedSpatialObject = null;">
|
||||||
|
</i>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="panel panel-default" style="overflow: auto;box-shadow: 0 0 8px 0 #635749">
|
||||||
|
<div class="panel-heading text-center"><h4>Speed variation</h4>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="panel-body">
|
||||||
|
<div style="max-height: 100%;margin: 0;border: none;margin-left: -25px" id="chart_div"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="panel panel-default" style="max-height: 47%;overflow: auto;box-shadow: 0px 0px 8px 0px #635749">
|
||||||
|
<div class="panel-heading text-center">
|
||||||
|
<div class="panel-title"><h4>Alerts</h4></div>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body" style="padding: 0px">
|
||||||
|
<div id="showAlertsArea" class="list-group" style="margin-top: 15px">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="predictionResults" style="background: darkgray;display: none;border-radius: 13px;height: 94%;padding: 0"
|
||||||
|
class="col-md-2 pull-right">
|
||||||
|
<div class="panel-heading text-center">
|
||||||
|
<h4> Prediction Results For: <span id="predictionResultsID" class="text-info"></span>
|
||||||
|
<i id="objectInfoCloseButton" class="fa fa-times pull-right"
|
||||||
|
onclick="$('#predictionResults').animate({width: ['toggle','swing']},200);toggeled = false;spatialObject = currentSpatialObjects[selectedSpatialObject];spatialObject.removePath();spatialObject.marker.closePopup();selectedSpatialObject = null;">
|
||||||
|
</i>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="panel panel-default" style="overflow: auto;box-shadow: 0 0 8px 0 #635749">
|
||||||
|
<div class="panel-heading text-center"><h4>Prediction</h4>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div class="panel-body">
|
||||||
|
<div style="max-height: 100%;margin: 0;border: none;margin-left: -25px" id="prediction_chart_div"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div id="loading">
|
||||||
|
<div class="loading-indicator">
|
||||||
|
<div class="progress progress-striped active">
|
||||||
|
<div class="progress-bar progress-bar-info" style="width: 100%"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="modal" id="aboutModal" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog modal-lg">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<h4 class="modal-title">Welcome to the BootLeaf template!</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<ul class="nav nav-tabs" id="aboutTabs">
|
||||||
|
<li class="active"><a href="#about" data-toggle="tab"><i class="fa fa-question-circle"></i> About
|
||||||
|
the project</a></li>
|
||||||
|
<li><a href="#contact" data-toggle="tab"><i class="fa fa-envelope"></i> Contact us</a></li>
|
||||||
|
<li><a href="#disclaimer" data-toggle="tab"><i class="fa fa-exclamation-circle"></i> Disclaimer</a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe"></i> Metadata
|
||||||
|
<b class="caret"></b></a>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a href="#boroughs-tab" data-toggle="tab">Boroughs</a></li>
|
||||||
|
<li><a href="#subway-lines-tab" data-toggle="tab">Subway Lines</a></li>
|
||||||
|
<li><a href="#theaters-tab" data-toggle="tab">Theaters</a></li>
|
||||||
|
<li><a href="#museums-tab" data-toggle="tab">Museums</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab-content" id="aboutTabsContent" style="padding-top: 10px;">
|
||||||
|
<div class="tab-pane fade active in" id="about">
|
||||||
|
<p>A simple, responsive template for building web mapping applications with <a
|
||||||
|
href="http://getbootstrap.com/">Bootstrap 3</a>, <a href="http://leafletjs.com/"
|
||||||
|
target="_blank">Leaflet</a>, and <a
|
||||||
|
href="http://twitter.github.io/typeahead.js/" target="_blank">typeahead.js</a>. Open
|
||||||
|
source, MIT licensed, and available on <a href="https://github.com/bmcbride/bootleaf"
|
||||||
|
target="_blank">GitHub</a>.</p>
|
||||||
|
|
||||||
|
<div class="panel panel-primary">
|
||||||
|
<div class="panel-heading">Features</div>
|
||||||
|
<ul class="list-group">
|
||||||
|
<li class="list-group-item">Fullscreen mobile-friendly map template with responsive
|
||||||
|
navbar and modal placeholders
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">jQuery loading of external GeoJSON files</li>
|
||||||
|
<li class="list-group-item">Logical multiple layer marker clustering via the <a
|
||||||
|
href="https://github.com/Leaflet/Leaflet.markercluster" target="_blank">leaflet
|
||||||
|
marker cluster plugin</a></li>
|
||||||
|
<li class="list-group-item">Elegant client-side multi-layer feature search with
|
||||||
|
autocomplete using <a href="http://twitter.github.io/typeahead.js/" target="_blank">typeahead.js</a>
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item">Responsive sidebar feature list with sorting and filtering
|
||||||
|
via <a href="http://listjs.com/" target="_blank">list.js</a></li>
|
||||||
|
<li class="list-group-item">Marker icons included in grouped layer control via the <a
|
||||||
|
href="https://github.com/ismyrnow/Leaflet.groupedlayercontrol" target="_blank">grouped
|
||||||
|
layer control plugin</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="disclaimer" class="tab-pane fade text-danger">
|
||||||
|
<p>The data provided on this site is for informational and planning purposes only.</p>
|
||||||
|
|
||||||
|
<p>Absolutely no accuracy or completeness guarantee is implied or intended. All information on
|
||||||
|
this map is subject to such variations and corrections as might result from a complete title
|
||||||
|
search and/or accurate field survey.</p>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade" id="contact">
|
||||||
|
<form id="contact-form">
|
||||||
|
<div class="well well-sm">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="first-name">First Name:</label>
|
||||||
|
<input type="text" class="form-control" id="first-name">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="last-email">Last Name:</label>
|
||||||
|
<input type="text" class="form-control" id="last-email">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="email">Email:</label>
|
||||||
|
<input type="text" class="form-control" id="email">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
|
<label for="message">Message:</label>
|
||||||
|
<textarea class="form-control" rows="8" id="message"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<p>
|
||||||
|
<button type="submit" class="btn btn-primary pull-right"
|
||||||
|
data-dismiss="modal">Submit
|
||||||
|
</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade" id="boroughs-tab">
|
||||||
|
<p>Borough data courtesy of <a
|
||||||
|
href="http://www.nyc.gov/html/dcp/html/bytes/meta_dis_nyboroughwi.shtml"
|
||||||
|
target="_blank">New York City Department of City Planning</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade" id="subway-lines-tab">
|
||||||
|
<p><a href="http://spatialityblog.com/2010/07/08/mta-gis-data-update/#datalinks"
|
||||||
|
target="_blank">MTA Subway data</a> courtesy of the <a
|
||||||
|
href="http://www.urbanresearch.org/about/cur-components/cuny-mapping-service"
|
||||||
|
target="_blank">CUNY Mapping Service at the Center for Urban Research</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade" id="theaters-tab">
|
||||||
|
<p>Theater data courtesy of <a
|
||||||
|
href="https://data.cityofnewyork.us/Recreation/Theaters/kdu2-865w" target="_blank">NYC
|
||||||
|
Department of Information & Telecommunications (DoITT)</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="tab-pane fade" id="museums-tab">
|
||||||
|
<p>Museum data courtesy of <a
|
||||||
|
href="https://data.cityofnewyork.us/Recreation/Museums-and-Galleries/sat5-adpb"
|
||||||
|
target="_blank">NYC Department of Information & Telecommunications (DoITT)</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal" id="attributionModal" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<h4 id = "title" class="modal-title">
|
||||||
|
WSO2 Geo Dashboard
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div id="attribution"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="modal" id="addTileServer" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content" style="width:50%; margin:0 auto;">
|
||||||
|
<div class="modal-header"
|
||||||
|
style="cursor: move;background: #f9f9f9;-webkit-box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);-moz-box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<h4 class="modal-title">
|
||||||
|
<!– TODO: Trigger bootstrap tooltip $('#aboutTileUrl').tooltip(); to enable tooltip –>
|
||||||
|
Add tiler server URL <sup id="aboutTileUrl" style="cursor: pointer;" data-toggle="tooltip"
|
||||||
|
title="What is a tile URL?"><i class="fa fa-question" style="color: #39F;"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target="#collapseOne"></i></sup>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div id="urlInput">
|
||||||
|
<div style="height: 0px;" id="collapseOne" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
<p>A string of the following form:</p>
|
||||||
|
<pre><code class="javascript"><span class="string">'http://{s}.somedomain.com/blabla/{z}/{x}/{y}.png'</span></code></pre>
|
||||||
|
<p><code class="javascript">{s}</code> means one of the available subdomains (used
|
||||||
|
sequentially to help with browser parallel requests per domain limitation; subdomain
|
||||||
|
values are specified in options; <code class="javascript">a</code>, <code
|
||||||
|
class="javascript">b</code> or <code class="javascript">c</code> by default, can
|
||||||
|
be omitted), <code class="javascript">{z}</code> — zoom level, <code class="javascript">{x}</code>
|
||||||
|
and <code class="javascript">{y}</code> — tile coordinates.</p>
|
||||||
|
|
||||||
|
<p>You can use custom keys in the template, which will be <a
|
||||||
|
href="#util-template">evaluated</a> from TileLayer options, like this:</p>
|
||||||
|
<pre><code class="javascript">L.tileLayer(<span class="string">'http://{s}.somedomain.com/{foo}/{z}/{x}/{y}.png'</span>,
|
||||||
|
{foo: <span class="string">'bar'</span>});</code></pre>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<span class="input-group-addon"><i class="fa fa-italic"></i></span>
|
||||||
|
<input autofocus="enable" id="tileName" type="text" class="form-control"
|
||||||
|
placeholder="Tile URL name">
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<span class="input-group-addon"><i class="fa fa-globe"></i></span>
|
||||||
|
<input id="tileUrl" class="form-control" type="text"
|
||||||
|
placeholder="http://{s}.somedomain.com/blabla/{z}/{x}/{y}.png">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-info" type="button" onclick="addTileUrl()"><i class="fa fa-plus"></i>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
|
||||||
|
<div class="panel panel-default" style="width: 80%;">
|
||||||
|
<div>
|
||||||
|
<h4 class="panel-title" style="font-size: 12px;line-height: 1.5;">
|
||||||
|
<button style="text-align: left;" class="btn btn-default btn-xs btn-block collapsed"
|
||||||
|
onclick="$('.fa-chevron-right').toggleClass('fa-rotate-90')"
|
||||||
|
data-toggle="collapse" data-parent="#accordion" href="#tileUrlOptions">
|
||||||
|
<i class="fa fa-chevron-right"></i> Options
|
||||||
|
</button>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div style="height: 0px;" id="tileUrlOptions" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
|
||||||
|
<div class="input-group input-group-sm col-sm-9">
|
||||||
|
<small class="text-primary">
|
||||||
|
<label class="col-sm-2 control-label" for="sub_domains">Sub-domains</label>
|
||||||
|
</small>
|
||||||
|
<input id="sub_domains" type="text" class="form-control"
|
||||||
|
placeholder="Enter sub-domains in CSV format">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br/>
|
||||||
|
|
||||||
|
<div class="input-group input-group-sm col-sm-9">
|
||||||
|
<small class="text-primary">
|
||||||
|
<label class="col-sm-9 control-label" for="maxzoom">Max zoom level</label>
|
||||||
|
</small>
|
||||||
|
<input id="maxzoom" type="text" class="form-control"
|
||||||
|
placeholder="Number between(around) 1~19">
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
|
||||||
|
<div class="input-group input-group-sm col-sm-9">
|
||||||
|
<small class="text-primary">
|
||||||
|
<label class="col-sm-2 control-label" for="data_attribution">Attribution</label>
|
||||||
|
</small>
|
||||||
|
<input id="data_attribution" type="text" class="form-control"
|
||||||
|
placeholder="Enter attribution">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal" id="addWmsUrl" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content" style="width:50%; margin:0 auto;">
|
||||||
|
<div class="modal-header"
|
||||||
|
style="cursor: move;background: #f9f9f9;-webkit-box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);-moz-box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<h4 class="modal-title">
|
||||||
|
<sup id="aboutWms" style="cursor: pointer;" data-toggle="tooltip"
|
||||||
|
title="What WMS end-point"><i class="fa fa-question"
|
||||||
|
style="color: #39F;"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target="#wmsOverview"></i></sup>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div>
|
||||||
|
<div style="height: 0px;" id="wmsOverview" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
The OpenGIS® Web Map Service Interface Standard (WMS) provides a simple HTTP interface for
|
||||||
|
requesting geo-registered map images from one or more distributed geospatial databases.
|
||||||
|
A WMS request defines the geographic layer(s) and area of interest to be processed.
|
||||||
|
The response to the request is one or more geo-registered map images (returned as JPEG, PNG,
|
||||||
|
etc) that can be displayed in a browser application.
|
||||||
|
The interface also supports the ability to specify whether the returned images should be
|
||||||
|
transparent so that layers from multiple servers can be combined or not.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<span class="input-group-addon"><i class="fa fa-italic"></i></span>
|
||||||
|
<input autofocus="enable" id="serviceName" type="text" class="form-control"
|
||||||
|
placeholder="Service provider name">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<span class="input-group-addon"><i class="fa fa-align-justify"></i></span>
|
||||||
|
<input autofocus="enable" id="layers" type="text" class="form-control"
|
||||||
|
placeholder="Service layers as comma seperated values">
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<span class="input-group-addon">V.</span>
|
||||||
|
<input autofocus="enable" id="wmsVersion" type="text" class="form-control"
|
||||||
|
placeholder="WMS version (i.e: 1.1.1 or 1.3.0)">
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<span class="input-group-addon"><i class="fa fa-globe"></i></span>
|
||||||
|
<input id="serviceEndPoint" class="form-control" type="text"
|
||||||
|
placeholder="http(s)://sedac.ciesin.columbia.edu/geoserver/wms">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-info" type="button" onclick="addWmsEndPoint()"><i
|
||||||
|
class="fa fa-plus"></i>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br/>
|
||||||
|
|
||||||
|
<div class="panel panel-default" style="width: 80%;">
|
||||||
|
<div>
|
||||||
|
<h4 class="panel-title" style="font-size: 12px;line-height: 1.5;">
|
||||||
|
<button style="text-align: left;" class="btn btn-default btn-xs btn-block collapsed"
|
||||||
|
onclick="$('.fa-chevron-right').toggleClass('fa-rotate-90')"
|
||||||
|
data-toggle="collapse" data-parent="#accordion" href="#wmsOptions">
|
||||||
|
<i class="fa fa-chevron-right"></i> Options
|
||||||
|
</button>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div style="height: 0px;" id="wmsOptions" class="panel-collapse collapse">
|
||||||
|
<div class="panel-body">
|
||||||
|
|
||||||
|
<div class="input-group input-group-sm col-sm-11">
|
||||||
|
<small class="text-primary">
|
||||||
|
<label class="col-sm-6 control-label" for="outputFormat">Output format</label>
|
||||||
|
</small>
|
||||||
|
<input id="outputFormat" type="text" class="form-control"
|
||||||
|
placeholder="Output format (i.e: image/png, image/jpeg, image/svg)">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal" id="commonModal" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="modal" id="editWithinGeoJSON" tabindex="-1" role="dialog">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<h4 class="modal-title">
|
||||||
|
</h4>
|
||||||
|
<div class="col-lg-5 col-md-6 col-centered">
|
||||||
|
<h4>
|
||||||
|
Adding GeoJson
|
||||||
|
<br>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="col-lg-8 col-md-8 col-centered">
|
||||||
|
<div>
|
||||||
|
<label for="importGeoJsonFile">Import GeoJson</label>
|
||||||
|
<input id="importGeoJsonFile" type="file">
|
||||||
|
<hr />
|
||||||
|
<label for="enterGeoJson">Enter GeoJson</label>
|
||||||
|
<textarea id="enterGeoJson" class="form-control" rows="10"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="pull-right">
|
||||||
|
<button id="updateGeoJson" class="btn btn-primary" onclick="importGeoJson()">Import</button>
|
||||||
|
<button type="button" class="btn btn-default" onclick="closeAll()">Cancel</button>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: none">
|
||||||
|
<div id="markerPopup" class="popover top">
|
||||||
|
<div class="arrow"></div>
|
||||||
|
<h3 class="popover-title">ID <span id="objectId"></span></h3>
|
||||||
|
<div class="popover-content">
|
||||||
|
<h6>Information</h6>
|
||||||
|
<p id="information" class="bg-primary" style="margin: 0px;padding: 0px;"></p>
|
||||||
|
<h6>Speed<span class="label label-primary pull-right"><span id="speed"></span> km/h</span></h6>
|
||||||
|
<h6>Heading<span id="heading" class="label label-primary pull-right"></span></h6>
|
||||||
|
<button type="button" class="btn btn-info btn-xs" onClick="focusOnSpatialObject(document.getElementById('objectId').innerHTML);return false;">Recent History</button>
|
||||||
|
<button type="button" class="btn btn-info btn-xs" onClick="popupDateRange();">Full History</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="dateRangePopup">
|
||||||
|
<div>
|
||||||
|
<label> From: <input id="timeFrom" type="text"> </label>
|
||||||
|
<label> To: <input id="timeTo" type="text"> </label>
|
||||||
|
<button type="button" class="btn btn-info btn-xs" onClick="focusOnHistorySpatialObject(document.getElementById('objectId').innerHTML, document.getElementById('timeFrom').value, document.getElementById('timeTo').value);return false;">Full History</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="markerPopupStop" class="popover top">
|
||||||
|
<div class="arrow"></div>
|
||||||
|
<h3 class="popover-title">ID <span id="objectId"></span></h3>
|
||||||
|
|
||||||
|
<div class="popover-content">
|
||||||
|
<h6>Information</h6>
|
||||||
|
|
||||||
|
<p id="information" class="bg-primary" style="margin: 0px;padding: 0px;"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="areaPopup" class="popover top">
|
||||||
|
<div class="arrow"></div>
|
||||||
|
<h3 class="popover-title">ID <span id="objectId"></span></h3>
|
||||||
|
<div class="popover-content">
|
||||||
|
<h6>Severity</h6>
|
||||||
|
|
||||||
|
<p id="severity" class="bg-primary" style="margin: 0px;padding: 0px;"></p>
|
||||||
|
</div>
|
||||||
|
<div class="popover-content">
|
||||||
|
<h6>Information</h6>
|
||||||
|
|
||||||
|
<p id="information" class="bg-primary" style="margin: 0px;padding: 0px;"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="setWithinAlert">
|
||||||
|
<form role="form" style="width: auto;">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="text-primary" for="queryName">Query name</label>
|
||||||
|
<input class="form-control" id="queryName" placeholder="Query name" type="text">
|
||||||
|
<span class="help-block">Can use this name to locate the execution plan</span>
|
||||||
|
|
||||||
|
<label class="text-primary" for="areaName">Fence name</label>
|
||||||
|
<input class="form-control" id="areaName" placeholder="Fence name" type="text">
|
||||||
|
<span class="help-block">Name of the selected area(i.e colombo)</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="btn-group btn-group-sm btn-group-justified">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button id="addWithinAlert" onclick="setWithinAlert($(this).attr('leaflet_id'))" type="button"
|
||||||
|
class="btn btn-info btn-xs" data-toggle="tooltip" data-placement="left"
|
||||||
|
title="Save selected area for alerts">Save
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button id="editGeoJson"
|
||||||
|
onclick="$('#editWithinGeoJSON #updateGeoJson').attr('leaflet_id',$(this).attr('leaflet_id'));$('#editWithinGeoJSON textarea').text(JSON.stringify(map._layers[$(this).attr('leaflet_id')].toGeoJSON(),null, '\t'));$('#editWithinGeoJSON').modal('toggle')"
|
||||||
|
type="button" class="btn btn-default btn-xs">Edit
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<a id="exportGeoJson" download="geoJson.json" href="#"
|
||||||
|
onclick="exportToGeoJSON(this,JSON.stringify(map._layers[$(this).attr('leaflet_id')].toGeoJSON(),null, '\t'))"
|
||||||
|
class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="left"
|
||||||
|
title="Export selected area as a geoJson file">Export</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div id="templateLoader"></div>
|
||||||
|
<div id="setStationeryAlert">
|
||||||
|
<form role="form" style="width: auto;">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="text-primary" for="queryName">Query name</label>
|
||||||
|
<input class="form-control" id="queryName" placeholder="Query name" type="text">
|
||||||
|
<span class="help-block">Can use this name to locate the execution plan</span>
|
||||||
|
|
||||||
|
<label class="text-primary" for="areaName">Fence name</label>
|
||||||
|
<input class="form-control" id="areaName" placeholder="Stationery name" type="text">
|
||||||
|
<span class="help-block">Name of the selected area(i.e colombo)</span>
|
||||||
|
|
||||||
|
<label class="text-primary" for="fRadius">Fluctuation radius</label>
|
||||||
|
<input class="form-control" id="fRadius" onblur="reformatRadius(this.form.fRadius.value);" placeholder="m" type="text">
|
||||||
|
|
||||||
|
<label class="text-primary" for="time">Time</label>
|
||||||
|
<input class="form-control" id="time" placeholder="Seconds" type="text">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="btn-group btn-group-sm btn-group-justified">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button id="addStationeryAlert" onclick="setStationeryAlert($(this).attr('leaflet_id'))" type="button"
|
||||||
|
class="btn btn-info btn-xs" data-toggle="tooltip" data-placement="left"
|
||||||
|
title="Save selected area for alerts">Save
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button id="editGeoJson"
|
||||||
|
onclick="$('#editWithinGeoJSON #updateGeoJson').attr('leaflet_id',$(this).attr('leaflet_id'));$('#editWithinGeoJSON textarea').text(JSON.stringify(map._layers[$(this).attr('leaflet_id')].toGeoJSON(),null, '\t'));$('#editWithinGeoJSON').modal('toggle')"
|
||||||
|
type="button" class="btn btn-default btn-xs">Edit
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<a id="exportGeoJson" download="geoJson.json" href="#"
|
||||||
|
onclick="exportToGeoJSON(this,JSON.stringify(map._layers[$(this).attr('leaflet_id')].toGeoJSON(),null, '\t'))"
|
||||||
|
class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="left"
|
||||||
|
title="Export selected area as a geoJson file">Export</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div id="setTrafficAlert">
|
||||||
|
<form role="form" style="width: auto;">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="text-primary" for="queryName">Query name</label>
|
||||||
|
<input class="form-control" id="queryName" placeholder="Query name" type="text">
|
||||||
|
<span class="help-block">Can use this name to locate the execution plan</span>
|
||||||
|
|
||||||
|
<label class="text-primary" for="areaName">Fence name</label>
|
||||||
|
<input class="form-control" id="areaName" placeholder="Area Name" type="text">
|
||||||
|
<span class="help-block">Name of the selected area(i.e colombo)</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="btn-group btn-group-sm btn-group-justified">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button id="addTrafficAlert" onclick="setTrafficAlert($(this).attr('leaflet_id'))" type="button"
|
||||||
|
class="btn btn-info btn-xs" data-toggle="tooltip" data-placement="left"
|
||||||
|
title="Save selected area for alerts">Save
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button id="editGeoJson"
|
||||||
|
onclick="$('#editTrafficGeoJSON #updateGeoJson').attr('leaflet_id',$(this).attr('leaflet_id'));$('#editTrafficGeoJSON textarea').text(JSON.stringify(map._layers[$(this).attr('leaflet_id')].toGeoJSON(),null, '\t'));$('#editTrafficGeoJSON').modal('toggle')"
|
||||||
|
type="button" class="btn btn-default btn-xs">Edit
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<a id="exportGeoJson" download="geoJson.json" href="#"
|
||||||
|
onclick="exportToGeoJSON(this,JSON.stringify(map._layers[$(this).attr('leaflet_id')].toGeoJSON(),null, '\t'))"
|
||||||
|
class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="left"
|
||||||
|
title="Export selected area as a geoJson file">Export</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{#zone "bottomJs" }}
|
||||||
|
{{js "js/leaflet/leaflet.js" }}
|
||||||
|
{{js "js/leaflet/leaflet.markercluster.js" }}
|
||||||
|
{{js "js/leaflet/L.Control.Locate.js" }}
|
||||||
|
{{js "js/leaflet/leaflet.groupedlayercontrol.js" }}
|
||||||
|
{{js "js/leaflet/Leaflet.fullscreen.min.js" }}
|
||||||
|
{{js "js/leaflet/Marker.Rotate.js" }}
|
||||||
|
{{js "js/leaflet/leaflet.draw.js" }}
|
||||||
|
{{js "js/jquery/jquery-ui.min.js" }}
|
||||||
|
<!-- Leaflet plugins libries -->
|
||||||
|
|
||||||
|
{{js "js/firstTemp.js" }}
|
||||||
|
|
||||||
|
{{js "js/typeahead.bundle.min.js" }}
|
||||||
|
|
||||||
|
<!-- C3 charting library using D3 core -->
|
||||||
|
{{js "js/d3/d3.min.js" }}
|
||||||
|
{{js "js/d3/c3.min.js" }}
|
||||||
|
{{js "js/application_options.js" }}
|
||||||
|
{{js "js/secondTemp.js" }}
|
||||||
|
{{js "js/geo_remote.js" }}
|
||||||
|
{{js "js/show_alert_in_map.js" }}
|
||||||
|
{{js "js/app.js" }}
|
||||||
|
{{js "js/websocket.js" }}
|
||||||
|
{{js "js/geo_fencing.js" }}
|
||||||
|
{{/zone}}
|
||||||
|
|
||||||
|
|
@ -0,0 +1,58 @@
|
|||||||
|
/*
|
||||||
|
* Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
*
|
||||||
|
* WSO2 Inc. licenses this file to you under the Apache License,
|
||||||
|
* Version 2.0 (the "License"); you may not use this file except
|
||||||
|
* in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
*
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing,
|
||||||
|
* software distributed under the License is distributed on an
|
||||||
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||||
|
* KIND, either express or implied. See the License for the
|
||||||
|
* specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*/
|
||||||
|
|
||||||
|
function onRequest(context) {
|
||||||
|
var log = new Log("geo-dashboard.js");
|
||||||
|
var devicemgtProps = require("/app/modules/conf-reader/main.js")["conf"];
|
||||||
|
var viewModel = {};
|
||||||
|
|
||||||
|
var carbonServer = require("carbon").server;
|
||||||
|
var device = context.unit.params.device;
|
||||||
|
|
||||||
|
var constants = require("/app/modules/constants.js");
|
||||||
|
var wsEndpoint = devicemgtProps["wssURL"].replace("https", "wss") + "/secured-websocket/t/";
|
||||||
|
var spatialWSEndpoint = devicemgtProps["wssURL"].replace("https", "wss");
|
||||||
|
var alertsWSEndpoint = devicemgtProps["wssURL"].replace("https", "wss");
|
||||||
|
|
||||||
|
var jwtService = carbonServer.osgiService(
|
||||||
|
'org.wso2.carbon.identity.jwt.client.extension.service.JWTClientManagerService');
|
||||||
|
var jwtClient = jwtService.getJWTClient();
|
||||||
|
var encodedClientKeys = session.get(constants["ENCODED_TENANT_BASED_WEB_SOCKET_CLIENT_CREDENTIALS"]);
|
||||||
|
var token = "";
|
||||||
|
if (encodedClientKeys) {
|
||||||
|
var tokenUtil = require("/app/modules/oauth/token-handler-utils.js")["utils"];
|
||||||
|
var resp = tokenUtil.decode(encodedClientKeys).split(":");
|
||||||
|
var tokenPair = jwtClient.getAccessToken(resp[0], resp[1], context.user.username, "default", {});
|
||||||
|
if (tokenPair) {
|
||||||
|
token = tokenPair.accessToken;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
viewModel.device = device;
|
||||||
|
viewModel.wsToken = token;
|
||||||
|
viewModel.wsEndpoint = wsEndpoint;
|
||||||
|
log.error("----error-----");
|
||||||
|
log.error(device);
|
||||||
|
if (device.latestDeviceInfo) {
|
||||||
|
viewModel.lastLocation = stringify(device.latestDeviceInfo.location);
|
||||||
|
} else if (device.location) {
|
||||||
|
viewModel.lastLocation = stringify(device.location);
|
||||||
|
} else {
|
||||||
|
viewModel.lastLocation = stringify({});
|
||||||
|
}
|
||||||
|
return viewModel;
|
||||||
|
}
|
@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"version": "1.0.0"
|
||||||
|
}
|
@ -0,0 +1,95 @@
|
|||||||
|
<!--~ Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
~
|
||||||
|
~ WSO2 Inc. licenses this file to you under the Apache License,
|
||||||
|
~ Version 2.0 (the "License"); you may not use this file except
|
||||||
|
~ in compliance with the License.
|
||||||
|
~ You may obtain a copy of the License at
|
||||||
|
~
|
||||||
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
~
|
||||||
|
~ Unless required by applicable law or agreed to in writing,
|
||||||
|
~ software distributed under the License is distributed on an
|
||||||
|
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||||
|
~ KIND, either express or implied. See the License for the
|
||||||
|
~ specific language governing permissions and limitations
|
||||||
|
~ under the License.-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head lang="en">
|
||||||
|
<link href="/portal/store/carbon.super/fs/gadget/geo-dashboard/css/leaflet/L.Grid.css" rel="stylesheet" type="text/css"/>
|
||||||
|
<link href="/portal/store/carbon.super/fs/gadget/geo-dashboard/css/main.css" rel="stylesheet" type="text/css"/>
|
||||||
|
<script src="/portal/store/carbon.super/fs/gadget/geo-dashboard/js/leaflet/L.Grid.js"></script>
|
||||||
|
<script src="/portal/store/carbon.super/fs/gadget/geo-dashboard/js/leaflet/L.MeasuringTool.js"></script>
|
||||||
|
<style>
|
||||||
|
.leaflet-grid-label .lng {
|
||||||
|
margin-left: 8px;
|
||||||
|
-webkit-transform: rotate(90deg);
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.measuring-line-for-look {
|
||||||
|
stroke-dasharray: 3, 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
.measuring-label-tooltip .leaflet-popup-content-wrapper {
|
||||||
|
border-radius: 4px 4px 4px 4px;
|
||||||
|
opacity: 0.7;
|
||||||
|
padding: 1px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.measuring-label-tooltip .leaflet-popup-content {
|
||||||
|
margin: 0 5px;
|
||||||
|
/*width: 0;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.measuring-label-tooltip .leaflet-popup-tip-container {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="modal-header"
|
||||||
|
style="cursor: move;background: #f9f9f9;-webkit-box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);-moz-box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<h4 class="modal-title">
|
||||||
|
<!-- TODO: Trigger bootstrap tooltip $('#aboutTileUrl').tooltip(); to enable tooltip -->
|
||||||
|
Define proximity
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div id="proximityMap" style="height: 50%; margin: 0 auto;"></div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-10 col-md-offset-1">
|
||||||
|
<form class="form-inline" role="form">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input type="text" id="proximityDistance" class="form-control" placeholder="Distance" >
|
||||||
|
<span class="input-group-addon">m</span>
|
||||||
|
</div>
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input autofocus="enable" id="proximityTime" type="number" class="form-control"
|
||||||
|
placeholder="Close time in S" >
|
||||||
|
<span class="input-group-addon">Seconds</span>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="margin-bottom: -15px" class="btn-group btn-group-justified">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button style="background-color: #f4f4f4;" type="button" class="btn btn-default"
|
||||||
|
onclick="setProximityAlert()">Set Proximity
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button style="background-color: #f4f4f4;" type="button" class="btn btn-default"
|
||||||
|
onclick="closeAll()">Cancel
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="/portal/store/carbon.super/fs/gadget/geo-dashboard/js/geo_proximity.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,49 @@
|
|||||||
|
<!--~ Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
~
|
||||||
|
~ WSO2 Inc. licenses this file to you under the Apache License,
|
||||||
|
~ Version 2.0 (the "License"); you may not use this file except
|
||||||
|
~ in compliance with the License.
|
||||||
|
~ You may obtain a copy of the License at
|
||||||
|
~
|
||||||
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
~
|
||||||
|
~ Unless required by applicable law or agreed to in writing,
|
||||||
|
~ software distributed under the License is distributed on an
|
||||||
|
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||||
|
~ KIND, either express or implied. See the License for the
|
||||||
|
~ specific language governing permissions and limitations
|
||||||
|
~ under the License.-->
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head lang="en">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title></title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<div class="col-lg-5 col-md-6 col-centered">
|
||||||
|
<h4>
|
||||||
|
Setup global speed limit
|
||||||
|
<br>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-5 col-md-6 col-centered">
|
||||||
|
<div class="input-group input-group-sm">
|
||||||
|
<input autofocus="enable" id="speedAlertValue" type="number" class="form-control" placeholder="Speed alert value " autocomplete="off">
|
||||||
|
<span class="input-group-addon">km/h</span>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<button type="button" class="btn btn-default pull-right btn-sm" onclick="closeAll()">Cancel</button>
|
||||||
|
<button type="button" class="btn btn-info pull-right btn-sm" onclick="setSpeedAlert()" style="margin-right: 10px;">Set speed alert</button>
|
||||||
|
<br><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="/devicemgt/public/cdmf.unit.geo-dashboard/js/geo_speed.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,80 @@
|
|||||||
|
<!--~ Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
~
|
||||||
|
~ WSO2 Inc. licenses this file to you under the Apache License,
|
||||||
|
~ Version 2.0 (the "License"); you may not use this file except
|
||||||
|
~ in compliance with the License.
|
||||||
|
~ You may obtain a copy of the License at
|
||||||
|
~
|
||||||
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
~
|
||||||
|
~ Unless required by applicable law or agreed to in writing,
|
||||||
|
~ software distributed under the License is distributed on an
|
||||||
|
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||||
|
~ KIND, either express or implied. See the License for the
|
||||||
|
~ specific language governing permissions and limitations
|
||||||
|
~ under the License.-->
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head lang="en">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title></title>
|
||||||
|
<style>
|
||||||
|
.fa-trash-o:hover {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<div class="col-lg-5 col-md-6 col-centered">
|
||||||
|
<h4>
|
||||||
|
Set 'Stationery' alerts
|
||||||
|
<br>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 col-md-8 col-centered">
|
||||||
|
<div class="">
|
||||||
|
<table class="table table-hover" id="stationary-alert-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Stationery Name</th>
|
||||||
|
<th>Stationery Time</th>
|
||||||
|
<th>Fluctuation Radius</th>
|
||||||
|
<th>Query Name</th>
|
||||||
|
<th>Created On</th>
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<div class="alert alert-danger fence-not-exist" role="alert">
|
||||||
|
<strong>Oh snap!</strong> Can't find any geo-fence areas,please draw a new area or try again.
|
||||||
|
</div>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<div class="pull-right">
|
||||||
|
<button style="background-color: #f4f4f4;" type="button" class="btn btn-default"
|
||||||
|
onclick="openTools('Stationery')">Draw area
|
||||||
|
</button>
|
||||||
|
<button style="background-color: #f4f4f4;" type="button" class="btn btn-default"
|
||||||
|
onclick="$('#editWithinGeoJSON').modal('toggle')">Enter area
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="/devicemgt/public/cdmf.unit.geo-dashboard/js/geo_stationary.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,104 @@
|
|||||||
|
<!--~ Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
~
|
||||||
|
~ WSO2 Inc. licenses this file to you under the Apache License,
|
||||||
|
~ Version 2.0 (the "License"); you may not use this file except
|
||||||
|
~ in compliance with the License.
|
||||||
|
~ You may obtain a copy of the License at
|
||||||
|
~
|
||||||
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
~
|
||||||
|
~ Unless required by applicable law or agreed to in writing,
|
||||||
|
~ software distributed under the License is distributed on an
|
||||||
|
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||||
|
~ KIND, either express or implied. See the License for the
|
||||||
|
~ specific language governing permissions and limitations
|
||||||
|
~ under the License.-->
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head lang="en">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title></title>
|
||||||
|
<style>
|
||||||
|
.fa-trash-o:hover{color:red;}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(".removeGeoFence").tooltip();
|
||||||
|
|
||||||
|
$('.viewGeoFenceRow td:not(:last-child)').click(function () {
|
||||||
|
viewFence(this.parentElement,'Traffic');
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="modal-header" style="cursor: move;background: #f9f9f9;-webkit-box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);-moz-box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);box-shadow: inset 0px 0px 14px 1px rgba(0,0,0,0.2);">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<h4 class="modal-title">
|
||||||
|
<!-- TODO: Trigger bootstrap tooltip $('#aboutTileUrl').tooltip(); to enable tooltip -->
|
||||||
|
Set <i>traffic</i> alerts
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<p class="text-info text-center">View current fences</p>
|
||||||
|
<div class="">
|
||||||
|
<table class="table table-hover">
|
||||||
|
<thead>
|
||||||
|
<tr >
|
||||||
|
<th>Query Name</th>
|
||||||
|
<th>Traffic Congestion Area Name</th>
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
<%
|
||||||
|
var alerts = get('traffic');
|
||||||
|
if(alerts){
|
||||||
|
for each(var alert in alerts){
|
||||||
|
%>
|
||||||
|
<tr class="viewGeoFenceRow" style="cursor: pointer" data-areaName='<%= alert.areaName %>' data-queryName='<%= alert.queryName %>' data-geoJson='<%= alert.geoJson %>'>
|
||||||
|
<td><%= alert.queryName %></td>
|
||||||
|
<td><%= alert.areaName %></td>
|
||||||
|
<td onClick="removeGeoFence(this.parentElement,'Traffic')" class="removeGeoFence" data-toggle="tooltip" title="Remove fence" ><i class="fa fa-trash-o"></i></td>
|
||||||
|
</tr>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
%>
|
||||||
|
<div class="alert alert-danger" role="alert">
|
||||||
|
<strong>Oh snap!</strong> Can't find any geo-fence areas,please draw a new area or try again.
|
||||||
|
</div>
|
||||||
|
<%
|
||||||
|
}
|
||||||
|
%>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<p class="text-info text-center">Select Interested Area</p>
|
||||||
|
|
||||||
|
<div style="margin-bottom: -15px" class="btn-group btn-group-justified">
|
||||||
|
<div class="btn-group">
|
||||||
|
<button style="background-color: #f4f4f4;" type="button" class="btn btn-default" onclick="openTools('Traffic')">Draw area</button>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<button style="background-color: #f4f4f4;" type="button" class="btn btn-default" onclick="$('#editWithinGeoJSON').modal('toggle')" >Enter area</button>
|
||||||
|
</div>
|
||||||
|
<!--<div class="btn-group">-->
|
||||||
|
<!--<button style="background-color: #f4f4f4;" type="button" class="btn btn-default" onclick="closeAll()">Cancel</button>-->
|
||||||
|
<!--</div>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,47 @@
|
|||||||
|
<div class="modal-header">
|
||||||
|
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
<h4 class="modal-title">
|
||||||
|
<div class="col-lg-5 col-md-6 col-centered">
|
||||||
|
<h4>
|
||||||
|
Set 'Within' alerts
|
||||||
|
<br>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 col-md-8 col-centered">
|
||||||
|
<div class="">
|
||||||
|
<table class="table table-hover" id="within-alert">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Fence Name</th>
|
||||||
|
<th>Query Name</th>
|
||||||
|
<th>Created On</th>
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<div class="alert alert-danger fence-not-exist" role="alert">
|
||||||
|
<strong>Oh snap!</strong> Can't find any geo-fence areas,please draw a new area or try again.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div class="pull-right">
|
||||||
|
<button style="background-color: #f4f4f4;" type="button" class="btn btn-default"
|
||||||
|
onclick="openTools('WithIn')">Draw area
|
||||||
|
</button>
|
||||||
|
<button style="background-color: #f4f4f4;" type="button" class="btn btn-default"
|
||||||
|
onclick="$('#editWithinGeoJSON').modal('toggle')">Enter area
|
||||||
|
</button>
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="/devicemgt/public/cdmf.unit.geo-dashboard/js/geo_within.js"></script>
|
@ -0,0 +1,69 @@
|
|||||||
|
<!--~ Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
~
|
||||||
|
~ WSO2 Inc. licenses this file to you under the Apache License,
|
||||||
|
~ Version 2.0 (the "License"); you may not use this file except
|
||||||
|
~ in compliance with the License.
|
||||||
|
~ You may obtain a copy of the License at
|
||||||
|
~
|
||||||
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
~
|
||||||
|
~ Unless required by applicable law or agreed to in writing,
|
||||||
|
~ software distributed under the License is distributed on an
|
||||||
|
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||||
|
~ KIND, either express or implied. See the License for the
|
||||||
|
~ specific language governing permissions and limitations
|
||||||
|
~ under the License.-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head lang="en">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title></title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="viewWithinAlert" >
|
||||||
|
<form role="form" style="width: auto">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="text-info">Query name</label>
|
||||||
|
<div id="viewQueryName" class="well well-sm"></div>
|
||||||
|
|
||||||
|
<label class="text-info">Area name</label>
|
||||||
|
<div id="viewAreaName" class="well well-sm"></div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="btn-group btn-group-sm btn-group-justified">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a id="exportGeoJson" download="geoJson.json" href="#" onclick="exportToGeoJSON(this,JSON.stringify(map._layers[$(this).attr('leaflet_id')].toGeoJSON(),null, '\t'))" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="left" title="Export selected area as a geoJson file">Export</a>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<a id="hideViewFence" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="left" title="Hide this fence" onclick="map.removeLayer(map._layers[$(this).attr('leaflet_id')])" >Hide</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div id="viewStationeryAlert" >
|
||||||
|
<form role="form" style="width: auto">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="text-info">Query name</label>
|
||||||
|
<div id="viewQueryName" class="well well-sm"></div>
|
||||||
|
|
||||||
|
<label class="text-info">Stationery name</label>
|
||||||
|
<div id="viewAreaName" class="well well-sm"></div>
|
||||||
|
|
||||||
|
<label class="text-info">Stationery time(Seconds)</label>
|
||||||
|
<div id="viewAreaTime" class="well well-sm"></div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="btn-group btn-group-sm btn-group-justified">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a id="exportGeoJson" download="geoJson.json" href="#" onclick="exportToGeoJSON(this,JSON.stringify(map._layers[$(this).attr('leaflet_id')].toGeoJSON(),null, '\t'))" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="left" title="Export selected area as a geoJson file">Export</a>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group">
|
||||||
|
<a id="hideViewFence" class="btn btn-default btn-xs" data-toggle="tooltip" data-placement="left" title="Hide this fence" onclick="map.removeLayer(map._layers[$(this).attr('leaflet_id')])" >Hide</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,140 @@
|
|||||||
|
/* Enter a unique ExecutionPlan */
|
||||||
|
@Plan:name('Geo-ExecutionPlan-Proximity_alert')
|
||||||
|
|
||||||
|
/* Enter a unique description for ExecutionPlan */
|
||||||
|
-- @Plan:description('ExecutionPlan')
|
||||||
|
|
||||||
|
/* define streams/tables and write queries here ... */
|
||||||
|
|
||||||
|
@Import('org.wso2.geo.StandardSpatialEvents:1.0.0')
|
||||||
|
define stream dataIn (id string, latitude double, longitude double, timeStamp long, type string, speed float, heading float, eventId string );
|
||||||
|
|
||||||
|
@Export('org.wso2.geo.ProcessedSpatialEvents:1.0.0')
|
||||||
|
define stream dataOut ( id string, latitude double, longitude double, timeStamp long, type string, speed float, heading float, eventId string, state string, information string );
|
||||||
|
|
||||||
|
@IndexBy('id')
|
||||||
|
define table ProximityTable(id string, timeStamp long);
|
||||||
|
|
||||||
|
@IndexBy('id')
|
||||||
|
define table AlertsTable(id string , proximityWith string, eventId string);
|
||||||
|
|
||||||
|
from dataIn#geodashboard:subscribe()
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId
|
||||||
|
insert into initialStream;
|
||||||
|
|
||||||
|
from initialStream[type == 'STOP']
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId , "" as proximityInfo ,"false" as isProximity
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from initialStream[type != 'STOP']
|
||||||
|
select *
|
||||||
|
insert into objectInitialStream;
|
||||||
|
|
||||||
|
from objectInitialStream#geo:proximity(id,longitude,latitude, $proximityDistance)
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId,inCloseProximity,proximityWith
|
||||||
|
insert into proxymityStream;
|
||||||
|
|
||||||
|
from proxymityStream[AlertsTable.id == proxymityStream.id in AlertsTable]
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId,inCloseProximity,proximityWith,true as inAlertTable
|
||||||
|
insert into innerStreamOne;
|
||||||
|
|
||||||
|
from proxymityStream[not(AlertsTable.id == proxymityStream.id in AlertsTable)]
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId,inCloseProximity,proximityWith,false as inAlertTable
|
||||||
|
insert into innerStreamOne;
|
||||||
|
|
||||||
|
from proxymityStream[AlertsTable.id == proxymityStream.proximityWith in AlertsTable]
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId,inCloseProximity,proximityWith,true as inAlertTable
|
||||||
|
insert into innerStreamSeven;
|
||||||
|
|
||||||
|
from proxymityStream[not(AlertsTable.id == proxymityStream.proximityWith in AlertsTable)]
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId,inCloseProximity,proximityWith,false as inAlertTable
|
||||||
|
insert into innerStreamSeven;
|
||||||
|
|
||||||
|
from innerStreamOne[inCloseProximity == true AND not(inAlertTable)]
|
||||||
|
select id,str:concat(",",proximityWith) as proximityWith , eventId
|
||||||
|
insert into AlertsTable;
|
||||||
|
|
||||||
|
from innerStreamSeven[inCloseProximity == true AND not(inAlertTable)]
|
||||||
|
select proximityWith as id,str:concat(",",id) as proximityWith , eventId
|
||||||
|
insert into AlertsTable;
|
||||||
|
|
||||||
|
from innerStreamOne[innerStreamOne.inCloseProximity == true AND inAlertTable]#window.length(0) join AlertsTable
|
||||||
|
on innerStreamOne.id == AlertsTable.id
|
||||||
|
select innerStreamOne.id as id, str:concat(",", innerStreamOne.proximityWith, AlertsTable.proximityWith) as proximityWith, innerStreamOne.eventId as eventId
|
||||||
|
insert into updateStream;
|
||||||
|
|
||||||
|
from innerStreamSeven[innerStreamSeven.inCloseProximity == true AND inAlertTable]#window.length(0) join AlertsTable
|
||||||
|
on innerStreamSeven.proximityWith == AlertsTable.id
|
||||||
|
select innerStreamSeven.proximityWith as id, str:concat(",", innerStreamSeven.id, AlertsTable.proximityWith) as proximityWith, innerStreamSeven.eventId as eventId
|
||||||
|
insert into updateStream;
|
||||||
|
|
||||||
|
from innerStreamOne[innerStreamOne.inCloseProximity == false AND inAlertTable]#window.length(0) join AlertsTable
|
||||||
|
on innerStreamOne.id == AlertsTable.id
|
||||||
|
select innerStreamOne.id as id, str:replaceAll(AlertsTable.proximityWith, str:concat(",", innerStreamOne.proximityWith), "") as proximityWith, innerStreamOne.eventId as eventId
|
||||||
|
insert into updateStream;
|
||||||
|
|
||||||
|
from innerStreamSeven[innerStreamSeven.inCloseProximity == false AND inAlertTable]#window.length(0) join AlertsTable
|
||||||
|
on innerStreamSeven.proximityWith == AlertsTable.id
|
||||||
|
select innerStreamSeven.proximityWith as id, str:replaceAll(AlertsTable.proximityWith, str:concat(",", innerStreamSeven.id), "") as proximityWith, innerStreamSeven.eventId as eventId
|
||||||
|
insert into updateStream;
|
||||||
|
|
||||||
|
from updateStream
|
||||||
|
select *
|
||||||
|
update AlertsTable
|
||||||
|
on id== AlertsTable.id;
|
||||||
|
|
||||||
|
from updateStream[proximityWith == ""]
|
||||||
|
delete AlertsTable
|
||||||
|
on id== AlertsTable.id;
|
||||||
|
|
||||||
|
from objectInitialStream[AlertsTable.id == objectInitialStream.id in AlertsTable]
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId, true as inAlertTable
|
||||||
|
insert into publishStream;
|
||||||
|
|
||||||
|
from objectInitialStream[not(AlertsTable.id == objectInitialStream.id in AlertsTable)]
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId, false as inAlertTable
|
||||||
|
insert into publishStream;
|
||||||
|
|
||||||
|
from publishStream[inAlertTable == true]#window.length(0) join AlertsTable
|
||||||
|
on publishStream.id== AlertsTable.id
|
||||||
|
select publishStream.id as id, publishStream.latitude as latitude, publishStream.longitude as longitude, publishStream.timeStamp as timeStamp, publishStream.type as type, publishStream.speed as speed, publishStream.heading as heading, publishStream.eventId as eventId, AlertsTable.proximityWith as proximityInfo
|
||||||
|
insert into innerStreamTwo;
|
||||||
|
|
||||||
|
from publishStream[inAlertTable == false]
|
||||||
|
delete ProximityTable on ProximityTable.id==id;
|
||||||
|
|
||||||
|
from publishStream[inAlertTable == false]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId , "" as proximityInfo ,"false" as isProximity
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from innerStreamTwo[ProximityTable.id == innerStreamTwo.id in ProximityTable]
|
||||||
|
insert into innerStreamThree;
|
||||||
|
|
||||||
|
from innerStreamThree#window.length(0) join ProximityTable
|
||||||
|
on innerStreamThree.id == ProximityTable.id
|
||||||
|
select innerStreamThree.id , innerStreamThree.latitude, innerStreamThree.longitude,innerStreamThree.timeStamp, innerStreamThree.type, innerStreamThree.speed, innerStreamThree.heading ,innerStreamThree.eventId, ProximityTable.timeStamp as storedTime, innerStreamThree.proximityInfo as proximityInfo
|
||||||
|
insert into innerStreamFour;
|
||||||
|
|
||||||
|
from innerStreamFour[(timeStamp - storedTime) >= $proximityTime]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId ,proximityInfo,"true" as isProximity
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from innerStreamFour[(timeStamp - storedTime) < $proximityTime]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId , proximityInfo ,"false" as isProximity
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from innerStreamTwo[not(ProximityTable.id == innerStreamTwo.id in ProximityTable)]
|
||||||
|
select innerStreamTwo.id, innerStreamTwo.timeStamp
|
||||||
|
insert into ProximityTable;
|
||||||
|
|
||||||
|
from innerStreamTwo[not(ProximityTable.id == innerStreamTwo.id in ProximityTable)]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId , "" as proximityInfo ,"false" as isProximity
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from dataOutStream[isProximity == 'true']
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId,"WARNING" as state,str:concat("Proximity with "," ",proximityInfo) as information
|
||||||
|
insert into dataOut;
|
||||||
|
|
||||||
|
from dataOutStream[isProximity == 'false']
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId ,"NORMAL" as state,"" as information
|
||||||
|
insert into dataOut;
|
@ -0,0 +1,20 @@
|
|||||||
|
/* Enter a unique ExecutionPlan */
|
||||||
|
@Plan:name('Geo-ExecutionPlan-Speed---$deviceId_alert')
|
||||||
|
|
||||||
|
/* Enter a unique description for ExecutionPlan */
|
||||||
|
-- @Plan:description('ExecutionPlan')
|
||||||
|
|
||||||
|
/* define streams/tables and write queries here ... */
|
||||||
|
|
||||||
|
@Import('org.wso2.geo.StandardSpatialEvents:1.0.0')
|
||||||
|
define stream dataIn (id string, latitude double, longitude double, timeStamp long, type string, speed float, heading float, eventId string);
|
||||||
|
|
||||||
|
@Export('org.wso2.geo.ProcessedSpatialEvents:1.0.0')
|
||||||
|
define stream dataOut (id string, latitude double, longitude double, timeStamp long, type string, speed float, heading float, eventId string, state string, information string);
|
||||||
|
|
||||||
|
from dataIn[speed >= $speedAlertValue and id == "$deviceId"]#geodashboard:subscribe()
|
||||||
|
select id , latitude, longitude,timeStamp, type ,speed, heading ,eventId , "ALERTED" as state, "This device movement is not normal!!" as information
|
||||||
|
insert into dataOut;
|
||||||
|
from dataIn[speed < $speedAlertValue and id == "$deviceId"]
|
||||||
|
select id , latitude, longitude,timeStamp, type ,speed, heading ,eventId , "NORMAL" as state, "This device movement is normal" as information
|
||||||
|
insert into dataOut;
|
@ -0,0 +1,89 @@
|
|||||||
|
/* Enter a unique ExecutionPlan */
|
||||||
|
@Plan:name('$executionPlanName')
|
||||||
|
|
||||||
|
/* Enter a unique description for ExecutionPlan */
|
||||||
|
-- @Plan:description('ExecutionPlan')
|
||||||
|
|
||||||
|
/* define streams/tables and write queries here ... */
|
||||||
|
|
||||||
|
@Import('org.wso2.geo.StandardSpatialEvents:1.0.0')
|
||||||
|
define stream dataIn (id string, latitude double, longitude double, timeStamp long, type string ,speed float, heading float, eventId string);
|
||||||
|
|
||||||
|
|
||||||
|
@Export('org.wso2.geo.ProcessedSpatialEvents:1.0.0')
|
||||||
|
define stream dataOut (id string, latitude double, longitude double, timeStamp long, type string ,speed float, heading float, eventId string, state string, information string);
|
||||||
|
|
||||||
|
@IndexBy('id')
|
||||||
|
define table StationeryTable(id string, timeStamp long);
|
||||||
|
|
||||||
|
@IndexBy('id')
|
||||||
|
define table AlertsTable(id string, stationary bool);
|
||||||
|
|
||||||
|
from dataIn#geodashboard:subscribe()
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId,geo:within(longitude,latitude,"$geoFenceGeoJSON") as isWithin
|
||||||
|
insert into innerStreamOne;
|
||||||
|
|
||||||
|
from innerStreamOne[isWithin == false]
|
||||||
|
delete StationeryTable on StationeryTable.id==id;
|
||||||
|
|
||||||
|
from innerStreamOne[isWithin == false]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId , "false" as isStationary
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from innerStreamOne[isWithin == true]#geo:stationary(id,longitude,latitude, $fluctuationRadius)
|
||||||
|
select id, latitude, longitude, timeStamp, type, speed, heading, eventId,stationary
|
||||||
|
insert into innerStreamTwo;
|
||||||
|
|
||||||
|
from innerStreamTwo[innerStreamTwo.stationary == true]
|
||||||
|
select innerStreamTwo.id, innerStreamTwo.stationary
|
||||||
|
insert into AlertsTable;
|
||||||
|
|
||||||
|
from innerStreamTwo[innerStreamTwo.stationary == false]
|
||||||
|
delete AlertsTable on AlertsTable.id==id;
|
||||||
|
|
||||||
|
from innerStreamTwo[innerStreamTwo.stationary == false]
|
||||||
|
delete StationeryTable on StationeryTable.id==id;
|
||||||
|
|
||||||
|
from innerStreamOne[isWithin == true AND not(AlertsTable.id == innerStreamOne.id in AlertsTable)]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId , "false" as isStationary
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from innerStreamOne[isWithin == true AND AlertsTable.id == innerStreamOne.id in AlertsTable]
|
||||||
|
insert into innerStreamThree;
|
||||||
|
|
||||||
|
from innerStreamThree#window.length(0) join AlertsTable
|
||||||
|
on innerStreamThree.id == AlertsTable.id
|
||||||
|
select innerStreamThree.id , innerStreamThree.latitude, innerStreamThree.longitude,innerStreamThree.timeStamp, innerStreamThree.type, innerStreamThree.speed, innerStreamThree.heading ,innerStreamThree.eventId
|
||||||
|
insert into innerStreamFour;
|
||||||
|
|
||||||
|
from innerStreamFour[not(StationeryTable.id == innerStreamFour.id in StationeryTable)]
|
||||||
|
select innerStreamFour.id, innerStreamFour.timeStamp
|
||||||
|
insert into StationeryTable;
|
||||||
|
|
||||||
|
from innerStreamOne[isWithin == true AND not(StationeryTable.id == innerStreamOne.id in StationeryTable)]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId , "false" as isStationary
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from innerStreamOne[isWithin == true AND StationeryTable.id == innerStreamOne.id in StationeryTable]
|
||||||
|
insert into innerStreamFive;
|
||||||
|
|
||||||
|
from innerStreamFive#window.length(0) join StationeryTable
|
||||||
|
on innerStreamFive.id == StationeryTable.id
|
||||||
|
select innerStreamFive.id , innerStreamFive.latitude, innerStreamFive.longitude,innerStreamFive.timeStamp, innerStreamFive.type, innerStreamFive.speed, innerStreamFive.heading ,innerStreamFive.eventId, StationeryTable.timeStamp as storedTime
|
||||||
|
insert into innerStreamSix;
|
||||||
|
|
||||||
|
from innerStreamSix[(timeStamp - storedTime) >= $stationeryTime]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId ,"true" as isStationary
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from innerStreamSix[(timeStamp - storedTime) < $stationeryTime]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId ,"false" as isStationary
|
||||||
|
insert into dataOutStream;
|
||||||
|
|
||||||
|
from dataOutStream[isStationary == 'true']
|
||||||
|
select id ,latitude, longitude,timeStamp, type, speed, heading ,eventId ,"ALERTED" as state, "This device is in $stationeryName area!!!" as information
|
||||||
|
insert into dataOut;
|
||||||
|
|
||||||
|
from dataOutStream[isStationary == 'false']
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId ,"NORMAL" as state,"" as information
|
||||||
|
insert into dataOut;
|
@ -0,0 +1,17 @@
|
|||||||
|
/* Enter a unique ExecutionPlan */
|
||||||
|
@Plan:name('$executionPlanName')
|
||||||
|
|
||||||
|
/* Enter a unique description for ExecutionPlan */
|
||||||
|
-- @Plan:description('ExecutionPlan')
|
||||||
|
|
||||||
|
/* define streams/tables and write queries here ... */
|
||||||
|
|
||||||
|
@Import('rawGeoStream:1.0.0')
|
||||||
|
define stream dataIn (id string, timeStamp long, geometry string, state string, information string);
|
||||||
|
|
||||||
|
@Export('AlertsNotifications:1.0.0')
|
||||||
|
define stream dataOut (id string, state string, information string, timeStamp long, latitude double, longitude double);
|
||||||
|
|
||||||
|
from dataIn[geo:intersects(geometry, "$geoFenceGeoJSON")==true and geodashboard:needToNotify(id, str:concat(information, state), "sendFirst") == true and id == $deviceId]
|
||||||
|
select id, state, str:concat("Traffic alert in $areaName. State: ", state, " ", information) as information, timeStamp, 0.0 as latitude, 0.0 as longitude
|
||||||
|
insert into dataOut
|
@ -0,0 +1,20 @@
|
|||||||
|
/* Enter a unique ExecutionPlan */
|
||||||
|
@Plan:name('$executionPlanName')
|
||||||
|
|
||||||
|
/* Enter a unique description for ExecutionPlan */
|
||||||
|
-- @Plan:description('ExecutionPlan')
|
||||||
|
|
||||||
|
/* define streams/tables and write queries here ... */
|
||||||
|
|
||||||
|
@Import('org.wso2.geo.StandardSpatialEvents:1.0.0')
|
||||||
|
define stream dataIn (id string, latitude double, longitude double, timeStamp long, type string ,speed float, heading float, eventId string);
|
||||||
|
|
||||||
|
@Export('org.wso2.geo.ProcessedSpatialEvents:1.0.0')
|
||||||
|
define stream dataOut (id string, latitude double, longitude double, timeStamp long, type string ,speed float, heading float, eventId string, state string, information string);
|
||||||
|
|
||||||
|
from dataIn[geo:within(longitude,latitude,"$geoFenceGeoJSON")==true and id == "$deviceId"]#geodashboard:subscribe()
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId , "ALERTED" as state, "This device is in $areaName restricted area!!!" as information
|
||||||
|
insert into dataOut;
|
||||||
|
from dataIn[geo:within(longitude,latitude,"$geoFenceGeoJSON")!=true and id == "$deviceId"]
|
||||||
|
select id , latitude, longitude,timeStamp, type, speed, heading ,eventId , "NORMAL" as state, "" as information
|
||||||
|
insert into dataOut;
|
@ -0,0 +1,31 @@
|
|||||||
|
/* Compatible with Leaflet 0.7 */
|
||||||
|
|
||||||
|
@import url('font/locate-fa.woff');
|
||||||
|
@import url('css/locate-fa.css');
|
||||||
|
@import url('css/animation.css');
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-bar-part-single {
|
||||||
|
-webkit-border-radius: 7px 7px 7px 7px;
|
||||||
|
border-radius: 7px 7px 7px 7px;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-control-locate a {
|
||||||
|
font-size: 1.4em;
|
||||||
|
margin-left: 1px;
|
||||||
|
color: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-control-locate.active a {
|
||||||
|
color: #2074B6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-control-locate.active.following a {
|
||||||
|
color: #FC8428;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-control-locate {
|
||||||
|
box-shadow: none;
|
||||||
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
@ -0,0 +1,14 @@
|
|||||||
|
/* Conditional stylesheet for IE. */
|
||||||
|
@import url('css/locate-fa-ie7.css');
|
||||||
|
|
||||||
|
.leaflet-control-locate {
|
||||||
|
border: 3px solid #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-control-locate a {
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-control-locate a:hover {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
@ -0,0 +1,60 @@
|
|||||||
|
.marker-cluster-small {
|
||||||
|
background-color: rgba(181, 226, 140, 0.6);
|
||||||
|
}
|
||||||
|
.marker-cluster-small div {
|
||||||
|
background-color: rgba(110, 204, 57, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.marker-cluster-medium {
|
||||||
|
background-color: rgba(241, 211, 87, 0.6);
|
||||||
|
}
|
||||||
|
.marker-cluster-medium div {
|
||||||
|
background-color: rgba(240, 194, 12, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.marker-cluster-large {
|
||||||
|
background-color: rgba(253, 156, 115, 0.6);
|
||||||
|
}
|
||||||
|
.marker-cluster-large div {
|
||||||
|
background-color: rgba(241, 128, 23, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* IE 6-8 fallback colors */
|
||||||
|
.leaflet-oldie .marker-cluster-small {
|
||||||
|
background-color: rgb(181, 226, 140);
|
||||||
|
}
|
||||||
|
.leaflet-oldie .marker-cluster-small div {
|
||||||
|
background-color: rgb(110, 204, 57);
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-oldie .marker-cluster-medium {
|
||||||
|
background-color: rgb(241, 211, 87);
|
||||||
|
}
|
||||||
|
.leaflet-oldie .marker-cluster-medium div {
|
||||||
|
background-color: rgb(240, 194, 12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-oldie .marker-cluster-large {
|
||||||
|
background-color: rgb(253, 156, 115);
|
||||||
|
}
|
||||||
|
.leaflet-oldie .marker-cluster-large div {
|
||||||
|
background-color: rgb(241, 128, 23);
|
||||||
|
}
|
||||||
|
|
||||||
|
.marker-cluster {
|
||||||
|
background-clip: padding-box;
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
.marker-cluster div {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
margin-left: 5px;
|
||||||
|
margin-top: 5px;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
border-radius: 15px;
|
||||||
|
font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
.marker-cluster span {
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
@ -0,0 +1,6 @@
|
|||||||
|
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
|
||||||
|
-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
|
||||||
|
-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
|
||||||
|
-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
|
||||||
|
transition: transform 0.3s ease-out, opacity 0.3s ease-in;
|
||||||
|
}
|
@ -0,0 +1,136 @@
|
|||||||
|
input[type="radio"], input[type="checkbox"] {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.map-wrapper{
|
||||||
|
background: #37474f;
|
||||||
|
}
|
||||||
|
#left_side_pannel> .nav > li > a{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.typeahead {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
#map {
|
||||||
|
width: auto;
|
||||||
|
height: 100%;
|
||||||
|
box-shadow: 0 0 10px rgba(0,0,0,0.5);
|
||||||
|
}
|
||||||
|
#loading {
|
||||||
|
position: absolute;
|
||||||
|
width: 220px;
|
||||||
|
height: 19px;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: -10px 0 0 -110px;
|
||||||
|
z-index: 20001;
|
||||||
|
}
|
||||||
|
/*.sidebar-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.sidebar-table {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
top: 124px;
|
||||||
|
bottom: 0px;
|
||||||
|
overflow: auto;
|
||||||
|
}*/
|
||||||
|
.leaflet-control-layers label {
|
||||||
|
font-weight: normal;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-group-name {
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: .2em;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-group {
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-group label {
|
||||||
|
padding-left: .5em;
|
||||||
|
}
|
||||||
|
.table {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tt-dropdown-menu {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
border-radius: 4px 4px 4px 4px;
|
||||||
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||||
|
margin-top: 4px;
|
||||||
|
padding: 4px 0;
|
||||||
|
width: 100%;
|
||||||
|
max-height: 300px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
.tt-suggestion {
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 3px 10px;
|
||||||
|
}
|
||||||
|
.tt-suggestion.tt-cursor {
|
||||||
|
background-color: #0097CF;
|
||||||
|
color: #FFFFFF;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.tt-suggestion p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.tt-suggestion + .tt-suggestion {
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
.typeahead-header {
|
||||||
|
margin: 0 5px 5px 5px;
|
||||||
|
padding: 3px 0;
|
||||||
|
border-bottom: 2px solid #333;
|
||||||
|
}
|
||||||
|
.has-feedback .form-control-feedback {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
display: block;
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
line-height: 34px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 992px) {
|
||||||
|
/*.navbar .navbar-brand {
|
||||||
|
font-size: 18px;
|
||||||
|
}*/
|
||||||
|
}
|
||||||
|
@media (max-width: 767px){
|
||||||
|
.url-break {
|
||||||
|
word-break: break-all;
|
||||||
|
word-break: break-word;
|
||||||
|
-webkit-hyphens: auto;
|
||||||
|
hyphens: auto;
|
||||||
|
}
|
||||||
|
#sidebar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
|
||||||
|
!* Print Handling *!
|
||||||
|
@media print {
|
||||||
|
.navbar {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.leaflet-control-container {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav > li > a {
|
||||||
|
padding: 25px 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav > li > a:hover, .nav > li > a:focus {
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
*/
|
@ -0,0 +1,19 @@
|
|||||||
|
Copyright (C) 2013 Panopta, Andrew Moffat
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in
|
||||||
|
all copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
@ -0,0 +1,182 @@
|
|||||||
|
/* WIZARD GENERAL */
|
||||||
|
.wizard {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-dialog {}
|
||||||
|
.wizard-content {}
|
||||||
|
|
||||||
|
.wizard-body {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* WIZARD HEADER */
|
||||||
|
.wizard-header {
|
||||||
|
padding: 9px 15px;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-header h3 {
|
||||||
|
margin: 0;
|
||||||
|
line-height: 35px;
|
||||||
|
display: inline;
|
||||||
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
|
font-family: inherit;
|
||||||
|
font-weight: bold;
|
||||||
|
text-rendering: optimizelegibility;
|
||||||
|
color: rgb(51, 51, 51);
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-subtitle {
|
||||||
|
font-weight:bold;
|
||||||
|
color:#AFAFAF;
|
||||||
|
padding-left:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* WIZARD NAVIGATION */
|
||||||
|
.wizard-steps {
|
||||||
|
width: 28%;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-bottom-left-radius: 6px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-nav-container {
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-nav-list {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-nav-link .glyphicon-chevron-right {
|
||||||
|
float:right;
|
||||||
|
margin-top:12px;
|
||||||
|
margin-right:-6px;
|
||||||
|
opacity:.25;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.wizard-nav-item.active .glyphicon-chevron-right {
|
||||||
|
opacity:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.wizard-nav-item {
|
||||||
|
line-height:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-nav-list > li > a {
|
||||||
|
background-color:#f5f5f5;
|
||||||
|
padding:3px 15px 3px 20px;
|
||||||
|
cursor:default;
|
||||||
|
color:#B4B4B4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-nav-list > li > a:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-nav-list > li.already-visited > a.wizard-nav-link {
|
||||||
|
color:#08C;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-nav-list > li.active > a.wizard-nav-link {
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-nav-item .already-visited .active {
|
||||||
|
background-color:#08C;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-nav-list li.active > a {
|
||||||
|
background-color:#08C;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* WIZARD CONTENT */
|
||||||
|
.wizard-body form {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* WIZARD PROGRESS BAR */
|
||||||
|
.wizard-progress-container {
|
||||||
|
margin-top: 20px;
|
||||||
|
padding: 15px;
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-card-container {
|
||||||
|
margin-left: 28%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* WIZARD CARDS */
|
||||||
|
.wizard-error,
|
||||||
|
.wizard-failure,
|
||||||
|
.wizard-success,
|
||||||
|
.wizard-loading,
|
||||||
|
.wizard-card {
|
||||||
|
border-top: 1px solid #EEE;
|
||||||
|
display:none;
|
||||||
|
padding:35px;
|
||||||
|
padding-top:20px;
|
||||||
|
overflow-y:auto;
|
||||||
|
|
||||||
|
/*
|
||||||
|
position:relative;
|
||||||
|
height:300px;
|
||||||
|
margin-right: 5px;
|
||||||
|
*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-card-overlay {
|
||||||
|
overflow-y: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-card > h3 {
|
||||||
|
margin-top:0;
|
||||||
|
margin-bottom:20px;
|
||||||
|
font-size:21px;
|
||||||
|
line-height:40px;
|
||||||
|
font-weight:normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* WIZARD FOOTER */
|
||||||
|
.wizard-footer {
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-buttons-container {
|
||||||
|
padding:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-cancel {
|
||||||
|
margin-left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Inner Card */
|
||||||
|
.wizard-input-section {
|
||||||
|
margin-bottom:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-dialog .popover.error-popover {
|
||||||
|
background-color:#F2DEDE;
|
||||||
|
color:#B94A48;
|
||||||
|
border-color:#953B39;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-dialog .popover.error-popover .arrow::after {
|
||||||
|
border-right-color:#F2DEDE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-dialog .popover.error-popover .popover-title {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-dialog .popover.error-popover .arrow {
|
||||||
|
border-right-color:#953B39;
|
||||||
|
}
|
@ -0,0 +1,85 @@
|
|||||||
|
/*
|
||||||
|
Animation example, for spinners
|
||||||
|
*/
|
||||||
|
.animate-spin:before {
|
||||||
|
-moz-animation: spin 2s infinite linear;
|
||||||
|
-o-animation: spin 2s infinite linear;
|
||||||
|
-webkit-animation: spin 2s infinite linear;
|
||||||
|
animation: spin 2s infinite linear;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
@-moz-keyframes spin {
|
||||||
|
0% {
|
||||||
|
-moz-transform: rotate(0deg);
|
||||||
|
-o-transform: rotate(0deg);
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-moz-transform: rotate(359deg);
|
||||||
|
-o-transform: rotate(359deg);
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes spin {
|
||||||
|
0% {
|
||||||
|
-moz-transform: rotate(0deg);
|
||||||
|
-o-transform: rotate(0deg);
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-moz-transform: rotate(359deg);
|
||||||
|
-o-transform: rotate(359deg);
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-o-keyframes spin {
|
||||||
|
0% {
|
||||||
|
-moz-transform: rotate(0deg);
|
||||||
|
-o-transform: rotate(0deg);
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-moz-transform: rotate(359deg);
|
||||||
|
-o-transform: rotate(359deg);
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@-ms-keyframes spin {
|
||||||
|
0% {
|
||||||
|
-moz-transform: rotate(0deg);
|
||||||
|
-o-transform: rotate(0deg);
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-moz-transform: rotate(359deg);
|
||||||
|
-o-transform: rotate(359deg);
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes spin {
|
||||||
|
0% {
|
||||||
|
-moz-transform: rotate(0deg);
|
||||||
|
-o-transform: rotate(0deg);
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-moz-transform: rotate(359deg);
|
||||||
|
-o-transform: rotate(359deg);
|
||||||
|
-webkit-transform: rotate(359deg);
|
||||||
|
transform: rotate(359deg);
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,4 @@
|
|||||||
|
|
||||||
|
.icon-location:before { content: '\e802'; } /* '' */
|
||||||
|
.icon-direction:before { content: '\e800'; } /* '' */
|
||||||
|
.icon-spinner:before { content: '\e801'; } /* '' */
|
@ -0,0 +1,4 @@
|
|||||||
|
|
||||||
|
.icon-location { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||||
|
.icon-direction { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||||
|
.icon-spinner { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
@ -0,0 +1,15 @@
|
|||||||
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
|
font-family: 'locate-fa';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
|
||||||
|
/* fix buttons height */
|
||||||
|
line-height: 1em;
|
||||||
|
|
||||||
|
/* you can be more comfortable with increased icons size */
|
||||||
|
/* font-size: 120%; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-location { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||||
|
.icon-direction { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
||||||
|
.icon-spinner { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
|
@ -0,0 +1,72 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'locate-fa';
|
||||||
|
src: url('../font/locate-fa.eot?9201824');
|
||||||
|
src: url('../font/locate-fa.eot?9201824#iefix') format('embedded-opentype'),
|
||||||
|
url('../font/locate-fa.woff?9201824') format('woff'),
|
||||||
|
url('../font/locate-fa.ttf?9201824') format('truetype'),
|
||||||
|
url('../font/locate-fa.svg?9201824#locate-fa') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
/* use SVG only on mobile devices to avoid display issue on android
|
||||||
|
issue: https://github.com/domoritz/leaflet-locatecontrol/issues/78
|
||||||
|
solution: http://stackoverflow.com/a/21050160/1106908
|
||||||
|
*/
|
||||||
|
@media only screen and (max-width: 320px),
|
||||||
|
screen and (max-device-width: 720px) and (orientation: portrait),
|
||||||
|
screen and (max-device-width: 1280px) and (orientation: landscape)
|
||||||
|
{
|
||||||
|
@font-face {
|
||||||
|
font-family: 'locate-fa';
|
||||||
|
src: url('../font/locate-fa.eot?9201824');
|
||||||
|
src: url('../font/locate-fa.svg?9201824#locate-fa') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
|
||||||
|
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
|
||||||
|
/*
|
||||||
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||||
|
@font-face {
|
||||||
|
font-family: 'locate-fa';
|
||||||
|
src: url('../font/locate-fa.svg?9201824#locate-fa') format('svg');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||||
|
font-family: "locate-fa";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: normal;
|
||||||
|
speak: none;
|
||||||
|
|
||||||
|
display: inline-block;
|
||||||
|
text-decoration: inherit;
|
||||||
|
width: 1em;
|
||||||
|
margin-right: .2em;
|
||||||
|
text-align: center;
|
||||||
|
/* opacity: .8; */
|
||||||
|
|
||||||
|
/* For safety - reset parent styles, that can break glyph codes*/
|
||||||
|
font-variant: normal;
|
||||||
|
text-transform: none;
|
||||||
|
|
||||||
|
/* fix buttons height, for twitter bootstrap */
|
||||||
|
line-height: 1em;
|
||||||
|
|
||||||
|
/* Animation center compensation - margins should be symmetric */
|
||||||
|
/* remove if not needed */
|
||||||
|
margin-left: .2em;
|
||||||
|
|
||||||
|
/* you can be more comfortable with increased icons size */
|
||||||
|
/* font-size: 120%; */
|
||||||
|
|
||||||
|
/* Uncomment for 3D effect */
|
||||||
|
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-location:before { content: '\e802'; } /* '' */
|
||||||
|
.icon-direction:before { content: '\e800'; } /* '' */
|
||||||
|
.icon-spinner:before { content: '\e801'; } /* '' */
|
@ -0,0 +1,203 @@
|
|||||||
|
/*-- Chart --*/
|
||||||
|
|
||||||
|
.c3 svg {
|
||||||
|
font: 10px sans-serif;
|
||||||
|
}
|
||||||
|
.c3 path, .c3 line {
|
||||||
|
fill: none;
|
||||||
|
stroke: #000;
|
||||||
|
}
|
||||||
|
.c3 text {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3-legend-item-tile,
|
||||||
|
.c3-xgrid-focus,
|
||||||
|
.c3-ygrid,
|
||||||
|
.c3-event-rect,
|
||||||
|
.c3-bars path {
|
||||||
|
shape-rendering: crispEdges;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3-chart-arc path {
|
||||||
|
stroke: #fff;
|
||||||
|
|
||||||
|
}
|
||||||
|
.c3-chart-arc text {
|
||||||
|
fill: #fff;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Axis --*/
|
||||||
|
|
||||||
|
.c3-axis-x .tick {
|
||||||
|
}
|
||||||
|
.c3-axis-x-label {
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3-axis-y .tick {
|
||||||
|
}
|
||||||
|
.c3-axis-y-label {
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3-axis-y2 .tick {
|
||||||
|
}
|
||||||
|
.c3-axis-y2-label {
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Grid --*/
|
||||||
|
|
||||||
|
.c3-grid line {
|
||||||
|
stroke: #aaa;
|
||||||
|
}
|
||||||
|
.c3-grid text {
|
||||||
|
fill: #aaa;
|
||||||
|
}
|
||||||
|
.c3-xgrid, .c3-ygrid {
|
||||||
|
stroke-dasharray: 3 3;
|
||||||
|
}
|
||||||
|
.c3-xgrid-focus {
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Text on Chart --*/
|
||||||
|
|
||||||
|
.c3-text {
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3-text.c3-empty {
|
||||||
|
fill: #808080;
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Line --*/
|
||||||
|
|
||||||
|
.c3-line {
|
||||||
|
stroke-width: 1px;
|
||||||
|
}
|
||||||
|
/*-- Point --*/
|
||||||
|
|
||||||
|
.c3-circle._expanded_ {
|
||||||
|
stroke-width: 1px;
|
||||||
|
stroke: white;
|
||||||
|
}
|
||||||
|
.c3-selected-circle {
|
||||||
|
fill: white;
|
||||||
|
stroke-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Bar --*/
|
||||||
|
|
||||||
|
.c3-bar {
|
||||||
|
stroke-width: 0;
|
||||||
|
}
|
||||||
|
.c3-bar._expanded_ {
|
||||||
|
fill-opacity: 0.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Arc --*/
|
||||||
|
|
||||||
|
.c3-chart-arcs-title {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Focus --*/
|
||||||
|
|
||||||
|
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
|
||||||
|
stroke-width: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Region --*/
|
||||||
|
|
||||||
|
.c3-region {
|
||||||
|
fill: steelblue;
|
||||||
|
fill-opacity: .1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Brush --*/
|
||||||
|
|
||||||
|
.c3-brush .extent {
|
||||||
|
fill-opacity: .1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Select - Drag --*/
|
||||||
|
|
||||||
|
.c3-dragarea {
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Legend --*/
|
||||||
|
|
||||||
|
.c3-legend-item {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3-legend-background {
|
||||||
|
opacity: 0.75;
|
||||||
|
fill: white;
|
||||||
|
stroke: lightgray;
|
||||||
|
stroke-width: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- Tooltip --*/
|
||||||
|
|
||||||
|
.c3-tooltip {
|
||||||
|
border-collapse:collapse;
|
||||||
|
border-spacing:0;
|
||||||
|
background-color:#fff;
|
||||||
|
empty-cells:show;
|
||||||
|
-webkit-box-shadow: 7px 7px 12px -9px rgb(119,119,119);
|
||||||
|
-moz-box-shadow: 7px 7px 12px -9px rgb(119,119,119);
|
||||||
|
box-shadow: 7px 7px 12px -9px rgb(119,119,119);
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
.c3-tooltip tr {
|
||||||
|
border:1px solid #CCC;
|
||||||
|
}
|
||||||
|
.c3-tooltip th {
|
||||||
|
background-color: #aaa;
|
||||||
|
font-size:14px;
|
||||||
|
padding:2px 5px;
|
||||||
|
text-align:left;
|
||||||
|
color:#FFF;
|
||||||
|
}
|
||||||
|
.c3-tooltip td {
|
||||||
|
font-size:13px;
|
||||||
|
padding: 3px 6px;
|
||||||
|
background-color:#fff;
|
||||||
|
border-left:1px dotted #999;
|
||||||
|
}
|
||||||
|
.c3-tooltip td > span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
.c3-tooltip td.value{
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3-area {
|
||||||
|
stroke-width: 0;
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3-chart-arcs .c3-chart-arcs-background {
|
||||||
|
fill: #e0e0e0;
|
||||||
|
stroke: none;
|
||||||
|
}
|
||||||
|
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
|
||||||
|
fill: #000;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.c3-chart-arcs .c3-chart-arcs-gauge-max {
|
||||||
|
fill: #777;
|
||||||
|
}
|
||||||
|
.c3-chart-arcs .c3-chart-arcs-gauge-min {
|
||||||
|
fill: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c3-chart-arc .c3-gauge-value {
|
||||||
|
fill: #000;
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
@ -0,0 +1,10 @@
|
|||||||
|
Font license info
|
||||||
|
|
||||||
|
|
||||||
|
## Font Awesome
|
||||||
|
|
||||||
|
Copyright (C) 2012 by Dave Gandy
|
||||||
|
|
||||||
|
Author: Dave Gandy
|
||||||
|
License: SIL ()
|
||||||
|
Homepage: http://fortawesome.github.com/Font-Awesome/
|
@ -0,0 +1,75 @@
|
|||||||
|
This webfont is generated by http://fontello.com open source project.
|
||||||
|
|
||||||
|
|
||||||
|
================================================================================
|
||||||
|
Please, note, that you should obey original font licences, used to make this
|
||||||
|
webfont pack. Details available in LICENSE.txt file.
|
||||||
|
|
||||||
|
- Usually, it's enough to publish content of LICENSE.txt file somewhere on your
|
||||||
|
site in "About" section.
|
||||||
|
|
||||||
|
- If your project is open-source, usually, it will be ok to make LICENSE.txt
|
||||||
|
file publically available in your repository.
|
||||||
|
|
||||||
|
- Fonts, used in Fontello, don't require to make clickable links on your site.
|
||||||
|
But any kind of additional authors crediting is welcome.
|
||||||
|
================================================================================
|
||||||
|
|
||||||
|
|
||||||
|
Comments on archive content
|
||||||
|
---------------------------
|
||||||
|
|
||||||
|
- /font/* - fonts in different formats
|
||||||
|
|
||||||
|
- /css/* - different kinds of css, for all situations. Should be ok with
|
||||||
|
twitter bootstrap. Also, you can skip <i> style and assign icon classes
|
||||||
|
directly to text elements, if you don't mind about IE7.
|
||||||
|
|
||||||
|
- demo.html - demo file, to show your webfont content
|
||||||
|
|
||||||
|
- LICENSE.txt - license info about source fonts, used to build your one.
|
||||||
|
|
||||||
|
- config.json - keeps your settings. You can import it back to fontello anytime,
|
||||||
|
to continue your work
|
||||||
|
|
||||||
|
|
||||||
|
Why so many CSS files ?
|
||||||
|
-----------------------
|
||||||
|
|
||||||
|
Because we like to fit all your needs :)
|
||||||
|
|
||||||
|
- basic file, <your_font_name>.css - is usually enougth, in contains @font-face
|
||||||
|
and character codes definition
|
||||||
|
|
||||||
|
- *-ie7.css - if you need IE7 support, but still don't wish to put char codes
|
||||||
|
directly into html
|
||||||
|
|
||||||
|
- *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
|
||||||
|
rules, but still wish to benefit of css generation. That can be very
|
||||||
|
convenient for automated assets build systems. When you need to update font -
|
||||||
|
no needs to manually edit files, just override old version with archive
|
||||||
|
content. See fontello source codes for example.
|
||||||
|
|
||||||
|
- *-embedded.css - basic css file, but with embedded WOFF font, to avoid
|
||||||
|
CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
|
||||||
|
We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
|
||||||
|
server headers. But if you ok with dirty hack - this file is for you. Note,
|
||||||
|
that data url moved to separate @font-face to avoid problems with <IE9, when
|
||||||
|
string is too long.
|
||||||
|
|
||||||
|
- animate.css - use it to get ideas about spinner rotation animation.
|
||||||
|
|
||||||
|
|
||||||
|
Attention for server setup
|
||||||
|
--------------------------
|
||||||
|
|
||||||
|
You MUST setup server to reply with proper `mime-types` for font files. In other
|
||||||
|
case, some browsers will fail to show fonts.
|
||||||
|
|
||||||
|
Usually, `apache` already has necessary settings, but `nginx` and other
|
||||||
|
webservers should be tuned. Here is list of mime types for our file extentions:
|
||||||
|
|
||||||
|
- `application/vnd.ms-fontobject` - eot
|
||||||
|
- `application/x-font-woff` - woff
|
||||||
|
- `application/x-font-ttf` - ttf
|
||||||
|
- `image/svg+xml` - svg
|
@ -0,0 +1,28 @@
|
|||||||
|
{
|
||||||
|
"name": "locate-fa",
|
||||||
|
"css_prefix_text": "icon-",
|
||||||
|
"css_use_suffix": false,
|
||||||
|
"hinting": true,
|
||||||
|
"units_per_em": 1000,
|
||||||
|
"ascent": 850,
|
||||||
|
"glyphs": [
|
||||||
|
{
|
||||||
|
"uid": "0d08dbb1dd648a43bdea81b7e6c9e036",
|
||||||
|
"css": "location",
|
||||||
|
"code": 59394,
|
||||||
|
"src": "fontawesome"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"uid": "921e3974e54ff9e8b7cd906a3dc74636",
|
||||||
|
"css": "direction",
|
||||||
|
"code": 59392,
|
||||||
|
"src": "fontawesome"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"uid": "cda0cdcfd38f5f1d9255e722dad42012",
|
||||||
|
"css": "spinner",
|
||||||
|
"code": 59393,
|
||||||
|
"src": "fontawesome"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 248 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 797 B |
After Width: | Height: | Size: 86 B |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 90 B |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 3.2 KiB |
@ -0,0 +1,27 @@
|
|||||||
|
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
|
||||||
|
.ui-timepicker-div dl { text-align: left; }
|
||||||
|
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
|
||||||
|
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
|
||||||
|
.ui-timepicker-div td { font-size: 90%; }
|
||||||
|
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
|
||||||
|
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
|
||||||
|
|
||||||
|
.ui-timepicker-rtl{ direction: rtl; }
|
||||||
|
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
|
||||||
|
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
|
||||||
|
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
|
||||||
|
|
||||||
|
/* Shortened version style */
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
|
||||||
|
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
|
@ -0,0 +1,5 @@
|
|||||||
|
/*! jQuery Timepicker Addon - v1.5.3 - 2015-04-19
|
||||||
|
* http://trentrichardson.com/examples/timepicker
|
||||||
|
* Copyright (c) 2015 Trent Richardson; Licensed MIT */
|
||||||
|
|
||||||
|
.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}.ui-timepicker-div .ui_tpicker_unit_hide{display:none}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.ui-timepicker-div.ui-timepicker-oneLine{padding-right:2px}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,.ui-timepicker-div.ui-timepicker-oneLine dt{display:none}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{display:block;padding-top:2px}.ui-timepicker-div.ui-timepicker-oneLine dl{text-align:right}.ui-timepicker-div.ui-timepicker-oneLine dl dd,.ui-timepicker-div.ui-timepicker-oneLine dl dd>div{display:inline-block;margin:0}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before{content:':';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before{content:'.';display:inline-block}.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none}
|
@ -0,0 +1,478 @@
|
|||||||
|
/* required styles */
|
||||||
|
|
||||||
|
.leaflet-map-pane,
|
||||||
|
.leaflet-tile,
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow,
|
||||||
|
.leaflet-tile-pane,
|
||||||
|
.leaflet-tile-container,
|
||||||
|
.leaflet-overlay-pane,
|
||||||
|
.leaflet-shadow-pane,
|
||||||
|
.leaflet-marker-pane,
|
||||||
|
.leaflet-popup-pane,
|
||||||
|
.leaflet-overlay-pane svg,
|
||||||
|
.leaflet-zoom-box,
|
||||||
|
.leaflet-image-layer,
|
||||||
|
.leaflet-layer {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.leaflet-container {
|
||||||
|
overflow: hidden;
|
||||||
|
-ms-touch-action: none;
|
||||||
|
}
|
||||||
|
.leaflet-tile,
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
-webkit-user-drag: none;
|
||||||
|
}
|
||||||
|
.leaflet-marker-icon,
|
||||||
|
.leaflet-marker-shadow {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
/* map is broken in FF if you have max-width: 100% on tiles */
|
||||||
|
.leaflet-container img {
|
||||||
|
max-width: none !important;
|
||||||
|
}
|
||||||
|
/* stupid Android 2 doesn't understand "max-width: none" properly */
|
||||||
|
.leaflet-container img.leaflet-image-layer {
|
||||||
|
max-width: 15000px !important;
|
||||||
|
}
|
||||||
|
.leaflet-tile {
|
||||||
|
filter: inherit;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.leaflet-tile-loaded {
|
||||||
|
visibility: inherit;
|
||||||
|
}
|
||||||
|
.leaflet-zoom-box {
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
|
||||||
|
.leaflet-overlay-pane svg {
|
||||||
|
-moz-user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-tile-pane { z-index: 2; }
|
||||||
|
.leaflet-objects-pane { z-index: 3; }
|
||||||
|
.leaflet-overlay-pane { z-index: 4; }
|
||||||
|
.leaflet-shadow-pane { z-index: 5; }
|
||||||
|
.leaflet-marker-pane { z-index: 6; }
|
||||||
|
.leaflet-popup-pane { z-index: 7; }
|
||||||
|
|
||||||
|
.leaflet-vml-shape {
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
}
|
||||||
|
.lvml {
|
||||||
|
behavior: url(#default#VML);
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* control positioning */
|
||||||
|
|
||||||
|
.leaflet-control {
|
||||||
|
position: relative;
|
||||||
|
z-index: 7;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
.leaflet-top,
|
||||||
|
.leaflet-bottom {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1000;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.leaflet-top {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.leaflet-right {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
.leaflet-bottom {
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.leaflet-left {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.leaflet-control {
|
||||||
|
float: left;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.leaflet-right .leaflet-control {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.leaflet-top .leaflet-control {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.leaflet-bottom .leaflet-control {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.leaflet-left .leaflet-control {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.leaflet-right .leaflet-control {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* zoom and fade animations */
|
||||||
|
|
||||||
|
.leaflet-fade-anim .leaflet-tile,
|
||||||
|
.leaflet-fade-anim .leaflet-popup {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition: opacity 0.2s linear;
|
||||||
|
-moz-transition: opacity 0.2s linear;
|
||||||
|
-o-transition: opacity 0.2s linear;
|
||||||
|
transition: opacity 0.2s linear;
|
||||||
|
}
|
||||||
|
.leaflet-fade-anim .leaflet-tile-loaded,
|
||||||
|
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-zoom-anim .leaflet-zoom-animated {
|
||||||
|
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
-o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
|
||||||
|
}
|
||||||
|
.leaflet-zoom-anim .leaflet-tile,
|
||||||
|
.leaflet-pan-anim .leaflet-tile,
|
||||||
|
.leaflet-touching .leaflet-zoom-animated {
|
||||||
|
-webkit-transition: none;
|
||||||
|
-moz-transition: none;
|
||||||
|
-o-transition: none;
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-zoom-anim .leaflet-zoom-hide {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* cursors */
|
||||||
|
|
||||||
|
.leaflet-clickable {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.leaflet-container {
|
||||||
|
cursor: -webkit-grab;
|
||||||
|
cursor: -moz-grab;
|
||||||
|
}
|
||||||
|
.leaflet-popup-pane,
|
||||||
|
.leaflet-control {
|
||||||
|
cursor: auto;
|
||||||
|
}
|
||||||
|
.leaflet-dragging .leaflet-container,
|
||||||
|
.leaflet-dragging .leaflet-clickable {
|
||||||
|
cursor: move;
|
||||||
|
cursor: -webkit-grabbing;
|
||||||
|
cursor: -moz-grabbing;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* visual tweaks */
|
||||||
|
|
||||||
|
.leaflet-container {
|
||||||
|
background: #ddd;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.leaflet-container a {
|
||||||
|
color: #0078A8;
|
||||||
|
}
|
||||||
|
.leaflet-container a.leaflet-active {
|
||||||
|
outline: 2px solid orange;
|
||||||
|
}
|
||||||
|
.leaflet-zoom-box {
|
||||||
|
border: 2px dotted #38f;
|
||||||
|
background: rgba(255,255,255,0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* general typography */
|
||||||
|
.leaflet-container {
|
||||||
|
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* general toolbar styles */
|
||||||
|
|
||||||
|
.leaflet-bar {
|
||||||
|
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.leaflet-bar a,
|
||||||
|
.leaflet-bar a:hover {
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
width: 26px;
|
||||||
|
height: 26px;
|
||||||
|
line-height: 26px;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
.leaflet-bar a,
|
||||||
|
.leaflet-control-layers-toggle {
|
||||||
|
background-position: 50% 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.leaflet-bar a:hover {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
}
|
||||||
|
.leaflet-bar a:first-child {
|
||||||
|
border-top-left-radius: 4px;
|
||||||
|
border-top-right-radius: 4px;
|
||||||
|
}
|
||||||
|
.leaflet-bar a:last-child {
|
||||||
|
border-bottom-left-radius: 4px;
|
||||||
|
border-bottom-right-radius: 4px;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
.leaflet-bar a.leaflet-disabled {
|
||||||
|
cursor: default;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-bar a {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* zoom control */
|
||||||
|
|
||||||
|
.leaflet-control-zoom-in,
|
||||||
|
.leaflet-control-zoom-out {
|
||||||
|
font: bold 18px 'Lucida Console', Monaco, monospace;
|
||||||
|
text-indent: 1px;
|
||||||
|
}
|
||||||
|
.leaflet-control-zoom-out {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-control-zoom-in {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-control-zoom-out {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* layers control */
|
||||||
|
|
||||||
|
.leaflet-control-layers {
|
||||||
|
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-toggle {
|
||||||
|
background-image: url(images/layers.png);
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
.leaflet-retina .leaflet-control-layers-toggle {
|
||||||
|
background-image: url(images/layers-2x.png);
|
||||||
|
background-size: 26px 26px;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-control-layers-toggle {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers .leaflet-control-layers-list,
|
||||||
|
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-expanded .leaflet-control-layers-list {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-expanded {
|
||||||
|
padding: 6px 10px 6px 6px;
|
||||||
|
color: #333;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-selector {
|
||||||
|
margin-top: 2px;
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers label {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.leaflet-control-layers-separator {
|
||||||
|
height: 0;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
margin: 5px -10px 5px -6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* attribution and scale controls */
|
||||||
|
|
||||||
|
.leaflet-container .leaflet-control-attribution {
|
||||||
|
background: #fff;
|
||||||
|
background: rgba(255, 255, 255, 0.7);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.leaflet-control-attribution,
|
||||||
|
.leaflet-control-scale-line {
|
||||||
|
padding: 0 5px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.leaflet-control-attribution a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.leaflet-control-attribution a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
.leaflet-container .leaflet-control-attribution,
|
||||||
|
.leaflet-container .leaflet-control-scale {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
.leaflet-left .leaflet-control-scale {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-bottom .leaflet-control-scale {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.leaflet-control-scale-line {
|
||||||
|
border: 2px solid #777;
|
||||||
|
border-top: none;
|
||||||
|
line-height: 1.1;
|
||||||
|
padding: 2px 5px 1px;
|
||||||
|
font-size: 11px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
|
||||||
|
background: #fff;
|
||||||
|
background: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.leaflet-control-scale-line:not(:first-child) {
|
||||||
|
border-top: 2px solid #777;
|
||||||
|
border-bottom: none;
|
||||||
|
margin-top: -2px;
|
||||||
|
}
|
||||||
|
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
|
||||||
|
border-bottom: 2px solid #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-control-attribution,
|
||||||
|
.leaflet-touch .leaflet-control-layers,
|
||||||
|
.leaflet-touch .leaflet-bar {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.leaflet-touch .leaflet-control-layers,
|
||||||
|
.leaflet-touch .leaflet-bar {
|
||||||
|
border: 2px solid rgba(0,0,0,0.2);
|
||||||
|
background-clip: padding-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* popup */
|
||||||
|
|
||||||
|
.leaflet-popup {
|
||||||
|
position: absolute;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.leaflet-popup-content-wrapper {
|
||||||
|
padding: 1px;
|
||||||
|
text-align: left;
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
.leaflet-popup-content {
|
||||||
|
margin: 13px 19px;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
.leaflet-popup-content p {
|
||||||
|
margin: 18px 0;
|
||||||
|
}
|
||||||
|
.leaflet-popup-tip-container {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 40px;
|
||||||
|
height: 20px;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.leaflet-popup-tip {
|
||||||
|
width: 17px;
|
||||||
|
height: 17px;
|
||||||
|
padding: 1px;
|
||||||
|
|
||||||
|
margin: -10px auto 0;
|
||||||
|
|
||||||
|
-webkit-transform: rotate(45deg);
|
||||||
|
-moz-transform: rotate(45deg);
|
||||||
|
-ms-transform: rotate(45deg);
|
||||||
|
-o-transform: rotate(45deg);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
.leaflet-popup-content-wrapper,
|
||||||
|
.leaflet-popup-tip {
|
||||||
|
background: white;
|
||||||
|
|
||||||
|
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
|
||||||
|
}
|
||||||
|
.leaflet-container a.leaflet-popup-close-button {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 4px 4px 0 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 18px;
|
||||||
|
height: 14px;
|
||||||
|
font: 16px/14px Tahoma, Verdana, sans-serif;
|
||||||
|
color: #c3c3c3;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.leaflet-container a.leaflet-popup-close-button:hover {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.leaflet-popup-scrolled {
|
||||||
|
overflow: auto;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-oldie .leaflet-popup-content-wrapper {
|
||||||
|
zoom: 1;
|
||||||
|
}
|
||||||
|
.leaflet-oldie .leaflet-popup-tip {
|
||||||
|
width: 24px;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
|
||||||
|
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
|
||||||
|
}
|
||||||
|
.leaflet-oldie .leaflet-popup-tip-container {
|
||||||
|
margin-top: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-oldie .leaflet-control-zoom,
|
||||||
|
.leaflet-oldie .leaflet-control-layers,
|
||||||
|
.leaflet-oldie .leaflet-popup-content-wrapper,
|
||||||
|
.leaflet-oldie .leaflet-popup-tip {
|
||||||
|
border: 1px solid #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* div icon */
|
||||||
|
|
||||||
|
.leaflet-div-icon {
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #666;
|
||||||
|
}
|
@ -0,0 +1,10 @@
|
|||||||
|
.leaflet-grid-label .lng {
|
||||||
|
margin-left: 8px;
|
||||||
|
-webkit-transform: rotate(90deg);
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-grid-label .lat,
|
||||||
|
.leaflet-grid-label .lng {
|
||||||
|
text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
|
||||||
|
}
|
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 1.0 KiB |
@ -0,0 +1,302 @@
|
|||||||
|
/* ================================================================== */
|
||||||
|
/* Toolbars
|
||||||
|
/* ================================================================== */
|
||||||
|
|
||||||
|
.leaflet-draw-section {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar {
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar-top {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar-notop a:first-child {
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar-nobottom a:last-child {
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar a {
|
||||||
|
background-image: url('images/spritesheet.png');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-retina .leaflet-draw-toolbar a {
|
||||||
|
background-image: url('images/spritesheet-2x.png');
|
||||||
|
background-size: 270px 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw a {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================== */
|
||||||
|
/* Toolbar actions menu
|
||||||
|
/* ================================================================== */
|
||||||
|
|
||||||
|
.leaflet-draw-actions {
|
||||||
|
display: none;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */
|
||||||
|
top: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-actions {
|
||||||
|
left: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-right .leaflet-draw-actions {
|
||||||
|
right:26px;
|
||||||
|
left:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-right .leaflet-draw-actions {
|
||||||
|
right:32px;
|
||||||
|
left:auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-actions li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-actions li:first-child a {
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-actions li:last-child a {
|
||||||
|
-webkit-border-radius: 0 4px 4px 0;
|
||||||
|
border-radius: 0 4px 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-right .leaflet-draw-actions li:last-child a {
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-right .leaflet-draw-actions li:first-child a {
|
||||||
|
-webkit-border-radius: 4px 0 0 4px;
|
||||||
|
border-radius: 4px 0 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-actions a {
|
||||||
|
background-color: #919187;
|
||||||
|
border-left: 1px solid #AAA;
|
||||||
|
color: #FFF;
|
||||||
|
font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
|
line-height: 28px;
|
||||||
|
text-decoration: none;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
height: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-actions a {
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 30px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-actions-bottom {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-actions-top {
|
||||||
|
margin-top: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-actions-top a,
|
||||||
|
.leaflet-draw-actions-bottom a {
|
||||||
|
height: 27px;
|
||||||
|
line-height: 27px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-actions a:hover {
|
||||||
|
background-color: #A0A098;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
|
||||||
|
height: 26px;
|
||||||
|
line-height: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================== */
|
||||||
|
/* Draw toolbar
|
||||||
|
/* ================================================================== */
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar .leaflet-draw-draw-polyline {
|
||||||
|
background-position: -2px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
|
||||||
|
background-position: 0 -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
|
||||||
|
background-position: -31px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
|
||||||
|
background-position: -29px -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
|
||||||
|
background-position: -62px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
|
||||||
|
background-position: -60px -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar .leaflet-draw-draw-circle {
|
||||||
|
background-position: -92px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
|
||||||
|
background-position: -90px -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar .leaflet-draw-draw-marker {
|
||||||
|
background-position: -122px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker {
|
||||||
|
background-position: -120px -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================== */
|
||||||
|
/* Edit toolbar
|
||||||
|
/* ================================================================== */
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar .leaflet-draw-edit-edit {
|
||||||
|
background-position: -152px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
|
||||||
|
background-position: -150px -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar .leaflet-draw-edit-remove {
|
||||||
|
background-position: -182px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove {
|
||||||
|
background-position: -180px -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
|
||||||
|
background-position: -212px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled {
|
||||||
|
background-position: -210px -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
|
||||||
|
background-position: -242px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled {
|
||||||
|
background-position: -240px -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================== */
|
||||||
|
/* Drawing styles
|
||||||
|
/* ================================================================== */
|
||||||
|
|
||||||
|
.leaflet-mouse-marker {
|
||||||
|
background-color: #fff;
|
||||||
|
cursor: crosshair;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-tooltip {
|
||||||
|
background: rgb(54, 54, 54);
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
border: 1px solid transparent;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #fff;
|
||||||
|
font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-top: -21px;
|
||||||
|
padding: 4px 8px;
|
||||||
|
position: absolute;
|
||||||
|
visibility: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
z-index: 6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-tooltip:before {
|
||||||
|
border-right: 6px solid black;
|
||||||
|
border-right-color: rgba(0, 0, 0, 0.5);
|
||||||
|
border-top: 6px solid transparent;
|
||||||
|
border-bottom: 6px solid transparent;
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 7px;
|
||||||
|
left: -7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-error-draw-tooltip {
|
||||||
|
background-color: #F2DEDE;
|
||||||
|
border: 1px solid #E6B6BD;
|
||||||
|
color: #B94A48;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-error-draw-tooltip:before {
|
||||||
|
border-right-color: #E6B6BD;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-tooltip-single {
|
||||||
|
margin-top: -12px
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-tooltip-subtext {
|
||||||
|
color: #f8d5e4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-draw-guide-dash {
|
||||||
|
font-size: 1%;
|
||||||
|
opacity: 0.6;
|
||||||
|
position: absolute;
|
||||||
|
width: 5px;
|
||||||
|
height: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================== */
|
||||||
|
/* Edit styles
|
||||||
|
/* ================================================================== */
|
||||||
|
|
||||||
|
.leaflet-edit-marker-selected {
|
||||||
|
background: rgba(254, 87, 161, 0.1);
|
||||||
|
border: 4px dashed rgba(254, 87, 161, 0.6);
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-edit-move {
|
||||||
|
cursor: move;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-edit-resize {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================== */
|
||||||
|
/* Old IE styles
|
||||||
|
/* ================================================================== */
|
||||||
|
|
||||||
|
.leaflet-oldie .leaflet-draw-toolbar {
|
||||||
|
border: 1px solid #999;
|
||||||
|
}
|
After Width: | Height: | Size: 142 B |
After Width: | Height: | Size: 155 B |
@ -0,0 +1,34 @@
|
|||||||
|
.leaflet-control-fullscreen a {
|
||||||
|
background:#fff url(fullscreen.png) no-repeat 0 0;
|
||||||
|
background-size:26px 52px;
|
||||||
|
}
|
||||||
|
.leaflet-fullscreen-on .leaflet-control-fullscreen a {
|
||||||
|
background-position:0 -26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Do not combine these two rules; IE will break. */
|
||||||
|
.leaflet-container:-webkit-full-screen {
|
||||||
|
width:100%!important;
|
||||||
|
height:100%!important;
|
||||||
|
}
|
||||||
|
.leaflet-container.leaflet-fullscreen-on {
|
||||||
|
width:100%!important;
|
||||||
|
height:100%!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-pseudo-fullscreen {
|
||||||
|
position:fixed!important;
|
||||||
|
width:100%!important;
|
||||||
|
height:100%!important;
|
||||||
|
top:0!important;
|
||||||
|
left:0!important;
|
||||||
|
z-index:99999;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media
|
||||||
|
(-webkit-min-device-pixel-ratio:2),
|
||||||
|
(min-resolution:192dpi) {
|
||||||
|
.leaflet-control-fullscreen a {
|
||||||
|
background-image:url(fullscreen@2x.png);
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,66 @@
|
|||||||
|
/*==================================================
|
||||||
|
* Effect 8
|
||||||
|
* ===============================================*/
|
||||||
|
.effect8 {
|
||||||
|
position: relative;
|
||||||
|
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
|
||||||
|
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
|
||||||
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
|
||||||
|
}
|
||||||
|
.effect8:before, .effect8:after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
|
||||||
|
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
|
||||||
|
box-shadow: 0 0 20px rgba(0,0,0,0.8);
|
||||||
|
top: 10px;
|
||||||
|
bottom: 10px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
-moz-border-radius: 100px /10px;
|
||||||
|
border-radius: 100px /10px;
|
||||||
|
}
|
||||||
|
.effect8:after {
|
||||||
|
right: 10px;
|
||||||
|
left: auto;
|
||||||
|
-webkit-transform: skew(8deg) rotate(3deg);
|
||||||
|
-moz-transform: skew(8deg) rotate(3deg);
|
||||||
|
-ms-transform: skew(8deg) rotate(3deg);
|
||||||
|
-o-transform: skew(8deg) rotate(3deg);
|
||||||
|
transform: skew(8deg) rotate(3deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: radial-gradient(circle, rgb(148 210, 248), rgb(58, 146, 200)) repeat scroll 0% 0% transparent;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: radial-gradient(circle, rgb(148, 210, 248), rgb(58, 146, 200));
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-attachment: scroll;
|
||||||
|
background-position: 0% 0%;
|
||||||
|
background-clip: border-box;
|
||||||
|
background-origin: padding-box;
|
||||||
|
background-size: auto auto;
|
||||||
|
background: radial-gradient(circle, rgb(148, 210, 248), rgb(58, 146, 200)) repeat scroll 0% 0% transparent;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: radial-gradient(circle, rgb(148, 210, 248), rgb(58, 146, 200));
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-attachment: scroll;
|
||||||
|
background-position: 0% 0%;
|
||||||
|
background-clip: border-box;
|
||||||
|
background-origin: padding-box;
|
||||||
|
background-size: auto auto;
|
||||||
|
background: radial-gradient(circle, rgb(148, 210, 248), rgb(58, 146, 200)) repeat scroll 0% 0% transparent;
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: radial-gradient(circle, rgb(148, 210, 248), rgb(58, 146, 200));
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-attachment: scroll;
|
||||||
|
background-position: 0% 0%;
|
||||||
|
background-clip: border-box;
|
||||||
|
background-origin: padding-box;
|
||||||
|
background-size: auto auto;
|
||||||
|
}
|
||||||
|
.fixer {
|
||||||
|
padding: 0 15px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
@ -0,0 +1,54 @@
|
|||||||
|
|
||||||
|
/*.navbar {
|
||||||
|
background-color: rgba(54, 51, 45, 0.7);
|
||||||
|
background: rgba(54, 51, 45, 0.7);
|
||||||
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
border-radius: 0px 0px 0px 0px;
|
||||||
|
-webkit-box-shadow: 0px 16px 29px -17px rgba(33, 20, 4, 1);
|
||||||
|
-moz-box-shadow: 0px 16px 29px -17px rgba(33, 20, 4, 1);
|
||||||
|
box-shadow: 0px 16px 29px -17px rgba(33, 20, 4, 1);
|
||||||
|
border: none;
|
||||||
|
margin: auto;
|
||||||
|
z-index: 0;
|
||||||
|
}*/
|
||||||
|
|
||||||
|
.uk-notify {
|
||||||
|
z-index: 2147483647 !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-top {
|
||||||
|
top: 30px !important;
|
||||||
|
}
|
||||||
|
#mapSearch {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container {
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-top {
|
||||||
|
/*To prevent cutting off the top element by header bar in dashboard*/
|
||||||
|
top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-right {
|
||||||
|
/* to prevent showing layers controller over objectInfor side pane */
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-popup-content {
|
||||||
|
width: 200px;
|
||||||
|
margin: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#objectInfoCloseButton:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
color: firebrick;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sectionJointStyle {
|
||||||
|
stroke-dasharray: 3, 20;
|
||||||
|
}
|
@ -0,0 +1,34 @@
|
|||||||
|
/*
|
||||||
|
* Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
|
||||||
|
*
|
||||||
|
* WSO2 Inc. licenses this file to you under the Apache License,
|
||||||
|
* Version 2.0 (the "License"); you may not use this file except
|
||||||
|
* in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
*
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing,
|
||||||
|
* software distributed under the License is distributed on an
|
||||||
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||||||
|
* KIND, either express or implied. See the License for the
|
||||||
|
* specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*html, body {*/
|
||||||
|
/*height: 100%;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
#map {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sectionJointStyle {
|
||||||
|
stroke-dasharray: 3, 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leaflet-control-attribution.leaflet-control {
|
||||||
|
font-size: 8px;
|
||||||
|
}
|
After Width: | Height: | Size: 5.2 KiB |
After Width: | Height: | Size: 8.4 KiB |
After Width: | Height: | Size: 9.4 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 5.9 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 3.9 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 797 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 797 B |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 4.8 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 2.9 KiB |