9 changed files with 539 additions and 282 deletions
-
36src/main/java/com/election/lokshaba/config/DBConnection.java
-
4src/main/java/com/election/lokshaba/service/pollingPersonal/firstOrder/TrainingCenterRepService.java
-
2src/main/resources/application.properties
-
2target/classes/application.properties
-
BINtarget/classes/com/election/lokshaba/controller/MainController.class
-
4target/classes/templates/fragments/menu.html
-
2target/classes/templates/fragments/side-header.html
-
593target/classes/templates/login.html
-
178target/classes/templates/metro/report.html
@ -0,0 +1,36 @@ |
|||||
|
package com.election.lokshaba.config; |
||||
|
|
||||
|
import java.sql.Connection; |
||||
|
import java.sql.DriverManager; |
||||
|
import java.sql.SQLException; |
||||
|
|
||||
|
public class DBConnection { |
||||
|
private static Connection dbcon; |
||||
|
|
||||
|
static String l_sErpUrl = "jdbc:oracle:thin:@10.1.0.14:1521:chncorp"; |
||||
|
static String l_sErpdriver = "oracle.jdbc.driver.OracleDriver"; |
||||
|
|
||||
|
public static Connection getConnection() { |
||||
|
try { |
||||
|
// if(dbcon==null) { |
||||
|
Class.forName(l_sErpdriver); |
||||
|
Connection erp_conn = DriverManager.getConnection(l_sErpUrl,"ASSEMELEC","ASSEMELEC"); |
||||
|
System.out.println("erp_conn Con :"+ erp_conn ); |
||||
|
System.out.println("erp_conn Con "); |
||||
|
dbcon=erp_conn; |
||||
|
return erp_conn; |
||||
|
// } |
||||
|
// else { |
||||
|
// return dbcon; |
||||
|
// } |
||||
|
|
||||
|
} catch (ClassNotFoundException e) { |
||||
|
e.printStackTrace(); |
||||
|
//throw new SqlExcaptionClass("Sql"); |
||||
|
} catch (SQLException e) { |
||||
|
e.printStackTrace(); |
||||
|
|
||||
|
} |
||||
|
return dbcon; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,4 @@ |
|||||
|
package com.election.lokshaba.service.pollingPersonal.firstOrder; |
||||
|
|
||||
|
public class TrainingCenterRepService { |
||||
|
} |
||||
@ -1,118 +1,513 @@ |
|||||
|
|
||||
<!doctype html> |
<!doctype html> |
||||
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html"> |
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html"> |
||||
<head th:replace="~{fragments/head :: head}"></head> |
<head th:replace="~{fragments/head :: head}"></head> |
||||
|
|
||||
|
<head> |
||||
|
|
||||
|
<meta charset="utf-8"> |
||||
|
|
||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<title>Election</title> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<meta name="description" content="GCC Public Garbage collection request application"> |
||||
|
|
||||
|
<meta name="author" content="gcc"> |
||||
|
|
||||
|
<meta name="robots" content="noindex, nofollow"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<link rel="shortcut icon" href="assets/media/favicons/favicon.png"> |
||||
|
|
||||
|
<link rel="icon" type="image/png" sizes="192x192" href="assets/media/favicons/favicon-192x192.png"> |
||||
|
|
||||
|
<link rel="apple-touch-icon" sizes="180x180" href="assets/media/favicons/apple-touch-icon-180x180.png"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<link rel="stylesheet" id="css-main" href="assets/css/dashmix.min.css"> |
||||
|
|
||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</head> |
||||
|
|
||||
|
<style> |
||||
|
|
||||
|
|
||||
|
|
||||
|
.carousel-inner img{ |
||||
|
|
||||
|
height: 260px; |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
.content-header { |
||||
|
|
||||
|
display: flex; |
||||
|
|
||||
|
justify-content: space-between; |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
#site-logo { |
||||
|
|
||||
|
height: 50px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
#logo-txt { |
||||
|
|
||||
|
font-size: 12.4px; |
||||
|
|
||||
|
margin-bottom: 0px; |
||||
|
|
||||
|
margin-left: 5px; /* Adjust this margin as needed */ |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
.text-center { |
||||
|
|
||||
|
margin-top: 10px; /* Adjust this margin as needed */ |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
</style> |
||||
|
|
||||
|
|
||||
|
|
||||
<body> |
<body> |
||||
<style> |
|
||||
.otp-input-box { |
|
||||
/*display: flex; |
|
||||
justify-content: space-between;*/ |
|
||||
width: 100%; |
|
||||
} |
|
||||
|
|
||||
.otp-input { |
|
||||
width: 30px; |
|
||||
height: 30px; |
|
||||
border: 1px solid #ccc; |
|
||||
border-radius: 5px; |
|
||||
text-align: center; |
|
||||
font-size: 16px; |
|
||||
margin-right: 10px; |
|
||||
} |
|
||||
|
|
||||
</style> |
|
||||
<!-- Page Container --> |
|
||||
<div id="page-container"> |
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<div id="page-container" class="page-header-dark main-content-boxed"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- Header --> |
||||
|
|
||||
|
<header id="page-header" style="padding: 20px 0;"> |
||||
|
|
||||
|
<!-- Header Content --> |
||||
|
|
||||
|
<div class="content-header"> |
||||
|
|
||||
|
<!-- Left Section --> |
||||
|
|
||||
|
<div class="d-flex align-items-center"> |
||||
|
|
||||
|
<!-- Logo --> |
||||
|
|
||||
|
<a class="fw-semibold text-dual tracking-wide" href="index.html"> |
||||
|
|
||||
|
<table> |
||||
|
|
||||
|
<tr> |
||||
|
|
||||
|
<td> |
||||
|
|
||||
|
<img id="site-logo" src="https://chennaicorporation.gov.in/gcc/images/270-2709575_greater-chennai-corporation-dr-greater-chennai-corporation-logo.png" style="width: 40px;"> |
||||
|
|
||||
|
</td> |
||||
|
|
||||
|
<td> |
||||
|
|
||||
|
<h6 id="logo-txt" class="logo-text ml-1" style="font-size: 12.4px; margin-bottom: 0px;">GREATER<br>CHENNAI<br>CORPORATION</h6> |
||||
|
|
||||
|
</td> |
||||
|
|
||||
|
</tr> |
||||
|
|
||||
|
</table> |
||||
|
|
||||
|
</a> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<!-- END Left Section --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- Center Section --> |
||||
|
|
||||
|
<div class="text-center mx-auto"> |
||||
|
|
||||
|
<h2 class="text-white mb-2">LOK SABHA ELECTIONS 2024</h2> |
||||
|
|
||||
|
<h3 class="h4 fw-normal text-white-75 mb-0">மக்களவைத் தேர்தல் 2024</h3> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<!-- END Center Section --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- Right Section --> |
||||
|
|
||||
|
<div class="d-flex align-items-center"> |
||||
|
|
||||
|
<!-- Image --> |
||||
|
|
||||
|
<img src="assets/media/images/election-commission-of-india-logo.png" style="width: 100px; height: 70px;"> |
||||
|
|
||||
|
<!-- END Image --> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<!-- END Right Section --> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<!-- END Header Content --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- Header Search --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- END Header Search --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- Header Loader --> |
||||
|
|
||||
|
<!-- Please check out the Loaders page under Components category to see examples of showing/hiding it --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- END Header Loader --> |
||||
|
|
||||
|
</header> |
||||
|
|
||||
|
<!-- END Header --> |
||||
|
|
||||
|
|
||||
|
|
||||
<!-- Main Container --> |
<!-- Main Container --> |
||||
|
|
||||
<main id="main-container"> |
<main id="main-container"> |
||||
|
|
||||
|
<!-- Hero --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- END Hero --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
<!-- Page Content --> |
<!-- Page Content --> |
||||
<div class="bg-image" style="background-image: url('/assets/media/images/dam.jpg');"> |
|
||||
<div class="row g-0 justify-content-center bg-primary-dark-op"> |
|
||||
<div class="hero-static col-sm-8 col-md-6 col-xl-4 d-flex align-items-center p-2 px-sm-0"> |
|
||||
<!-- Sign In Block --> |
|
||||
<div class="block block-transparent block-rounded w-100 mb-0 overflow-hidden"> |
|
||||
<div class="block-content block-content-full px-lg-5 px-xl-6 py-4 py-md-5 py-lg-6 bg-body-extra-light" style="background-image: url('assets/media/images/flow.png'),url('assets/media/images/waterroll.png'); |
|
||||
background-repeat: no-repeat,no-repeat; |
|
||||
background-position: top,bottom; |
|
||||
background-size: 100% auto; |
|
||||
background-attachment: inherit;"> |
|
||||
<!-- Header --> |
|
||||
<div class="mb-1 text-center"> |
|
||||
<div class="row col-12 pt-1" style="margin:0px;"> |
|
||||
<div class="col-1 text-center"> |
|
||||
<!--<img src="assets/media/images/tamilnadu-logo.png" style="padding-top:2px;" width="50px" alt="Tamilnadu Logo">--> |
|
||||
</div> |
|
||||
<div class="col-2 text-center" style=""> |
|
||||
<img src='assets/media/images/logo-sm.png' width="55" alt="Logo Sm"> |
|
||||
</div> |
|
||||
<div class="col-7 text-center" style="font-size:15px; "> |
|
||||
பெருநகர சென்னை மாநகராட்சி |
|
||||
</div> |
|
||||
<div class="col-1 text-center"> |
|
||||
<!--<img src="assets/media/images/tamilnadu-logo.png" style="padding-top:2px;" width="50px" alt="Tamilnadu Logo">--> |
|
||||
</div> |
|
||||
</div> |
|
||||
<p class="link-fx fw-bold fs-3 pt-2" Style="margin-bottom:0.75rem;"> |
|
||||
<span class="text-dark"></span><span style="color: cornflowerblue;" >Lok Shaba Election Login</span> |
|
||||
</p> |
|
||||
<p class="text-uppercase fw-bold fs-sm text-muted" id="error" th:utext="${errortxt}">Login to Your Account</p> |
|
||||
|
|
||||
|
<div class="content"> |
||||
|
|
||||
|
<!-- Dummy content --> |
||||
|
|
||||
|
<div class="row mb-5 mt-4"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="col-xl-8 col-md-12"> |
||||
|
|
||||
|
<div class="card home-card"> |
||||
|
|
||||
|
<div class="card-body"> |
||||
|
|
||||
|
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel"> |
||||
|
|
||||
|
<div class="carousel-inner"> |
||||
|
|
||||
|
<div class="carousel-item active"> |
||||
|
|
||||
|
<img class="d-block w-100" src="assets/media/images/banner1.jpg" alt="First slide"> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="carousel-item"> |
||||
|
|
||||
|
<img class="d-block w-100" src="assets/media/images/banner2.jpg" alt="Second slide"> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="carousel-item"> |
||||
|
|
||||
|
<img class="d-block w-100" src="assets/media/images/banner3.jpg" alt="Third slide"> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="carousel-item"> |
||||
|
|
||||
|
<img class="d-block w-100" src="assets/media/images/banner4.jpg" alt="Third slide"> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="col-xl-4 col-md-12"> |
||||
|
|
||||
|
<div class="card home-card" style="height: 300px;"> |
||||
|
|
||||
|
<div class="card-body " style="overflow: scroll;"> |
||||
|
|
||||
|
<!-- <h4>Election Notifications</h4> --> |
||||
|
|
||||
|
<div class="col-12"> |
||||
|
|
||||
|
<ul> |
||||
|
|
||||
|
<li> |
||||
|
|
||||
|
<a href="https://tnsec.tn.nic.in/tnsec_upload/pdf/urban2022_schedule%20_tamil.pdf" target="_blank"> நகர்ப்புற உள்ளாட்சி அமைப்புகளுக்கான சாதாரண தேர்தல், 2024 - தேர்தல் அட்டவணை |
||||
|
|
||||
|
</a> |
||||
|
|
||||
|
</li> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<li> |
||||
|
|
||||
|
<a href="https://tnsec.tn.nic.in/tnsec_upload/pdf/2022_urban_tam_nomination_form.pdf" target="_blank">வேட்பு மனு (நகர்ப்புறம்)படிவம் 3,3A & 3A-ன் சுருக்கம் |
||||
|
|
||||
|
</a> |
||||
|
|
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
|
||||
|
<a href="https://tnsec.tn.nic.in/tnsec_upload/forms/2022_urban_candidate_hb05.pdf" target="_blank"> வேட்பாளர் கையேடு (நகர்ப்புறம்) |
||||
|
|
||||
|
</a> |
||||
|
|
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
|
||||
|
<a href="https://tnsec.tn.nic.in/tnsec_upload/elections/reservation%20of%20seats_tamil.html" target="_blank"> நகர்ப்புற உள்ளாட்சி அமைப்புகள் - இடஒதுக்கீடு |
||||
|
|
||||
|
</a> |
||||
|
|
||||
|
</li> |
||||
|
|
||||
|
</ul> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
</div> |
</div> |
||||
<!-- END Header --> |
|
||||
|
|
||||
<!-- Sign In Form --> |
|
||||
<!-- jQuery Validation (.js-validation-signin class is initialized in js/pages/op_auth_signin.min.js which was auto compiled from _js/pages/op_auth_signin.js) --> |
|
||||
<!-- For more info and examples you can check out https://github.com/jzaefferer/jquery-validation --> |
|
||||
<form class="js-validation-signin" action="/login" method="post" > |
|
||||
|
|
||||
<div class="mb-4"> |
|
||||
<div class="input-group input-group-lg"> |
|
||||
<span class="input-group-text" style="background-color:cornflowerblue"> |
|
||||
<i class="fa fa-user-circle"></i> |
|
||||
</span> |
|
||||
<input type="text" maxlength="15" class="form-control" id="login-username" name="username" placeholder="USER NAME" value="" required> |
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="row mb-5"> |
||||
|
|
||||
|
<div class="col-xl-4 col-md-6"> |
||||
|
|
||||
|
<div class="card home-card"> |
||||
|
|
||||
|
<div class="card-body text-center"> |
||||
|
|
||||
|
<div class="row"> |
||||
|
|
||||
|
<div class="col-12 mb-4"> |
||||
|
|
||||
|
<a href="http://election.chennaicorporation.gov.in/electionmis_21/complaint_2022/" class="btn btn-primary btn-block" target="_blank">Complaint Registration</a> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="col-12 mb-4"> |
||||
|
|
||||
|
<a href="https://chennaicorporation.gov.in/gcc/citizen-details/location-service-lb/" class="btn btn-primary btn-block" target="_blank">Know your Zone and Divisions</a> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="col-12 mb-4"> |
||||
|
|
||||
|
<a href="https://chennaicorporation.gov.in/gcc/delimited_ward/" class="btn btn-primary btn-block" target="_blank">Delimitation of Wards</a> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="col-12 mb-3"> |
||||
|
|
||||
|
<a href="#" class="btn btn-primary btn-block">Downloadable Forms</a> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="col-xl-4 col-md-6"> |
||||
|
|
||||
|
<div class="card home-card"> |
||||
|
|
||||
|
<div class="card-body"> |
||||
|
|
||||
|
<h5 class="text-center">LOGIN</h5> |
||||
|
|
||||
|
<form method="post" action="/login"> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
|
||||
|
<label for="username">Username</label> |
||||
|
|
||||
|
<input type="text" class="form-control" id="username" name="username" placeholder="Enter Username" value="" required="required"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
|
||||
|
<label for="password">Password</label> |
||||
|
|
||||
|
<input type="password" class="form-control" id="password" name="password" placeholder="Enter Password" value="" required="required"> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<button type="submit" class="btn btn-primary">Submit</button> |
||||
|
|
||||
|
</form> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
</div> |
</div> |
||||
</div> |
|
||||
<div class="mb-4"> |
|
||||
|
|
||||
<div class="input-group input-group-lg"> |
|
||||
<span class="input-group-text" style="background-color:cornflowerblue;"> |
|
||||
<i class="fa fa-asterisk"></i> |
|
||||
</span> |
|
||||
<input type="password" maxlength="15" class="form-control" id="login-password" name="password" placeholder="PASSWORD" value="" required> |
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="col-xl-4 col-md-6"> |
||||
|
|
||||
|
<div class="card home-card"> |
||||
|
|
||||
|
<div class="card-body"> |
||||
|
|
||||
|
<h5 class="text-center mb-3">TWITTER</h5> |
||||
|
|
||||
|
<div class="col-12"> |
||||
|
|
||||
|
<img class="d-block w-100" src="assets/media/images/twitter-img.png" alt="No image"> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="col-12"> |
||||
|
|
||||
|
<img class="d-block w-100" src="assets/media/images/twitter-img2.png" alt="No image"> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
</div> |
</div> |
||||
</div> |
|
||||
|
|
||||
<div class="text-center mb-2"> |
|
||||
<button type="submit" class="btn btn-hero btn-primary" style="background-color:cornflowerblue;"> |
|
||||
<i class="fa fa-fw fa-sign-in-alt opacity-50 me-1"></i> Log In |
|
||||
</button> |
|
||||
</div> |
|
||||
<br/><br/> |
|
||||
</form> |
|
||||
<!-- END Sign In Form --> |
|
||||
<!-- <a href ="/admin">offcier login</a> --> |
|
||||
</div> |
|
||||
|
|
||||
</div> |
|
||||
<!-- END Sign In Block --> |
|
||||
|
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
</div> |
</div> |
||||
<!-- END Page Content --> |
|
||||
|
|
||||
</main> |
</main> |
||||
<!-- END Main Container --> |
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<!--footer --> |
||||
|
|
||||
|
<footer class="page-footer font-small cyan darken-3 footer-container" style="background-color: lightblue"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="container"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="row footer-text" style="line-height: 2 ;text-align: center;display: block;"> |
||||
|
|
||||
|
<span id="footerTitle-law"> "The Bribery is against the Law. The Complaints about corruption may be sent to the |
||||
|
|
||||
|
Directorate of |
||||
|
|
||||
|
vigilance and Anti-Corruption, Chennai-16" |
||||
|
|
||||
|
</span> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div id="tamilContent-font" class="row footer-web-phone-address" |
||||
|
|
||||
|
style="line-height: 2 ;text-align: center;display: block;"> |
||||
|
|
||||
|
<a class="footer-link " href="#" id="footerTitle-website"> © Copyright 2024 Greater Chennai Corporation. All Rights Reserved.</a> |
||||
|
|
||||
|
<a class="phone-number" href="#" id="footerTitle-phonenumber"></a> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<img class="footer-right-img" src="./images/footer-silhouette-right.png"> |
||||
|
|
||||
|
</footer> |
||||
|
|
||||
</div> |
</div> |
||||
|
|
||||
<!-- END Page Container --> |
<!-- END Page Container --> |
||||
|
|
||||
|
|
||||
<!-- Scripts --> |
|
||||
|
|
||||
<script th:replace="~{fragments/script :: script}"></script> |
|
||||
<script> |
|
||||
|
|
||||
|
|
||||
</script> |
|
||||
|
<script th:replace="~{fragments/script :: script}"></script> |
||||
|
|
||||
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> |
||||
|
|
||||
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> |
||||
|
|
||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> |
||||
|
|
||||
|
|
||||
|
|
||||
</body> |
</body> |
||||
</html> |
|
||||
|
|
||||
|
</html> |
||||
@ -1,178 +0,0 @@ |
|||||
<!DOCTYPE html> |
|
||||
<html xmlns:th="http://www.thymeleaf.org"> |
|
||||
<head th:replace="~{fragments/head-public :: head}"></head> |
|
||||
|
|
||||
<meta charset="ISO-8859-1"> |
|
||||
<title>Metro Water</title> |
|
||||
<style> |
|
||||
.input-group-append { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
|
|
||||
.loader { |
|
||||
border: 16px solid #f3f3f3; |
|
||||
border-radius: 50%; |
|
||||
border-top: 16px solid blue; |
|
||||
border-bottom: 16px solid blue; |
|
||||
width: 120px; |
|
||||
height: 120px; |
|
||||
-webkit-animation: spin 2s linear infinite; |
|
||||
animation: spin 2s linear infinite; |
|
||||
} |
|
||||
|
|
||||
@-webkit-keyframes spin { |
|
||||
0% { -webkit-transform: rotate(0deg); } |
|
||||
100% { -webkit-transform: rotate(360deg); } |
|
||||
} |
|
||||
|
|
||||
@keyframes spin { |
|
||||
0% { transform: rotate(0deg); } |
|
||||
100% { transform: rotate(360deg); } |
|
||||
} |
|
||||
</style> |
|
||||
</head> |
|
||||
<!-- <div class="loader" id="loader"></div> --> |
|
||||
|
|
||||
<body> |
|
||||
|
|
||||
<div id="page-container" class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed page-header-dark"> |
|
||||
<!-- Side Overlay aside (right)--> |
|
||||
<aside th:replace="~{fragments/aside-right :: aside}"></aside> |
|
||||
<!-- END Side Overlay (right)--> |
|
||||
|
|
||||
<!-- Sidebar Nav--> |
|
||||
<nav th:replace="~{fragments/nav :: nav}"></nav> |
|
||||
<!-- END Sidebar --> |
|
||||
|
|
||||
<!-- Header --> |
|
||||
<header th:replace="~{fragments/header :: header}"></header> |
|
||||
<!-- END Header --> |
|
||||
<!-- Main Container --> |
|
||||
<main id="main-container"> |
|
||||
<!-- Hero --> |
|
||||
<div class=""> |
|
||||
<div class="content content-full"> |
|
||||
<div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center"> |
|
||||
<h3 class="flex-grow-1 fs-5 fw-semibold my-2 my-sm-3">Welcome</h3> |
|
||||
<nav class="flex-shrink-0 my-2 my-sm-0 ms-sm-3" aria-label="breadcrumb"> |
|
||||
<ol class="breadcrumb"> |
|
||||
<li class="breadcrumb-item active" aria-current="page">Home |
|
||||
</ol> |
|
||||
</nav> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- END Hero --> |
|
||||
<div class="content"> |
|
||||
<div class="block block-rounded"> |
|
||||
<div class="block-header block-header-default"> |
|
||||
<h3 class="block-title">Metro Water Dept Report</h3> |
|
||||
<div class="block-options"> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
|
|
||||
<form class="" action="/api/download1" onsubmit="getReport()"> |
|
||||
<div class="row"> |
|
||||
|
|
||||
<div class="col"> |
|
||||
<label for="fromDate" class="">From Date</label> |
|
||||
<input type="date" class="form-control" id="fromDate" name="fromdate" data-date-format="dd/mm/yy" required/> |
|
||||
</div> |
|
||||
|
|
||||
<div class="col"> |
|
||||
<label for="toDate" class="">To Date</label> |
|
||||
<input type="date" class="form-control" id="toDate" name="todate" data-date-format="dd/mm/yy" required/> |
|
||||
</div> |
|
||||
|
|
||||
<div class="col"> |
|
||||
<label for="type" class="">Type</label> |
|
||||
<select class="form-select" id="type" name="type" aria-label="Default select example" required> |
|
||||
<option selected></option> |
|
||||
<option value="new" selected>New</option> |
|
||||
<option value="modify">Modify</option> |
|
||||
<option value="deActive">De Active </option> |
|
||||
<option value="deActiveWithRemark">De Active With Remark</option> |
|
||||
<option value="nameTransfer">Name Transfer </option> |
|
||||
<option value="entries">Metro Water Entries </option> |
|
||||
</select> |
|
||||
</div> |
|
||||
|
|
||||
<div class="col"> |
|
||||
<br> |
|
||||
<button type="submit" class="btn btn-sm btn-primary btn-lg float-right">Export</button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</form> |
|
||||
|
|
||||
<div class="card col-6" id="msg" > |
|
||||
<div class="card-body"> |
|
||||
<p>please wait Excel is generating</p> |
|
||||
</div> |
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</main> |
|
||||
</div> |
|
||||
|
|
||||
<script th:replace="~{fragments/script :: script}"></script> |
|
||||
|
|
||||
<script> |
|
||||
const fromDateInput = document.getElementById('fromDate'); |
|
||||
const toDateInput = document.getElementById('toDate'); |
|
||||
|
|
||||
// Listen for changes to the "from" date |
|
||||
fromDateInput.addEventListener('change', function () { |
|
||||
// Get the selected "from" date |
|
||||
const fromDate = new Date(this.value); |
|
||||
|
|
||||
// Enable the "to" date input |
|
||||
toDateInput.disabled = false; |
|
||||
|
|
||||
// Set the minimum allowed "to" date to the selected "from" date |
|
||||
toDateInput.min = this.value; |
|
||||
|
|
||||
// You can also set a default "to" date (e.g., one day after "from" date) |
|
||||
const toDate = new Date(fromDate); |
|
||||
toDate.setDate(fromDate.getDate() + 1); |
|
||||
toDateInput.valueAsDate = toDate; |
|
||||
}); |
|
||||
// Listen for changes to the "to" date |
|
||||
toDateInput.addEventListener('change', function () { |
|
||||
// Get the selected "to" date |
|
||||
const toDate = new Date(this.value); |
|
||||
|
|
||||
// Get today's date |
|
||||
const today = new Date(); |
|
||||
|
|
||||
// If the selected "to" date is greater than today's date, reset it to today's date |
|
||||
if (toDate > today) { |
|
||||
toDateInput.valueAsDate = today; |
|
||||
} |
|
||||
}); |
|
||||
|
|
||||
function getReport(){ |
|
||||
var x = document.getElementById("msg"); |
|
||||
if (x.style.display === "none") { |
|
||||
x.style.display = "block"; |
|
||||
} |
|
||||
|
|
||||
return false; |
|
||||
} |
|
||||
|
|
||||
document.onreadystatechange = function() { |
|
||||
if (document.readyState !== "complete") { |
|
||||
document.querySelector("body").style.visibility = "hidden"; |
|
||||
document.querySelector("#msg").style.visibility = "visible"; |
|
||||
} else { |
|
||||
document.querySelector("#msg").style.display = "none"; |
|
||||
document.querySelector("body").style.visibility = "visible"; |
|
||||
} |
|
||||
}; |
|
||||
</script> |
|
||||
</body> |
|
||||
</html> |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue