vedas
Clone or download
Modified Files
function changeFunc() {
var selectBox = document.getElementById("selectnone");
var selectedValue = selectBox.options[selectBox.selectedIndex].value;
if (selectedValue=="city"){
$('#cityname').show();
return false;
}
else {
alert("Error");
$('#cityname').hide();
}
}
function resetForm() {
document.getElementById("filterform").reset();
}
function clearSearch() {
window.location = "[[@{/}]]";
}
function myFunction1() {
var x = document.getElementById("attribute_filter");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
function myFunction2() {
var x = document.getElementById("attribute_filter2");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
$("#attri2").click(function(){
$("#attribute_filter").hide();
});
$("#attri").click(function(){
$("#attribute_filter2").hide();
});
$(document).ready(function() {
var role='${role}';
$("#roleType").val(role);
$("#slidingDiv").hide();
$('#show_hide').click(function () {
$("#slidingDiv").toggle("'slide', {direction: 'right' }, 1000");
});
});
div = document.getElementById('attribute_filter2')
//To hide
//To hide
$('#filter').click(function(e){
e.preventDefault();
var code={};
code.localIdFrom=document.getElementById('localIdFrom').value;
code.localIdTo=document.getElementById('localIdTo').value;
code.satelite=document.getElementById('satelite').value;
code.sensors=document.getElementById('sensors').value;
/* alert(document.getElementById('dateOfPassFrom').value + "datefrom"); */
if(document.getElementById('dateOfPassFrom').value=='')
{
code.dateOfPassFrom=null;
alert(code.dateOfPassFrom);
}else{
code.dateOfPassFrom=document.getElementById('dateOfPassFrom').value;
}
if(document.getElementById('dateOfPassTo').value==''){
code.dateOfPassTo=null;
}else{
code.dateOfPassTo=document.getElementById('dateOfPassTo').value;
}
code.pathFrom=document.getElementById('pathFrom').value;
code.pathTo=document.getElementById('pathTo').value;
code.rowFrom=document.getElementById('rowFrom').value;
code.rowTo=document.getElementById('rowTo').value;
var codobject=JSON.stringify(code);
//alert(codobject);
console.log(codobject)
$.ajax({
url:"getData",
type:"POST",
data:codobject,
contentType:"application/json;charset=utf-8",
dataType: 'json',
success: function(data) {
loadtable(data);
},
error : function(request, status, error) {
alert(error.toString)
}
})
})//close filter code
$(document).ready(function(){
$.ajax({
url: "findAll",
type : 'GET',
success : function(data) {
loadtable(data);
},
error : function(request, status, error) {
alert(error)
}
});
})
function Myzoom(longlat)
{
if(longlat!=null)
{
console.log(longlat);
var coordMin = ol.proj.fromLonLat(longlat,'EPSG:3857','EPSG:4326');
var coordMax = ol.proj.fromLonLat(longlat,'EPSG:3857','EPSG:4326');
var extent=[coordMin[0],coordMin[1],coordMax[0],coordMax[1]];
map.getView().fit(extent,map.getSize());
const center = map.getView().getCenter();
map.getView().setZoom(8.5);
}
}
var layerselected=[];
$('#getASIReportList').on('change', 'input[type="checkbox"]', function(){
var lname=this.name.replace(/[\[\]']+/g,'');
var styleName='satellite_data_5';
var whr="lllat='"+lname+"'";
if(this.checked)
{
SectorLayer= new ol.layer.Tile({
source : new ol.source.TileWMS({
url : 'http://localhost:8080/geoserver/cite/wms',
//crossOrigin: 'anonymous',
params : {
'LAYERS' : styleName,
CQL_FILTER: whr,
format_options:'dpi:180',
version : '1.1.1',
STYLES:''
}
}),
showLegend: true,
//maxResolution : 256,
name :styleName,
//visible:false
}),
layerselected.push(SectorLayer);
map.addLayer(SectorLayer);
console.log(layerselected);
}
else
{
console.log(layerselected);
for( var i =0; i<layerselected.length;i++){
var a=layerselected[i].get('name');
if(styleName==a)
map.removeLayer(layerselected[i]);
}
}
console.log(layerselected[0]);
}); //checkbox function close bracket
$('#filter').click(function(e){
e.preventDefault();
var code={};
code.localIdFrom=document.getElementById('localIdFrom').value;
code.localIdTo=document.getElementById('localIdTo').value;
code.satelite=document.getElementById('satelite').value;
code.sensors=document.getElementById('sensors').value;
/* alert(document.getElementById('dateOfPassFrom').value + "datefrom"); */
if(document.getElementById('dateOfPassFrom').value=='')
{
code.dateOfPassFrom=null;
alert(code.dateOfPassFrom);
}else{
code.dateOfPassFrom=document.getElementById('dateOfPassFrom').value;
}
if(document.getElementById('dateOfPassTo').value==''){
code.dateOfPassTo=null;
}else{
code.dateOfPassTo=document.getElementById('dateOfPassTo').value;
}
code.pathFrom=document.getElementById('pathFrom').value;
code.pathTo=document.getElementById('pathTo').value;
code.rowFrom=document.getElementById('rowFrom').value;
code.rowTo=document.getElementById('rowTo').value;
var codobject=JSON.stringify(code);
//alert(codobject);
console.log(codobject)
$.ajax({
url:"getData",
type:"POST",
data:codobject,
contentType:"application/json;charset=utf-8",
dataType: 'json',
success: function(data) {
loadtable(data);
},
error : function(request, status, error) {
alert(error.toString)
}
})
})
//close filter code
$(document).ready(function () {
$(document).ready(function () {
defaultTable();
defaultTable();
});
});
function defaultTable()
function defaultTable()
{
{
var data=allTableData();
var data=allTableData();
loadtable(data);
loadtable(data);
}
}
//for datatable code
//for datatable code
function loadtable(data){
function loadtable(data){
console.log(data);
console.log(data);
if ( $.fn.DataTable.isDataTable( '#getASIReportList' ) ) {
if ( $.fn.DataTable.isDataTable( '#getASIReportList' ) ) {
$("#getASIReportList").dataTable().fnDestroy();
$("#getASIReportList").dataTable().fnDestroy();
$('#getASIReportList').empty();
$('#getASIReportList').empty();
}
}
var table=$('#getASIReportList').DataTable({
var table=$('#getASIReportList').DataTable({
pageLength : 5,
pageLength : 5,
dom: 'Bfrtip',
dom: 'Bfrtip',
buttons: [
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
'copy', 'csv', 'excel', 'pdf', 'print'
],
],
'processing': true,
'processing': true,
'columnDefs': [{
'columnDefs': [{
'targets': 0,
'targets': 0,
'searchable': false,
'searchable': false,
'orderable': false,
'orderable': false,
'className': 'dt-body-center',
'className': 'dt-body-center',
'render': function (data, type, full, meta){
'render': function (data, type, full, meta){
var longlat='['+full.center_long+','+full.center_lat+']';
var longlat='['+full.center_long+','+full.center_lat+']';
var lname='['+full.lllat+']';
var lname='['+full.lllat+']';
return '<input type="checkbox" class="demo-checkbox" id="checkbox" onchange="Myzoom('+longlat+')" name="'+lname+'" value="' + $('<div/>').text(data).html() + '">';
return '<input type="checkbox" class="demo-checkbox" id="checkbox" onchange="Myzoom('+longlat+')" name="'+lname+'" value="' + $('<div/>').text(data).html() + '">';
},
},
}],
}],
"data":data ,
"data":data ,
columns : [{
columns : [{
title : '',
title : '',
data : ''
data : ''
},{
},{
title : 'Layer Name',
title : 'Layer Name',
data : 'layername'
data : 'layername'
}, {
}, {
title : 'Satellite',
title : 'Satellite',
data : 'satelite'
data : 'satelite'
}, {
}, {
title : 'Sensor',
title : 'Sensor',
data : 'sansor'
data : 'sansor'
},{
},{
title: 'Date Of Pass',
title: 'Date Of Pass',
data :'date'
data :'date'
}, {
}, {
title : 'Path',
title : 'Path',
data : 'path'
data : 'path'
}, {
}, {
title : 'Row',
title : 'Row',
data : 'row',
data : 'row',
}, {
}, {
title : 'Center latitude',
title : 'Center latitude',
data : 'center_lat',
data : 'center_lat',
},{
},{
title : 'Center longitude',
title : 'Center longitude',
data : 'center_long',
data : 'center_long',
}
}
],
],
});
});
}
}
//close datatable
//close datatable
<!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" />
<!-- 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">
<div class="card-body bg-inverse" style="background: url(../assets/images/background/user-info.jpg) / cover;">
<h4 class="card-title">Browser Stats</h4>
<h3 class="text-white card-title">Filter</h3>
<table class="table browser m-t-30 no-border">
<tbody>
</div>
<tr>
<div class="card-body">
<td style="width:40px"><img src="assets/images/browser/chrome-logo.png" alt=logo /></td>
<div class="message-box contact-box">
<td>Google Chrome</td>
<td class="text-right"><span class="label label-light-info">23%</span></td>
<div class="message-widget contact-widget">
</tr>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<tr>
<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>
<td><img src="assets/images/browser/firefox-logo.png" alt=logo /></td>
<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>
<td>Mozila Firefox</td>
<td class="text-right"><span class="label label-light-success">15%</span></td>
</ul>
</tr>
<div class="tab-content tabcontent-border p-20" id="myTabContent">
<tr>
<div role="tabpanel" class="tab-pane fade show active" id="home5" aria-labelledby="home-tab">
<td><img src="assets/images/browser/safari-logo.png" alt=logo /></td>
<td>Apple Safari</td>
<form id ="filterform" >
<td class="text-right"><span class="label label-light-primary">07%</span></td>
</tr>
<tr>
<input name="localIdFrom" style="border:2px solid black" id="localIdFrom" type="hidden" placeholder="From" >
<td><img src="assets/images/browser/internet-logo.png" alt=logo /></td>
<input style =" width:120px;" id="localIdTo" name="localIdTo" type="hidden" placeholder="To" >
<td>Internet Explorer</td>
<td class="text-right"><span class="label label-light-warning">09%</span></td>
</tr>
Satellite
<tr>
<td><img src="assets/images/browser/opera-logo.png" alt=logo /></td>
<select name="satelite" id="satelite" class="form-control" >
<td>Opera mini</td>
<option selected disabled>Choose one</option>
<td class="text-right"><span class="label label-light-danger">23%</span></td>
<option value="CARTOSAT-1">CARTOSAT-1</option>
</tr>
<option value="CARTOSAT-2">CARTOSAT-2</option>
<tr>
<option value="CARTOSAT-2D">CARTOSAT-2D</option>
<td><img src="assets/images/browser/internet-logo.png" alt=logo /></td>
<option value="CARTOSAT-2E">CARTOSAT-2E</option>
<td>Microsoft edge</td>
<option value="IKONOS">IKONOS</option>
<td class="text-right"><span class="label label-light-megna">09%</span></td>
<option value="IRS-1A">IRS-1A</option>
</tr>
<option value="IRS-1B">IRS-1B</option>
</tbody>
<option value="IRS-1C">IRS-1C</option>
</table>
<option value="IRS-1D">IRS-1D</option>
<option value="IRS-P3">IRS-P3</option>
<option value="IRS-P4">IRS-P4</option>
<option value="IRS-P6">IRS-P6</option>
<option value="IRS-R2">IRS-R2</option>
<option value="IRS-R2A">IRS-R2A</option>
<option value="OCEANSAT-2">OCEANSAT-2</option>
<option value="RISAT-1">RISAT-1</option>
</select>
<br><br>
Sensor
<select name="sensors" id="sensors" class="form-control">
<optgroup >
<option selected disabled>Choose one</option>
<option value="AW">AW</option>
<option value="L1">L1</option>
<option value="L2">L2</option>
<option value="L3">L3</option>
<option value="L4">L4</option>
<option value="MX">MX</option>
<option value="OCM">OCM</option>
<option value="PAN">PAN</option>
<option value="PAN/MSI">PAN/MSI</option>
<option value="SAR">SAR</option>
<option value="WIF">WIF</option>
</optgroup>
</select>
<br><br>
Date :
<br>
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" >
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" >
<br><br>
Path
<input name="pathFrom" class="form-control" style =" width:120px;margin-left:10px" id="pathFrom" type="number" placeholder="From">
<span>-</span>
<input name="pathTo" class="form-control" style =" width:120px;" id="pathTo" type="number" placeholder="To">
<br><br>
Row
<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">
<br><br>
<div class="modal-footer">
<button id="filter" value="val_1" name="but1" class="btn btn-rounded btn-outline-info">Filter</button>
<!-- <input value="Submit" type="submit" onclick="filterData()"> -->
<button id="reset" name="reset" onclick="resetForm()" class="btn btn-rounded btn-outline-info">Reset</button>
</div>
</form>
</div>
<div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab">
<form id ="filterform1">
<div >
<h5 >Select Special Type</h5>
<select name="selectnone" class="form-control" id="selectnone" onchange="changeFunc();">
<option value="selectnone">Select None</option>
<option value="city">City</option>
<option value="point">Point</option>
<option value="administrator">Administrator Boundaries</option>
<option value="rectangular">Rectangular Extent</option>
</select>
</div>
<br><input style ="display:none;" id="cityname" class="form-control" type="text" name="gid" placeholder="city name" >
<div id="search-result"></div>
<div class="clear"></div>
<div class="modal-footer">
<button id="cityfilter" type="button" class="btn btn-rounded btn-outline-info" onclick="onclicktaluka()">Filter</button>
<button id="reset" name="reset" onclick="resetForm1()" class="btn btn-rounded btn-outline-info">Reset</button>
</div>
</form>
</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:435px"></div>
<div id="target-map" style="width:100%!important; height:535px"></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">
<ul id="themecolors" class="m-t-20">
<ul id="themecolors" class="m-t-20">
<li><b>With Light sidebar</b></li>
<li><b>With Light sidebar</b></li>
<li><a href="javascript:void(0)" data-theme="default" class="default-theme">1</a></li>
<li><a href="javascript:void(0)" data-theme="default" class="default-theme">1</a></li>
<li><a href="javascript:void(0)" data-theme="green" class="green-theme">2</a></li>
<li><a href="javascript:void(0)" data-theme="green" class="green-theme">2</a></li>
<li><a href="javascript:void(0)" data-theme="red" class="red-theme">3</a></li>
<li><a href="javascript:void(0)" data-theme="red" class="red-theme">3</a></li>
<li><a href="javascript:void(0)" data-theme="blue" class="blue-theme working">4</a></li>
<li><a href="javascript:void(0)" data-theme="blue" class="blue-theme working">4</a></li>
<li><a href="javascript:void(0)" data-theme="purple" class="purple-theme">5</a></li>
<li><a href="javascript:void(0)" data-theme="purple" class="purple-theme">5</a></li>
<li><a href="javascript:void(0)" data-theme="megna" class="megna-theme">6</a></li>
<li><a href="javascript:void(0)" data-theme="megna" class="megna-theme">6</a></li>
<li class="d-block m-t-30"><b>With Dark sidebar</b></li>
<li class="d-block m-t-30"><b>With Dark sidebar</b></li>
<li><a href="javascript:void(0)" data-theme="default-dark" class="default-dark-theme">7</a></li>
<li><a href="javascript:void(0)" data-theme="default-dark" class="default-dark-theme">7</a></li>
<li><a href="javascript:void(0)" data-theme="green-dark" class="green-dark-theme">8</a></li>
<li><a href="javascript:void(0)" data-theme="green-dark" class="green-dark-theme">8</a></li>
<li><a href="javascript:void(0)" data-theme="red-dark" class="red-dark-theme">9</a></li>
<li><a href="javascript:void(0)" data-theme="red-dark" class="red-dark-theme">9</a></li>
<li><a href="javascript:void(0)" data-theme="blue-dark" class="blue-dark-theme">10</a></li>
<li><a href="javascript:void(0)" data-theme="blue-dark" class="blue-dark-theme">10</a></li>
<li><a href="javascript:void(0)" data-theme="purple-dark" class="purple-dark-theme">11</a></li>
<li><a href="javascript:void(0)" data-theme="purple-dark" class="purple-dark-theme">11</a></li>
<li><a href="javascript:void(0)" data-theme="megna-dark" class="megna-dark-theme ">12</a></li>
<li><a href="javascript:void(0)" data-theme="megna-dark" class="megna-dark-theme ">12</a></li>
</ul>
</ul>
<ul class="m-t-20 chatonline">
<ul class="m-t-20 chatonline">
<li><b>Chat option</b></li>
<li><b>Chat option</b></li>
<li>
<li>
<a href="javascript:void(0)"><img src="assets/images/users/1.jpg" alt="user-img" class="img-circle"> <span>Varun Dhavan <small class="text-success">online</small></span></a>
<a href="javascript:void(0)"><img src="assets/images/users/1.jpg" alt="user-img" class="img-circle"> <span>Varun Dhavan <small class="text-success">online</small></span></a>
</li>
</li>
<li>
<li>
<a href="javascript:void(0)"><img src="assets/images/users/2.jpg" alt="user-img" class="img-circle"> <span>Genelia Deshmukh <small class="text-warning">Away</small></span></a>
<a href="javascript:void(0)"><img src="assets/images/users/2.jpg" alt="user-img" class="img-circle"> <span>Genelia Deshmukh <small class="text-warning">Away</small></span></a>
</li>
</li>
<li>
<li>
<a href="javascript:void(0)"><img src="assets/images/users/3.jpg" alt="user-img" class="img-circle"> <span>Ritesh Deshmukh <small class="text-danger">Busy</small></span></a>
<a href="javascript:void(0)"><img src="assets/images/users/3.jpg" alt="user-img" class="img-circle"> <span>Ritesh Deshmukh <small class="text-danger">Busy</small></span></a>
</li>
</li>
<li>
<li>
<a href="javascript:void(0)"><img src="assets/images/users/4.jpg" alt="user-img" class="img-circle"> <span>Arijit Sinh <small class="text-muted">Offline</small></span></a>
<a href="javascript:void(0)"><img src="assets/images/users/4.jpg" alt="user-img" class="img-circle"> <span>Arijit Sinh <small class="text-muted">Offline</small></span></a>
</li>
</li>
<li>
<li>
<a href="javascript:void(0)"><img src="assets/images/users/5.jpg" alt="user-img" class="img-circle"> <span>Govinda Star <small class="text-success">online</small></span></a>
<a href="javascript:void(0)"><img src="assets/images/users/5.jpg" alt="user-img" class="img-circle"> <span>Govinda Star <small class="text-success">online</small></span></a>
</li>
</li>
<li>
<li>
<a href="javascript:void(0)"><img src="assets/images/users/6.jpg" alt="user-img" class="img-circle"> <span>John Abraham<small class="text-success">online</small></span></a>
<a href="javascript:void(0)"><img src="assets/images/users/6.jpg" alt="user-img" class="img-circle"> <span>John Abraham<small class="text-success">online</small></span></a>
</li>
</li>
<li>
<li>
<a href="javascript:void(0)"><img src="assets/images/users/7.jpg" alt="user-img" class="img-circle"> <span>Hritik Roshan<small class="text-success">online</small></span></a>
<a href="javascript:void(0)"><img src="assets/images/users/7.jpg" alt="user-img" class="img-circle"> <span>Hritik Roshan<small class="text-success">online</small></span></a>
</li>
</li>
<li>
<li>
<a href="javascript:void(0)"><img src="assets/images/users/8.jpg" alt="user-img" class="img-circle"> <span>Pwandeep rajan <small class="text-success">online</small></span></a>
<a href="javascript:void(0)"><img src="assets/images/users/8.jpg" alt="user-img" class="img-circle"> <span>Pwandeep rajan <small class="text-success">online</small></span></a>
</li>
</li>
</ul>
</ul>
</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/clear.js"></script>
<script src="customol/js/clear.js"></script>
<script src="customol/js/identify.js"></script>
<script src="customol/js/identify.js"></script>
<script src="customol/js/exportpdf.js"></script>
<script src="customol/js/exportpdf.js"></script>
<script src="customol/js/measure.js"></script>
<script src="customol/js/measure.js"></script>
<script src="customol/js/controllers.js"></script>
<script src="customol/js/controllers.js"></script>
<script src="customol/js/navigation.js"></script>
<script src="customol/js/navigation.js"></script>
<script src="customol/js/scaleline.js"></script>
<script src="customol/js/scaleline.js"></script>
<script src="customol/js/mouse-position.js"></script>
<script src="customol/js/mouse-position.js"></script>
<script src="customol/js/layerSwitcher.js"></script>
<script src="customol/js/layerSwitcher.js"></script>
<script src="customol/js/findbylocation.js"></script>
<script src="customol/js/findbylocation.js"></script>
<script src="customol/js/LayersGroup/indianmapLayersGroup.js"></script>
<script src="customol/js/LayersGroup/indianmapLayersGroup.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/addGeom.js"></script>
<script src="customol/js/addGeom.js"></script>
<script src="customol/js/main.js"></script>
<script src="customol/js/main.js"></script>
<script src="customol/js/services/services.js"></script>
<script src="customol/js/services/services.js"></script>
<script src="customol/js/Base64.js"></script>
<script src="customol/js/Base64.js"></script>
<script src="customol/js/geomForm.js"></script>
<script src="customol/js/geomForm.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="mis/js/customscripts/tables.js"></script>
<script src="mis/js/customscripts/tables.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=//cdn.datatables.net/1.10.22/js/jquery.dataTables.min.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>