You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
933 lines
43 KiB
933 lines
43 KiB
<!doctype html>
|
|
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
|
|
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta charset="UTF-8">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
|
|
<script src="assets/js/lib/jquery.min.js"></script>
|
|
|
|
|
|
<title>Community Hall Availability</title>
|
|
|
|
<style>
|
|
body {
|
|
background-color: #f8f9fa;
|
|
}
|
|
|
|
.card {
|
|
border-radius: 15px;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.community-hall-title {
|
|
color: #007bff;
|
|
}
|
|
|
|
/* Add your custom styles here */
|
|
|
|
@media (max-width: 576px) {
|
|
|
|
/* Small devices (576px and down) */
|
|
.community-hall-title {
|
|
font-size: 1.5rem;
|
|
}
|
|
}
|
|
.custom-select {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-select select {
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
padding: 8px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
width: 200px; /* Adjust the width as needed */
|
|
cursor: pointer;
|
|
}
|
|
|
|
.custom-select:after {
|
|
content: '\25BC'; /* Unicode character for down arrow */
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 10px;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container mt-3">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<form>
|
|
<h3 class="community-hall-title-sub">Select Your Community Hall:</h3>
|
|
<div class="row">
|
|
<div class="col-sm-6 " id="zoneSection">
|
|
<label class="form-label" for="zone">Select Zone<span class="text-danger">*</span></label>
|
|
|
|
<select class="form-control text-center" name="zone" id="zone" onchange="getdivision()" required>
|
|
<option value="0">....Select zone.... </option>
|
|
|
|
<option value="01">01_Thiruvottyur </option>
|
|
<option value="02">02-Manali</option>
|
|
<option value="03">03-Madhavaram</option>
|
|
<option value="04">04-Tondiarpet</option>
|
|
<option value="05">05-Royapuram</option>
|
|
<option value="06">06-Thiru-vi-ka</option>
|
|
<option value="07">07-Ambttur</option>
|
|
<option value="08">08-Anna Nagar</option>
|
|
<option value="09">09-teynampet</option>
|
|
<option value="10">10-Kodambakkam</option>
|
|
<option value="11">11-Valasaravakkam</option>
|
|
<option value="12">12-Alandaur</option>
|
|
<option value="13">13-Adyar</option>
|
|
<option value="14">14-perungudi</option>
|
|
<option value="15">15-Sholiganallur</option>
|
|
|
|
</select>
|
|
</div>
|
|
<div class="col-12 col-md-6" >
|
|
|
|
<label for="divs" class="form-label">Division</label>
|
|
<select id="divs" name="divs" class="form-control text-center" onchange="getHall()" required>
|
|
<option value="01">....select division....</option>
|
|
<!-- Your options go here -->
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-3">
|
|
<div class="col-12 col-md-6" id="divisionSection">
|
|
|
|
<label for="hall" class="form-label"> Community Hall *</label>
|
|
<select id="hall" name="hall" class="form-control text-center" onchange="changediv()" required>
|
|
<option value="">Select Community Hall *:</option>
|
|
<!-- Your options go here -->
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row mt-3">
|
|
<div class="col-12">
|
|
<label class="form-label">Select month and Year *</label>
|
|
<select id="month" class="form-control text-center" size="1" tabindex="2" required>
|
|
<option value="">....Select Month....</option>
|
|
<option value="1">January </option>
|
|
<option value="2">February</option>
|
|
<option value="3">March</option>
|
|
<option value="4">April</option>
|
|
<option value="5">May</option>
|
|
<option value="6">June</option>
|
|
<option value="7">July</option>
|
|
<option value="8">August</option>
|
|
<option value="9">September</option>
|
|
<option value="10">October</option>
|
|
<option value="11">November</option>
|
|
<option value="12">December</option>
|
|
</select>
|
|
<br>
|
|
|
|
<select id="sel_year" class="form-control text-center" size="1" tabindex="3" required>
|
|
<option value="">.....Select Year...</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="row mt-3 justify-content-end">
|
|
<div class="col-12">
|
|
<a class="nav-link" href="/assets/media/images/Community_Centers_list.pdf"
|
|
target="Gcc-Community Centers"> List Of Community Centres - Details Of Rent, Gst And
|
|
Security Deposit </a>
|
|
<input type="button" value="Check" onclick="chk_code()" name="B1" tabindex="5"
|
|
class="btn btn-primary" id="Button1" />
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div id="DETAILS" style="display: none;">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div id="legend1" class="textContent">
|
|
<p>
|
|
<img src="/assets/media/images/booked.png"> - Blocked,
|
|
<img src="/assets/media/images/Not-booked.png"> - Not Booked,
|
|
<img src="/assets/media/images/resgister.png"> - Registered,
|
|
<input class="avail-date-icon" type="checkbox" disabled=""> - Available<br>
|
|
Mor - Morning, Eve - Evening<br><br>
|
|
For a full day, select both "Mor" (Morning slot) and "Eve" (Evening Slot).
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div align="center" id="" class="table-responsive">
|
|
<table width="80%" border="0" cellpadding="4" cellspacing="0" class="tableBorder">
|
|
<tbody>
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">1</font>
|
|
</b><br>
|
|
<input type="checkbox" id="morningHalf01" name="chkbox2m30" class="checkbox">
|
|
<input type="checkbox" id="eveningHalf01" name="chkbox2e30"class="checkbox"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">2</font>
|
|
</b><br><input type="checkbox" id="morningHalf02" name="chkbox2m30" class="checkbox"> <input
|
|
type="checkbox" id="eveningHalf02" name="chkbox2e30" class="checkbox"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">3</font>
|
|
</b><br><input type="checkbox" id="morningHalf03" name="chkbox3m30" class="checkbox"> <input
|
|
type="checkbox" id="eveningHalf03" name="chkbox3e30" class="checkbox"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">4</font>
|
|
</b><br><input type="checkbox" id="morningHalf04" name="chkbox4m30" class="checkbox"> <input
|
|
type="checkbox" id="eveningHalf04" name="chkbox4e30" class="checkbox"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">5</font>
|
|
</b><br><input type="checkbox" id="morningHalf05" name="chkbox5m30" class="checkbox"> <input
|
|
type="checkbox" id="eveningHalf05" name="chkbox5e30" ><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">6</font>
|
|
</b><br><input type="checkbox" id="morningHalf06" name="chkbox6m30"> <input
|
|
type="checkbox" id="eveningHalf06" name="chkbox6e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">7</font>
|
|
</b><br><input type="checkbox" id="morningHalf07" name="chkbox7m30"> <input
|
|
type="checkbox" id="eveningHalf07" name="chkbox7e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">8</font>
|
|
</b><br><input type="checkbox" id="morningHalf08" name="chkbox8m30"> <input
|
|
type="checkbox" id="eveningHalf08" name="chkbox8e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">9</font>
|
|
</b><br><input type="checkbox" id="morningHalf09" name="chkbox9m30"> <input
|
|
type="checkbox" id="eveningHalf09" name="chkbox9e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">10</font>
|
|
</b><br><input type="checkbox" id="morningHalf10" name="chkbox10m30"> <input
|
|
type="checkbox" id="eveningHalf10" name="chkbox10e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">11</font>
|
|
</b><br><input type="checkbox" id="morningHalf11" name="chkbox11m30"> <input
|
|
type="checkbox" id="eveningHalf11" name="chkbox11e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">12</font>
|
|
</b><br><input type="checkbox" id="morningHalf12" name="chkbox12m30"> <input
|
|
type="checkbox" id="eveningHalf12" name="chkbox12e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">13</font>
|
|
</b><br><input type="checkbox" id="morningHalf13" name="chkbox13m30"> <input
|
|
type="checkbox" id="eveningHalf13" name="chkbox13e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">14</font>
|
|
</b><br><input type="checkbox" id="morningHalf14" name="chkbox14m30"> <input
|
|
type="checkbox" id="eveningHalf14" name="chkbox14e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">15</font>
|
|
</b><br><input type="checkbox" id="morningHalf15" name="chkbox15m30"> <input
|
|
type="checkbox" id="eveningHalf15" name="chkbox15e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">16</font>
|
|
</b><br><input type="checkbox" id="morningHalf16" name="chkbox16m30"> <input
|
|
type="checkbox" id="eveningHalf16" name="chkbox16e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">17</font>
|
|
</b><br><input type="checkbox" id="morningHalf17" name="chkbox17m30"> <input
|
|
type="checkbox" id="eveningHalf17" name="chkbox17e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">18</font>
|
|
</b><br><input type="checkbox" id="morningHalf18" name="chkbox18m30"> <input
|
|
type="checkbox" id="eveningHalf18" name="chkbox18e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">19</font>
|
|
</b><br><input type="checkbox" id="morningHalf19" name="chkbox19m30"> <input
|
|
type="checkbox" id="eveningHalf19" name="chkbox19e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">20</font>
|
|
</b><br><input type="checkbox" id="morningHalf20" name="chkbox20m30"> <input
|
|
type="checkbox" id="eveningHalf20" name="chkbox20e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">21</font>
|
|
</b><br><input type="checkbox" id="morningHalf21" name="chkbox21m30">
|
|
<input type="checkbox" id="eveningHalf21" name="chkbox21e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">22</font>
|
|
</b><br><input type="checkbox" id="morningHalf22" name="chkbo22m30"> <input
|
|
type="checkbox" id="eveningHalf22" name="chkbox22e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">23</font>
|
|
</b><br><input type="checkbox" id="morningHalf23" name="chkbox23m30"> <input
|
|
type="checkbox" id="eveningHalf23" name="chkbox23e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">24</font>
|
|
</b><br><input type="checkbox" id="morningHalf24" name="chkbox24m30"> <input
|
|
type="checkbox" id="eveningHalf24" name="chkbox24e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">25</font>
|
|
</b><br><input type="checkbox" id="morningHalf25" name="chkbox25m30"> <input
|
|
type="checkbox" id="eveningHalf25" name="chkbox25e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">26</font>
|
|
</b><br><input type="checkbox" id="morningHalf26" name="chkbox26m30"> <input
|
|
type="checkbox" id="eveningHalf26" name="chkbox26e30"><br>Mor Eve </div>
|
|
</td>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">27</font>
|
|
</b><br><input type="checkbox" id="morningHalf27" name="chkbox27m30"> <input
|
|
type="checkbox" id="eveningHalf27" name="chkbox27e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="tableRow" width="20%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">28</font>
|
|
</b><br><input type="checkbox" id="morningHalf28" name="chkbox28m30"> <input
|
|
type="checkbox" id="eveningHalf28" name="chkbox28e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="40%" id="row29">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">29</font>
|
|
</b><br><input type="checkbox" id="morningHalf29" name="chkbox29m30"> <input
|
|
type="checkbox" id="eveningHalf29" name="chkbox29e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
<td class="tableRow" width="40%" id="row30">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">30</font>
|
|
</b><br><input type="checkbox" id="morningHalf30" name="chkbox30m30"> <input
|
|
type="checkbox" id="eveningHalf30" name="chkbox30e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
|
|
|
|
|
|
|
|
</tr>
|
|
<tr id="row31">
|
|
<td class="tableRow" width="40%">
|
|
<div align="center">
|
|
<b>
|
|
<font size="3+">31</font>
|
|
</b><br><input type="checkbox" id="morningHalf31" name="chkbox31m30"> <input
|
|
type="checkbox" id="eveningHalf31" name="chkbox31e30"><br>Mor Eve
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- Your table with checkboxes goes here -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div align="center" id="availTab" class="table-responsive">
|
|
<table class="table tableBorder">
|
|
<tbody>
|
|
<tr>
|
|
<td align="left" valign="top" class="tableRow"><strong>Community Hall Details
|
|
</strong>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="right" valign="top" class="tableRow">
|
|
<table border="0" cellpadding="4" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td width="23%">HALF DAY RATE</td>
|
|
<td width="30%">:
|
|
<input type="text" name="halfdayamt" id="halfdayamt" class="bgListTextArea" readonly="true" size="12" fdprocessedid="tekels" value="800.0">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="18%">SURCHARGES</td>
|
|
<td width="29%">:
|
|
<input type="text" name="halfdaysurcharge" id="halfdaysurcharge"
|
|
class="bgListTextArea" readonly="true" size="12"
|
|
fdprocessedid="2nghg">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>FULL DAY RATE</td>
|
|
<td>:
|
|
<input type="text" name="fulldayamt" id="fulldayamt"
|
|
class="bgListTextArea" readonly="true" size="12"
|
|
fdprocessedid="vinum" value="1500.0">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>SURCHARGES</td>
|
|
<td>:
|
|
<input type="text" name="fulldaysurcharge" id="fulldaysurcharge"
|
|
class="bgListTextArea" readonly="true" size="12"
|
|
fdprocessedid="6uydm9">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>ADVANCE</td>
|
|
<td>:
|
|
<input type="text" name="advanceamt" id="advanceamt"
|
|
class="bgListTextArea" readonly="true" size="12"
|
|
fdprocessedid="7799zc" value="0.0">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>DEPOSIT</td>
|
|
<td>:
|
|
<input type="text" name="depositeamt" id="depositeamt"
|
|
class="bgListTextArea" readonly="true" size="12"
|
|
fdprocessedid="td0q6q" value="1500.0">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>CAPACITY</td>
|
|
<td>:
|
|
<input name="capacity" type="text" id="capacity" class="bgListTextArea"
|
|
size="12" readonly="true" fdprocessedid="esnsa9"
|
|
value="300 Seats">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>RENTAL</td>
|
|
<td>:<input name="rental" type="text" id="rental" class="bgListTextArea"
|
|
size="12" readonly="true" fdprocessedid="2o3ddc" value="0">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>GST</td>
|
|
<td>:
|
|
<input name="servicetax" type="text" class="bgListTextArea"
|
|
size="12" readonly="true" fdprocessedid="1ba8jj" value="0">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td> </td>
|
|
<td> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>FULL DAY EB , CLEANING AND PA SYSTEM CHARGES</td>
|
|
<td>:
|
|
<input name="eb_pa_full_amt" id="eb_pa_full_amt" type="text"
|
|
class="bgListTextArea" size="12" readonly="true"
|
|
fdprocessedid="gbcxpd" value="0">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td> GST</td>
|
|
<td> <input name="eb_pa_full_serv" id="eb_pa_full_serv"
|
|
type="text" class="bgListTextArea" size="12" readonly="true"
|
|
fdprocessedid="ujdozo" value="0"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>HALF DAY EB , CLEANING AND PA SYSTEM CHARGES</td>
|
|
<td>:
|
|
<input name="eb_pa_half_amt" id="eb_pa_half_amt" type="text"
|
|
class="bgListTextArea" size="12" readonly="true"
|
|
fdprocessedid="i7hpg" value="0">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td> GST</td>
|
|
<td> <input name="eb_pa_halft_serv" id="eb_pa_halft_serv"
|
|
type="text" class="bgListTextArea" size="12" readonly="true"
|
|
fdprocessedid="0tnm04" value="0"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
function chk_code() {
|
|
// var z = document.getElementById("zone").value;
|
|
var h =document.getElementById("hall").value;
|
|
var y =document.getElementById("sel_year").value;
|
|
var m =document.getElementById("month").value;
|
|
var len = m.length;
|
|
var ld=getDaysInMonth(y,m);
|
|
if(len<2){
|
|
m="0"+m;
|
|
}
|
|
var fromdate = y+"-"+m+"-01";
|
|
var todate = y+"-"+m+"-"+ld;
|
|
$.ajax({
|
|
url: '/community/api/getHallByMonthAndYear', // Replace with the actual URL to retrieve division data
|
|
method: 'GET',
|
|
data: {
|
|
hallId:h,
|
|
fromDay: fromdate ,
|
|
toDay: todate,
|
|
},
|
|
success: function (data) {
|
|
setCalendarStatus(data);
|
|
displayCheckboxes(ld);
|
|
},
|
|
error: function (error) {
|
|
}
|
|
});
|
|
document.getElementById("DETAILS").style.display = "block";
|
|
}
|
|
|
|
function setCalendarStatus(data) {
|
|
console.log(data);
|
|
|
|
// Create an object to store status information
|
|
var statusInformation = {};
|
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
var currentDate = data[i].date;
|
|
var morningHalfValue = data[i].morningHalf;
|
|
var eveningHalfValue = data[i].eveningHalf;
|
|
console.log(data[i].date);
|
|
|
|
// Set the status for morningHalf
|
|
var morningHalfCheckbox = document.getElementById("morningHalf" + currentDate);
|
|
morningHalfCheckbox.checked = morningHalfValue === 1;
|
|
morningHalfCheckbox.disabled = morningHalfValue === 1;
|
|
|
|
// Set the status for eveningHalf
|
|
var eveningHalfCheckbox = document.getElementById("eveningHalf" + currentDate);
|
|
eveningHalfCheckbox.checked = eveningHalfValue === 1;
|
|
eveningHalfCheckbox.disabled = eveningHalfValue === 1;
|
|
|
|
// Store the status information in the object
|
|
statusInformation[currentDate] = {
|
|
morningHalf: morningHalfValue,
|
|
eveningHalf: eveningHalfValue
|
|
};
|
|
}
|
|
|
|
// console.log(statusInformation);
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
<script>
|
|
function getDaysInMonth(year, month) {
|
|
// Adjust the month to be 0-based if your calendar starts with December
|
|
const adjustedMonth = (month + 11) % 12;
|
|
|
|
const isLeap = (year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0);
|
|
const daysInMonth = new Date(year, adjustedMonth + 1, 0).getDate();
|
|
|
|
if (adjustedMonth === 1 && isLeap) {
|
|
return 29; // February has 29 days in a leap year
|
|
} else {
|
|
return daysInMonth;
|
|
}
|
|
}
|
|
|
|
function populateYears() {
|
|
var currentYear = new Date().getFullYear();
|
|
var string="";
|
|
for (let i=0;i<2;i++) {
|
|
string = string + "<option value=" + currentYear + ">" + currentYear + "</option>";
|
|
currentYear=currentYear+1;
|
|
}
|
|
document.getElementById("sel_year").innerHTML = string;
|
|
|
|
}
|
|
|
|
// Call the functions to populate months and years
|
|
populateYears();
|
|
|
|
|
|
|
|
function getdivision(zone) {
|
|
var z = document.getElementById("zone").value;
|
|
$.ajax({
|
|
url: '/community/api/getHall', // Replace with the actual URL to retrieve division data
|
|
method: 'GET',
|
|
data: { zone: z },
|
|
success: function (data) {
|
|
setDivisionAndHall(data)
|
|
},
|
|
error: function (error) {
|
|
console.error('Error fetching division data:', error);
|
|
}
|
|
});
|
|
}
|
|
|
|
var hallIndex=0;
|
|
var hallInfo;
|
|
function setDivisionAndHall(data) {
|
|
var string = "";
|
|
hallInfo=data;
|
|
console.log(data);
|
|
string= string + "<option value=''>" + "</option>";
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
|
string = string + "<option value=" + data[i].COMMUNITYHALLDIVID + ">" + data[i].COMMUNITYHALLDIVID + "</option>";
|
|
}
|
|
document.getElementById("divs").innerHTML = string;
|
|
|
|
var hallName = "";
|
|
hallName= hallName + "<option value=''>" + "</option>";
|
|
|
|
for (let i = 0; i < data.length; i++) {
|
|
|
|
hallName = hallName + "<option value=" + data[i].COMMUNITYHALLCODE + ">" + data[i].COMMUNITYHALLPLACE + "</option>";
|
|
}
|
|
document.getElementById("hall").innerHTML = hallName;
|
|
|
|
|
|
}
|
|
|
|
function getHall() {
|
|
var z = document.getElementById("zone").value;
|
|
var d = document.getElementById("divs").value;
|
|
for(let i=0;i<hallInfo.length;i++){
|
|
if(hallInfo[i].COMMUNITYHALLDIVID==d)
|
|
{
|
|
document.getElementById("hall").value=hallInfo[i].COMMUNITYHALLCODE;
|
|
setHallAmount(i);
|
|
hallIndex=i;
|
|
break;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
function changediv() {
|
|
var hallValue = document.getElementById("hall").value;
|
|
for (let i = 0; i <hallInfo.length; i++) {
|
|
if (hallInfo[i].COMMUNITYHALLCODE == hallValue) {
|
|
document.getElementById("divs").value = hallInfo[i].COMMUNITYHALLDIVID;
|
|
setHallAmount(i);
|
|
hallIndex=i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
var count = 0;
|
|
|
|
$(document).ready(function () {
|
|
var lastClickedIndex = null;
|
|
$(":checkbox").click(function () {
|
|
if (!$(this).is(':disabled')) {
|
|
var currentIndex = $(":checkbox:enabled").index(this);
|
|
|
|
if ($(this).prop("checked")) {
|
|
count++;
|
|
IncrementOrDecHallAmt();
|
|
} else {
|
|
count--;
|
|
IncrementOrDecHallAmt();
|
|
}
|
|
|
|
if (lastClickedIndex === null || isConsecutive(currentIndex, lastClickedIndex)) {
|
|
if ($(":checkbox:checked:enabled").length > 14) {
|
|
alert("You can only select checkboxes in sequence.");
|
|
$(this).prop("checked", false);
|
|
} else {
|
|
lastClickedIndex = currentIndex;
|
|
}
|
|
} else {
|
|
alert("Please select checkboxes in sequences of 14 Days.");
|
|
$(this).prop("checked", false);
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
function isConsecutive(currentIndex, lastClickedIndex) {
|
|
return Math.abs(currentIndex - lastClickedIndex) === 1;
|
|
}
|
|
|
|
|
|
function showRemoveConfirmation(currentIndex) {
|
|
if (confirm("Do you want to remove this checkbox and uncheck subsequent checkboxes?")) {
|
|
// Uncheck subsequent checkboxes
|
|
$(":checkbox:enabled:gt(" + currentIndex + "):checked").prop("checked", false);
|
|
|
|
// Enable previous checkboxes to be unchecked
|
|
$(":checkbox:enabled:lt(" + currentIndex + ")").prop("disabled", false);
|
|
} else {
|
|
// Revert the checkbox state to checked if the user cancels the removal
|
|
$(":checkbox:enabled:eq(" + currentIndex + ")").prop("checked", true);
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
function setHallAmount(i){
|
|
let fa =hallInfo[i].COMMUNITYHALLFULLDAYRATE;
|
|
let ha =hallInfo[i].COMMUNITYHALLHALFDAYRATE;
|
|
let fs =hallInfo[i].COMMUNITYHALLFULLSURCHARGE;
|
|
let hs =hallInfo[i].COMMUNITYHALLHALFSURCHARGE;
|
|
let hd =hallInfo[i].COMMUNITYHALLDEPOSIT;
|
|
let had =hallInfo[i].COMMUNITYHALLADVANCE;
|
|
let hc =hallInfo[i].COMMUNITYHALLCAPACITY;
|
|
let eb =hallInfo[i].EB_FULL;
|
|
let eh =hallInfo[i].EB_HALF;
|
|
let cf =hallInfo[i].CLEAN_CHRG_FULL;
|
|
let ch =hallInfo[i].CLEAN_CHRG_HALF;
|
|
let r =hallInfo[i].COMMUNITYHALLHALFDAYRATE;
|
|
|
|
document.getElementById("fulldayamt").value=fa;
|
|
document.getElementById("halfdayamt").value=ha;
|
|
document.getElementById("fulldaysurcharge").value=fs;
|
|
document.getElementById("halfdaysurcharge").value=fs;
|
|
document.getElementById("depositeamt").value=hd;
|
|
document.getElementById("advanceamt").value=had;
|
|
document.getElementById("capacity").value=hc;
|
|
document.getElementById("eb_pa_full_amt").value=eb;
|
|
document.getElementById("eb_pa_half_amt").value=eh;
|
|
document.getElementById("eb_pa_full_serv").value=cf;
|
|
document.getElementById("eb_pa_halft_serv").value=ch;
|
|
document.getElementById("rental").value=0;
|
|
|
|
}
|
|
|
|
|
|
function IncrementOrDecHallAmt() {
|
|
let l = hallInfo[hallIndex].COMMUNITYHALLFULLSURCHARGE;
|
|
let f = hallInfo[hallIndex].COMMUNITYHALLFULLDAYRATE;
|
|
let m = hallInfo[hallIndex].COMMUNITYHALLHALFDAYRATE;
|
|
let n = hallInfo[hallIndex].COMMUNITYHALLHALFSURCHARGE;
|
|
let r = hallInfo[hallIndex].COMMUNITYHALLFULLDAYRATE;
|
|
if(count>=0)
|
|
if(count%2==0){
|
|
document.getElementById("rental").value =[f * (count / 2)+f * (count / 2)]/2 // Set to 0 if count is 0 or odd
|
|
}
|
|
else if(count%2==1){
|
|
document.getElementById("rental").value =f*Math.floor(count/2)+m; // Set to 0 if count is 0 or odd
|
|
}
|
|
}
|
|
|
|
/* if (count % 2 === 0 && count !== 0) {
|
|
document.getElementById("fulldayamt").value = f * (count / 2);
|
|
} else {
|
|
document.getElementById("fulldayamt").value =[f * (count / 2)+f * (count / 2)]/2 // Set to 0 if count is 0 or odd
|
|
}
|
|
document.getElementById("fulldaysurcharge").value = l * (count / 2);
|
|
document.getElementById("rental").value =[f * (count / 2)+f * (count / 2)]/2 // Set to 0 if count is 0 or odd
|
|
|
|
|
|
if (count % 2 === 0 && count !== 0) {
|
|
document.getElementById("halfdayamt").value =m * (count / 2);
|
|
} else {
|
|
document.getElementById("halfdayamt").value =[m * (count / 2)+ m * (count/2)]/2 ; // Set to 0 if count is 0 or odd
|
|
}
|
|
document.getElementById("halfdaysurcharge").value = n * (count / 2);
|
|
*/
|
|
|
|
function getDaysInMonth(year, month) {
|
|
return new Date(year, month, 0).getDate();
|
|
}
|
|
function displayCheckboxes(ld) {
|
|
for (var i = 1; i <= 31; i++) {
|
|
var morningHalf31 = "morningHalf" + i;
|
|
var eveningHalf31 = "eveningHalf" + i;
|
|
var rowId = "row" + i;
|
|
|
|
|
|
// Check if the current day exceeds the last day of the month
|
|
if (i > ld) {
|
|
// If it does, hide the checkboxes
|
|
$("#" + morningHalf31).hide();
|
|
$("#" + eveningHalf31).hide();
|
|
} else {
|
|
// If it doesn't, show the checkboxes
|
|
$("#" + morningHalf31).show();
|
|
$("#" + eveningHalf31).show();
|
|
}
|
|
if (ld === 28) {
|
|
$("#row29").hide();
|
|
$("#row30").hide();
|
|
$("#row31").hide();
|
|
|
|
} else {
|
|
$("#row29").show();
|
|
$("#row30").show();
|
|
$("#row31").show();
|
|
|
|
}
|
|
|
|
// Show or hide the 31st row based on whether the last day is 31
|
|
$("#row31").toggle(ld === 31);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|