Browse Source

initial commit

master
bimalkalsa 4 years ago
commit
c5913ca49f
  1. 8
      .classpath
  2. 31
      .project
  3. 12
      .settings/.jsdtscope
  4. 2
      .settings/org.eclipse.core.resources.prefs
  5. 10
      .settings/org.eclipse.jdt.core.prefs
  6. 8
      .settings/org.eclipse.wst.common.component
  7. 9
      .settings/org.eclipse.wst.common.project.facet.core.xml
  8. 1
      .settings/org.eclipse.wst.jsdt.ui.superType.container
  9. 1
      .settings/org.eclipse.wst.jsdt.ui.superType.name
  10. 3
      src/main/webapp/META-INF/MANIFEST.MF
  11. 16
      src/main/webapp/WEB-INF/appointment_detail.html
  12. 12
      src/main/webapp/WEB-INF/web.xml
  13. 216
      src/main/webapp/appointment_list.html
  14. BIN
      src/main/webapp/bg.jpg
  15. 108
      src/main/webapp/dashboard.html
  16. 122
      src/main/webapp/getAbstractReport.html
  17. 46
      src/main/webapp/getAbstractReport.jsp
  18. 50
      src/main/webapp/getAppointmentCount.jsp
  19. 47
      src/main/webapp/getAppointmentDetails.jsp
  20. 43
      src/main/webapp/getAppointmentDetailsByZone.jsp
  21. 97
      src/main/webapp/getDetailReport.html
  22. 73
      src/main/webapp/login.html
  23. 39
      src/main/webapp/login.jsp
  24. 32
      src/main/webapp/report_list.html
  25. 17
      src/main/webapp/rescheduledAppointment.jsp
  26. 231
      src/main/webapp/style.css
  27. 218
      src/main/webapp/styles.css
  28. 21
      src/main/webapp/updateStatus.jsp

8
.classpath

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<classpath>
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-17"/>
<classpathentry kind="src" path="src/main/java"/>
<classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.web.container"/>
<classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.module.container"/>
<classpathentry kind="output" path="build/classes"/>
</classpath>

31
.project

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>Official</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
<buildCommand>
<name>org.eclipse.jdt.core.javabuilder</name>
<arguments>
</arguments>
</buildCommand>
<buildCommand>
<name>org.eclipse.wst.common.project.facet.core.builder</name>
<arguments>
</arguments>
</buildCommand>
<buildCommand>
<name>org.eclipse.wst.validation.validationbuilder</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>org.eclipse.jem.workbench.JavaEMFNature</nature>
<nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature>
<nature>org.eclipse.wst.common.project.facet.core.nature</nature>
<nature>org.eclipse.jdt.core.javanature</nature>
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
</natures>
</projectDescription>

12
.settings/.jsdtscope

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<classpath>
<classpathentry excluding="**/bower_components/*|**/node_modules/*|**/*.min.js" kind="src" path="src/main/webapp"/>
<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.JRE_CONTAINER"/>
<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.WebProject">
<attributes>
<attribute name="hide" value="true"/>
</attributes>
</classpathentry>
<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.baseBrowserLibrary"/>
<classpathentry kind="output" path=""/>
</classpath>

2
.settings/org.eclipse.core.resources.prefs

@ -0,0 +1,2 @@
eclipse.preferences.version=1
encoding/<project>=UTF-8

10
.settings/org.eclipse.jdt.core.prefs

@ -0,0 +1,10 @@
eclipse.preferences.version=1
org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
org.eclipse.jdt.core.compiler.codegen.targetPlatform=17
org.eclipse.jdt.core.compiler.compliance=17
org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
org.eclipse.jdt.core.compiler.problem.enablePreviewFeatures=disabled
org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
org.eclipse.jdt.core.compiler.problem.reportPreviewFeatures=warning
org.eclipse.jdt.core.compiler.release=enabled
org.eclipse.jdt.core.compiler.source=17

8
.settings/org.eclipse.wst.common.component

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
<wb-module deploy-name="Official">
<wb-resource deploy-path="/" source-path="/src/main/webapp" tag="defaultRootSource"/>
<wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/>
<property name="context-root" value="Official"/>
<property name="java-output-path" value="/Official/build/classes"/>
</wb-module>
</project-modules>

9
.settings/org.eclipse.wst.common.project.facet.core.xml

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<faceted-project>
<fixed facet="wst.jsdt.web"/>
<fixed facet="java"/>
<fixed facet="jst.web"/>
<installed facet="java" version="17"/>
<installed facet="jst.web" version="4.0"/>
<installed facet="wst.jsdt.web" version="1.0"/>
</faceted-project>

1
.settings/org.eclipse.wst.jsdt.ui.superType.container

