@ -4,8 +4,8 @@
< head th:replace = "~{fragments/head-admin :: head}" > < / head >
< head th:replace = "~{fragments/head-admin :: head}" > < / head >
< body >
< body >
<!-- Page Container -->
< div id = "page-container"
<!-- Page Container -->
< div id = "page-container"
class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed page-header-dark">
class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed page-header-dark">
<!-- Side Overlay aside (right) -->
<!-- Side Overlay aside (right) -->
< aside th:replace = "~{fragments/aside-right :: aside}" > < / aside >
< aside th:replace = "~{fragments/aside-right :: aside}" > < / aside >
@ -30,7 +30,8 @@
< h3 class = "block-title" > List of Halls< / h3 >
< h3 class = "block-title" > List of Halls< / h3 >
< div class = "block-options" >
< div class = "block-options" >
< button type = "button" class = "btn-block-option" id = "addButton" onclick = "addnewhall()" > < i
< button type = "button" class = "btn-block-option" id = "addButton" onclick = "addnewhall()" > < i
class="far fa-plus-square">< / i > Add New Hall< / button >
class="far fa-plus-square">< / i > Add New Hall
< / button >
< / div >
< / div >
< / div >
< / div >
< div class = "block-content p-0" >
< div class = "block-content p-0" >
@ -98,10 +99,10 @@
<!-- END Main Container -->
<!-- END Main Container -->
< footer th:replace = "~{fragments/footer2 :: footer}" > < / footer >
< footer th:replace = "~{fragments/footer2 :: footer}" > < / footer >
<!-- END Footer -->
<!-- END Footer -->
< / div >
< / div >
<!-- END Page Container -->
< div class = "modal fade backdrop" id = "infoForm" data-backdrop = "static" tabindex = "-1" role = "dialog"
<!-- END Page Container -->
< div class = "modal fade backdrop" id = "infoForm" data-backdrop = "static" tabindex = "-1" role = "dialog"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
aria-labelledby="staticBackdropLabel" aria-hidden="true">
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-content" >
< div class = "modal-content" >
@ -116,7 +117,7 @@
< / div >
< / div >
< div class = "block-content row" >
< div class = "block-content row" >
< input type = "hidden" class = "form-control text-center" name = "id" id = "id" disabled / >
< input type = "hidden" class = "form-control text-center" name = "id" id = "id" disabled / >
<!-- <div class="col - sm - 4">
<!-- <div class="col - sm - 4">
< label class = "form-label" for = "val-digits" > Pet ID:< span class = "text-danger" > *< / span > < / label >
< label class = "form-label" for = "val-digits" > Pet ID:< span class = "text-danger" > *< / span > < / label >
< input type = "hidden" class = "form-control text-center" name = "uniqid" id = "uniqid" disabled / >
< input type = "hidden" class = "form-control text-center" name = "uniqid" id = "uniqid" disabled / >
@ -124,76 +125,83 @@
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "hallName" > Hall Name:< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "hallName" > Hall Name:< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "hallName" id = "hallName"
< input type = "text" class = "form-control text-center" name = "hallName" id = "hallName"
disabled />
disabled />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "zone" > Zone:< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "zone" > Zone:< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "zones" id = "zones" disabled / >
< input type = "text" class = "form-control text-center" name = "zones" id = "zones" disabled / >
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "division" > Division:< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "division" > Division:< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "divisions" id = "divisions"
< input type = "text" class = "form-control text-center" name = "divisions" id = "divisions"
disabled />
disabled />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "doorNo" > Address:< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "doorNo" > Address:< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "doorNo" id = "doorNo" disabled / >
< input type = "text" class = "form-control text-center" name = "doorNo" id = "doorNo" disabled / >
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "pincode" > Pincode:< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "pincode" > Pincode:< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "pincode" id = "pincode" disabled / >
< input type = "text" class = "form-control text-center" name = "pincode" id = "pincode" disabled / >
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "caretakerNo" > Hall Incharge MobileNumber:< span
< label class = "form-label" for = "caretakerNo" > Hall Incharge MobileNumber:< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "hallInchargeMobno"
< input type = "text" class = "form-control text-center" name = "hallInchargeMobno"
id="hallInchargeMobno" disabled />
id="hallInchargeMobno" disabled />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "caretakerNo" > Hall Incharge Name:< span
< label class = "form-label" for = "caretakerNo" > Hall Incharge Name:< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "InchargeName" id = "InchargeName"
< input type = "text" class = "form-control text-center" name = "InchargeName" id = "InchargeName"
disabled />
disabled />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "landmark" > Landmark:< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "landmark" > Landmark:< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "landmark" id = "landmark"
< input type = "text" class = "form-control text-center" name = "landmark" id = "landmark"
disabled />
disabled />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "latitude" > Latitude:< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "latitude" > Latitude:< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "latitude" id = "latitude"
< input type = "text" class = "form-control text-center" name = "latitude" id = "latitude"
disabled />
disabled />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "longitude" > Longitude:< span
< label class = "form-label" for = "longitude" > Longitude:< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "longitude" id = "longitude"
< input type = "text" class = "form-control text-center" name = "longitude" id = "longitude"
disabled />
disabled />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "depositAmount" > DepositAmount:< span
< label class = "form-label" for = "depositAmount" > Full Day Deposit Amount:< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "depositAmount" id = "depositAmount"
< input type = "text" class = "form-control text-center" name = "depositAmount" id = "depositAmount"
disabled />
disabled/>
< / div >
< div class = "col-sm-4" >
< label class = "form-label" for = "halfDepositAmount" > Half Day Deposit Amount:< span
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "halfDepositAmount"
id="halfDepositAmount"
disabled/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "fullDayAmount" > FullDayAmount:< span
< label class = "form-label" for = "fullDayAmount" > FullDayAmount:< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "fullDayAmount" id = "fullDayAmount"
< input type = "text" class = "form-control text-center" name = "fullDayAmount" id = "fullDayAmount"
disabled />
disabled />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "halfDayAmount" > HalfDayAmount:< span
< label class = "form-label" for = "halfDayAmount" > HalfDayAmount:< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "halfDayAmount" id = "halfDayAmount"
< input type = "text" class = "form-control text-center" name = "halfDayAmount" id = "halfDayAmount"
disabled />
disabled />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "seatingCapacity" > ParkingCapacity:< span
< label class = "form-label" for = "seatingCapacity" > ParkingCapacity:< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "parkingCapacity"
< input type = "text" class = "form-control text-center" name = "parkingCapacity"
id="parkingCapacity" disabled />
id="parkingCapacity" disabled />
< / div >
< / div >
<!-- <div class="mb - 4">
<!-- <div class="mb - 4">
@ -207,10 +215,10 @@
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- Edit Form -->
< div class = "modal fade backdrop" id = "editForm" data-backdrop = "static" tabindex = "-1" role = "dialog"
<!-- Edit Form -->
< div class = "modal fade backdrop" id = "editForm" data-backdrop = "static" tabindex = "-1" role = "dialog"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
aria-labelledby="staticBackdropLabel" aria-hidden="true">
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-content" >
< div class = "modal-content" >
@ -226,12 +234,12 @@
< / div >
< / div >
< / div >
< / div >
< div class = "block-content row" >
< div class = "block-content row" >
< input type = "hidden" class = "form-control text-center" name = "id" id = "idd" disabled / >
< input type = "hidden" class = "form-control text-center" name = "id" id = "idd" disabled / >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "hallName" > Hall Name:*< span
< label class = "form-label" for = "hallName" > Hall Name:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "hallName" id = "hallNam"
< input type = "text" class = "form-control text-center" name = "hallName" id = "hallNam"
required />
required />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "zone" > Zone:*< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "zone" > Zone:*< span class = "text-danger" > < / span > < / label >
@ -251,106 +259,114 @@
< label class = "form-label" for = "doorNo" > Address:*< span
< label class = "form-label" for = "doorNo" > Address:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "doorNo" id = "doornoo"
< input type = "text" class = "form-control text-center" name = "doorNo" id = "doornoo"
required />
required />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "street" > Street:*< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "street" > Street:*< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "street" id = "street"
< input type = "text" class = "form-control text-center" name = "street" id = "street"
required />
required />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "pincode" > Pincode:*< span
< label class = "form-label" for = "pincode" > Pincode:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "pincode" id = "pincod"
< input type = "text" class = "form-control text-center" name = "pincode" id = "pincod"
minlength="6" maxlength="6" pattern="[0-9]{6}" required />
minlength="6" maxlength="6" pattern="[0-9]{6}" required/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "area" > Area:*< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "area" > Area:*< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "area" id = "area" required / >
< input type = "text" class = "form-control text-center" name = "area" id = "area" required / >
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "InchargeMobno" > Hall Incharge Mobile Number:*< span
< label class = "form-label" for = "InchargeMobno" > Hall Incharge Mobile Number:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "InchargeMobno"
< input type = "text" class = "form-control text-center" name = "InchargeMobno"
id="InchargeMobno" minlength="10" maxlength="10" pattern="[0-9]{10}" required />
id="InchargeMobno" minlength="10" maxlength="10" pattern="[0-9]{10}" required/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "InchargeNamehall" > Hall Incharge Name:*< span
< label class = "form-label" for = "InchargeNamehall" > Hall Incharge Name:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "InchargeNamehall"
< input type = "text" class = "form-control text-center" name = "InchargeNamehall"
id="InchargeNamehall" required />
id="InchargeNamehall" required />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "landmark" > Landmark:*< span
< label class = "form-label" for = "landmark" > Landmark:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "landmark" id = "landmar"
< input type = "text" class = "form-control text-center" name = "landmark" id = "landmar"
required />
required />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "latitude" > Latitude:*< span
< label class = "form-label" for = "latitude" > Latitude:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "latitude" id = "latitu" required
< input type = "text" class = "form-control text-center" name = "latitude" id = "latitu" required
oninput="this.value = this.value.replace(/[^0-9.]/g, '');" />
oninput="this.value = this.value.replace(/[^0-9.\-]/g,'').replace(/(\..*)\./g,'$1');" />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "longitude" > Longitude:*< span
< label class = "form-label" for = "longitude" > Longitude:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "longitude" id = "longitu"
< input type = "text" class = "form-control text-center" name = "longitude" id = "longitu"
required oninput="this.value = this.value.replace(/[^0-9.]/g, '');" />
required
oninput="this.value = this.value.replace(/[^0-9.\-]/g,'').replace(/(\..*)\./g,'$1');"/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "depositAmount" > Deposit Amount:*< span
< label class = "form-label" for = "depositAmount" > Full Day Deposit Amount:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "depositAmount" id = "depositAmo"
< input type = "text" class = "form-control text-center" name = "depositAmount" id = "depositAmo"
required oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
required oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
< / div >
< div class = "col-sm-4" >
< label class = "form-label" for = "halfDepositAmount" > Half Day Deposit Amount:*< span
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "halfDepositAmount"
id="halfDepositAmo"
required oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "fullDayAmount" > Full Day Amount:*< span
< label class = "form-label" for = "fullDayAmount" > Full Day Amount:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "fullDayAmount" id = "fullDayAmo"
< input type = "text" class = "form-control text-center" name = "fullDayAmount" id = "fullDayAmo"
required oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
required oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "halfDayAmount" > Half Day Amount:*< span
< label class = "form-label" for = "halfDayAmount" > Half Day Amount:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "halfDayAmount" id = "halfDayAmo"
< input type = "text" class = "form-control text-center" name = "halfDayAmount" id = "halfDayAmo"
required oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
required oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "parkingCapacity" > Parking Capacity:*< span
< label class = "form-label" for = "parkingCapacity" > Parking Capacity:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "parkingCapacity"
< input type = "text" class = "form-control text-center" name = "parkingCapacity"
id="parkingCapaci" required inputmode="numeric"
id="parkingCapaci" required inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "seatingCapaci" > Seating Capacity:*< span
< label class = "form-label" for = "seatingCapaci" > Seating Capacity:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "seatingCapaci"
< input type = "text" class = "form-control text-center" name = "seatingCapaci"
id="seatingCapaci" required inputmode="numeric"
id="seatingCapaci" required inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "ebNumber" > Consumer Number:*< span
< label class = "form-label" for = "ebNumber" > Consumer Number:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "ebNumber" id = "ebNumber"
< input type = "text" class = "form-control text-center" name = "ebNumber" id = "ebNumber"
required minlength="9" maxlength="12" pattern="^[0-9-+*#]{9,12}$" />
required minlength="9" maxlength="12" pattern="^[0-9-+*#]{9,12}$"/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "ebCostPerUnit" > EB Cost Per Unit:*< span
< label class = "form-label" for = "ebCostPerUnit" > EB Cost Per Unit:*< span
class="text-danger">< / span > < / label >
class="text-danger">< / span > < / label >
< input type = "text" class = "form-control text-center" name = "ebCostPerUnit"
< input type = "text" class = "form-control text-center" name = "ebCostPerUnit"
id="ebCostPerUnit" required
id="ebCostPerUnit" required
oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "city" > City:*< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "city" > City:*< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "city" id = "city" required / >
< input type = "text" class = "form-control text-center" name = "city" id = "city" required / >
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "gst" > GST in %:*< span class = "text-danger" > < / span > < / label >
< label class = "form-label" for = "gst" > GST in %:*< span class = "text-danger" > < / span > < / label >
< input type = "text" class = "form-control text-center" name = "gst" id = "updatedgstpercentage"
< input type = "text" class = "form-control text-center" name = "gst" id = "updatedgstpercentage"
required />
required />
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< label class = "form-label" for = "hallStatus" > Hall Status:*< span
< label class = "form-label" for = "hallStatus" > Hall Status:*< span
@ -363,17 +379,18 @@
< / div >
< / div >
< div class = "block-content block-content-full text-end bg-body" id = "mbutton" >
< div class = "block-content block-content-full text-end bg-body" id = "mbutton" >
< button type = "button" class = "btn btn-sm btn-alt-secondary"
< button type = "button" class = "btn btn-sm btn-alt-secondary"
data-bs-dismiss="modal">Close< / button >
data-bs-dismiss="modal">Close
< / button >
< button type = "submit" class = "btn btn-sm btn-primary" > Update< / button >
< button type = "submit" class = "btn btn-sm btn-primary" > Update< / button >
< / div >
< / div >
< / div >
< / div >
< / form >
< / form >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- End of Edit form -->
< div class = "modal fade backdrop" id = "hallDetailsModal" data-backdrop = "static" tabindex = "-1" role = "dialog"
<!-- End of Edit form -->
< div class = "modal fade backdrop" id = "hallDetailsModal" data-backdrop = "static" tabindex = "-1" role = "dialog"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
aria-labelledby="staticBackdropLabel" aria-hidden="true">
< div class = "modal-dialog modal-xl" role = "document" >
< div class = "modal-dialog modal-xl" role = "document" >
< div class = "modal-content" >
< div class = "modal-content" >
@ -398,7 +415,7 @@
< option val = "" > ---Select Zone---< / option >
< option val = "" > ---Select Zone---< / option >
< / select >
< / select >
< / div >
< / div >
< input type = "hidden" class = "form-control text-center" name = "zone" id = "zone" value = "0" / >
< input type = "hidden" class = "form-control text-center" name = "zone" id = "zone" value = "0" / >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
@ -412,15 +429,21 @@
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "hallName" > Hall Name:*< / label > < input type = "text" class = "form-control"
< label for = "hallName" > Hall Name:*< / label > < input type = "text" class = "form-control"
id="hallName" name="hallName" placeholder="Hall Name" required>
id="hallName" name="hallName"
placeholder="Hall Name" required>
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "hallArea" > Hall Area (in square feet):*< / label > < input type = "text"
< label for = "hallArea" > Hall Area (in square feet):*< / label > < input type = "text"
class="form-control" id="hallArea" name="hallArea" placeholder="Hall Area"
pattern="\d*" inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');" required>
class="form-control"
id="hallArea"
name="hallArea"
placeholder="Hall Area"
pattern="\d*"
inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');"
required>
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
@ -434,7 +457,8 @@
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "street" > Street:*< / label > < input type = "text" class = "form-control"
< label for = "street" > Street:*< / label > < input type = "text" class = "form-control"
id="street" name="street" placeholder="Street" required>
id="street" name="street"
placeholder="Street" required>
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
@ -485,7 +509,8 @@
< label for = "latitude" > Latitude:*< / label >
< label for = "latitude" > Latitude:*< / label >
< input type = "text" class = "form-control" id = "latitude" name = "latitude"
< input type = "text" class = "form-control" id = "latitude" name = "latitude"
placeholder="Latitude" pattern="\d*" inputmode="numeric"
placeholder="Latitude" pattern="\d*" inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');" required>
oninput="this.value = this.value.replace(/[^0-9.\-]/g,'').replace(/(\..*)\./g,'$1');"
required>
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
@ -493,37 +518,55 @@
< label for = "longitude" > Longitude:*< / label >
< label for = "longitude" > Longitude:*< / label >
< input type = "text" class = "form-control" id = "longitude" name = "longitude"
< input type = "text" class = "form-control" id = "longitude" name = "longitude"
placeholder="Longitude" pattern="\d*" inputmode="numeric"
placeholder="Longitude" pattern="\d*" inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');" required>
oninput="this.value = this.value.replace(/[^0-9.\-]/g,'').replace(/(\..*)\./g,'$1');"
required>
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "parkingCapacity" > Parking Capacity:*< / label > < input type = "text"
< label for = "parkingCapacity" > Parking Capacity:*< / label > < input type = "text"
class="form-control" id="parkingCapacity" name="parkingCapacity"
placeholder="Parking Capacity" pattern="\d*" inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');" required>
class="form-control"
id="parkingCapacity"
name="parkingCapacity"
placeholder="Parking Capacity"
pattern="\d*"
inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');"
required>
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "seatingCapacity" > Seating Capacity:*< / label > < input type = "text"
< label for = "seatingCapacity" > Seating Capacity:*< / label > < input type = "text"
class="form-control" id="seatingCapacity" name="seatingCapacity"
placeholder="Seating Capacity" pattern="\d*" inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');" required>
class="form-control"
id="seatingCapacity"
name="seatingCapacity"
placeholder="Seating Capacity"
pattern="\d*"
inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');"
required>
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "ednumber" > Consumer Number:*< / label > < input type = "text"
< label for = "ednumber" > Consumer Number:*< / label > < input type = "text"
class="form-control" id="ebNumber" name="ebNumber" placeholder="Consumer Number"
minlength="9" maxlength="12" pattern="^[0-9-+*#]{9,12}$" required>
class="form-control"
id="ebNumber" name="ebNumber"
placeholder="Consumer Number"
minlength="9" maxlength="12"
pattern="^[0-9-+*#]{9,12}$"
required>
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "ebCostPerUnit" > EB Cost Per Unit:*< / label > < input type = "text"
< label for = "ebCostPerUnit" > EB Cost Per Unit:*< / label > < input type = "text"
class="form-control" id="ebCostPerUnit" name="ebCostPerUnit"
placeholder="EB Cost Per Unit" required
class="form-control"
id="ebCostPerUnit"
name="ebCostPerUnit"
placeholder="EB Cost Per Unit"
required
oninput="this.value = this.value.replace(/[^0-9]/g, '');">
oninput="this.value = this.value.replace(/[^0-9]/g, '');">
< / div >
< / div >
< / div >
< / div >
@ -544,12 +587,20 @@
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "depositAmount" > Deposit Amount:*< / label >
< label for = "depositAmount" > Full Day Deposit Amount:*< / label >
< input type = "text" class = "form-control" id = "depositAmount" name = "depositAmount"
< input type = "text" class = "form-control" id = "depositAmount" name = "depositAmount"
placeholder="Deposit Amount" required
placeholder="Deposit Amount" required
oninput="this.value = this.value.replace(/[^0-9]/g, '');">
oninput="this.value = this.value.replace(/[^0-9]/g, '');">
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "form-group" >
< label for = "halfdepositAmt" > Half Day Deposit Amount:*< / label >
< input type = "text" class = "form-control" id = "halfdepositAmt" name = "halfdepositAmt"
placeholder="Deposit Amount" required
oninput="this.value = this.value.replace(/[^0-9]/g, '');">
< / div >
< / div >
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "fullDayAmt" > Full Day Amount:*< / label >
< label for = "fullDayAmt" > Full Day Amount:*< / label >
@ -561,8 +612,11 @@
< div class = "col-md-4" >
< div class = "col-md-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "halfDayAmt" > Half Day Amount:*< / label > < input type = "text"
< label for = "halfDayAmt" > Half Day Amount:*< / label > < input type = "text"
class="form-control" id="halfDayAmt" name="halfDayAmt"
placeholder="Half Day Amount" required
class="form-control"
id="halfDayAmt"
name="halfDayAmt"
placeholder="Half Day Amount"
required
oninput="this.value = this.value.replace(/[^0-9]/g, '');">
oninput="this.value = this.value.replace(/[^0-9]/g, '');">
< / div >
< / div >
< / div >
< / div >
@ -587,7 +641,8 @@
< div class = "row mt-3" >
< div class = "row mt-3" >
< div class = "col" >
< div class = "col" >
< button type = "button" class = "btn btn-primary" id = "addPhoto" > Add
< button type = "button" class = "btn btn-primary" id = "addPhoto" > Add
Photo< / button >
Photo
< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
@ -595,18 +650,19 @@
< div class = "block-content block-content-full text-end bg-body" id = "mbutton" >
< div class = "block-content block-content-full text-end bg-body" id = "mbutton" >
< button type = "button" class = "btn btn-danger" onclick = "fieldsreset()" name = "reset" > Reset< / button >
< button type = "button" class = "btn btn-danger" onclick = "fieldsreset()" name = "reset" > Reset< / button >
< button type = "button" class = "btn btn-sm btn-alt-secondary"
< button type = "button" class = "btn btn-sm btn-alt-secondary"
data-bs-dismiss="modal">Close< / button >
data-bs-dismiss="modal">Close
< / button >
< button type = "submit" class = "btn btn-sm btn-primary" onclick = "submitForm()" > Submit< / button >
< button type = "submit" class = "btn btn-sm btn-primary" onclick = "submitForm()" > Submit< / button >
< / div >
< / div >
< / form >
< / form >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- Modal for Editing Hall Images -->
<!-- Modal for Editing Hall Images -->
< div class = "modal fade" id = "hallImageEditModal" tabindex = "-1" role = "dialog"
<!-- Modal for Editing Hall Images -->
<!-- Modal for Editing Hall Images -->
< div class = "modal fade" id = "hallImageEditModal" tabindex = "-1" role = "dialog"
aria-labelledby="hallImageEditModalLabel" aria-hidden="true">
aria-labelledby="hallImageEditModalLabel" aria-hidden="true">
< div class = "modal-dialog" role = "document" >
< div class = "modal-dialog" role = "document" >
< div class = "modal-content" >
< div class = "modal-content" >
@ -629,7 +685,8 @@
< / button >
< / button >
< button type = "button" class = "btn btn-primary" onclick = "saveHallImages()" style = "display:none"
< button type = "button" class = "btn btn-primary" onclick = "saveHallImages()" style = "display:none"
id="savenewimage">Save new Image < / button >
id="savenewimage">Save new Image
< / button >
< input type = "hidden" id = "hallId" name = "hallId" >
< input type = "hidden" id = "hallId" name = "hallId" >
< / form >
< / form >
< / div >
< / div >
@ -638,12 +695,11 @@
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- Modal -->
< div class = "modal fade" id = "exampleModal" tabindex = "-1" aria-labelledby = "exampleModalLabel" aria-hidden = "true" >
<!-- Modal -->
< div class = "modal fade" id = "exampleModal" tabindex = "-1" aria-labelledby = "exampleModalLabel" aria-hidden = "true" >
< div class = "modal-dialog" style = "max-width: 800px;" >
< div class = "modal-dialog" style = "max-width: 800px;" >
< div class = "modal-content" >
< div class = "modal-content" >
< div class = "modal-header" >
< div class = "modal-header" >
@ -672,10 +728,10 @@
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div th:replace = "~{fragments/resetpassword :: div}" > < / div >
< script th:replace = "~{fragments/loginscript :: script}" > < / script >
< script type = "text/javascript" >
< / div >
< div th:replace = "~{fragments/resetpassword :: div}" > < / div >
< script th:replace = "~{fragments/loginscript :: script}" > < / script >
< script type = "text/javascript" >
getZoneNo();
getZoneNo();
$(document).ready(function () {
$(document).ready(function () {
// Load zones when the document is ready
// Load zones when the document is ready
@ -735,6 +791,7 @@
errorContainer.textContent = ''; // Clear the error message text
errorContainer.textContent = ''; // Clear the error message text
}
}
}
}
// Function to compress image using canvas
// Function to compress image using canvas
function compressImage(file) {
function compressImage(file) {
return new Promise((resolve, reject) => {
return new Promise((resolve, reject) => {
@ -763,6 +820,7 @@
reader.readAsDataURL(file);
reader.readAsDataURL(file);
});
});
}
}
// Function to validate file size after compression
// Function to validate file size after compression
function validateFileSize(fileInput) {
function validateFileSize(fileInput) {
const file = fileInput.files[0];
const file = fileInput.files[0];
@ -995,8 +1053,6 @@
}
}
function deleteHallImage(hallImageId) {
function deleteHallImage(hallImageId) {
Swal.fire({
Swal.fire({
title: 'Are you sure?',
title: 'Are you sure?',
@ -1079,6 +1135,7 @@
document.getElementById("latitude").value = list.latitude;
document.getElementById("latitude").value = list.latitude;
document.getElementById("longitude").value = list.longitude;
document.getElementById("longitude").value = list.longitude;
document.getElementById("depositAmount").value = list.depositAmount;
document.getElementById("depositAmount").value = list.depositAmount;
document.getElementById("halfDepositAmount").value = list.halfDepositAmount;
document.getElementById("fullDayAmount").value = list.fullDayRent;
document.getElementById("fullDayAmount").value = list.fullDayRent;
document.getElementById("halfDayAmount").value = list.halfDayRent;
document.getElementById("halfDayAmount").value = list.halfDayRent;
document.getElementById("parkingCapacity").value = list.parkingCapacity;
document.getElementById("parkingCapacity").value = list.parkingCapacity;
@ -1119,6 +1176,7 @@
$('#latitu').val(list.latitude);
$('#latitu').val(list.latitude);
$('#longitu').val(list.longitude);
$('#longitu').val(list.longitude);
$('#depositAmo').val(list.depositAmount);
$('#depositAmo').val(list.depositAmount);
$('#halfDepositAmo').val(list.halfDepositAmount);
$('#fullDayAmo').val(list.fullDayRent);
$('#fullDayAmo').val(list.fullDayRent);
$('#halfDayAmo').val(list.halfDayRent);
$('#halfDayAmo').val(list.halfDayRent);
$('#parkingCapaci').val(list.parkingCapacity);
$('#parkingCapaci').val(list.parkingCapacity);
@ -1154,6 +1212,7 @@
var latitude = document.getElementById("latitu").value;
var latitude = document.getElementById("latitu").value;
var longitude = document.getElementById("longitu").value;
var longitude = document.getElementById("longitu").value;
var depositamount = document.getElementById("depositAmo").value;
var depositamount = document.getElementById("depositAmo").value;
var halfDepositamount = document.getElementById("halfDepositAmo").value;
var fullday = document.getElementById("fullDayAmo").value;
var fullday = document.getElementById("fullDayAmo").value;
var halfday = document.getElementById("halfDayAmo").value;
var halfday = document.getElementById("halfDayAmo").value;
var parkingCapacity = document.getElementById("parkingCapaci").value;
var parkingCapacity = document.getElementById("parkingCapaci").value;
@ -1179,6 +1238,7 @@
formData.append("latitude", latitude);
formData.append("latitude", latitude);
formData.append("longitude", longitude);
formData.append("longitude", longitude);
formData.append("depositAmount", parseFloat(depositamount));
formData.append("depositAmount", parseFloat(depositamount));
formData.append("halfDepositAmount", parseFloat(halfDepositamount));
formData.append("fullDayRent", parseFloat(fullday));
formData.append("fullDayRent", parseFloat(fullday));
formData.append("halfDayRent", parseFloat(halfday));
formData.append("halfDayRent", parseFloat(halfday));
formData.append("parkingCapacity", parkingCapacity);
formData.append("parkingCapacity", parkingCapacity);
@ -1227,6 +1287,7 @@
return false;
return false;
}
}
function addnewhall() {
function addnewhall() {
$('#hallDetailsModal').modal('show');
$('#hallDetailsModal').modal('show');
}
}
@ -1367,7 +1428,6 @@
}
}
function submitForm() {
function submitForm() {
var selectedZone = document.getElementById("zone1");
var selectedZone = document.getElementById("zone1");
var selectedZoneValue = selectedZone.value;
var selectedZoneValue = selectedZone.value;
@ -1389,8 +1449,6 @@
}
}
$(document).ready(
$(document).ready(
function () {
function () {
var buttons = [{
var buttons = [{
@ -1449,6 +1507,7 @@
});
});
});
});
function fieldsreset() {
function fieldsreset() {
// Select the form element
// Select the form element
var form = document.getElementById('hallform');
var form = document.getElementById('hallform');
@ -1470,9 +1529,11 @@
console.error('Form not found');
console.error('Form not found');
}
}
}
}
$('#hallDetailsModal').on('hidden.bs.modal', function () {
$('#hallDetailsModal').on('hidden.bs.modal', function () {
fieldsreset(); // Call resetFormFields function
fieldsreset(); // Call resetFormFields function
});
});
function getZoneNo2() {
function getZoneNo2() {
return new Promise(function (resolve, reject) {
return new Promise(function (resolve, reject) {
$.ajax({
$.ajax({
@ -1497,6 +1558,7 @@
});
});
});
});
}
}
function getDiv2($this) {
function getDiv2($this) {
return new Promise(function (resolve, reject) {
return new Promise(function (resolve, reject) {
$('#division2 option:not(:first)').remove();
$('#division2 option:not(:first)').remove();
@ -1523,7 +1585,7 @@
});
});
});
});
}
}
< / script >
< / script >
< / body >
< / body >
< / html >
< / html >