11 changed files with 390 additions and 320 deletions
-
144pom.xml
-
4src/main/resources/application.properties
-
BINsrc/main/resources/static/assets/img/img/logocp.png
-
BINsrc/main/resources/static/assets/img/img/meadiaquriy2.jpg
-
BINsrc/main/resources/static/assets/img/img/meadiaquriymob.jpg
-
BINsrc/main/resources/static/assets/img/img/mediaqurey.jpg
-
BINsrc/main/resources/static/assets/img/img/todaybgbaner.jpg
-
87src/main/resources/templates/fragment/Head.html
-
134src/main/resources/templates/fragment/Header.html
-
32src/main/resources/templates/fragment/Js.html
-
309src/main/resources/templates/login.html
@ -1,78 +1,78 @@ |
|||||
<?xml version="1.0" encoding="UTF-8"?> |
<?xml version="1.0" encoding="UTF-8"?> |
||||
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" |
|
||||
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> |
|
||||
<modelVersion>4.0.0</modelVersion> |
|
||||
<parent> |
|
||||
<groupId>org.springframework.boot</groupId> |
|
||||
<artifactId>spring-boot-starter-parent</artifactId> |
|
||||
<version>2.7.6</version> |
|
||||
<relativePath/> <!-- lookup parent from repository --> |
|
||||
</parent> |
|
||||
<groupId>com.asset</groupId> |
|
||||
<artifactId>asset_details</artifactId> |
|
||||
<version>0.0.1-SNAPSHOT</version> |
|
||||
<packaging>war</packaging> |
|
||||
<name>asset_details</name> |
|
||||
<description>Project for Asset Detail Feedback</description> |
|
||||
<properties> |
|
||||
<java.version>1.8</java.version> |
|
||||
<maven.compiler.source>8</maven.compiler.source> |
|
||||
<maven.compiler.target>8</maven.compiler.target> |
|
||||
</properties> |
|
||||
<dependencies> |
|
||||
<dependency> |
|
||||
<groupId>org.springframework.boot</groupId> |
|
||||
<artifactId>spring-boot-starter-thymeleaf</artifactId> |
|
||||
</dependency> |
|
||||
<dependency> |
|
||||
<groupId>org.springframework.boot</groupId> |
|
||||
<artifactId>spring-boot-starter-web</artifactId> |
|
||||
</dependency> |
|
||||
<dependency> |
|
||||
<groupId>com.google.zxing</groupId> |
|
||||
<artifactId>javase</artifactId> |
|
||||
<version>3.4.0</version> |
|
||||
</dependency> |
|
||||
<dependency> |
|
||||
<groupId>org.springframework.boot</groupId> |
|
||||
<artifactId>spring-boot-starter-data-jpa</artifactId> |
|
||||
</dependency> |
|
||||
<dependency> |
|
||||
<groupId>org.springframework.boot</groupId> |
|
||||
<artifactId>spring-boot-starter-jdbc</artifactId> |
|
||||
</dependency> |
|
||||
<dependency> |
|
||||
<groupId>mysql</groupId> |
|
||||
<artifactId>mysql-connector-java</artifactId> |
|
||||
<scope>runtime</scope> |
|
||||
</dependency> |
|
||||
<dependency> |
|
||||
<groupId>org.projectlombok</groupId> |
|
||||
<artifactId>lombok</artifactId> |
|
||||
<optional>true</optional> |
|
||||
</dependency> |
|
||||
|
<project xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://maven.apache.org/POM/4.0.0" |
||||
|
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> |
||||
|
<modelVersion>4.0.0</modelVersion> |
||||
|
<parent> |
||||
|
<groupId>org.springframework.boot</groupId> |
||||
|
<artifactId>spring-boot-starter-parent</artifactId> |
||||
|
<version>2.7.6</version> |
||||
|
<relativePath/> <!-- lookup parent from repository --> |
||||
|
</parent> |
||||
|
<groupId>com.asset</groupId> |
||||
|
<artifactId>asset_details</artifactId> |
||||
|
<version>0.0.1-SNAPSHOT</version> |
||||
|
<packaging>war</packaging> |
||||
|
<name>asset_details</name> |
||||
|
<description>Project for Asset Detail Feedback</description> |
||||
|
<properties> |
||||
|
<java.version>1.8</java.version> |
||||
|
<maven.compiler.source>8</maven.compiler.source> |
||||
|
<maven.compiler.target>8</maven.compiler.target> |
||||
|
</properties> |
||||
|
<dependencies> |
||||
|
<dependency> |
||||
|
<groupId>org.springframework.boot</groupId> |
||||
|
<artifactId>spring-boot-starter-thymeleaf</artifactId> |
||||
|
</dependency> |
||||
|
<dependency> |
||||
|
<groupId>org.springframework.boot</groupId> |
||||
|
<artifactId>spring-boot-starter-web</artifactId> |
||||
|
</dependency> |
||||
|
<dependency> |
||||
|
<groupId>com.google.zxing</groupId> |
||||
|
<artifactId>javase</artifactId> |
||||
|
<version>3.4.0</version> |
||||
|
</dependency> |
||||
|
<dependency> |
||||
|
<groupId>org.springframework.boot</groupId> |
||||
|
<artifactId>spring-boot-starter-data-jpa</artifactId> |
||||
|
</dependency> |
||||
|
<dependency> |
||||
|
<groupId>org.springframework.boot</groupId> |
||||
|
<artifactId>spring-boot-starter-jdbc</artifactId> |
||||
|
</dependency> |
||||
|
<dependency> |
||||
|
<groupId>com.mysql</groupId> |
||||
|
<artifactId>mysql-connector-j</artifactId> |
||||
|
<version>8.0.31</version> |
||||
|
</dependency> |
||||
|
<dependency> |
||||
|
<groupId>org.projectlombok</groupId> |
||||
|
<artifactId>lombok</artifactId> |
||||
|
<optional>true</optional> |
||||
|
</dependency> |
||||
|
|
||||
<dependency> |
|
||||
<groupId>org.springframework.boot</groupId> |
|
||||
<artifactId>spring-boot-starter-test</artifactId> |
|
||||
<scope>test</scope> |
|
||||
</dependency> |
|
||||
<dependency> |
|
||||
<groupId>org.json</groupId> |
|
||||
<artifactId>json</artifactId> |
|
||||
<version>20220924</version> |
|
||||
</dependency> |
|
||||
</dependencies> |
|
||||
|
<dependency> |
||||
|
<groupId>org.springframework.boot</groupId> |
||||
|
<artifactId>spring-boot-starter-test</artifactId> |
||||
|
<scope>test</scope> |
||||
|
</dependency> |
||||
|
<dependency> |
||||
|
<groupId>org.json</groupId> |
||||
|
<artifactId>json</artifactId> |
||||
|
<version>20220924</version> |
||||
|
</dependency> |
||||
|
</dependencies> |
||||
|
|
||||
|
|
||||
<build> |
|
||||
<plugins> |
|
||||
<plugin> |
|
||||
<groupId>org.springframework.boot</groupId> |
|
||||
<artifactId>spring-boot-maven-plugin</artifactId> |
|
||||
</plugin> |
|
||||
</plugins> |
|
||||
<defaultGoal>package</defaultGoal> |
|
||||
</build> |
|
||||
|
<build> |
||||
|
<plugins> |
||||
|
<plugin> |
||||
|
<groupId>org.springframework.boot</groupId> |
||||
|
<artifactId>spring-boot-maven-plugin</artifactId> |
||||
|
</plugin> |
||||
|
</plugins> |
||||
|
<defaultGoal>package</defaultGoal> |
||||
|
</build> |
||||
|
|
||||
</project> |
</project> |
||||
|
After Width: 328 | Height: 438 | Size: 188 KiB |
|
After Width: 1750 | Height: 750 | Size: 890 KiB |
|
After Width: 1200 | Height: 1200 | Size: 754 KiB |
|
After Width: 7291 | Height: 3125 | Size: 6.2 MiB |
|
After Width: 1600 | Height: 685 | Size: 113 KiB |
@ -1,21 +1,21 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html xmlns:th="https://www.thymeleaf.org"> |
<html xmlns:th="https://www.thymeleaf.org"> |
||||
<js class="js" th:fragment="js"> |
<js class="js" th:fragment="js"> |
||||
<!-- Vendor JS Files --> |
|
||||
<script src="../../assets/vendor/apexcharts/apexcharts.min.js"></script> |
|
||||
<script src="../../assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> |
|
||||
<script src="../../assets/vendor/chart.js/chart.min.js"></script> |
|
||||
<script src="../../assets/vendor/echarts/echarts.min.js"></script> |
|
||||
<script src="../../assets/vendor/quill/quill.min.js"></script> |
|
||||
<script src="../../assets/vendor/simple-datatables/simple-datatables.js"></script> |
|
||||
<script src="../../assets/vendor/tinymce/tinymce.min.js"></script> |
|
||||
<script src="../../assets/vendor/php-email-form/validate.js"></script> |
|
||||
|
<!-- Vendor JS Files --> |
||||
|
<script src="../assets/vendor/apexcharts/apexcharts.min.js"></script> |
||||
|
<script src="../assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> |
||||
|
<script src="../assets/vendor/chart.js/chart.min.js"></script> |
||||
|
<script src="../assets/vendor/echarts/echarts.min.js"></script> |
||||
|
<script src="../assets/vendor/quill/quill.min.js"></script> |
||||
|
<script src="../assets/vendor/simple-datatables/simple-datatables.js"></script> |
||||
|
<script src="../assets/vendor/tinymce/tinymce.min.js"></script> |
||||
|
<script src="../assets/vendor/php-email-form/validate.js"></script> |
||||
|
|
||||
<!-- Template Main JS File --> |
|
||||
<script src="../../assets/js/main.js"></script> |
|
||||
|
<!-- Template Main JS File --> |
||||
|
<script src="../assets/js/main.js"></script> |
||||
|
|
||||
<!-- Custom Local JS File --> |
|
||||
<script src="../../assets/js/local.js"></script> |
|
||||
|
|
||||
</js> |
|
||||
</html> |
|
||||
|
<!-- Custom Local JS File --> |
||||
|
<script src="../assets/js/local.js"></script> |
||||
|
|
||||
|
</js> |
||||
|
</html> |
||||
@ -1,139 +1,208 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html xmlns:th="https://www.thymeleaf.org"> |
|
||||
|
|
||||
<!-- head tag --> |
|
||||
<div th:replace="fragment/Head.html::head"></div> |
|
||||
|
|
||||
<style> |
|
||||
body { |
|
||||
font-family: "Open Sans", sans-serif; |
|
||||
/* background: #405d97; */ |
|
||||
background: url("../../assets/img/Loop-twinkle.gif"); |
|
||||
color: #444444; |
|
||||
|
|
||||
/* background-image: url('../../assets/img/greater-chennai-corporation.jpg'); |
|
||||
background-position: center; |
|
||||
background-repeat: no-repeat; |
|
||||
background-size: cover; */ |
|
||||
} |
|
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<title>LoginPage</title> |
||||
|
<link href="../asset/css/style.css" rel="stylesheet"> |
||||
|
<!-- Bootstrap CSS --> |
||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" rel="stylesheet"> |
||||
|
<!-- Custom CSS --> |
||||
|
|
||||
|
<style> |
||||
|
body { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
.card { |
||||
|
width: 350px; |
||||
|
margin: 0 auto; |
||||
|
margin-top: 50px; |
||||
|
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); |
||||
|
border-radius: 5px; |
||||
|
align-items: center; |
||||
|
/* display: flex; */ |
||||
|
padding: 20px; |
||||
|
text-align: center; |
||||
|
background-color: rgba(255, 255, 255, 0.9); |
||||
|
opacity: 0.9; |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
.card-header { |
||||
|
font-weight: bold; |
||||
|
font-size: 24px; |
||||
|
} |
||||
|
|
||||
|
.form-group { |
||||
|
margin-bottom: 20px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
input[type=text], input[type=password] { |
||||
|
width: 100%; |
||||
|
padding: 12px 20px; |
||||
|
margin: 8px 0; |
||||
|
display: inline-block; |
||||
|
border: 1px solid #ccc; |
||||
|
border-radius: 4px; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
button { |
||||
|
background-color: #007bff; |
||||
|
color: white; |
||||
|
padding: 17px 109px; |
||||
|
border: none; |
||||
|
border-radius: 4px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
button:hover { |
||||
|
background-color: #0069d9; |
||||
|
} |
||||
|
|
||||
|
.text-muted { |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
.main-section { |
||||
|
width: 100%; |
||||
|
/* float: left; */ |
||||
|
padding: 40px; |
||||
|
/* margin: 0 auto; */ |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
|
||||
.bg { |
|
||||
background-image: url('../../assets/img/greater-chennai-corporation.png'); |
|
||||
background-position: center; |
|
||||
background-repeat: no-repeat; |
|
||||
background-size: cover; |
|
||||
} |
|
||||
|
|
||||
.login-span { |
|
||||
|
} |
||||
|
.main-section .left-side-contant { |
||||
|
float: left; |
||||
|
width: 50%; |
||||
|
padding-right: 10px; |
||||
|
|
||||
|
} |
||||
|
.main-section .right-side-contant { |
||||
|
float: left; |
||||
|
width: 55%; |
||||
|
|
||||
|
|
||||
|
} |
||||
|
h4 { |
||||
position: relative; |
position: relative; |
||||
bottom: 40px; |
|
||||
right: 370px; |
|
||||
} |
|
||||
|
margin-left: 74px; |
||||
|
text-align: center; |
||||
|
font-weight: bold; |
||||
|
|
||||
.login-span2 { |
|
||||
position: relative; |
|
||||
bottom: 102px; |
|
||||
left: 280px; |
|
||||
} |
|
||||
|
} |
||||
|
.container-fluid { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
.card { |
||||
|
position: relative; |
||||
|
align-items: center; |
||||
|
margin: 0 auto; |
||||
|
display: flex; |
||||
|
position: absolute; |
||||
|
top: 50%; |
||||
|
left: 50%; |
||||
|
transform: translate(-50%, -50%); |
||||
|
} |
||||
|
.bgbanner{ |
||||
|
background-image: url('../assets/img/img/mediaqurey.jpg'); |
||||
|
width: 100%; |
||||
|
background-size: contain; |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 100%; |
||||
|
height: 100vh; |
||||
|
background-position: center; |
||||
|
/* margin-bottom: 30px; */ |
||||
|
background-size: cover; |
||||
|
} |
||||
|
.left-side-contant img{ |
||||
|
width: 35px; |
||||
|
margin-left: -40px; |
||||
|
float: left; |
||||
|
margin-top: -15px; |
||||
|
position: absolute; |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
.left-side-contant h4{ |
||||
|
line-height: 40px; |
||||
|
position: relative; |
||||
|
/* position: absolute; */ |
||||
|
margin-left: 20px; |
||||
|
} |
||||
|
.main-section{ |
||||
|
padding: 55px 40px; |
||||
|
} |
||||
|
|
||||
.logo-span3 { |
|
||||
position: relative; |
|
||||
bottom: 100px; |
|
||||
left: 285px; |
|
||||
} |
|
||||
|
@media only screen and (max-width: 768px) { |
||||
|
.cardbody { |
||||
|
|
||||
.login-logo { |
|
||||
position: relative; |
|
||||
bottom: 35px; |
|
||||
right: 380px; |
|
||||
|
|
||||
|
} |
||||
} |
} |
||||
|
|
||||
|
|
||||
</style> |
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</style> |
||||
<body> |
<body> |
||||
<div class="bg"> |
|
||||
<main class="container"> |
|
||||
<div class="container"> |
|
||||
|
|
||||
<section |
|
||||
class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4"> |
|
||||
<!-- <div class="container"> --> |
|
||||
<div class="row justify-content-center"> |
|
||||
<div class="d-flex justify-content-center py-1"> |
|
||||
<a class="logo d-flex align-items-center w-auto" href="#"> |
|
||||
<img alt="" class="login-logo" src="../../assets/img/logo.png" style="max-height: 80px;"> |
|
||||
<span class="d-none d-lg-block login-span" style="color: #ffffff; font-size: 28px;">GREATER CHENNAI CORPORATION</span> |
|
||||
</a> |
|
||||
</div><!-- End Logo --> |
|
||||
<div class="d-flex justify-content-center py-1"> |
|
||||
<a class="logo d-flex align-items-center w-auto" href="#"> |
|
||||
<span class="d-none d-lg-block login-span2" style="color: #ffffff; font-size: 28px;">SMART GOVERNANCE</span> |
|
||||
</a> |
|
||||
</div><!-- End Logo --> |
|
||||
<div class="d-flex justify-content-center py-1"> |
|
||||
<a class="logo d-flex align-items-center w-auto" href="#"> |
|
||||
<span class="d-none d-lg-block logo-span3" style="color: #ffffff; font-size: 28px;">CITIZEN FEEDBACK USING QR</span> |
|
||||
</a> |
|
||||
</div><!-- End Logo --> |
|
||||
<div class="col-lg-4 col-md-6 d-flex flex-column align-items-center justify-content-center"> |
|
||||
|
|
||||
<div class="card mb-3" style="opacity: 0.90;"> |
|
||||
|
|
||||
<div class="card-body"> |
|
||||
|
|
||||
<div class="pt-4 pb-2"> |
|
||||
<h5 class="card-title text-center pb-0 fs-4">Login to Your Account</h5> |
|
||||
<p class="text-center small">Enter your username & password to login</p> |
|
||||
<span style="color: red;" th:text="${errorMsg}"></span> |
|
||||
|
|
||||
</div> |
|
||||
|
|
||||
<form class="row g-3 needs-validation" method="POST" |
|
||||
name='loginForm' th:action="@{/qr-feedback/dashboard}"> |
|
||||
|
|
||||
<div class="col-12"> |
|
||||
<label class="form-label" for="yourUsername">Username</label> |
|
||||
<div class="input-group has-validation"> |
|
||||
<!-- <span class="input-group-text" id="inputGroupPrepend">@</span> --> |
|
||||
<input class="form-control" id="yourUsername" name="username" required |
|
||||
type="text"> |
|
||||
<div class="invalid-feedback">Please enter your username.</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<div class="col-12"> |
|
||||
<label class="form-label" for="yourPassword">Password</label> |
|
||||
<input class="form-control" id="yourPassword" name="password" required |
|
||||
type="password"> |
|
||||
<div class="invalid-feedback">Please enter your password!</div> |
|
||||
</div> |
|
||||
|
|
||||
<div class="col-12"> |
|
||||
<!-- <div class="form-check"> |
|
||||
<input class="form-check-input" type="checkbox" name="remember" value="true" id="rememberMe"> |
|
||||
<label class="form-check-label" for="rememberMe">Remember me</label> |
|
||||
</div> --> |
|
||||
</div> |
|
||||
<div class="col-12"> |
|
||||
<button class="btn btn-primary w-100" type="submit">Login</button> |
|
||||
</div> |
|
||||
<!-- <div class="col-12"> |
|
||||
<p class="small mb-0">Don't have account? <a href="pages-register.html">Create an account</a></p> |
|
||||
</div> --> |
|
||||
</form> |
|
||||
|
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- </div> --> |
|
||||
|
<div class="bgbanner"> |
||||
|
|
||||
|
<div class="container-fluid"> |
||||
|
|
||||
|
<header class="main-section"> |
||||
|
|
||||
|
<section class="left-side-contant"> |
||||
|
<img alt="chennai-logo" src="../assets/img/img/logocp.png" style="width: 65px;"> |
||||
|
<h4 style="color: #f5f5f5; font-size: 25px;">GREATER CHENNAI CORPORATION</h4> |
||||
|
</section> |
||||
|
<section class="right-side-contant"> |
||||
|
<h4 style="color: #ffffff; font-size: 25px;">SMART GOVERNANCE<br>CITIZEN FEEDBACK USING QR</h4> |
||||
</section> |
</section> |
||||
|
</header> |
||||
|
<div class="card"> |
||||
|
<div class="card-header" style="color:rgb(47, 163, 235); font-size: 20px;">Login to Your Account</div> |
||||
|
<div class="card-body"> |
||||
|
|
||||
|
<form class="row g-3 needs-validation" method="POST" |
||||
|
name='loginForm' th:action="@{/qr-feedback/dashboard}"> |
||||
|
|
||||
|
|
||||
|
<div class="col-12"> |
||||
|
<input class="form-control" id="yourUsername" name="username" placeholder="Username" required |
||||
|
type="text"> |
||||
|
<div class="invalid-feedback">Please enter your username.</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-12"> |
||||
|
<input class="form-control" id="yourPassword" name="password" placeholder="Password" |
||||
|
required type="password"> |
||||
|
<div class="invalid-feedback">Please enter your password!</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-12"> |
||||
|
<button class="btn btn-primary w-100" type="submit">Login</button> |
||||
|
</div> |
||||
|
</form> |
||||
|
|
||||
|
</div> |
||||
</div> |
</div> |
||||
</main><!-- End #main --> |
|
||||
|
|
||||
|
<!-- Bootstrap JS --> |
||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script> |
||||
|
</div> |
||||
</div> |
</div> |
||||
</body> |
</body> |
||||
|
|
||||
</html> |
</html> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue