Git - Openforge

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>

<head>

</head>

<style>

tfoot input {

display: table-row-group;

}

</style>

<body>

</div>

<!-- <a href="#" class="list-group-item list-group-item-action bg-light nav-item dropdown nav-link dropdown-toggle">Optical</a>

<a class="dropdown-item" href="#">Action</a>

<a class="dropdown-item" href="#">Another action</a>

<a class="dropdown-item" href="#">Something else here</a>

</div> -->

</li>

<!-- <ul class="navbar-nav ml-auto mt-2 mt-lg-0">

Dropdown

</a>

<a class="dropdown-item" href="#">Action</a>

<a class="dropdown-item" href="#">Another action</a>

<a class="dropdown-item" href="#">Something else here</a>

</div>

</li>

</ul> -->

<h5 style="margin-top:5px;margin-left:15px"><a href="#" class="" data-toggle="modal" data-target="#myModal" id="attri" onclick="myFunction1()">Attribute</a>

<a href="#" style="margin-top:5px" class="" id="attri2"onclick="myFunction2()">Spatial</a></h5>

</div>

<!-- <a href="#" class="list-group-item list-group-item-action bg-light">Events</a>

<a href="#" class="list-group-item list-group-item-action bg-light">Profile</a>

<a href="#" class="list-group-item list-group-item-action bg-light">Status</a> -->

</div>

<h5 style="width:80px;margin-top:-10px;margin-left:5px;background:#f8f9fa;">Satellite</h5>

<option selected disabled>Choose one</option>

<option value="CARTOSAT-1">CARTOSAT-1</option>

<option value="CARTOSAT-2">CARTOSAT-2</option>

<option value="CARTOSAT-2D">CARTOSAT-2D</option>

<option value="CARTOSAT-2E">CARTOSAT-2E</option>

<option value="IKONOS">IKONOS</option>

<option value="OCEANSAT-2">OCEANSAT-2</option>

<option value="RISAT-1">RISAT-1</option>

</select>

</div>

<h5 style="width:70px;margin-top:-10px;margin-left:5px;background:#f8f9fa;">Sensor</h5>

<option selected disabled>Choose one</option>

</optgroup>

</select>

</div>

</div>

</div>

</div>

<button id="filter" value="val_1" name="but1" class="btn btn-warning">Filter</button>

<button id="reset" name="reset" onclick="resetForm()" class="btn btn-warning">Reset</button>

</div>

</form>

function resetForm() {

document.getElementById("filterform").reset();

}

</script>

</div>

<h5 style="width:180px;margin-top:-10px;margin-left:5px;background:#f8f9fa;">Select Special Type</h5>

<option value="selectnone">Select None</option>

<option value="point">Point</option>

<option value="administrator">Administrator Boundaries</option>

<option value="rectangular">Rectangular Extent</option>

</select>

</div>

<button class="btn btn-warning">Filter</button>

<button id="reset" name="reset" onclick="resetForm1()" class="btn btn-warning">Reset</button>

</div>

</form>

</div>

<h4 class="mt-4">Satellite Data Information System (SDIS 2.0)</h4>

<!--<p>The starting state of the menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will change.</p>

<p>Make sure to keep all page content within the <code>#page-content-wrapper</code>. The top navbar is optional, and just for demonstration. Just create an element with the <code>#menu-toggle</code> ID which will toggle the menu when clicked.</p> -->

</div>

<i class="material-icons">language</i>

</button>

</button>

<i class="material-icons">remove</i>

</button>

<i class="material-icons">gps_fixed</i>

</button>

</button>

<i class="material-icons">fullscreen</i>

</button>

</div>

<i class="material-icons">language </i>

</a>

</div>

<h4 class="card-title">Layer Groups: <span id="groupscount"></span></h4>

</div>

</div>

<h4 class="card-title">Find near by position</h4>

</div>

First

</div>

</div>

First

</div>

<h4 class="card-title">Buffer</h4>

</div>

First

</div>

<h4 class="card-title">Identify</h4>

</div>

</div>

<h4 class="card-title">Measure</h4>

</div>

<i class="material-icons" style="padding: 1px 0;">linear_scale</i>

</a>

</li>

<i class="material-icons"style="padding: 1px 0;">square_foot</i>

