Public

Project privacy set to public. By default, its content is available to everyone (authenticated or not). Please note that more restrictive permissions might exist on some items.

vedas

Clone or download

filter

Download Browse
+443 −37
Prashant K Gosai (PrashantGosai) 2021-01-11 16:45
Prashant K Gosai (PrashantGosai) 2021-01-11 16:45
4f51221a3debaa89b43e735e26ec0ec9ef60d218
d0b7e0b461e5a0260f70635d9669ac7713e5db21
git #vedas/4f51221a3debaa89b43e735e26ec0ec9ef60d218

Modified Files

List
Side by side diff
A src/main/resources/static/mis/js/customscripts/filter.js
+229 −0
--- /dev/null
+++ b/src/main/resources/static/mis/js/customscripts/filter.js
@@ -0,0 +1,229 @@
+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
+
+
+
+
+
+
+
M src/main/resources/static/mis/js/customscripts/tables.js
+59 −0
--- 'a/src/main/resources/static/mis/js/customscripts/tables.js'
+++ b/src/main/resources/static/mis/js/customscripts/tables.js
@@ -1,3 +1,62 @@
+$('#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 () {
defaultTable();
});
M src/main/webapp/views/attributenew.jsp
+155 −37
--- 'a/src/main/webapp/views/attributenew.jsp'
+++ b/src/main/webapp/views/attributenew.jsp
@@ -359,42 +359,158 @@
<div class="row">
<div class="col-lg-4 col-xlg-3">
<div class="card">
- <div class="card-body">
- <h4 class="card-title">Browser Stats</h4>
- <table class="table browser m-t-30 no-border">
- <tbody>
- <tr>
- <td style="width:40px"><img src="assets/images/browser/chrome-logo.png" alt=logo /></td>
- <td>Google Chrome</td>
- <td class="text-right"><span class="label label-light-info">23%</span></td>
- </tr>
- <tr>
- <td><img src="assets/images/browser/firefox-logo.png" alt=logo /></td>
- <td>Mozila Firefox</td>
- <td class="text-right"><span class="label label-light-success">15%</span></td>
- </tr>
- <tr>
- <td><img src="assets/images/browser/safari-logo.png" alt=logo /></td>
- <td>Apple Safari</td>
- <td class="text-right"><span class="label label-light-primary">07%</span></td>
- </tr>
- <tr>
- <td><img src="assets/images/browser/internet-logo.png" alt=logo /></td>
- <td>Internet Explorer</td>
- <td class="text-right"><span class="label label-light-warning">09%</span></td>
- </tr>
- <tr>
- <td><img src="assets/images/browser/opera-logo.png" alt=logo /></td>
- <td>Opera mini</td>
- <td class="text-right"><span class="label label-light-danger">23%</span></td>
- </tr>
- <tr>
- <td><img src="assets/images/browser/internet-logo.png" alt=logo /></td>
- <td>Microsoft edge</td>
- <td class="text-right"><span class="label label-light-megna">09%</span></td>
- </tr>
- </tbody>
- </table>
+ <div class="card-body bg-inverse" style="background: url(../assets/images/background/user-info.jpg) / cover;">
+ <h3 class="text-white card-title">Filter</h3>
+
+ </div>
+ <div class="card-body">
+ <div class="message-box contact-box">
+
+ <div class="message-widget contact-widget">
+ <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" 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>
+ <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">
+
+ <form id ="filterform" >
+
+
+ <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" >
+
+
+ Satellite
+
+ <select name="satelite" id="satelite" class="form-control" >
+ <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="IRS-1A">IRS-1A</option>
+ <option value="IRS-1B">IRS-1B</option>
+ <option value="IRS-1C">IRS-1C</option>
+ <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>
@@ -402,7 +518,7 @@
<div class="card">
<!-- <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="scale" class="scale-line"></div>
<div id="location"
@@ -593,7 +709,9 @@
<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.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>