vedas

Clone or download

buffer change

Modified Files

var map;
var map;
var clickEvent;
var clickEvent;
var range = document.getElementById('range');
var range = document.getElementById('range');
var value=document.getElementById('bufferrange').defaultValue;
var value=document.getElementById('bufferrange').defaultValue;
var selecterange=value;
var selecterange=value;
function buffer(m)
function buffer(m)
{
{
map=m;
map=m;
range.innerHTML=value;
range.innerHTML=value;
alert(value)
}
}
$("#buffer").bind("click", function() {
$("#buffer").bind("click", function() {
activatebuffer();
activatebuffer();
});
});
function activatebuffer()
function activatebuffer()
{
{
deactivateClick();
deactivateClick();
setCursor(cursorStyle);
setCursor(cursorStyle);
clickEvent = (evt) => {
clickEvent = (evt) => {
// map.removeLayer(vectorLayer_buffer);
// map.removeLayer(vectorLayer_buffer);
// vectorSource.getSource().clear();
// vectorSource.getSource().clear();
var features=[];
var features=[];
var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
var lat= lonlat[0];
var lat= lonlat[0];
var lon=lonlat[1];
var lon=lonlat[1];
var coordMin = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
var coordMin = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
var coordMax = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
var coordMax = ol.proj.fromLonLat([lon,lat], 'EPSG:3857');
var extent=[coordMin[0],coordMin[1],coordMax[0],coordMax[1]];
var extent=[coordMin[0],coordMin[1],coordMax[0],coordMax[1]];
extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
extent = ol.proj.transformExtent(extent, 'EPSG:4326', 'EPSG:3857');
map.getView().fit(extent);
map.getView().fit(extent);
map.getView().setCenter(ol.proj.transform([lat, lon], 'EPSG:4326', 'EPSG:3857'));
map.getView().setCenter(ol.proj.transform([lat, lon], 'EPSG:4326', 'EPSG:3857'));
map.getView().setZoom(12);
map.getView().setZoom(12);
getvillagebuffer(lat,lon,selecterange);
getvillagebuffer(lat,lon,selecterange);
console.log(value)
console.log(value)
var point = new ol.geom.Circle(ol.proj.transform([lat,lon],'EPSG:4326', 'EPSG:3857'),selecterange*1210);
var point = new ol.geom.Circle(ol.proj.transform([lat,lon],'EPSG:4326', 'EPSG:3857'),selecterange*1210);
console.log(point.getCenter());
console.log(point.getCenter());
console.log(point);
console.log(point);
var pointFeature = new ol.Feature(point);
var pointFeature = new ol.Feature(point);
features.push(pointFeature);
features.push(pointFeature);
var vectorSource = new ol.source.Vector({
var vectorSource = new ol.source.Vector({
projection: 'EPSG:4326',
projection: 'EPSG:4326',
features: features
features: features
});
});
var vectorLayer_buffer = new ol.layer.Vector({
var vectorLayer_buffer = new ol.layer.Vector({
source : vectorSource,
source : vectorSource,
style : customStyleFunction()
style : customStyleFunction()
});
});
console.log(vectorLayer_buffer)
console.log(vectorLayer_buffer)
map.addLayer(vectorLayer_buffer);
map.addLayer(vectorLayer_buffer);
};
};
map.on('singleclick', clickEvent);
map.on('singleclick', clickEvent);
}
}
function customStyleFunction()
function customStyleFunction()
{
{
return [ new ol.style.Style({
return [ new ol.style.Style({
fill : new ol.style.Fill({
fill : new ol.style.Fill({
opacity : 0.6,
opacity : 0.6,
color : 'rgba(255,255,204,0.3)'
color : 'rgba(255,255,204,0.3)'
}),
}),
stroke : new ol.style.Stroke({
stroke : new ol.style.Stroke({
width : 2,
width : 2,
color : 'red',
color : 'red',
radius : 1
radius : 1
}),
}),
image : new ol.style.Circle({
image : new ol.style.Circle({
fill : new ol.style.Fill({
fill : new ol.style.Fill({
color : 'rgba(51, 204, 255,0.3)'
color : 'rgba(51, 204, 255,0.3)'
}),
}),
stroke : new ol.style.Stroke({
stroke : new ol.style.Stroke({
width : 1,
width : 1,
color : 'blue'
color : 'blue'
}),
}),
radius : 3
radius : 3
}),
}),
})];
})];
}
}
var bufferrange=$('#bufferrange');
var bufferrange=$('#bufferrange');
bufferrange.on('change', function () {
bufferrange.on('change', function () {
range.innerHTML = '';
range.innerHTML = '';
if(this.value!=="")
if(this.value!=="")
{
{
range.innerHTML = this.value ;
range.innerHTML = this.value ;
selecterange=this.value;
selecterange=this.value;
}
}
});
});
function getvillagebuffer(lat,lon,value)
function getvillagebuffer(lat,lon,value)
{
{
var features = [];
var features = [];
var j=getBuffer(lat,lon,value);
var j=getBuffer(lat,lon,value);
if(j!="") {
if(j!="") {
var data={"lat":lat,"lon":lon,"range":value};
var data={"lat":lat,"lon":lon,"range":value};
var dataObjectString = JSON.stringify(data);
var dataObjectString = JSON.stringify(data);
console.log(dataObjectString);
console.log(dataObjectString);
var enc = Base64.encode(dataObjectString);
var enc = Base64.encode(dataObjectString);
window.open('bufferReport?data='+enc,"_blank");
window.open('bufferReport?data='+enc,"_blank");
console.log(j);
console.log(j);
var geomP, feature;
var geomP, feature;
for (var i = 0; i < j.length; i++) {
for (var i = 0; i < j.length; i++) {
latitude=j[i].lon;
latitude=j[i].lon;
longitude=j[i].lat;
longitude=j[i].lat;
geomP = new ol.geom.Point(ol.proj.transform([latitude, longitude ], 'EPSG:4326', 'EPSG:3857'));
geomP = new ol.geom.Point(ol.proj.transform([latitude, longitude ], 'EPSG:4326', 'EPSG:3857'));
feature = new ol.Feature(geomP);
feature = new ol.Feature(geomP);
features.push(feature);
features.push(feature);
}
}
var point_geom = new ol.geom.Point(
var point_geom = new ol.geom.Point(
[20, 20]
[20, 20]
);
);
point_feature.setGeometry(point_geom);
point_feature.setGeometry(point_geom);
var vector_layer = new ol.layer.Vector({
var vector_layer = new ol.layer.Vector({
source: new ol.source.Vector({
source: new ol.source.Vector({
features: [point_feature]
features: [point_feature]
})
})
})
})
map.addLayer(vector_layer);
map.addLayer(vector_layer);
var vectorSource = new ol.source.Vector({
var vectorSource = new ol.source.Vector({
features : features
features : features
});
});
var vectorLayer = new ol.layer.Vector({
var vectorLayer = new ol.layer.Vector({
source : vectorSource,
source : vectorSource,
style : customStyleFunction()
style : customStyleFunction()
});
});
console.log(vectorLayer);
console.log(vectorLayer);
map.addLayer(vectorLayer);
map.addLayer(vectorLayer);
};
};
}
}
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<html lang="en">
<!-- Mirrored from themedesigner.in/demo/admin-press/main/index2.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 04 May 2019 05:15:32 GMT -->
<!-- Mirrored from themedesigner.in/demo/admin-press/main/index2.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 04 May 2019 05:15:32 GMT -->
<head>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="description" content="">
<meta name="author" content="">
<meta name="author" content="">
<!-- Favicon icon -->
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/bisag_logo.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/bisag_logo.png">
<title>SDIS</title>
<title>SDIS</title>
<!-- Bootstrap Core CSS -->
<!-- Bootstrap Core CSS -->
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- chartist CSS -->
<!-- chartist CSS -->
<link href="assets/plugins/chartist-js/dist/chartist.min.css" rel="stylesheet">
<link href="assets/plugins/chartist-js/dist/chartist.min.css" rel="stylesheet">
<link href="assets/plugins/chartist-js/dist/chartist-init.css" rel="stylesheet">
<link href="assets/plugins/chartist-js/dist/chartist-init.css" rel="stylesheet">
<link href="assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.css" rel="stylesheet">
<link href="assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.css" rel="stylesheet">
<!-- morris CSS -->
<!-- morris CSS -->
<link href="assets/plugins/morrisjs/morris.css" rel="stylesheet">
<link href="assets/plugins/morrisjs/morris.css" rel="stylesheet">
<!-- Vector CSS -->
<!-- Vector CSS -->
<link href="assets/plugins/vectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet" />
<link href="assets/plugins/vectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet" />
<!-- Custom CSS -->
<!-- Custom CSS -->
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- You can change the theme colors from here -->
<!-- You can change the theme colors from here -->
<link href="assets/css/colors/blue.css" id="theme" rel="stylesheet">
<link href="assets/css/colors/blue.css" id="theme" rel="stylesheet">
<link href="ol/ol.css" rel="stylesheet">
<link href="ol/ol.css" rel="stylesheet">
<link href="customol/css/customOlStyle.css" rel="stylesheet" />
<link href="customol/css/customOlStyle.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css">
<link href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css">
<link href="https://cdn.datatables.net/buttons/1.6.5/css/buttons.dataTables.min.css">
<link href="https://cdn.datatables.net/buttons/1.6.5/css/buttons.dataTables.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<![endif]-->
</head>
</head>
<body class="fix-header fix-sidebar card-no-border">
<body class="fix-header fix-sidebar card-no-border">
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<div class="preloader">
<div class="preloader">
<svg class="circular" viewBox="25 25 50 50">
<svg class="circular" viewBox="25 25 50 50">
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
</div>
</div>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<div id="main-wrapper">
<div id="main-wrapper">
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Topbar header - style you can find in pages.scss -->
<!-- Topbar header - style you can find in pages.scss -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<header class="topbar" style="background: #1976d2;">
<header class="topbar" style="background: #1976d2;">
<nav class="navbar top-navbar navbar-expand-md navbar-light">
<nav class="navbar top-navbar navbar-expand-md navbar-light">
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Logo -->
<!-- Logo -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<div class="navbar-header">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<a class="navbar-brand" href="index.html">
<!-- Logo icon --><b>
<!-- Logo icon --><b>
<!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
<!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
<!-- Dark Logo icon -->
<!-- Dark Logo icon -->
<!-- <img src="assets/images/logo-icon.png" alt="homepage" class="dark-logo" /> -->
<!-- <img src="assets/images/logo-icon.png" alt="homepage" class="dark-logo" /> -->
<!-- Light Logo icon -->
<!-- Light Logo icon -->
<!-- <img src="assets/images/logo-light-icon.png" alt="homepage" class="light-logo" /> -->
<!-- <img src="assets/images/logo-light-icon.png" alt="homepage" class="light-logo" /> -->
</b>
</b>
<!--End Logo icon -->
<!--End Logo icon -->
<!-- Logo text --><span>
<!-- Logo text --><span>
<!-- dark Logo text -->
<!-- dark Logo text -->
<img src="assets/images/bisag_logo.png" alt="homepage" class="dark-logo" style="height: 48px;" />
<img src="assets/images/bisag_logo.png" alt="homepage" class="dark-logo" style="height: 48px;" />
<!-- Light Logo text -->
<!-- Light Logo text -->
<img src="assets/images/logo-light-text.png" class="light-logo" alt="homepage" /></span> </a>
<img src="assets/images/logo-light-text.png" class="light-logo" alt="homepage" /></span> </a>
</div>
</div>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Logo -->
<!-- End Logo -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<div class="navbar-collapse">
<div class="navbar-collapse">
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- toggle and nav items -->
<!-- toggle and nav items -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<ul class="navbar-nav mr-auto mt-md-0">
<ul class="navbar-nav mr-auto mt-md-0">
<!-- This is -->
<!-- This is -->
<li class="nav-item"> <a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="mdi mdi-menu"></i></a> </li>
<li class="nav-item"> <a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="mdi mdi-menu"></i></a> </li>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Comment -->
<!-- Comment -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted text-muted waves-effect waves-dark" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-message"></i>
<a class="nav-link dropdown-toggle text-muted text-muted waves-effect waves-dark" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-message"></i>
<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
</a>
</a>
<div class="dropdown-menu mailbox animated slideInUp">
<div class="dropdown-menu mailbox animated slideInUp">
<ul>
<ul>
<li>
<li>
<div class="drop-title">Notifications</div>
<div class="drop-title">Notifications</div>
</li>
</li>
<li>
<li>
<div class="message-center">
<div class="message-center">
<!-- Message -->
<!-- Message -->
<a href="#">
<a href="#">
<div class="btn btn-danger btn-circle"><i class="fa fa-link"></i></div>
<div class="btn btn-danger btn-circle"><i class="fa fa-link"></i></div>
<div class="mail-contnet">
<div class="mail-contnet">
<h5>Luanch Admin</h5> <span class="mail-desc">Just see the my new admin!</span> <span class="time">9:30 AM</span> </div>
<h5>Luanch Admin</h5> <span class="mail-desc">Just see the my new admin!</span> <span class="time">9:30 AM</span> </div>
</a>
</a>
<!-- Message -->
<!-- Message -->
<a href="#">
<a href="#">
<div class="btn btn-success btn-circle"><i class="ti-calendar"></i></div>
<div class="btn btn-success btn-circle"><i class="ti-calendar"></i></div>
<div class="mail-contnet">
<div class="mail-contnet">
<h5>Event today</h5> <span class="mail-desc">Just a reminder that you have event</span> <span class="time">9:10 AM</span> </div>
<h5>Event today</h5> <span class="mail-desc">Just a reminder that you have event</span> <span class="time">9:10 AM</span> </div>
</a>
</a>
<!-- Message -->
<!-- Message -->
<a href="#">
<a href="#">
<div class="btn btn-info btn-circle"><i class="ti-settings"></i></div>
<div class="btn btn-info btn-circle"><i class="ti-settings"></i></div>
<div class="mail-contnet">
<div class="mail-contnet">
<h5>Settings</h5> <span class="mail-desc">You can customize this template as you want</span> <span class="time">9:08 AM</span> </div>
<h5>Settings</h5> <span class="mail-desc">You can customize this template as you want</span> <span class="time">9:08 AM</span> </div>
</a>
</a>
<!-- Message -->
<!-- Message -->
<a href="#">
<a href="#">
<div class="btn btn-primary btn-circle"><i class="ti-user"></i></div>
<div class="btn btn-primary btn-circle"><i class="ti-user"></i></div>
<div class="mail-contnet">
<div class="mail-contnet">
<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span> </div>
<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span> </div>
</a>
</a>
</div>
</div>
</li>
</li>
<li>
<li>
<a class="nav-link text-center" href="javascript:void(0);"> <strong>Check all notifications</strong> <i class="fa fa-angle-right"></i> </a>
<a class="nav-link text-center" href="javascript:void(0);"> <strong>Check all notifications</strong> <i class="fa fa-angle-right"></i> </a>
</li>
</li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Comment -->
<!-- End Comment -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Messages -->
<!-- Messages -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="#" id="2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-email"></i>
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="#" id="2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-email"></i>
<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
<div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
</a>
</a>
<div class="dropdown-menu mailbox animated slideInUp" aria-labelledby="2">
<div class="dropdown-menu mailbox animated slideInUp" aria-labelledby="2">
<ul>
<ul>
<li>
<li>
<div class="drop-title">You have 4 new messages</div>
<div class="drop-title">You have 4 new messages</div>
</li>
</li>
<li>
<li>
<div class="message-center">
<div class="message-center">
<!-- Message -->
<!-- Message -->
<a href="#">
<a href="#">
<div class="user-img"> <img src="assets/images/users/1.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
<div class="user-img"> <img src="assets/images/users/1.jpg" alt="user" class="img-circle"> <span class="profile-status online pull-right"></span> </div>
<div class="mail-contnet">
<div class="mail-contnet">
<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:30 AM</span> </div>
<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:30 AM</span> </div>
</a>
</a>
<!-- Message -->
<!-- Message -->
<a href="#">
<a href="#">
<div class="user-img"> <img src="assets/images/users/2.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
<div class="user-img"> <img src="assets/images/users/2.jpg" alt="user" class="img-circle"> <span class="profile-status busy pull-right"></span> </div>
<div class="mail-contnet">
<div class="mail-contnet">
<h5>Sonu Nigam</h5> <span class="mail-desc">I've sung a song! See you at</span> <span class="time">9:10 AM</span> </div>
<h5>Sonu Nigam</h5> <span class="mail-desc">I've sung a song! See you at</span> <span class="time">9:10 AM</span> </div>
</a>
</a>
<!-- Message -->
<!-- Message -->
<a href="#">
<a href="#">
<div class="user-img"> <img src="assets/images/users/3.jpg" alt="user" class="img-circle"> <span class="profile-status away pull-right"></span> </div>
<div class="user-img"> <img src="assets/images/users/3.jpg" alt="user" class="img-circle"> <span class="profile-status away pull-right"></span> </div>
<div class="mail-contnet">
<div class="mail-contnet">
<h5>Arijit Sinh</h5> <span class="mail-desc">I am a singer!</span> <span class="time">9:08 AM</span> </div>
<h5>Arijit Sinh</h5> <span class="mail-desc">I am a singer!</span> <span class="time">9:08 AM</span> </div>
</a>
</a>
<!-- Message -->
<!-- Message -->
<a href="#">
<a href="#">
<div class="user-img"> <img src="assets/images/users/4.jpg" alt="user" class="img-circle"> <span class="profile-status offline pull-right"></span> </div>
<div class="user-img"> <img src="assets/images/users/4.jpg" alt="user" class="img-circle"> <span class="profile-status offline pull-right"></span> </div>
<div class="mail-contnet">
<div class="mail-contnet">
<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span> </div>
<h5>Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> <span class="time">9:02 AM</span> </div>
</a>
</a>
</div>
</div>
</li>
</li>
<li>
<li>
<a class="nav-link text-center" href="javascript:void(0);"> <strong>See all e-Mails</strong> <i class="fa fa-angle-right"></i> </a>
<a class="nav-link text-center" href="javascript:void(0);"> <strong>See all e-Mails</strong> <i class="fa fa-angle-right"></i> </a>
</li>
</li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Messages -->
<!-- End Messages -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Messages -->
<!-- Messages -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<li class="nav-item dropdown mega-dropdown"> <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="mdi mdi-view-grid"></i></a>
<li class="nav-item dropdown mega-dropdown"> <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="mdi mdi-view-grid"></i></a>
<div class="dropdown-menu animated slideInUp">
<div class="dropdown-menu animated slideInUp">
<ul class="mega-dropdown-menu row">
<ul class="mega-dropdown-menu row">
<li class="col-lg-3 col-xlg-2 m-b-30">
<li class="col-lg-3 col-xlg-2 m-b-30">
<h4 class="m-b-20">CAROUSEL</h4>
<h4 class="m-b-20">CAROUSEL</h4>
<!-- CAROUSEL -->
<!-- CAROUSEL -->
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="carousel-item active">
<div class="container"> <img class="d-block img-fluid" src="assets/images/big/img1.jpg" alt="First slide"></div>
<div class="container"> <img class="d-block img-fluid" src="assets/images/big/img1.jpg" alt="First slide"></div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-item">
<div class="container"><img class="d-block img-fluid" src="assets/images/big/img2.jpg" alt="Second slide"></div>
<div class="container"><img class="d-block img-fluid" src="assets/images/big/img2.jpg" alt="Second slide"></div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-item">
<div class="container"><img class="d-block img-fluid" src="assets/images/big/img3.jpg" alt="Third slide"></div>
<div class="container"><img class="d-block img-fluid" src="assets/images/big/img3.jpg" alt="Third slide"></div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
</div>
</div>
<!-- End CAROUSEL -->
<!-- End CAROUSEL -->
</li>
</li>
<li class="col-lg-3 m-b-30">
<li class="col-lg-3 m-b-30">
<h4 class="m-b-20">ACCORDION</h4>
<h4 class="m-b-20">ACCORDION</h4>
<!-- Accordian -->
<!-- Accordian -->
<div id="accordion" class="nav-accordion" role="tablist" aria-multiselectable="true">
<div id="accordion" class="nav-accordion" role="tablist" aria-multiselectable="true">
<div class="card">
<div class="card">
<div class="card-header" role="tab" id="headingOne">
<div class="card-header" role="tab" id="headingOne">
<h5 class="mb-0">
<h5 class="mb-0">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Collapsible Group Item #1
Collapsible Group Item #1
</a>
</a>
</h5> </div>
</h5> </div>
<div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
<div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high. </div>
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high. </div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card">
<div class="card-header" role="tab" id="headingTwo">
<div class="card-header" role="tab" id="headingTwo">
<h5 class="mb-0">
<h5 class="mb-0">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Collapsible Group Item #2
Collapsible Group Item #2
</a>
</a>
</h5> </div>
</h5> </div>
<div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
<div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. </div>
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. </div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card">
<div class="card-header" role="tab" id="headingThree">
<div class="card-header" role="tab" id="headingThree">
<h5 class="mb-0">
<h5 class="mb-0">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Collapsible Group Item #3
Collapsible Group Item #3
</a>
</a>
</h5> </div>
</h5> </div>
<div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree">
<div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. </div>
<div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. </div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</li>
<li class="col-lg-3 m-b-30">
<li class="col-lg-3 m-b-30">
<h4 class="m-b-20">CONTACT US</h4>
<h4 class="m-b-20">CONTACT US</h4>
<!-- Contact -->
<!-- Contact -->
<form>
<form>
<div class="form-group">
<div class="form-group">
<input type="text" class="form-control" id="exampleInputname1" placeholder="Enter Name"> </div>
<input type="text" class="form-control" id="exampleInputname1" placeholder="Enter Name"> </div>
<div class="form-group">
<div class="form-group">
<input type="email" class="form-control" placeholder="Enter email"> </div>
<input type="email" class="form-control" placeholder="Enter email"> </div>
<div class="form-group">
<div class="form-group">
<textarea class="form-control" id="exampleTextarea" rows="3" placeholder="Message"></textarea>
<textarea class="form-control" id="exampleTextarea" rows="3" placeholder="Message"></textarea>
</div>
</div>
<button type="submit" class="btn btn-info">Submit</button>
<button type="submit" class="btn btn-info">Submit</button>
</form>
</form>
</li>
</li>
<li class="col-lg-3 col-xlg-4 m-b-30">
<li class="col-lg-3 col-xlg-4 m-b-30">
<h4 class="m-b-20">List style</h4>
<h4 class="m-b-20">List style</h4>
<!-- List style -->
<!-- List style -->
<ul class="list-style-none">
<ul class="list-style-none">
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> You can give link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> You can give link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Give link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Give link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Another Give link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Another Give link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Forth link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Forth link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Another fifth link</a></li>
<li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> Another fifth link</a></li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
</div>
</div>
</li>
</li>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Messages -->
<!-- End Messages -->
<!-- ============================================================== -->
<!-- ============================================================== -->
</ul>
</ul>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- User profile and search -->
<!-- User profile and search -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<ul class="navbar-nav my-lg-0">
<ul class="navbar-nav my-lg-0">
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Search -->
<!-- Search -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<li class="nav-item hidden-sm-down search-box"> <a class="nav-link hidden-sm-down text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a>
<li class="nav-item hidden-sm-down search-box"> <a class="nav-link hidden-sm-down text-muted waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a>
<form class="app-search">
<form class="app-search">
<input type="text" class="form-control" placeholder="Search & enter"> <a class="srh-btn"><i class="ti-close"></i></a> </form>
<input type="text" class="form-control" placeholder="Search & enter"> <a class="srh-btn"><i class="ti-close"></i></a> </form>
</li>
</li>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Language -->
<!-- Language -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flag-icon flag-icon-us"></i></a>
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flag-icon flag-icon-us"></i></a>
<div class="dropdown-menu dropdown-menu-right scale-up"> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-in"></i> India</a> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-fr"></i> French</a> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-cn"></i> China</a> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-de"></i> Dutch</a> </div>
<div class="dropdown-menu dropdown-menu-right scale-up"> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-in"></i> India</a> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-fr"></i> French</a> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-cn"></i> China</a> <a class="dropdown-item" href="#"><i class="flag-icon flag-icon-de"></i> Dutch</a> </div>
</li>
</li>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Profile -->
<!-- Profile -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-power-off"></i> </a>
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-power-off"></i> </a>
<div class="dropdown-menu dropdown-menu-right scale-up">
<div class="dropdown-menu dropdown-menu-right scale-up">
<ul class="dropdown-user">
<ul class="dropdown-user">
<li><a href="/logout"><i class="fa fa-power-off"></i> Logout</a></li>
<li><a href="/logout"><i class="fa fa-power-off"></i> Logout</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
</ul>
</ul>
</div>
</div>
</nav>
</nav>
</header>
</header>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Topbar header -->
<!-- End Topbar header -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Left Sidebar - style you can find in sidebar.scss -->
<!-- Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Left Sidebar - style you can find in sidebar.scss -->
<!-- End Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Page wrapper -->
<!-- Page wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<div class="page-wrapper">
<div class="page-wrapper">
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<div class="row page-titles">
<div class="row page-titles">
<button class="right-side-toggle waves-effect waves-light btn-inverse btn btn-circle btn-sm pull-right m-l-10"><i class="ti-settings text-white"></i></button>
<button class="right-side-toggle waves-effect waves-light btn-inverse btn btn-circle btn-sm pull-right m-l-10"><i class="ti-settings text-white"></i></button>
</div>
</div>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Container fluid -->
<!-- Container fluid -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<div class="container-fluid">
<div class="container-fluid">
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<!-- Row -->
<div class="row">
<div class="row">
<div class="col-lg-4 col-xlg-3">
<div class="col-lg-4 col-xlg-3">
<div class="card">
<div class="card">
<div class="card-body bg-inverse" style="background: url(../assets/images/background/user-info.jpg) / cover;">
<div class="card-body bg-inverse" style="background: url(../assets/images/background/user-info.jpg) / cover;">
<h3 class="text-white card-title">Filter</h3>
<h3 class="text-white card-title">Filter</h3>
</div>
</div>
<div class="card-body">
<div class="card-body">
<div class="message-box contact-box">
<div class="message-box contact-box">
<div class="message-widget contact-widget">
<div class="message-widget contact-widget">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item"> <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home5" role="tab" aria-controls="home5" aria-expanded="true"><span class="hidden-sm-up"><i class="ti-home"></i></span> <span class="hidden-xs-down">Attribute</span></a> </li>
<li class="nav-item"> <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home5" role="tab" aria-controls="home5" aria-expanded="true"><span class="hidden-sm-up"><i class="ti-home"></i></span> <span class="hidden-xs-down">Attribute</span></a> </li>
<li class="nav-item"> <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile5" role="tab" aria-controls="profile"><span class="hidden-sm-up"><i class="ti-user"></i></span> <span class="hidden-xs-down">Spatial</span></a></li>
<li class="nav-item"> <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile5" role="tab" aria-controls="profile"><span class="hidden-sm-up"><i class="ti-user"></i></span> <span class="hidden-xs-down">Spatial</span></a></li>
</ul>
</ul>
<div class="tab-content tabcontent-border p-20" id="myTabContent">
<div class="tab-content tabcontent-border p-20" id="myTabContent">
<div role="tabpanel" class="tab-pane fade show active" id="home5" aria-labelledby="home-tab">
<div role="tabpanel" class="tab-pane fade show active" id="home5" aria-labelledby="home-tab">
<form id ="filterform" >
<form id ="filterform" >
<input name="localIdFrom" style="border:2px solid black" id="localIdFrom" type="hidden" placeholder="From" >
<input name="localIdFrom" style="border:2px solid black" id="localIdFrom" type="hidden" placeholder="From" >
<input style =" width:120px;" id="localIdTo" name="localIdTo" type="hidden" placeholder="To" >
<input style =" width:120px;" id="localIdTo" name="localIdTo" type="hidden" placeholder="To" >
Satellite
Satellite
<select name="satelite" id="satelite" class="form-control" >
<select name="satelite" id="satelite" class="form-control" >
<option selected disabled>Choose one</option>
<option selected disabled>Choose one</option>
<option value="CARTOSAT-1">CARTOSAT-1</option>
<option value="CARTOSAT-1">CARTOSAT-1</option>
<option value="CARTOSAT-2">CARTOSAT-2</option>
<option value="CARTOSAT-2">CARTOSAT-2</option>
<option value="CARTOSAT-2D">CARTOSAT-2D</option>
<option value="CARTOSAT-2D">CARTOSAT-2D</option>
<option value="CARTOSAT-2E">CARTOSAT-2E</option>
<option value="CARTOSAT-2E">CARTOSAT-2E</option>
<option value="IKONOS">IKONOS</option>
<option value="IKONOS">IKONOS</option>
<option value="IRS-1A">IRS-1A</option>
<option value="IRS-1A">IRS-1A</option>
<option value="IRS-1B">IRS-1B</option>
<option value="IRS-1B">IRS-1B</option>
<option value="IRS-1C">IRS-1C</option>
<option value="IRS-1C">IRS-1C</option>
<option value="IRS-1D">IRS-1D</option>
<option value="IRS-1D">IRS-1D</option>
<option value="IRS-P3">IRS-P3</option>
<option value="IRS-P3">IRS-P3</option>
<option value="IRS-P4">IRS-P4</option>
<option value="IRS-P4">IRS-P4</option>
<option value="IRS-P6">IRS-P6</option>
<option value="IRS-P6">IRS-P6</option>
<option value="IRS-R2">IRS-R2</option>
<option value="IRS-R2">IRS-R2</option>
<option value="IRS-R2A">IRS-R2A</option>
<option value="IRS-R2A">IRS-R2A</option>
<option value="OCEANSAT-2">OCEANSAT-2</option>
<option value="OCEANSAT-2">OCEANSAT-2</option>
<option value="RISAT-1">RISAT-1</option>
<option value="RISAT-1">RISAT-1</option>
</select>
</select>
<br><br>
<br><br>
Sensor
Sensor
<select name="sensors" id="sensors" class="form-control">
<select name="sensors" id="sensors" class="form-control">
<optgroup >
<optgroup >
<option selected disabled>Choose one</option>
<option selected disabled>Choose one</option>
<option value="AW">AW</option>
<option value="AW">AW</option>
<option value="L1">L1</option>
<option value="L1">L1</option>
<option value="L2">L2</option>
<option value="L2">L2</option>
<option value="L3">L3</option>
<option value="L3">L3</option>
<option value="L4">L4</option>
<option value="L4">L4</option>
<option value="MX">MX</option>
<option value="MX">MX</option>
<option value="OCM">OCM</option>
<option value="OCM">OCM</option>
<option value="PAN">PAN</option>
<option value="PAN">PAN</option>
<option value="PAN/MSI">PAN/MSI</option>
<option value="PAN/MSI">PAN/MSI</option>
<option value="SAR">SAR</option>
<option value="SAR">SAR</option>
<option value="WIF">WIF</option>
<option value="WIF">WIF</option>
</optgroup>
</optgroup>
</select>
</select>
<br><br>
<br><br>
Date :
Date :
<br>
<br>
From
From
<input name="dateOfPassFrom" style =" width:120px;" class="form-control" placeholder="From" type="text" onfocus="(this.type='date')" onblur="(this.type='text')" id="dateOfPassFrom" value="2020-12-01" >
<input name="dateOfPassFrom" style =" width:120px;" class="form-control" placeholder="From" type="text" onfocus="(this.type='date')" onblur="(this.type='text')" id="dateOfPassFrom" value="2020-12-01" >
To
To
<input name="dateOfPassTo" style =" width:120px;" class="form-control" placeholder="To" type="text" onfocus="(this.type='date')" onblur="(this.type='text')" id="dateOfPassTo" value="2020-12-31" >
<input name="dateOfPassTo" style =" width:120px;" class="form-control" placeholder="To" type="text" onfocus="(this.type='date')" onblur="(this.type='text')" id="dateOfPassTo" value="2020-12-31" >
<br><br>
<br><br>
Path
Path
<input name="pathFrom" class="form-control" style =" width:120px;margin-left:10px" id="pathFrom" type="number" placeholder="From">
<input name="pathFrom" class="form-control" style =" width:120px;margin-left:10px" id="pathFrom" type="number" placeholder="From">
<span>-</span>
<span>-</span>
<input name="pathTo" class="form-control" style =" width:120px;" id="pathTo" type="number" placeholder="To">
<input name="pathTo" class="form-control" style =" width:120px;" id="pathTo" type="number" placeholder="To">
<br><br>
<br><br>
Row
Row
<input name="rowFrom" class="form-control" id="rowFrom" type="number" placeholder="From">
<input name="rowFrom" class="form-control" id="rowFrom" type="number" placeholder="From">
<input name="rowTo" class="form-control" style ="" id="rowTo" type="number" placeholder="To">
<input name="rowTo" class="form-control" style ="" id="rowTo" type="number" placeholder="To">
<br><br>
<br><br>
<div class="modal-footer">
<div class="modal-footer">
<button id="filter" value="val_1" name="but1" class="btn btn-rounded btn-outline-info">Filter</button>
<button id="filter" value="val_1" name="but1" class="btn btn-rounded btn-outline-info">Filter</button>
<!-- <input value="Submit" type="submit" onclick="filterData()"> -->
<!-- <input value="Submit" type="submit" onclick="filterData()"> -->
<button id="reset" name="reset" onclick="resetForm()" class="btn btn-rounded btn-outline-info">Reset</button>
<button id="reset" name="reset" onclick="resetForm()" class="btn btn-rounded btn-outline-info">Reset</button>
</div>
</div>
</form>
</form>
</div>
</div>
<div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab">
<div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab">
<form id ="filterform1">
<form id ="filterform1">
<div >
<div >
<h5 >Select Special Type</h5>
<h5 >Select Special Type</h5>
<select name="selectnone" class="form-control" id="selectnone" onchange="changeFunc();">
<select name="selectnone" class="form-control" id="selectnone" onchange="changeFunc();">
<option value="selectnone">Select None</option>
<option value="selectnone">Select None</option>
<option value="city">City</option>
<option value="city">City</option>
<option value="point">Point</option>
<option value="point">Point</option>
<option value="administrator">Administrator Boundaries</option>
<option value="administrator">Administrator Boundaries</option>
<option value="rectangular">Rectangular Extent</option>
<option value="rectangular">Rectangular Extent</option>
</select>
</select>
</div>
</div>
<br><input style ="display:none;" id="cityname" class="form-control" type="text" name="gid" placeholder="city name" >
<br><input style ="display:none;" id="cityname" class="form-control" type="text" name="gid" placeholder="city name" >
<div id="search-result"></div>
<div id="search-result"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="modal-footer">
<div class="modal-footer">
<button id="cityfilter" type="button" class="btn btn-rounded btn-outline-info" onclick="onclicktaluka()">Filter</button>
<button id="cityfilter" type="button" class="btn btn-rounded btn-outline-info" onclick="onclicktaluka()">Filter</button>
<button id="reset2" name="reset2" onclick="resetForm1()" class="btn btn-rounded btn-outline-info">Reset</button>
<button id="reset2" name="reset2" onclick="resetForm1()" class="btn btn-rounded btn-outline-info">Reset</button>
</div>
</div>
</form>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-8 col-xlg-9">
<div class="col-lg-8 col-xlg-9">
<div class="card">
<div class="card">
<!-- <div class="card-body"> -->
<!-- <div class="card-body"> -->
<div id="target-map" style="width:100%!important; height:680px;"></div>
<div id="target-map" style="width:100%!important; height:680px;"></div>
<div id="latlon" class="latlon"></div>
<div id="latlon" class="latlon"></div>
<div id="scale" class="scale-line"></div>
<div id="scale" class="scale-line"></div>
<div id="location"
<div id="location"
style="width: 24px; height: 24px; font-size: 24px;">
style="width: 24px; height: 24px; font-size: 24px;">
<div id="popup" class="ol-popup">
<div id="popup" class="ol-popup">
<a href="#" id="popup-closer" class="ol-popup-closer"></a>
<a href="#" id="popup-closer" class="ol-popup-closer"></a>
<div id="popup-content"></div>
<div id="popup-content"></div>
</div>
</div>
</div>
</div>
<!-- </div> -->
<!-- </div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Row -->
<!-- Row -->
<div class="row">
<div class="row">
<div class="col-lg-12">
<div class="col-lg-12">
<div class="card">
<div class="card">
<div class="card-body">
<div class="card-body">
<div class="table-responsive">
<div class="table-responsive">
<table id="getASIReportList" class="table color-table " style="height: 335px;"></table >
<table id="getASIReportList" class="table color-table " style="height: 335px;"></table >
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Row -->
<!-- Row -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End PAge Content -->
<!-- End PAge Content -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Right sidebar -->
<!-- Right sidebar -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- .right-sidebar -->
<!-- .right-sidebar -->
<div class="right-sidebar" >
<div class="right-sidebar" >
<div class="slimscrollright">
<div class="slimscrollright">
<div class="rpanel-title"> Service Panel <span><i class="ti-close right-side-toggle"></i></span> </div>
<div class="rpanel-title"> Service Panel <span><i class="ti-close right-side-toggle"></i></span> </div>
<div class="r-panel-body">
<div class="r-panel-body">
<div class="vtabs ">
<div class="vtabs ">
<ul class="nav nav-tabs tabs-vertical" role="tablist" style="width: 50px;">
<ul class="nav nav-tabs tabs-vertical" role="tablist" style="width: 50px;">
<li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#layers" role="tab"><span><i class="ti-layers-alt"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#layers" role="tab"><span><i class="ti-layers-alt"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#navigation" role="tab"><span><i class="ti-location-arrow"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#navigation" role="tab"><span><i class="ti-location-arrow"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#identify" role="tab"><span><i class="ti-info-alt"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#identify" role="tab"><span><i class="ti-info-alt"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#geom" role="tab"><span><i class="ti-location-pin"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#geom" role="tab"><span><i class="ti-location-pin"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#buffer" role="tab"><span><i class="ti-control-record"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#buffers" id="buffer" role="tab"><span><i class="ti-control-record"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#qbuilder" role="tab"><span><i class="ti-time"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#qbuilder" role="tab"><span><i class="ti-time"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#print" role="tab"><span><i class="ti-printer"></i></span></a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#print" role="tab"><span><i class="ti-printer"></i></span></a> </li>
</ul>
</ul>
<!-- Tab panes -->
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-content">
<div class="tab-pane active" id="layers" role="tabpanel">
<div class="tab-pane active" id="layers" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Layers</h3>
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Layers</h3>
<div id="groups"></div>
<div id="groups"></div>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="navigation" role="tabpanel">
<div class="tab-pane " id="navigation" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Navigation</h3>
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Navigation</h3>
<div class="col-lg-12 col-md-6 col-sm-3">
<div class="col-lg-12 col-md-6 col-sm-3">
<select id="state" class="form-control" data-style="btn btn-primary btn-round" title="Single Select">
<select id="state" class="form-control" data-style="btn btn-primary btn-round" title="Single Select">
<!-- <option disabled selected>State</option> -->
<!-- <option disabled selected>State</option> -->
</select>
</select>
</div>
</div>
<div class="col-lg-12 col-md-6 col-sm-3">
<div class="col-lg-12 col-md-6 col-sm-3">
<select id="district" class="form-control" data-style="btn btn-primary btn-round" title="Single Select">
<select id="district" class="form-control" data-style="btn btn-primary btn-round" title="Single Select">
</select>
</select>
</div>
</div>
<div class="col-lg-12 col-md-6 col-sm-3">
<div class="col-lg-12 col-md-6 col-sm-3">
<select id="taluka" class="form-control" data-style="btn btn-primary btn-round" title="Single Select">
<select id="taluka" class="form-control" data-style="btn btn-primary btn-round" title="Single Select">
</select>
</select>
</div>
</div>
<div class="col-lg-12 col-md-6 col-sm-3">
<div class="col-lg-12 col-md-6 col-sm-3">
<select id="village" class="form-control" data-style="btn btn-primary btn-round" title="Single Select">
<select id="village" class="form-control" data-style="btn btn-primary btn-round" title="Single Select">
</select>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="identify" role="tabpanel">
<div class="tab-pane " id="identify" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Identify</h3>
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Identify</h3>
<div id="groupss">
<div id="groupss">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="geom" role="tabpanel">
<div class="tab-pane " id="geom" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Geom</h3>
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Geom</h3>
<div id="groupss">
<div class="">
<ul class="nav nav-pills nav-pills-rose" role="tablist" style="padding-top: 5px;">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#link1" role="tablist" onclick=selectedType('Point') style="border-radius: 15px;padding: 5px 20x;">
<i class="ti-location-pin" style="padding: 1px 0;"></i>
</a>
</li>
</div>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#link2" role="tablist" onclick=selectedType('LineString') style="border-radius: 15px;padding: 5px 20x;">
<i class="ti-ruler-alt" style="padding: 1px 0;"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#link3" role="tablist" onclick=selectedType('Polygon') style="border-radius: 15px;padding: 5px 20x;">
<i class="ti-ruler-alt-2"style="padding: 1px 0;"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#link4" role="tablist" onclick=selectedType('Square') style="border-radius: 15px;padding: 5px 20x;">
<i class="ti-control-stop"style="padding: 1px 0;"></i>
</a>
</li>
</ul>
<div class="tab-content tab-space">
<div class="tab-pane active" id="link1">
Location: </div>
<div class="tab-pane" id="link2">
Distance:<span id="distance"></span>
</div>
<div class="tab-pane" id="link3">
Area:<span id="area"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="buffer" role="tabpanel">
<div class="tab-pane " id="buffers" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Buffer</h3>
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;">Buffer</h3>
<div id="groupss">
Range:<input id="bufferrange" class="opacity" type="range" min="0" max="100" step="1" value="5">
<div>selected Range:<span id="range"></span></div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="qbuilder" role="tabpanel">
<div class="tab-pane " id="qbuilder" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;"> Query Builder</h3>
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;"> Query Builder</h3>
<div id="groupss">
<div id="groupss">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="print" role="tabpanel">
<div class="tab-pane " id="print" role="tabpanel">
<div class="ribbon-wrapper card" style="width:280px;">
<div class="ribbon-wrapper card" style="width:280px;">
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;"> Print</h3>
<h3 class="ribbon ribbon-bookmark ribbon-info" style=" width: 240px;top:0px;"> Print</h3>
<div class="col-lg-5 col-md-6 col-sm-3">
<div class="col-lg-5 col-md-6 col-sm-3">
<a id="export-png" class="btn btn-default"><i class="fa fa-download"></i> Download PNG</a>
<a id="export-png" class="btn btn-default"><i class="fa fa-download"></i> Download PNG</a>
<a id="image-download" download="map.png"></a>
<a id="image-download" download="map.png"></a>
<select class="selectpicker" data-size="7" id="format" data-style="btn btn-primary btn-round" title="Single Select">
<select class="selectpicker" data-size="7" id="format" data-style="btn btn-primary btn-round" title="Single Select">
<option disabled selected>Page Size</option>
<option disabled selected>Page Size</option>
<option value="a0">A0 (slow)</option>
<option value="a0">A0 (slow)</option>
<option value="a1">A1</option>
<option value="a1">A1</option>
<option value="a2">A2</option>
<option value="a2">A2</option>
<option value="a3">A3</option>
<option value="a3">A3</option>
<option value="a4" selected>A4</option>
<option value="a4" selected>A4</option>
<option value="a5">A5 (fast)</option>
<option value="a5">A5 (fast)</option>
</select>
</select>
</div>
</div>
<div class="col-lg-5 col-md-6 col-sm-3">
<div class="col-lg-5 col-md-6 col-sm-3">
<select class="selectpicker" data-size="7" id="resolution" data-style="btn btn-primary btn-round" title="Single Select">
<select class="selectpicker" data-size="7" id="resolution" data-style="btn btn-primary btn-round" title="Single Select">
<option disabled >Resolution</option>
<option disabled >Resolution</option>
<option value="72" selected>72 dpi (fast)</option>
<option value="72" selected>72 dpi (fast)</option>
<option value="150">150 dpi</option>
<option value="150">150 dpi</option>
<option value="300">300 dpi (slow)</option>
<option value="300">300 dpi (slow)</option>
</select>
</select>
</div>
</div>
<div class="col-lg-5 col-md-6 col-sm-3">
<div class="col-lg-5 col-md-6 col-sm-3">
<button class="btn btn-primary" id="export-pdf">Export PDF</button>
<button class="btn btn-primary" id="export-pdf">Export PDF</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Right sidebar -->
<!-- End Right sidebar -->
<!-- ============================================================== -->
<!-- ============================================================== -->
</div>
</div>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Container fluid -->
<!-- End Container fluid -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- footer -->
<!-- footer -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<footer class="footer">
<footer class="footer">
© 2021 Developed by BISAG-N
© 2021 Developed by BISAG-N
</footer>
</footer>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End footer -->
<!-- End footer -->
<!-- ============================================================== -->
<!-- ============================================================== -->
</div>
</div>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Page wrapper -->
<!-- End Page wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
</div>
</div>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- End Wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- All Jquery -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<script src="assets/plugins/jquery/jquery.min.js"></script>
<script src="assets/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap tether Core JavaScript -->
<!-- Bootstrap tether Core JavaScript -->
<script src="assets/plugins/bootstrap/js/popper.min.js"></script>
<script src="assets/plugins/bootstrap/js/popper.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="assets/plugins/datatables/jquery.dataTables.min.js"></script>
<!-- slimscrollbar scrollbar JavaScript -->
<!-- slimscrollbar scrollbar JavaScript -->
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<!--Wave Effects -->
<!--Wave Effects -->
<script src="assets/js/waves.js"></script>
<script src="assets/js/waves.js"></script>
<!--Menu sidebar -->
<!--Menu sidebar -->
<script src="assets/js/sidebarmenu.js"></script>
<script src="assets/js/sidebarmenu.js"></script>
<!--stickey kit -->
<!--stickey kit -->
<script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
<script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
<script src="assets/plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="assets/plugins/sparkline/jquery.sparkline.min.js"></script>
<!--stickey kit -->
<!--stickey kit -->
<script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
<script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
<script src="assets/plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="assets/plugins/sparkline/jquery.sparkline.min.js"></script>
<!--Custom JavaScript -->
<!--Custom JavaScript -->
<script src="assets/js/custom.min.js"></script>
<script src="assets/js/custom.min.js"></script>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- This page plugins -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- chartist chart -->
<!-- chartist chart -->
<script src="assets/plugins/chartist-js/dist/chartist.min.js"></script>
<script src="assets/plugins/chartist-js/dist/chartist.min.js"></script>
<script src="assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.js"></script>
<script src="assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.js"></script>
<!--morris JavaScript -->
<!--morris JavaScript -->
<script src="assets/plugins/raphael/raphael-min.js"></script>
<script src="assets/plugins/raphael/raphael-min.js"></script>
<script src="assets/plugins/morrisjs/morris.min.js"></script>
<script src="assets/plugins/morrisjs/morris.min.js"></script>
<!-- Vector map JavaScript -->
<!-- Vector map JavaScript -->
<script src="assets/plugins/vectormap/jquery-jvectormap-2.0.2.min.js"></script>
<script src="assets/plugins/vectormap/jquery-jvectormap-2.0.2.min.js"></script>
<script src="assets/plugins/vectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="assets/plugins/vectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="assets/js/dashboard2.js"></script>
<script src="assets/js/dashboard2.js"></script>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Style switcher -->
<!-- Style switcher -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<script src="assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>
<script src="assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>
<script src="ol/ol.js"></script>
<script src="ol/ol.js"></script>
<script src="customol/js/main.js"></script>
<script src="customol/js/main.js"></script>
<script src="customol/js/LayersGroup/satelliteGroup.js"></script>
<script src="customol/js/LayersGroup/satelliteGroup.js"></script>
<script src="customol/js/LayersGroup/commonlayersGroup.js"></script>
<script src="customol/js/LayersGroup/commonlayersGroup.js"></script>
<script src="customol/js/LayersGroup/transportGroup.js"></script>
<script src="customol/js/LayersGroup/transportGroup.js"></script>
<script src="customol/js/LayersGroup/IdentifyLayerGroup.js"></script>
<script src="customol/js/LayersGroup/IdentifyLayerGroup.js"></script>
<script src="customol/js/LayersGroup/indianmapLayersGroup.js"></script>
<script src="customol/js/LayersGroup/indianmapLayersGroup.js"></script>
<script src="customol/js/LayersGroup/geomGroup.js"></script>
<script src="customol/js/LayersGroup/geomGroup.js"></script>
<script src="customol/js/LayersGroup/satelliteGroup.js"></script>
<script src="customol/js/LayersGroup/satelliteGroup.js"></script>
<script src="customol/js/commonfunctions/clear.js"></script>
<script src="customol/js/commonfunctions/clear.js"></script>
<script src="customol/js/identify/identify.js"></script>
<script src="customol/js/identify/identify.js"></script>
<script src="customol/js/export/exportpdf.js"></script>
<script src="customol/js/export/exportpdf.js"></script>
<script src="customol/js/geom/geom.js"></script>
<script src="customol/js/geom/geom.js"></script>
<script src="customol/js/controllers/controllers.js"></script>
<script src="customol/js/controllers/controllers.js"></script>
<script src="customol/js/navigation/navigation.js"></script>
<script src="customol/js/navigation/navigation.js"></script>
<script src="customol/js/controllers/scaleline.js"></script>
<script src="customol/js/controllers/scaleline.js"></script>
<script src="customol/js/controllers/mouse-position.js"></script>
<script src="customol/js/controllers/mouse-position.js"></script>
<script src="customol/js/layerswitcher/layerSwitcher.js"></script>
<script src="customol/js/layerswitcher/layerSwitcher.js"></script>
<script src="customol/js/legend/legend.js"></script>
<script src="customol/js/legend/legend.js"></script>
<script src="customol/js/buffer/buffer.js"></script>
<script src="customol/js/buffer/buffer.js"></script>
<script src="customol/js/services/services.js"></script>
<script src="customol/js/services/services.js"></script>
<script src="customol/js/commonfunctions/Base64.js"></script>
<script src="customol/js/commonfunctions/Base64.js"></script>
<script src="customol/js/commonfunctions/commonfunctions.js"></script>
<script src="customol/js/commonfunctions/commonfunctions.js"></script>
<script src="mis/js/services/misservices.js"></script>
<script src="mis/js/services/misservices.js"></script>
<script src="mis/js/customscripts/search.js"></script>
<script src="mis/js/customscripts/search.js"></script>
<!-- <script src=https://code.jquery.com/jquery-3.5.1.js></script> -->
<!-- <script src=https://code.jquery.com/jquery-3.5.1.js></script> -->
<script src=https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js></script>
<script src=https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js></script>
<script src=https://cdn.datatables.net/buttons/1.6.5/js/dataTables.buttons.min.js></script>
<script src=https://cdn.datatables.net/buttons/1.6.5/js/dataTables.buttons.min.js></script>
<script src=https://cdn.datatables.net/buttons/1.6.5/js/buttons.flash.min.js></script>
<script src=https://cdn.datatables.net/buttons/1.6.5/js/buttons.flash.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js></script>
<script src=https://cdn.datatables.net/buttons/1.6.5/js/buttons.html5.min.js></script>
<script src=https://cdn.datatables.net/buttons/1.6.5/js/buttons.html5.min.js></script>
<script src=https://cdn.datatables.net/buttons/1.6.5/js/buttons.print.min.js></script>
<script src=https://cdn.datatables.net/buttons/1.6.5/js/buttons.print.min.js></script>
<script src="mis/js/customscripts/tables.js"></script>
<script src="mis/js/customscripts/tables.js"></script>
<script src="mis/js/customscripts/filter.js"></script>
<script src="mis/js/customscripts/filter.js"></script>
</body>
</body>
<!-- Mirrored from themedesigner.in/demo/admin-press/main/index2.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 04 May 2019 05:15:40 GMT -->
<!-- Mirrored from themedesigner.in/demo/admin-press/main/index2.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 04 May 2019 05:15:40 GMT -->
</html>
</html>