Skip to content

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

push

parent 0809dfd0
Show 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,14 +85,9 @@ ...@@ -199,14 +85,9 @@
Sungai Sungai
</label> </label>
</div> </div>
</div>
<div class="col-md-6">
<ul id="myUL">
<li>
<div class="ceret"> <div class="ceret">
<label> <label>
<input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;"> <input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;" >
Batas Teritori Batas Teritori
</label> </label>
</div> </div>
...@@ -232,8 +113,8 @@ ...@@ -232,8 +113,8 @@
</label> </label>
</div> </div>
</ul> </ul>
</li> </div>
<li> <div class="col-md-6">
<div class="ceret"> <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="po_all" onclick="gas_all()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
...@@ -311,117 +192,91 @@ ...@@ -311,117 +192,91 @@
</label> </label>
</div> </div>
</ul> </ul>
</li>
</ul>
</div> </div>
</div> </div>
</ul> </ul>
</div> </div>
</div> </div>
<!-- Second navbar --> <div class="fixed-plugin" style="position: absolute;z-index: 999;">
<div class="navbar navbar-default" id="navbar-second" style="display: none;"> <div class="dropdown show-dropdown">
<ul class="nav navbar-nav no-border visible-xs-block"> <a href="#" data-toggle="dropdown">
<li><a class="text-center collapsed" data-toggle="collapse" data-target="#navbar-second-toggle"><i class="icon-menu7"></i></a></li> <i class="fa fa-cog fa-2x"> </i>
</ul> </a>
<ul class="dropdown-menu" x-placement="bottom-start" style="float: right; position: absolute; margin-left: -757px !important; margin-top: -35px !important;">
<div class="navbar-collapse collapse" id="navbar-second-toggle"> <li class="header-title"> Maps BaseLayer</li>
<ul class="nav navbar-nav">
<li class="active"><a href="{% url 'apps:dashboard' %}"><i class="icon-display4 position-left"></i> Dashboard</a></li>
<li>
<div onmouseenter="resse()" onmouseleave="normalse()" id="DataTables_Table_0_filter" class="dataTables_filter" style="margin: 0px 0 0px 20px;padding-top:5px;">
<label>
<input type="search" class="search_desa" id="search_desa" placeholder="Type to search..." aria-controls="DataTables_Table_0">
</label>
<ul id="searchResult"></ul>
</div>
</li>
<li class="hidden-xs" id="jumlah" style="padding-top: 14px;padding-left: 14px;">
<!-- <li class="hidden-xs"><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="list-btn"><i class="fa fa-list white"></i>&nbsp;&nbsp;List</a></li> -->
</li>
{% block btnlist %} {% endblock btnlist %}
</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="dropdown-content-body">
<div class="row text-center"> <div class="row text-center">
<div class="col-md-3"> <div class="col-md-3" style="margin-top: 2px;">
<ul class="menu-list"> <ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="OpenStreetMap"> <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;"> <img src="{% static 'img/maps/osm.PNG' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading underlined"> <span class="menu-heading">
&nbsp;&nbsp;Google Street</span> Google Street</span>
</a> </a>
</li>
</ul> </ul>
</div> </div>
<div class="col-md-3 align-center"> <div class="col-md-3">
<ul class="menu-list"> <ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery"> <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;"> <img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading underlined"> <span class="menu-heading">
&nbsp;&nbsp;World Imagery</span> World Imagery</span>
</a> </a>
</li>
</ul> </ul>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<ul class="menu-list"> <ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite"> <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;"> <img src="{% static 'img/maps/bing.png' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading underlined"> <span class="menu-heading">
&nbsp;&nbsp;Bing Satellite</span> Bing Satellite</span>
</a> </a>
</li>
</ul> </ul>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<ul class="menu-list"> <ul class="menu-list">
<li>
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite"> <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;"> <img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; min-height:20px;">
<span class="menu-heading underlined"> <span class="menu-heading">
&nbsp;&nbsp;Google Satellite</span> Google Satellite</span>
</a> </a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</ul>
</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> <!-- Second navbar -->
<div class="navbar navbar-default" id="navbar-second" style="display: none;">
<ul class="nav navbar-nav no-border visible-xs-block">
<li><a class="text-center collapsed" data-toggle="collapse" data-target="#navbar-second-toggle"><i class="icon-menu7"></i></a></li>
</ul> </ul>
<div class="navbar-collapse collapse" id="navbar-second-toggle">
<ul class="nav navbar-nav">
<li class="active"><a href="{% url 'apps:dashboard' %}"><i class="icon-display4 position-left"></i> Dashboard</a></li>
<li>
<div onmouseenter="resse()" onmouseleave="normalse()" id="DataTables_Table_0_filter" class="dataTables_filter" style="margin: 0px 0 0px 20px;padding-top:5px;">
<label>
<input type="search" class="search_desa" id="search_desa" placeholder="Type to search..." aria-controls="DataTables_Table_0">
</label>
<ul id="searchResult"></ul>
</div>
</li> </li>
<li class="hidden-xs" id="jumlah" style="padding-top: 14px;padding-left: 14px;">
<!-- <li class="hidden-xs"><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="list-btn"><i class="fa fa-list white"></i>&nbsp;&nbsp;List</a></li> -->
</li> </li>
{% block btnlist %} {% endblock btnlist %}
</ul> </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