</a>

</li>

<i class="material-icons"style="padding: 1px 0;"> panorama_fish_eye</i>

</a>

</li>

</ul>

Click on the map to start measure distance<br>

Distance:<span id="distance"></span> </div>

Click on the map to start measure area<br>

Area:<span id="area"></span>

</div>

Click on the map to start measure radious<br>

Radious:<span id="radious"></span>

</div>

<h4 class="card-title">Query Builder</h4>

</div>

First

</div>

<h4 class="card-title">Print</h4>

</div>

<a id="export-png" class="btn btn-default"><i class="fa fa-download"></i> Download PNG</a>

</select>

</div>

<option disabled >Resolution</option>

</select>

</div>

<button class="btn btn-primary" id="export-pdf">Export PDF</button>

</div>

<!--

color-classes: "nav-pills-primary", "nav-pills-info", "nav-pills-success", "nav-pills-warning","nav-pills-danger"

-->

<i class="material-icons">layers</i>

</a>

</li>

<i class="material-icons">location_searching</i>

</a>

</li>

</ul>

</div>

</div>

<div id="location"

style="width: 24px; height: 24px; font-size: 24px;">

</div>

</div align="center" class="form-group col-md-12 paddint-top12">

<a style="float:right" href="/satelliteform">Create New </a>

</div>

</table>

</div>

function clearSearch() {

window.location = "[[@{/}]]";

}

</script>

</div>

</div>

function myFunction1() {

var x = document.getElementById("attribute_filter");

if (x.style.display === "none") {

x.style.display = "block";

} else {

x.style.display = "none";

}

</script>

function myFunction2() {

var x = document.getElementById("attribute_filter2");

if (x.style.display === "none") {

x.style.display = "block";

} else {

x.style.display = "none";

}

</script>

$("#attri2").click(function(){

$("#attribute_filter").hide();

});

</script>

$("#attri").click(function(){

$("#attribute_filter2").hide();

});

</script>

function changeFunc() {

var selectBox = document.getElementById("selectnone");

var selectedValue = selectBox.options[selectBox.selectedIndex].value;

if (selectedValue=="city"){

$('#cityname').show();

}

else {

alert("Error");

$('#cityname').hide();

}

</script>

$(document).ready(function() {

var role='${role}';

$("#roleType").val(role);

$("#slidingDiv").hide();

$('#show_hide').click(function () {

$("#slidingDiv").toggle("'slide', {direction: 'right' }, 1000");

});

</script>

div = document.getElementById('attribute_filter2')

//To hide

div.style.display="none";

</script>

div = document.getElementById('for_city')

//To hide

//div.style.display="none";

</script>

</body>

//for filter code

$('#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)

}

});

})

//for datatable code

function loadtable(data){

console.log(data);

if ( $.fn.DataTable.isDataTable( '#getASIReportList' ) ) {

$("#getASIReportList").dataTable().fnDestroy();

$('#getASIReportList').empty();

}

var table=$('#getASIReportList').DataTable({

pageLength : 5,

dom: 'Bfrtip',

'processing': true,

'columnDefs': [{

'targets': 0,

'searchable': false,

'orderable': false,

'className': 'dt-body-center',

'render': function (data, type, full, meta){

var longlat='['+full.center_long+','+full.center_lat+']';

var lname='['+full.lllat+']';

return '<input type="checkbox" id="checkbox" onchange="Myzoom('+longlat+')" name="'+lname+'" value="' + $('<div/>').text(data).html() + '">';

},

}],

buttons: [

'pdf'

],

"data":data ,

columns : [{

title : '',

data : ''

},{

title : 'Layer Name',

data : 'layername'

}, {

title : 'Satellite',

data : 'satelite'

}, {

title : 'Sensor',

data : 'sansor'

},{

title: 'Date Of Pass',

data :'date'

}, {

title : 'Path',

data : 'path'

}, {

title : 'Row',

data : 'row',

}, {

title : 'Center latitude',

data : 'center_lat',

},{

title : 'Center longitude',

data : 'center_long',

}

]

});

}

//close datatable

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:8999/geoserver/cite/wms',

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

</script>

</html>

vedas

Clone or download

heade

Modified Files

Public

vedas

Clone or download

heade

Modified Files