suseendhiran

This commit is contained in:
suseendhiran17 2022-12-05 10:49:44 +05:30
parent 5caa5e2cdf
commit 69053d6d15
2 changed files with 66 additions and 53 deletions

View File

@ -210,11 +210,6 @@ div {
position: sticky; position: sticky;
z-index:100 z-index:100
} }
.modal-footer{
bottom: 530px;
position: sticky;
background-color: #ffffff;
}
.modal-body{ .modal-body{
color: #566787; color: #566787;
font-family: 'Varela Round', sans-serif; font-family: 'Varela Round', sans-serif;
@ -257,14 +252,6 @@ select , option {
margin-left: 25px; margin-left: 25px;
} }
label{ padding-left: 25px; } label{ padding-left: 25px; }
.form-check-label{ margin-left: 30px; }
input[type="radio"] {
margin-top: 20px;
margin-left: 25px;
-ms-transform: scale(1.9); /* IE 9 */
-webkit-transform: scale(1.9); /* Chrome, Safari, Opera */
transform: scale(1.9);
}
.input{ .input{
display: block; display: block;
/* padding-left: 25px; */ /* padding-left: 25px; */
@ -287,25 +274,55 @@ input[type="radio"] {
background-color: #435d7d; background-color: #435d7d;
} }
p{ p{
padding-top: 5px; padding-top: 30px;
padding-left: 30px; padding-left: 30px;
font-size: 3em; }
font-weight: 500; #myInput{
color: #ffffff; margin-top: 70px;
margin-left: 50%;
width: 20%;
height: 30px;
font-size: 25px;
font-family: 'Varela Round', sans-serif; font-family: 'Varela Round', sans-serif;
padding-left: 25px;
}
.dropdown-toggle{
top: -47px;
width: 10%;
height: 40px;
margin-left:71%;
border-color: 5px solid #435d7d;
} }
#material{ #material{
top: 17px; top: 93px;
font-size: 40px; font-size: 40px;
border-radius: 20px; border-radius: 20px;
margin-left: 340px; margin-left: 335px;
color: #ffffff; color: #ffffff;
background-color: #435d7d; background-color: #435d7d;
border-color: #435d7d; border-color: #435d7d;
margin-left:82%;
;
/* position the two buttons next to each other */ /* position the two buttons next to each other */
display:inline-block; display:inline-block;
position: absolute; position: absolute;
} }
.input{
display: block;
/* padding-left: 25px; */
width: 95%;
margin-left: auto;
margin-right: auto;
border: none;
outline: none;
border-bottom: 2px solid #435d7d;
}
th:nth-of-type(1) , th:nth-of-type(23) {
display: none;
}
td:nth-of-type(1) , td:nth-of-type(23){
display: none;
}
#emp { #emp {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse; border-collapse: collapse;
@ -392,7 +409,7 @@ element.style {
div { div {
display: block; display: block;
} }
.modal-body , .modal-header { .modal-body {
color: #566787; color: #566787;
font-family: 'Varela Round', sans-serif; font-family: 'Varela Round', sans-serif;
font-size: 17px; font-size: 17px;
@ -402,31 +419,21 @@ div {
text-align: left; text-align: left;
background-color: #fff; background-color: #fff;
} }
.form-control { .modal-header{
font-family: 'Varela Round', sans-serif; top: 0%;
font-size: 20px; background-color: #435d7d;
font-weight: 400; width: 100%;
line-height: 2.5; height: 100px;
text-align: left; position: sticky;
background-color: #fff; z-index:100
}
.btn {
font-family: 'Varela Round', sans-serif;
font-weight: 400;
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: 20px;
line-height: 1.5;
}
.close{
font-size: 30px;
color: #566787;
} }
.modal-title { .modal-title {
color: #566787; margin-top: 10px;
font-family: 'Varela Round', sans-serif; color: #FFFFF7;
font-size: 35px; font-family: 'Varela Round', sans-serif;
font-size: 25px;
width: 100%;
text-align: center;
} }
select , option { select , option {
height: 33px; height: 33px;
@ -437,18 +444,25 @@ select , option {
border-color: #ddd; border-color: #ddd;
color: #566787; color: #566787;
} }
.view{ label{ padding-left: 20px; }
color: #000; .add{
margin-top: 10px;
font-size: 30px;
float: right;
padding-right: 25px;
} }
.form-check-label{ .back{
margin-left: 20px; margin-top: 10px;
font-size: 30px;
float: left;
padding-left: 25px;
} }
} }
</style> </style>
<body> <body>
<div class="header"> <div class="header">
<p> <p>
<input class="form-control" id="myInput" type="text" placeholder="Search.."> <input class="input" id="myInput" type="text" placeholder="Search..">
</p> </p>
<div class="input-group-btn search-panel"> <div class="input-group-btn search-panel">
@ -467,7 +481,7 @@ select , option {
<tr> <tr>
<th>Sl.</th> <th>Sl.</th>
<th>Name</th> <th>Name</th>
<th>Çategory</th> <th>Category</th>
<th hidden>Age Category</th> <th hidden>Age Category</th>
<th>ContactNo</th> <th>ContactNo</th>
<th hidden>Address</th> <th hidden>Address</th>
@ -847,7 +861,7 @@ $(document).on("click", "#add-new", function(){
// add data in googlesheet using ajax // add data in googlesheet using ajax
$.ajax({ $.ajax({
type: "post", type: "post",
url: ''+ window.location.origin +'/gsheet/api/addRow', url: ''+ window.location.origin +'/api/addRow',
data: { data : newValue }, data: { data : newValue },
success: function(response) { success: function(response) {
if (response.statusCode == 1) { if (response.statusCode == 1) {
@ -890,7 +904,7 @@ $(document).on("click", "#up", function(){
// update data in googlesheet using ajax // update data in googlesheet using ajax
$.ajax({ $.ajax({
type: "post", type: "post",
url: ''+ window.location.origin +'/gsheet/api/updateRow', url: ''+ window.location.origin +'/api/updateRow',
data: { Old : oldValue , New : newValue }, data: { Old : oldValue , New : newValue },
success: function(response) { success: function(response) {
if (response.status == 200) { alert("updated") } if (response.status == 200) { alert("updated") }

View File

@ -11,8 +11,7 @@
<script> <script>
function handleCredentialResponse(response) { function handleCredentialResponse(response) {
const responsePayload = JSON.parse(atob(response.credential.split('.')[1])); const responsePayload = JSON.parse(atob(response.credential.split('.')[1]));
// window.location.replace(`http://localhost:8080/api/getRow?email=${responsePayload.email}`); window.location = `${ window.location.origin }/api/getRow?email=${responsePayload.email}`;
window.location = `${ window.location.origin }/gsheet/api/getRow?email=${responsePayload.email}`;
} }
window.onload = function () { window.onload = function () {