@ -0,0 +1 @@
org.eclipse.wst.jsdt.launching.baseBrowserLibrary

1
.settings/org.eclipse.wst.jsdt.ui.superType.name

@ -0,0 +1 @@
Window

3
src/main/webapp/META-INF/MANIFEST.MF

@ -0,0 +1,3 @@
Manifest-Version: 1.0
Class-Path:

16
src/main/webapp/WEB-INF/appointment_detail.html

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Welcome to Greater Chennai Corporation</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h2 class="heading">Property Tax Appointment</h2>
</body>
</html>

12
src/main/webapp/WEB-INF/web.xml

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">
<display-name>Official</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.jsp</welcome-file>
<welcome-file>index.htm</welcome-file>
<welcome-file>default.html</welcome-file>
<welcome-file>default.jsp</welcome-file>
<welcome-file>default.htm</welcome-file>
</welcome-file-list>
</web-app>

216
src/main/webapp/appointment_list.html

@ -0,0 +1,216 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to Greater Chennai Corporation</title>
<link rel="stylesheet" href="styles.css">
<style>
body {
background-image: url("bg.jpg");
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
*,
*::before,
*::after {
font-family: sans-serif;
}
/* Button Open Modal */
#openModal {
padding: 0.8rem 1.8rem;
border: 0;
border-radius: 0.5rem;
background-color: #0075f2;
color: #c8e0f4;
cursor: pointer;
outline-color: #212227;
font-weight: bold;
transition: opacity ease-in-out 0.2s;
}
#openModal:hover {
opacity: 0.9;
}
#openModal:focus {
background-color: #0063cc;
}
/* Modal Dialog */
dialog::backdrop {
background-color: rgb(0 0 0 /0.5);
}
dialog {
border: 0;
border-radius: 0.7rem;
box-shadow: 0 0 1em rgb(0 0 0 /0.2);
width: 80%;
}
</style>
</head>
<body>
<div class="modal-backdrop fade hide" style="opacity: .5;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
background-color: #000;"></div>
<dialog style="position: fixed;
top: 50%;
left: 0px;
right: 0px;
width: 35%;
margin: auto;
border-radius: 0px;
opacity: 1;
z-index: 999999;">
<div class="inputcontainer2">
<h2><center>Reschedule Appointment</h2></center>
<center><p><label class="label" for="appdate">DATE</label>
<input class="blockinput datepicker reschedule_date" id="datepicker" type="date" placeholder=""/></p>
<p><label class="label" for="apptime">TIME </label>
<input class="blockinput reschedule_time" id="apptime" type="time" placeholder="" min="6:00" max="20:00" /></p></center>
<div class="buttonbox">
<button type="button" class="button" id="save" onclick="rescheduleAppointment();">SAVE</button>
<button type="button" class="button" id="close" onclick="$('dialog').hide();$('.modal-backdrop').hide();">CLOSE</button></div>
</div>
</dialog>
<h2 class="heading1">Property Tax Appointment details</h2>
<div class="container14" style="margin-bottom: 0px;">
<div class="propertyid">PROPERTYID</div>
<div class="name">ASSESSE NAME</div>
<div class="address">CONTACT ADDRESS</div>
<div class="number">CONTACT NO</div>
<div class="date">DATE</div>
<div class="time">TIME</div>
<div class="status">STATUS UPDATE</div>
</div>
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js'></script>
<script>
var selected_dropdown;
$(document).ready(function(){
$("#datepicker").datepicker({
dateFormat: "yy-mm-dd" //
});
$(".timepicker").timepicker({
timeFormat: "HH:mm:ss p",
interval: 30,
minTime: "00",
maxTime: "23:55pm",
defaultTime: "00",
startTime: "01:00",
dynamic: true,
dropdown: true,
scrollbar: false
});
//$('dialog').show();
$('body').append('<center id="loader"><p>Loading..</p></center>');
console.log(getUrlParameter('division'));
var division = getUrlParameter('division');
var start_date = getUrlParameter('start_date');
var end_date = getUrlParameter('end_date');
if(parseInt(division) < 100){
division = division;
}
$.get('getAppointmentDetails.jsp?division='+division+'&start_date='+start_date+'&end_date='+end_date+'',function(response){
$('#loader').remove();
console.log(response);
$(response).each(function(){
if(this.property_id == 0)return;
console.log(this.property_id);
$('body').append(`<div class="container13" style="margin-bottom: 0px;margin-top:0px;">
<div class="propertyid" style="background-color:#fff">`+this.property_id+`</div>
<div class="name" style="background-color:#fff">`+this.owners_name+`</div>
<div class="address" style="background-color:#fff">`+this.contact_address+`</div>
<div class="number" style="background-color:#fff">`+this.contact_no+`</div>
<div class="date" style="background-color:#fff">`+this.date+`</div>
<div class="time" style="background-color:#fff">`+this.time+`</div>
<div class="status" style="background-color:#fff">
<select onchange="updateStatus(this, '`+this.property_id+`')">
<option value="0" style="font-size:15px">Select Option</option>
<option value="1" style="font-size:15px">Amount Collected</option>
<option value="2" style="font-size:15px">Amount Not Collected, Closing</option>
<option value="3" style="font-size:15p0x+">ReSchedule</option>
</select>
</div>
</div>`);
});
});
});
function updateStatus(select, property_id){
selected_dropdown = select;
if (confirm("Do you want to save the status?")) {
if($(select).val() == 3){
$('dialog').show();
$('dialog').attr('id', property_id);
$('.modal-backdrop').show();
}else{
$.post('updateStatus.jsp?property_id='+property_id, function(){
});
$(select).prop('disabled',true);
}
} else {
alert('Process cancelled');
$(select).val(0);
}
}
function rescheduleAppointment(){
var date = $('.reschedule_date').val();
var time = $('.reschedule_time').val();
$('dialog').html('<center>Processing..</center>');
$.post('rescheduledAppointment.jsp',{
'date': date,
'time': time,
'property_id' : $('dialog').attr('id')
},function(){
$(selected_dropdown).prop('disabled',true);
alert('Appointment updated successfully.');
window.location.reload();
});
}
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
}
}
return false;
};
</script>
</body>
</html>

BIN
src/main/webapp/bg.jpg

After

Width: 870  |  Height: 525  |  Size: 24 KiB

108
src/main/webapp/dashboard.html

@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to Greater Chennai Corporation</title>
<link rel="stylesheet" href="styles.css">
<style>
body {
background-image: url("bg.jpg");
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<h2 class="heading1">Appointment Status </h2>
<div class="inputcontainer2">
<center>
<label class="label" for="appdate">From Date &nbsp; </label>
<input class="blockinput date_picker" id="from_date" type="date" placeholder=""/>
<label class="label" for="appdate">&nbsp; &nbsp; To Date &nbsp; </label>
<input class="blockinput date_picker" id="to_date" type="date" placeholder=""/>
<div class="buttonbox">
<button type="reset" class="button" id="clear" onclick="getData()">Search</button></div>
</center></div>
<div class="container11" style="margin-bottom: 0px;">
<div class="zone">ZONE</div>
<div class="division">DIVISION</div>
<div class="total">TOTAL REQUESTS</div>
<div class="completed">COMPLETED</div>
<div class="pending">PENDING</div>
</div>
<span id="data"></span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
});
function getData(){
$('#data').html('');
var from_date = $('#from_date').val();
var to_date = $('#to_date').val();
$.post('getAppointmentCount.jsp',{
'from_date': from_date,
'to_date': to_date
},function(response){
var data = [];
$(response).each(function(){
if(typeof this.app_property_id == 'undefined') return;
var property_id = (this.app_property_id).split("-");
var key = property_id[0]+'-'+property_id[1];
if(typeof data[key] == 'undefined'){
data[key] = [];
data[key]['count'] = 1;
if(this.pending == 'Y'){
data[key]['pending'] = 1;
data[key]['completed'] = 0;
} else{
data[key]['completed'] = 1;
data[key]['pending'] = 0;
}
$('#data').append(`<center><div class="container11" style="margin-top: 0px;margin-bottom: 0px;">
<div class="division" style="background-color:#fff">`+property_id[0]+`</div>
<div class="request" style="background-color:#fff">`+property_id[1]+`</div>
<div class="division" style="background-color:#fff" id="`+key+`_count">`+data[key]['count']+`</div>
<div class="division" style="background-color:#fff" id="`+key+`_completed">`+data[key]['completed']+`</div>
<div class="division" style="background-color:#fff" id="`+key+`_pending"><a target="_blank" href="appointment_list.html?division=`+property_id[1]+`&start_date=`+from_date+`&end_date=`+to_date+`">`+data[key]['pending']+`</a></div>
</div></center>`);
}else{
data[key]['count']++;
$('#'+key+'_count').text(data[key]['count']);
if(this.pending == 'Y'){
data[key]['pending']++;
$('#'+key+'_pending').html('<a target="_blank" href="appointment_list.html?division='+property_id[1]+'&start_date='+from_date+'&end_date='+to_date+'">'+data[key]['pending']+'</a>');
} else {
data[key]['completed']++;
$('#'+key+'_completed').text(data[key]['completed']);
}
}
if(this.count > 0){
$('#data').append(`<center><div class="container11" style="margin-top: 0px;margin-bottom: 0px;">
<div class="division" style="background-color:#fff">`+this.division+`</div>
<div class="request" style="background-color:#fff"><a target="_blank" href="appointment_list.html?division=`+this.division+`">`+this.count+`</a></div>
</div></center>`);
}
});
//console.log(data);
//$.each(data, ( key, value ) => {
// console.log('caste: ' + key + ' | id: ' +value.count);
// });
//$(data).each(function(key, v){
// console.log(key);
//});
});
}
</script>
</body>
</html>

122
src/main/webapp/getAbstractReport.html

@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="initial-scale=1">
<title>Welcome to Greater Chennai Corporation</title>
<link rel="stylesheet" href="styles.css" />
<style>
body {
background-image: url("bg.jpg");
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<form action="data.jsp" class="form" method="post">
<h2 class="heading">Property Tax Appointment Report</h2>
<center>
<div class="inputcontainer">
<label class="label" for="zone"> Zone </label> &nbsp;
<select class="blockinput" name="zone" id="zone">
<option value="0">Select Zone</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select> &nbsp;
&nbsp; &nbsp; &nbsp;
<button type="button" class="button" id="button" onclick="getAppointmentsByZone()">Search</button>
</div>
</center>
<div class="container12" style="margin-bottom: 0px;">
<div class="propertyid">DIVISION</div>
<div class="name">COMPLETED</div>
<div class="address">PENDING</div>
</div>
<span id="data"></span>
</form>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function getAppointmentsByZone(){
$('#data').html('');
$('#button').text('Searching');
$('#button').attr('disabled', true);
$.post('getAbstractReport.jsp',{
'zone': $('#zone').val()
},function(response){
if(response[0].error == "1"){
$('#data').html('<center>NO APPOINTMENTS FOUND</center>');
}
$('#button').text('Search');
$('#button').attr('disabled', false);
var data = [];
$(response).each(function(){
console.log(this);
if(typeof this.app_property_id == 'undefined') return;
var property_id = (this.app_property_id).split("-");
var key = property_id[0]+'-'+property_id[1];
//console.log('key: '+key);
//console.log(data);
if(typeof data[key] == 'undefined'){
//console.log('key1: ' + key);
data[key] = [];
data[key]['count'] = 1;
if(this.pending == 'Y'){
data[key]['pending'] = 1;
data[key]['completed'] = 0;
} else{
data[key]['completed'] = 1;
data[key]['pending'] = 0;
}
$('#data').append(`<center><div class="container12" style="margin-top: 0px;margin-bottom: 0px;">
<div class="request" style="background-color:#fff">`+property_id[1]+`</div>
<div class="division" style="background-color:#fff" id="`+key+`_completed">`+data[key]['completed']+`</div>
<div class="division" style="background-color:#fff" id="`+key+`_pending">`+data[key]['pending']+`</div>
</div></center>`);
}else{
data[key]['count']++;
//console.log('key: ' + key);
if(this.pending == 'Y'){
data[key]['pending']++;
$('#'+key+'_pending').html(data[key]['pending']);
} else {
data[key]['completed']++;
$('#'+key+'_completed').text(data[key]['completed']);
}
}
if(this.count > 0){
$('#data').append(`<center><div class="container11" style="margin-top: 0px;margin-bottom: 0px;">
<div class="division" style="background-color:#fff">`+this.division+`</div>
<div class="request" style="background-color:#fff">`+this.count+`</div>
</div></center>`);
}
});
});
}
</script>
 
</body>
</html>

46
src/main/webapp/getAbstractReport.jsp

@ -0,0 +1,46 @@
<%@page import="java.sql.*"%>
<%
try{
//out.println("if");
String sql;
String zone = request.getParameter("zone");
sql = "select * from APPOINTMENT_DTL where app_property_id like '"+zone+"-%'";
//out.println(sql);
Connection conn=DriverManager.getConnection("jdbc:oracle:thin:@10.1.0.14:1521:chncorp","erp","erp");
Statement stmt = conn.createStatement();
ResultSet rs = stmt.executeQuery(sql);
int appointments[];
appointments = new int[100];
String salary[];
%>[<%
while(rs.next()){
String app_property_id = rs.getString("app_property_id");
String a[] = app_property_id.split("-");
// out.println(a[1]);
String key = a[0]+"tt"+a[1];
//out.println(key);
%>
{"app_property_id" :"<%= app_property_id %>", "pending":"<%= rs.getString("pending") %>" },
<%
}
%>{"error":1}]<%
response.setContentType("application/json");
}catch(SQLException e){
out.println(e);
}
%>

50
src/main/webapp/getAppointmentCount.jsp

@ -0,0 +1,50 @@
<%@page import="java.sql.*"%>
<%
try{
String action = request.getParameter("action");
String from_date = request.getParameter("from_date");
String to_date = request.getParameter("to_date");
String action1 = "getCount";
//out.println("if");
String sql;
String zone = (String)session.getAttribute("zone");
sql = "select * from APPOINTMENT_DTL where app_date >= TO_DATE('"+from_date+"','YYYY-MM-DD') and app_date <= TO_DATE('"+to_date+"', 'YYYY-MM-DD') and app_property_id like '"+zone+"-%'";
//out.println(sql);
Connection conn=DriverManager.getConnection("jdbc:oracle:thin:@10.1.0.14:1521:chncorp","erp","erp");
Statement stmt = conn.createStatement();
ResultSet rs = stmt.executeQuery(sql);
int appointments[];
appointments = new int[100];
String salary[];
%>[<%
while(rs.next()){
String app_property_id = rs.getString("app_property_id");
String a[] = app_property_id.split("-");
// out.println(a[1]);
String key = a[0]+"tt"+a[1];
//out.println(key);
%>
{"app_property_id" :"<%= app_property_id %>", "pending":"<%= rs.getString("pending") %>" },
<%
}
%>{}]<%
response.setContentType("application/json");
}catch(SQLException e){
out.println(e);
}
%>

47
src/main/webapp/getAppointmentDetails.jsp

@ -0,0 +1,47 @@
<%@page import="java.sql.*"%>
<%
try{
String action = request.getParameter("action");
String division = request.getParameter("division");
String action1 = "getCount";
String from_date = request.getParameter("start_date");
String to_date = request.getParameter("end_date");
//out.println("if");
String sql;
String zone = (String)session.getAttribute("zone");
sql = "select a.app_property_id,a.contact_addr,a.mobile_num,to_char(a.app_date, 'DD/MM/YYYY') as app_date,to_char(to_date(app_time, 'HH24:MI'),'HH:MI AM') as app_time,ta.ownersname from APPOINTMENT_DTL a join mv1@erp ta on a.APP_PROPERTY_ID=ta.UPICNO where app_property_id like '"+zone+"-"+division+"%' AND pending != 'N' and app_date >= TO_DATE('"+from_date+"','YYYY-MM-DD') and app_date <= TO_DATE('"+to_date+"', 'YYYY-MM-DD')";
//out.println(sql);
Connection conn=DriverManager.getConnection("jdbc:oracle:thin:@10.1.0.14:1521:chncorp","erp","erp");
Statement stmt = conn.createStatement();
ResultSet rs = stmt.executeQuery(sql);
int appointments[];
appointments = new int[100];
String salary[];
%>[<%
while(rs.next()){ %>
{
"property_id" : "<%= rs.getString("app_property_id") %>",
"contact_address": "<%= rs.getString("contact_addr") %>",
"contact_no": "<%= rs.getString("mobile_num") %>",
"date": "<%= rs.getString("app_date") %>",
"time": "<%= rs.getString("app_time") %>",
"owners_name": "<%= rs.getString("ownersname") %>"
},
<% }
%>{
"property_id" :0,
"contact_address": ""}]<%
response.setContentType("application/json");
}catch(SQLException e){
out.println(e);
}
%>

43
src/main/webapp/getAppointmentDetailsByZone.jsp

@ -0,0 +1,43 @@
<%@page import="java.sql.*"%>
<%
try{
String zone = request.getParameter("zone");
//out.println("if");
String sql;
sql = "select a.app_property_id,a.contact_addr,a.mobile_num,to_date(a.app_date, 'DD/MM/YYYY') as app_date,a.pending,a.app_time,ta.ownersname from APPOINTMENT_DTL a join mv1@erp ta on a.APP_PROPERTY_ID=ta.UPICNO where app_property_id like '"+zone+"-%'";
//out.println(sql);
Connection conn=DriverManager.getConnection("jdbc:oracle:thin:@10.1.0.14:1521:chncorp","erp","erp");
Statement stmt = conn.createStatement();
ResultSet rs = stmt.executeQuery(sql);
int appointments[];
appointments = new int[100];
String salary[];
%>[<%
while(rs.next()){ %>
{
"property_id" : "<%= rs.getString("app_property_id") %>",
"contact_address": "<%= rs.getString("contact_addr") %>",
"contact_no": "<%= rs.getString("mobile_num") %>",
"date": "<%= rs.getString("app_date") %>",
"time": "<%= rs.getString("app_time") %>",
"owners_name": "<%= rs.getString("ownersname") %>",
"pending": "<%= rs.getString("pending") %>"
},
<% }
%>{
"property_id" :0,
"contact_address": ""}]<%
response.setContentType("application/json");
}catch(SQLException e){
out.println(e);
}
%>

97
src/main/webapp/getDetailReport.html

@ -0,0 +1,97 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="initial-scale=1">
<title>Welcome to Greater Chennai Corporation</title>
<link rel="stylesheet" href="styles.css" />
<style>
body {
background-image: url("bg.jpg");
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* Resize the background image to cover the entire container */
}
</style>
</head>
<body>
<form action="data.jsp" class="" method="post">
<h2 class="heading">Property Tax Appointment Report</h2>
<center>
<div class="inputcontainer">
<label class="label" for="zone"> Zone </label> &nbsp;
<select class="blockinput" name="zone" id="zone">
<option value="0">Select Zone</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select> &nbsp;
&nbsp; &nbsp; &nbsp;
<button type="button" class="button" id="button" button""
onclick="getAppointmentDetails();">Search</button>
</div>
</center>
<div class="container14" style="margin-bottom: 0px;">
<div class="propertyid">PROPERTYID</div>
<div class="name">ASSESSE NAME</div>
<div class="address">CONTACT ADDRESS</div>
<div class="number">CONTACT NO</div>
<div class="date">DATE</div>
<div class="time">TIME</div>
<div class="status">STATUS UPDATE</div>
</div>
<span id="data"></span>
</form>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function getAppointmentDetails() {
$('#data').html('');
$('#button').text('Searching');
$('#button').attr('disabled', true);
$.post('getAppointmentDetailsByZone.jsp',{
'zone' : $('#zone').val()
},function(response){
$('#button').text('Search');
$('#button').attr('disabled', false);
$(response).each(function(){
if(this.property_id == 0)return;
var status = 'PENDING';
if(this.pending == 'N'){
status = 'COMPLETED';
}
$('#data').append(`<div class="container13" style="margin-bottom: 0px;margin-top:0px;">
<div class="propertyid" style="background-color:#fff">`+this.property_id+`</div>
<div class="name" style="background-color:#fff">`+this.owners_name+`</div>
<div class="address" style="background-color:#fff" >`+this.contact_address+`</div>
<div class="number"style="background-color:#fff">`+this.contact_no+`</div>
<div class="date" style="background-color:#fff">`+this.date+`</div>
<div class="time" style="background-color:#fff">`+this.time+`</div>
<div class="status" style="background-color:#fff">`+status+`</div>
</div>`);
});
});
}
</script>
 
</body>
</html>

73
src/main/webapp/login.html

@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to Greater Chennai Corporation</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main class="main">
<div class="container">
<section class="wrapper">
<div class="heading">
<h3 class="text">Property Tax Appointment</h3>
</div>
<form name="signin" class="form">
<div class="input-control">
<label for="user" class="input-label" hidden>Username</label>
<input type="text" name="username" id="username" class="input-field" placeholder="Username">
</div>
<div class="input-control">
<label for="password" class="input-label" hidden>Password</label>
<input type="password" name="password" id="password" class="input-field" placeholder="Password">
</div>
<div class="input-control">
<input type="button" name="submit" class="input-submit" value="Sign In" onclick="doLogin();">
</div>
</form>
</section>
</div>
</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function doLogin(){
var username = $('#username').val();
var password = $('#password').val();
if(username == '' || username == null) {
alert('Please enter username');
return false;
}
if(password == '' || password == null) {
alert('Please enter password');
return false;
}
$.post('login.jsp',{
'USER_ID' : username,
'USER_PWD' : password
},function(response){
if(response.status == true){
if(response.level == 1){
window.location.href="dashboard.html";
}else
if(response.level == 2){
window.location.href="report_list.html";
}
}else{
alert("Incorrect credentials");
}
});
}
</script>
</body>
</html>

39
src/main/webapp/login.jsp

@ -0,0 +1,39 @@
<%@page import="java.sql.*"%>
<%
boolean status = false;
try{
String username = request.getParameter("USER_ID");
String password = request.getParameter("USER_PWD");
String sql;
sql = "select * from mis_user_mast where USER_ID='"+username+"' and USER_PWD = '"+password+"'";
Connection conn=DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:xe","admin1","admin1");
Statement stmt = conn.createStatement();
ResultSet rs = stmt.executeQuery(sql);
//out.println(sql);
status = rs.next();
if(status){
//status = true;
//session.setAttribute("user_id", rs.getString("id"));
session.setAttribute("zone", rs.getString("zone"));
session.setAttribute("level",rs.getString("user_level"));
//out.println("level: "+session.getAttribute("user_level"));
}
}catch(SQLException e){
out.println(e);
}
%>
{"status": <%= status %>, "level": <%= session.getAttribute("level") %>}
<%
response.setContentType("application/json");
%>

32
src/main/webapp/report_list.html

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to Greater Chennai Corporation</title>
<link rel="stylesheet" href="styles.css">
<style>
body {
background-image: url("bg.jpg");
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
a {
font-size: 20px;
line-height: 32px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
margin: 30px 15px;
margin-top: 50px;
}
</style>
</head>
<center>
<a href="getAbstractReport.html">Abstract Report</a> | <a href="getDetailReport.html">Detail Report</a>
</center>
</body>
</html>

17
src/main/webapp/rescheduledAppointment.jsp

@ -0,0 +1,17 @@
<%@page import="java.sql.*"%>
<%
try{
String property_id = request.getParameter("property_id");
String date = request.getParameter("date");
String time = request.getParameter("time");
//out.println("if");
String sql;
sql = "update APPOINTMENT_DTL set app_date = To_date('"+date+"', 'YYYY-MM-DD'), app_time='"+time+"' where app_property_id = '"+property_id+"'";
// out.println(sql);
Connection conn=DriverManager.getConnection("jdbc:oracle:thin:@10.1.0.14:1521:chncorp","erp","erp");
Statement stmt = conn.createStatement();
stmt.execute(sql);
}catch(SQLException e){
out.println(e);
}
%>

231
src/main/webapp/style.css

@ -0,0 +1,231 @@
:root {
--color-white: #ffffff;
--color-light: #f1f5f9;
--color-black: #121212;
--color-night: #001632;
--color-red: #f44336;
--color-blue: #1a73e8;
--color-gray: #80868b;
--color-grayish: #dadce0;
--shadow-normal: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
0 1px 2px 0 rgba(0, 0, 0, 0.06);
--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
0 2px 4px -1px rgba(0, 0, 0, 0.06);
--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
html {
font-size: 100%;
font-size-adjust: 100%;
box-sizing: border-box;
scroll-behavior: smooth;
}
*,
*::before,
*::after {
padding: 0;
margin: 0;
box-sizing: inherit;
list-style: none;
list-style-type: none;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: var(--color-black);
background: var(--color-light);
}
a,
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
cursor: pointer;
border: none;
outline: none;
background: none;
text-decoration: none;
}
img {
display: block;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.container {
display: flex;
justify-content: center;
align-items: center;
max-width: 100rem;
min-height: 100vh;
width: 100%;
padding: 0 2rem;
margin: 0 auto;
}
.ion-logo-apple {
font-size: 1.65rem;
line-height: inherit;
margin-right: 0.5rem;
color: var(--color-black);
}
.ion-logo-google {
font-size: 1.65rem;
line-height: inherit;
margin-right: 0.5rem;
color: var(--color-red);
}
.ion-logo-facebook {
font-size: 1.65rem;
line-height: inherit;
margin-right: 0.5rem;
color: var(--color-blue);
}
.text {
font-family: inherit;
line-height: inherit;
text-transform: unset;
text-transform: uppercase;
text-align: center;
font-size: 23px;
text-rendering: optimizeLegibility;
}
.text-large {
font-size: 2rem;
font-weight: 600;
color: var(--color-black);
}
.text-normal {
font-size: 1rem;
font-weight: 400;
color: var(--color-black);
}
.text-links {
font-size: 1rem;
font-weight: 400;
color: var(--color-blue);
}
.text-links:hover {
text-decoration: underline;
}
.main .wrapper {
max-width: 28rem;
width: 100%;
margin: 2rem auto;
padding: 2rem 2.5rem;
border: none;
outline: none;
border-radius: 0.25rem;
color: var(--color-black);
background: var(--color-white);
box-shadow: var(--shadow-large);
}
.main .wrapper .form {
width: 100%;
height: auto;
margin-top: 2rem;
}
.main .wrapper .form .input-control {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.25rem;
}
.main .wrapper .form .input-field {
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: inherit;
width: 100%;
height: auto;
padding: 0.75rem 1.25rem;
border: none;
outline: none;
border-radius: 2rem;
color: var(--color-black);
background: var(--color-light);
text-transform: unset;
text-rendering: optimizeLegibility;
}
.main .wrapper .form .input-submit {
font-family: inherit;
font-size: 1rem;
font-weight: 500;
line-height: inherit;
cursor: pointer;
min-width: 40%;
height: auto;
padding: 0.65rem 1.25rem;
border: none;
outline: none;
border-radius: 2rem;
color: var(--color-white);
background: var(--color-blue);
box-shadow: var(--shadow-medium);
text-transform: capitalize;
text-rendering: optimizeLegibility;
}
.main .wrapper .striped {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 1rem 0;
}
.main .wrapper .striped-line {
flex: auto;
flex-basis: auto;
border: none;
outline: none;
height: 2px;
background: var(--color-grayish);
}
.main .wrapper .striped-text {
font-family: inherit;
font-size: 1rem;
font-weight: 500;
line-height: inherit;
color: var(--color-black);
margin: 0 1rem;
}
.main .wrapper .method-control {
margin-bottom: 1rem;
}
.main .wrapper .method-action {
font-family: inherit;
font-size: 0.95rem;
font-weight: 500;
line-height: inherit;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 0.35rem 1.25rem;
outline: none;
border: 2px solid var(--color-grayish);
border-radius: 2rem;
color: var(--color-black);
background: var(--color-white);
text-transform: capitalize;
text-rendering: optimizeLegibility;
transition: all 0.35s ease;
}
.main .wrapper .method-action:hover {
background: var(--color-light);
}

218
src/main/webapp/styles.css

@ -0,0 +1,218 @@
.heading1 {
font-size: 24px;
line-height: 32px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
margin: 30px 0;
}
.container11 {
font-size: 18px;
line-height: 32px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
margin: 20px 0;
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
grid-template-areas:
"h h h"
}
.container11 div {
display:grid;
justify-content:center;
align-items:center;
border:2px solid black;
background-color:rgb(0,150,255);
font-family:sans-serif;
}
.container12 {
font-size: 20px;
line-height: 32px;
font-weight: 700;
text-align: center;
align-items: center;
text-transform: uppercase;
margin: 20px 0;
display:grid;
grid-template-columns: 100px 250px 400px 150px 150px 100px 200px;
grid-template-areas:
"h h h h h h h h h h"
}
.container13 {
font-size: 18px;
line-height: 32px;
font-weight: 700;
text-align: center;
margin: 20px 0;
display:grid;
grid-template-columns: 250px 250px 400px 150px 150px 100px 200px;
grid-template-areas:
"h h h h h h h h h h"
}
.container14 {
font-size: 20px;
line-height: 32px;
font-weight: 700;
text-align: center;
align-items: center;
text-transform: uppercase;
margin: 20px 0;
display:grid;
grid-template-columns: 250px 250px 400px 150px 150px 100px 200px;
grid-template-areas:
"h h h h h h h h h h"
}
.container12 div {
display:grid;
justify-content:center;
align-items:center;
border:2px solid black;
background-color:rgb(0,150,255);
font-family:sans-serif;
}
.container13 div {
display:grid;
justify-content:center;
align-items:center;
border:2px solid black;
background-color:rgb(0,150,255);
font-family:sans-serif;
}
.container14 div {
display:grid;
justify-content:center;
align-items:center;
border:2px solid black;
background-color:rgb(0,150,255);
font-family:sans-serif;
}
* {
margin: 0;
padding: 0;
font-family: sans-serif;
}
.form {
width: 60%;
margin: 0 auto;
max-width: 42 rem;
}
.heading {
font-size: 20px;
line-height: 32px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
margin: 20px 0;
}
.heading2 {
text-align: left !important;
}
.label {
text-transform: uppercase;
letter-spacing: 0.025em;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
font-size: 18px;
line-height: 16px;
font-weight: 800;
margin-bottom: 8px;
}
.blockinput {
width: 10;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 10px;
box-sizing: border-box;
}
.inputcontainer2 {
align-items: center;
width: 100%;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 12px;
font-weight:bold;
}
.input {
width: 50%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.button {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
font-weight: 700;
padding: 8px 16px;
border: 1px;
border-radius: 4px;
margin-left: 8px;
}
.button:hover {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.buttonbox {
justify-content: space-between;
padding-top: 32px;
padding-bottom: 32px;
width: 33.333333%;
margin: auto;
}
.modal-backdrop fade hide {
opacity: .5;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
background-color: #000;
}
.dialog {
position: fixed;
top: 50%;
left: 0px;
right: 0px;
width: 35%;
margin: auto;
border-radius: 0px;
opacity: 1;
z-index: 999999;
}

21
src/main/webapp/updateStatus.jsp

@ -0,0 +1,21 @@
<%@page import="java.sql.*"%>
<%
try{
String property_id = request.getParameter("property_id");
//out.println("if");
String sql;
sql = "update APPOINTMENT_DTL set pending = 'N' where app_property_id = '"+property_id+"'";
out.println(sql);
Connection conn=DriverManager.getConnection("jdbc:oracle:thin:@10.1.0.14:1521:chncorp","erp","erp");
Statement stmt = conn.createStatement();
stmt.execute(sql);
}catch(SQLException e){
out.println(e);
}
%>
Loading…
Cancel
Save