Skip to content

O
OKU-GIS
Commit 48ecc587 authored by Manggar Mahardhika's avatar Manggar Mahardhika
Browse files
Options

push

parent 0809dfd0
Hide whitespace changes
Inline Side-by-side
Showing with 149 additions and 294 deletions
static/css/plugin.css
View file @ 48ecc587
...@@ -1073,7 +1073,7 @@ ...@@ -1073,7 +1073,7 @@
content: ""; content: "";
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 65px; top: 22px;
width: 16px; width: 16px;
transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%);
......
templates/includes/navbar.html
View file @ 48ecc587
...@@ -42,121 +42,7 @@ ...@@ -42,121 +42,7 @@
</div> </div>
<div class="fixed-plugin" style="position: absolute;z-index: 999;top: 60px;"> <div class="fixed-plugin" style="position: absolute;z-index: 999;top: 60px;">
<div class="dropdown show-dropdown">
<a href="#" data-toggle="dropdown">
<i class="fa fa-cog fa-2x"> </i>
</a>
<ul class="dropdown-menu" style="left: -700!important;">
<li class="header-title"> Sidebar Filters</li>
<div class="dropdown-content-body">
<div class="row text-center">
<div class="col-md-3">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="OpenStreetMap">
<img src="{% static 'img/maps/osm.PNG' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading">
&nbsp;&nbsp;Google Street</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3 align-center">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading">
&nbsp;&nbsp;World Imagery</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite">
<img src="{% static 'img/maps/bing.png' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading">
&nbsp;&nbsp;Bing Satellite</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading">
&nbsp;&nbsp;Google Satellite</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="OpenStreetMap">
<img src="{% static 'img/maps/osm.PNG' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading">
&nbsp;&nbsp;Google Street</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3 align-center">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading">
&nbsp;&nbsp;World Imagery</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite">
<img src="{% static 'img/maps/bing.png' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading">
&nbsp;&nbsp;Bing Satellite</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading">
&nbsp;&nbsp;Google Satellite</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</ul>
</div>
</div>
<div class="fixed-plugin" style="position: absolute;z-index: 999;">
<div class="dropdown show-dropdown"> <div class="dropdown show-dropdown">
<a href="#" data-toggle="dropdown"> <a href="#" data-toggle="dropdown">
<i class="fa fa-map-o fa-2x" style="color: #FFFFFF; <i class="fa fa-map-o fa-2x" style="color: #FFFFFF;
...@@ -164,7 +50,7 @@ ...@@ -164,7 +50,7 @@
border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
width: auto;"> </i> width: auto;"> </i>
</a> </a>
<ul class="dropdown-menu" style="width:470px!important;left:480px!important"> <ul class="dropdown-menu" style="float: right; position: absolute; margin-left: -757px !important; margin-top: -34px !important;">
<li class="header-title"> Sidebar Filters</li> <li class="header-title"> Sidebar Filters</li>
<!-- <div id="sidebar" onmouseleave="overll()"> <!-- <div id="sidebar" onmouseleave="overll()">
<div class="sidebar-wrapper"> <div class="sidebar-wrapper">
...@@ -176,7 +62,7 @@ ...@@ -176,7 +62,7 @@
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;"> <input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;">
lahan Lahan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
...@@ -199,124 +85,166 @@ ...@@ -199,124 +85,166 @@
Sungai Sungai
</label> </label>
</div> </div>
<div class="ceret">
</div> <label>
<div class="col-md-6"> <input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;" >
<ul id="myUL"> Batas Teritori
<li> </label>
<div class="ceret"> </div>
<ul class="nasted">
<div class="checkbox">
<label> <label>
<input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;"> <input type="checkbox" id="batas_kota" onclick="bataskota()" style="margin-top:2px;">
Batas Teritori Batas Kabupaten/Kota
</label> </label>
</div> </div>
<ul class="nasted">
<div class="checkbox">
<label>
<input type="checkbox" id="batas_kota" onclick="bataskota()" style="margin-top:2px;">
Batas Kabupaten/Kota
</label>
</div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="batas_kec" onclick="bataskec()" style="margin-top:2px;"> <input type="checkbox" id="batas_kec" onclick="bataskec()" style="margin-top:2px;">
Batas Kecamatan Batas Kecamatan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label>
<input type="checkbox" id="batas_desa" onclick="batasdesa()" style="margin-top:2px;">
Batas Desa/Kelurahan
</label>
</div>
</ul>
</li>
<li>
<div class="ceret">
<label> <label>
<input type="checkbox" id="po_all" onclick="gas_all()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="batas_desa" onclick="batasdesa()" style="margin-top:2px;">
Point Batas Desa/Kelurahan
</label> </label>
</div> </div>
</ul>
</div>
<div class="col-md-6">
<div class="ceret">
<label>
<input type="checkbox" id="po_all" onclick="gas_all()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Point
</label>
</div>
<ul class="nasted"> <ul class="nasted">
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="knt_adm" onclick="k_adm()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="knt_adm" onclick="k_adm()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Kantor Administrasi Kantor Administrasi
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="lyn_kes" onclick="l_kes()" value="RED" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="lyn_kes" onclick="l_kes()" value="RED" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Layanan Kesehatan Layanan Kesehatan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="pus" onclick="pks()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="pus" onclick="pks()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Puskesmas Puskesmas
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="rusak" onclick="rs()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="rusak" onclick="rs()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Rumah Sakit Rumah Sakit
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="ibdh" onclick="fiksi()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="ibdh" onclick="fiksi()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Sarana Ibadah Sarana Ibadah
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="dididik" onclick="didik()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="dididik" onclick="didik()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Sarana Pendidikan Sarana Pendidikan
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="pom_bengsin" onclick="pom_mini()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="pom_bengsin" onclick="pom_mini()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
SPBU SPBU
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="tasiun" onclick="sthall()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="tasiun" onclick="sthall()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Stasiun Stasiun
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="caheum" onclick="temanggung()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="caheum" onclick="temanggung()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Terminal Bus Terminal Bus
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="cabud" onclick="cb100()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="cabud" onclick="cb100()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Cagar Budaya dan Pariwisata Cagar Budaya dan Pariwisata
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="gardu" onclick="gl100()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;"> <input type="checkbox" id="gardu" onclick="gl100()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Gardu Listrik Gardu Listrik
</label> </label>
</div> </div>
</ul>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</ul>
</div>
</div>
<div class="fixed-plugin" style="position: absolute;z-index: 999;">
<div class="dropdown show-dropdown">
<a href="#" data-toggle="dropdown">
<i class="fa fa-cog fa-2x"> </i>
</a>
<ul class="dropdown-menu" x-placement="bottom-start" style="float: right; position: absolute; margin-left: -757px !important; margin-top: -35px !important;">
<li class="header-title"> Maps BaseLayer</li>
<div class="dropdown-content-body">
<div class="row text-center">
<div class="col-md-3" style="margin-top: 2px;">
<ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="OpenStreetMap">
<img src="{% static 'img/maps/osm.PNG' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading">
Google Street</span>
</a>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading">
World Imagery</span>
</a>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite">
<img src="{% static 'img/maps/bing.png' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading">
Bing Satellite</span>
</a>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading">
Google Satellite</span>
</a>
</ul>
</div>
</div>
</div>
</ul> </ul>
</div> </div>
</div> </div>
...@@ -348,80 +276,7 @@ ...@@ -348,80 +276,7 @@
</ul> </ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown mega-menu mega-menu-wide">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-map4 position-left"></i> Baselayer <span class="caret"></span></a>
<div class="dropdown-menu dropdown-content" style="z-index: 99999;">
<div class="dropdown-content-body">
<div class="row text-center">
<div class="col-md-3">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="OpenStreetMap">
<img src="{% static 'img/maps/osm.PNG' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading underlined">
&nbsp;&nbsp;Google Street</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3 align-center">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading underlined">
&nbsp;&nbsp;World Imagery</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite">
<img src="{% static 'img/maps/bing.png' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading underlined">
&nbsp;&nbsp;Bing Satellite</span>
</a>
</li>
</ul>
</div>
<div class="col-md-3">
<ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="max-width: 180px; max-height:180px;">
<span class="menu-heading underlined">
&nbsp;&nbsp;Google Satellite</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown">
<li class="dropdown ">
<a href="#" id="sid" class="dropdown-toggle">
<i class="icon-cog3"></i>
<span class="visible-xs-inline-block position-right">Share</span>
</span>&nbsp;&nbsp; Overlay
<span class="caret"></span>
</a>
<a href="#" id="offsid" class="dropdown-toggle" style="display: none;">
<i class="icon-cog3"></i>
<span class="visible-xs-inline-block position-right">Share</span>
</span>&nbsp;&nbsp; Overlay
<span class="caret"></span>
</a>
<ul>
</ul>
</li>
</li>
</ul>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment