Ajith
/
muthalvarpadaipagam_dynamic_buildid
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

building id dynamically and live issue fixed (wrong build & category) booking by user & fixed the changes officerdashboard page for caretaker2

master
AJITHKUMAR12 9 months ago
parent
d64d0d851c
commit
f340c42d4b
16 changed files with 4442 additions and 3868 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 312
      src/main/java/com/gcc/coworkspace/controller/BookingController.java
  2. 682
      src/main/java/com/gcc/coworkspace/controller/controller.java
  3. 890
      src/main/java/com/gcc/coworkspace/service/BookingService.java
  4. 9
      src/main/java/com/gcc/coworkspace/service/NormalSMS.java
  5. 28
      src/main/java/com/gcc/coworkspace/service/WhatsAppService.java
  6. 5
      src/main/resources/templates/caretaker/abstract.html
  7. 13
      src/main/resources/templates/caretaker/bookingdetails.html
  8. 2
      src/main/resources/templates/caretaker/bookingdetails.html.29112024.html
  9. 376
      src/main/resources/templates/caretaker/officer-dashboard.html
  10. 2
      src/main/resources/templates/fragments/user-nav.html
  11. 353
      src/main/resources/templates/user/book-Conferance.html
  12. 288
      src/main/resources/templates/user/book-reading.html
  13. 25
      src/main/resources/templates/user/book-workdesk.html
  14. 2
      src/main/resources/templates/user/bookinghistory.html
  15. 2
      src/main/resources/templates/user/qrpage.html
  16. 61
      src/main/resources/templates/user/razor-pay.html

312
src/main/java/com/gcc/coworkspace/controller/BookingController.java
View File

@ -1,11 +1,10 @@
package com.gcc.coworkspace.controller; package com.gcc.coworkspace.controller;
import com.gcc.coworkspace.component.UserSession; import com.gcc.coworkspace.component.UserSession;
import com.gcc.coworkspace.configuration.AppConfig; import com.gcc.coworkspace.configuration.AppConfig;
import com.gcc.coworkspace.configuration.QrGenerator; import com.gcc.coworkspace.configuration.QrGenerator;
import com.gcc.coworkspace.constants.AppConstants; import com.gcc.coworkspace.constants.AppConstants;
import com.gcc.coworkspace.exception.NoSlotAvailable;
import com.gcc.coworkspace.service.BookingService; import com.gcc.coworkspace.service.BookingService;
import com.gcc.coworkspace.service.NormalSMS; import com.gcc.coworkspace.service.NormalSMS;
import com.gcc.coworkspace.service.PaymentService; import com.gcc.coworkspace.service.PaymentService;
@ -54,8 +53,39 @@ public class BookingController {
@Autowired @Autowired
private NormalSMS normalSMS; private NormalSMS normalSMS;
/*
* @PostMapping("/saveInTemp")
* public Map<String, Object> booking(@RequestParam("catId") int catId,
*
* @RequestParam("buildId") int buildId,
*
* @RequestParam("subId") int subId,
*
* @RequestParam("noOfPeople") int noOfPeople,
*
* @RequestParam("fromDate") LocalDate fromDate,
*
* @RequestParam("toDate") LocalDate toDate,
*
* @RequestParam("userName") String userName,
*
* @RequestParam("userMobile") long userMobile,
* // @RequestParam("amount") double amount,
*
* @RequestParam("slots") List<Integer> slots) {
*
* System.out.println(catId);
* System.out.println(slots);
* return bookingService.saveTempBooking(userName, userMobile, slots, fromDate,
* toDate, noOfPeople, catId, buildId,
* subId);
*
* }
*/
@PostMapping("/saveInTemp") @PostMapping("/saveInTemp")
public Map<String, Object> booking(@RequestParam("catId") int catId,
public ResponseEntity<Map<String, Object>> booking(
@RequestParam("catId") int catId,
@RequestParam("buildId") int buildId, @RequestParam("buildId") int buildId,
@RequestParam("subId") int subId, @RequestParam("subId") int subId,
@RequestParam("noOfPeople") int noOfPeople, @RequestParam("noOfPeople") int noOfPeople,
@ -63,53 +93,73 @@ public class BookingController {
@RequestParam("toDate") LocalDate toDate, @RequestParam("toDate") LocalDate toDate,
@RequestParam("userName") String userName, @RequestParam("userName") String userName,
@RequestParam("userMobile") long userMobile, @RequestParam("userMobile") long userMobile,
// @RequestParam("amount") double amount,
@RequestParam("slots") List<Integer> slots){
@RequestParam("slots") List<Integer> slots) {
System.out.println("buildId" + buildId);
System.out.println("catId" + catId);
System.out.println(catId);
System.out.println(slots);
return bookingService.saveTempBooking(userName,userMobile, slots, fromDate, toDate,noOfPeople,catId,buildId,subId) ;
Map<String, Object> response = new HashMap<>();
}
try {
Map<String, Object> result = bookingService.saveTempBooking(
userName, userMobile, slots,
fromDate, toDate, noOfPeople,
catId, buildId, subId);
// @PostMapping("/saveBooking")
// public int saveBooking(@RequestParam("tempBookId") int tempBookId){
//
// return bookingService.saveBooking(tempBookId);
// }
/*
@GetMapping("/checkAvail")
public Boolean checkAvailability(int bid,int cid,LocalDate bDate,int scid,int noOfPerson,int slotId){
System.out.println("check Availability");
return bookingService.checkAvailabilityByBdate(bid,cid,bDate,scid,noOfPerson,slotId);
response.put("status", "SUCCESS");
response.putAll(result);
return ResponseEntity.ok(response);
} catch (NoSlotAvailable e) {
response.put("status", "ERROR");
response.put("message", e.getMessage());
return ResponseEntity
.status(HttpStatus.BAD_REQUEST)
.body(response);
}
} }
*/
// @PostMapping("/saveBooking")
// public int saveBooking(@RequestParam("tempBookId") int tempBookId){
//
// return bookingService.saveBooking(tempBookId);
// }
/*
* @GetMapping("/checkAvail")
* public Boolean checkAvailability(int bid,int cid,LocalDate bDate,int scid,int
* noOfPerson,int slotId){
* System.out.println("check Availability");
* return
* bookingService.checkAvailabilityByBdate(bid,cid,bDate,scid,noOfPerson,slotId)
* ;
* }
*/
@GetMapping("/checkAvail") @GetMapping("/checkAvail")
public Boolean checkAvailability(int bid,int cid,LocalDate bDate,int scid,int noOfPerson,int slotId){
public Boolean checkAvailability(int bid, int cid, LocalDate bDate, int scid, int noOfPerson, int slotId) {
System.out.println("check Availability"); System.out.println("check Availability");
return bookingService.checkAvailabilityByBdate(bid,cid,bDate,scid,noOfPerson,slotId);
return bookingService.checkAvailabilityByBdate(bid, cid, bDate, scid, noOfPerson, slotId);
} }
@GetMapping("/hasTodayAttendance") @GetMapping("/hasTodayAttendance")
public ResponseEntity<Map<String,Object>> hasTodayAttendance(
public ResponseEntity<Map<String, Object>> hasTodayAttendance(
@RequestParam("buildingid") int buildingid) { @RequestParam("buildingid") int buildingid) {
boolean exists = bookingService.hasTodayAttendance(buildingid); boolean exists = bookingService.hasTodayAttendance(buildingid);
Map<String,Object> response = new HashMap<>();
Map<String, Object> response = new HashMap<>();
response.put("exists", exists); response.put("exists", exists);
return ResponseEntity.ok(response); return ResponseEntity.ok(response);
} }
@PostMapping(value="/create_order")
public String create_order(HttpServletRequest request,@RequestParam("id") int tempid) throws RazorpayException {
@PostMapping(value = "/create_order")
public String create_order(HttpServletRequest request, @RequestParam("id") int tempid) throws RazorpayException {
// Get data from the service // Get data from the service
Map<String, Object> tempBookingInfo = bookingService.getTempBookingByTempId(tempid); Map<String, Object> tempBookingInfo = bookingService.getTempBookingByTempId(tempid);
// Check if the list is not empty // Check if the list is not empty
if (tempBookingInfo!=null && !tempBookingInfo.isEmpty()) {
if (tempBookingInfo != null && !tempBookingInfo.isEmpty()) {
String tempbookid = tempBookingInfo.get("tempbookid").toString(); String tempbookid = tempBookingInfo.get("tempbookid").toString();
String amount = tempBookingInfo.get("amount").toString(); String amount = tempBookingInfo.get("amount").toString();
@ -121,54 +171,52 @@ public class BookingController {
System.out.println("Invalid number format for amount: " + amount); System.out.println("Invalid number format for amount: " + amount);
} }
//To enable testing mode in appConstants if required for testing & development
var client = new RazorpayClient(AppConstants.key_id,AppConstants.key_secret);
// To enable testing mode in appConstants if required for testing & development
var client = new RazorpayClient(AppConstants.key_id, AppConstants.key_secret);
JSONObject options = new JSONObject(); JSONObject options = new JSONObject();
options.put("amount", amountDouble * 100); options.put("amount", amountDouble * 100);
options.put("currency", "INR"); options.put("currency", "INR");
Order od = client.orders.create(options); Order od = client.orders.create(options);
System.out.println(od); System.out.println(od);
paymentService.saveorderLog(od.get("id").toString(),od.toString(),tempbookid);
paymentService.saveorderLog(od.get("id").toString(), od.toString(), tempbookid);
return od.toString(); return od.toString();
} else { } else {
System.out.println("No data found for tempid: " + tempid); System.out.println("No data found for tempid: " + tempid);
return "No data found for tempid: " + tempid; return "No data found for tempid: " + tempid;
} }
// return "error";
// return "error";
} }
@PostMapping("/Confirm") @PostMapping("/Confirm")
public String updateOrder(@RequestBody Map<String,Object> data){
String tempid=data.get("id").toString();;
String pay_id= data.get("payment_id").toString();
String order_id=data.get("order_id").toString();
String status=data.get("status").toString();
String amount =(Double.parseDouble(data.get("amount").toString())/100)+"";
int pid = paymentService.savePayment(amount,pay_id,order_id,status,0+"",0+"");
public String updateOrder(@RequestBody Map<String, Object> data) {
String tempid = data.get("id").toString();
;
String pay_id = data.get("payment_id").toString();
String order_id = data.get("order_id").toString();
String status = data.get("status").toString();
String amount = (Double.parseDouble(data.get("amount").toString()) / 100) + "";
int pid = paymentService.savePayment(amount, pay_id, order_id, status, 0 + "", 0 + "");
try { try {
int bookingId = bookingser.saveBooking(Integer.parseInt(tempid),pid);
//
int bookingId = bookingser.saveBooking(Integer.parseInt(tempid), pid);
//
// Print or use the values as required // Print or use the values as required
System.out.println("Temp ID: " + tempid); System.out.println("Temp ID: " + tempid);
System.out.println("Booking ID:- "+bookingId);
return bookingId+"";
System.out.println("Booking ID:- " + bookingId);
return bookingId + "";
}catch (Exception e){
System.out.println("error: "+e.getMessage());
} catch (Exception e) {
System.out.println("error: " + e.getMessage());
System.out.println("No booking data found for tempid: " + tempid); System.out.println("No booking data found for tempid: " + tempid);
return "error"; return "error";
} }
} }
//mobile app development
// mobile app development
@GetMapping("/bookings") @GetMapping("/bookings")
public ResponseEntity<List<Map<String, Object>>> getBookingsByMobileNo(@RequestParam long mobileNo) { public ResponseEntity<List<Map<String, Object>>> getBookingsByMobileNo(@RequestParam long mobileNo) {
List<Map<String, Object>> bookings = bookingService.getBookingByMobileNo(mobileNo); List<Map<String, Object>> bookings = bookingService.getBookingByMobileNo(mobileNo);
@ -177,6 +225,7 @@ public class BookingController {
} }
return ResponseEntity.ok(bookings); // Return 200 with the bookings data return ResponseEntity.ok(bookings); // Return 200 with the bookings data
} }
@GetMapping("/generate-qrcode") @GetMapping("/generate-qrcode")
public ResponseEntity<?> generateQRCode(@RequestParam(required = true) String booking_id) { public ResponseEntity<?> generateQRCode(@RequestParam(required = true) String booking_id) {
if (booking_id == null) { if (booking_id == null) {
@ -184,7 +233,7 @@ public class BookingController {
} }
try { try {
// URL for the booking details API // URL for the booking details API
String url = appConfig.getFull_URL()+"/bookingQRCode?booking_id=" + booking_id;
String url = appConfig.getFull_URL() + "/bookingQRCode?booking_id=" + booking_id;
// Generate QR code as base64 string // Generate QR code as base64 string
String base64QRCode = QrGenerator.generateQRCode(url); String base64QRCode = QrGenerator.generateQRCode(url);
@ -214,7 +263,7 @@ public class BookingController {
int otp = rand.nextInt(90000) + 10000; int otp = rand.nextInt(90000) + 10000;
System.out.print("\n otp---:" + otp); System.out.print("\n otp---:" + otp);
String bodyMessage = normalSMS.sendOTPNsms(mobileNo,otp+"");
String bodyMessage = normalSMS.sendOTPNsms(mobileNo, otp + "");
HttpSession session = request.getSession(); HttpSession session = request.getSession();
session.setAttribute("otp", otp); session.setAttribute("otp", otp);
@ -222,7 +271,6 @@ public class BookingController {
return bodyMessage; return bodyMessage;
} }
@GetMapping(value = "/verifyOTP") @GetMapping(value = "/verifyOTP")
@ResponseBody @ResponseBody
public Map<String, Object> verifyOtp(HttpServletRequest request, @RequestParam String otp) { public Map<String, Object> verifyOtp(HttpServletRequest request, @RequestParam String otp) {
@ -270,37 +318,40 @@ public class BookingController {
return response; return response;
} }
/* /*
@GetMapping(value = "/verifyOTP")
public String verifyOtp(HttpServletRequest request, @RequestParam String otp) {
HttpSession session = request.getSession();
try {
Integer session_otp = (Integer) session.getAttribute("otp");
System.out.println("session_otp---:" + session_otp);
Integer entered_otp = Integer.parseInt(otp);
if (session_otp != null && session_otp.equals(entered_otp)) {
System.out.println("Entered OTP Correct");
session.setAttribute("verifiedotp", "success");
userSession.setMobileno(Long.parseLong(session.getAttribute("mobileNo").toString()));
return "Success";
} else {
System.out.println("Incorrect OTP. Please enter correct OTPs.");
session.setAttribute("verifiedotp", "error");
return "Error";
}
} catch (NumberFormatException e) {
System.out.println("Invalid OTP format: " + otp);
return "Error";
} catch (Exception e) {
System.out.println("Error verifying OTP: " + e.getMessage());
return "Error";
}
}
* @GetMapping(value = "/verifyOTP")
* public String verifyOtp(HttpServletRequest request, @RequestParam String otp)
* {
* HttpSession session = request.getSession();
*
* try {
* Integer session_otp = (Integer) session.getAttribute("otp");
* System.out.println("session_otp---:" + session_otp);
* Integer entered_otp = Integer.parseInt(otp);
*
* if (session_otp != null && session_otp.equals(entered_otp)) {
* System.out.println("Entered OTP Correct");
* session.setAttribute("verifiedotp", "success");
* userSession.setMobileno(Long.parseLong(session.getAttribute("mobileNo").
* toString()));
* return "Success";
* } else {
* System.out.println("Incorrect OTP. Please enter correct OTPs.");
* session.setAttribute("verifiedotp", "error");
* return "Error";
* }
* } catch (NumberFormatException e) {
* System.out.println("Invalid OTP format: " + otp);
* return "Error";
* } catch (Exception e) {
* System.out.println("Error verifying OTP: " + e.getMessage());
* return "Error";
* }
* }
*/ */
// @PostMapping("/validatelogin") // @PostMapping("/validatelogin")
// public ResponseEntity<?> checkLogin(@RequestParam String usernametxt, @RequestParam String passwordtxt, HttpSession session) {
// public ResponseEntity<?> checkLogin(@RequestParam String usernametxt,
// @RequestParam String passwordtxt, HttpSession session) {
// try { // try {
// String userName = bookingser.validateLogin(usernametxt, passwordtxt); // String userName = bookingser.validateLogin(usernametxt, passwordtxt);
@ -316,11 +367,11 @@ public class BookingController {
// } // }
// } catch (Exception e) { // } catch (Exception e) {
// e.printStackTrace(); // e.printStackTrace();
// return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body("Internal server error occurred");
// return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body("Internal
// server error occurred");
// } // }
// } // }
// added by yogi // added by yogi
@PostMapping("/validatelogin") @PostMapping("/validatelogin")
public ResponseEntity<?> checkLogin( public ResponseEntity<?> checkLogin(
@ -334,7 +385,7 @@ public class BookingController {
if (userData != null) { if (userData != null) {
String userName = (String) userData.get("user_name"); String userName = (String) userData.get("user_name");
//Integer bid = (Integer) userData.get("bid");
// Integer bid = (Integer) userData.get("bid");
// FIX: Convert BID safely // FIX: Convert BID safely
Integer bid = Integer.valueOf(userData.get("bid").toString()); Integer bid = Integer.valueOf(userData.get("bid").toString());
@ -349,7 +400,6 @@ public class BookingController {
response.put("user_name", userName); response.put("user_name", userName);
response.put("bid", bid); response.put("bid", bid);
System.out.println("Logged in user=" + userName + ", BID=" + bid); System.out.println("Logged in user=" + userName + ", BID=" + bid);
return ResponseEntity.ok(response); return ResponseEntity.ok(response);
@ -364,9 +414,7 @@ public class BookingController {
} }
} }
//ak
// ak
@GetMapping("/bookinghistorydetails") @GetMapping("/bookinghistorydetails")
@ResponseBody @ResponseBody
@ -389,13 +437,16 @@ public class BookingController {
// Replace with the actual view name // Replace with the actual view name
} }
/* @GetMapping("/getbookingdetailDashBoard")
public List<Map<String, Object>> getbookingdetailDashBoard(@RequestParam String fromDate, @RequestParam String toDate, @RequestParam String status) {
return bookingService.getbookingdetailDashBoard(fromDate,toDate, status);
}*/
//ak
/*
* @GetMapping("/getbookingdetailDashBoard")
* public List<Map<String, Object>> getbookingdetailDashBoard(@RequestParam
* String fromDate, @RequestParam String toDate, @RequestParam String status) {
* return bookingService.getbookingdetailDashBoard(fromDate,toDate, status);
* }
*/
// ak
@GetMapping("/getbookingdetailDashBoard") @GetMapping("/getbookingdetailDashBoard")
public List<Map<String, Object>> getbookingdetailDashBoard(
public List<Map<String, Object>> getbookingdetailDashBoard(
@RequestParam String fromDate, @RequestParam String fromDate,
@RequestParam String toDate, @RequestParam String toDate,
@RequestParam String status, @RequestParam String status,
@ -406,19 +457,22 @@ public List<Map<String, Object>> getbookingdetailDashBoard(
System.out.println("toDate: " + toDate); System.out.println("toDate: " + toDate);
return bookingService.getbookingdetailDashBoard(fromDate, toDate, status, bid); return bookingService.getbookingdetailDashBoard(fromDate, toDate, status, bid);
}
}
/* @GetMapping("/amountCollected")
public List<Map<String, Object>> getAmountCollected(@RequestParam("fromDate") String fromDate,
@RequestParam("toDate") String toDate) {
// Convert the string dates to LocalDate
LocalDate parsedFromDate = LocalDate.parse(fromDate);
LocalDate parsedToDate = LocalDate.parse(toDate);
return bookingService.getAmountCollectedByDate(parsedFromDate, parsedToDate);
}*/
/*
* @GetMapping("/amountCollected")
* public List<Map<String, Object>> getAmountCollected(@RequestParam("fromDate")
* String fromDate,
*
* @RequestParam("toDate") String toDate) {
* // Convert the string dates to LocalDate
* LocalDate parsedFromDate = LocalDate.parse(fromDate);
* LocalDate parsedToDate = LocalDate.parse(toDate);
* return bookingService.getAmountCollectedByDate(parsedFromDate, parsedToDate);
* }
*/
@GetMapping("/amountCollected") @GetMapping("/amountCollected")
public List<Map<String, Object>> getAmountCollected(
public List<Map<String, Object>> getAmountCollected(
@RequestParam("fromDate") String fromDate, @RequestParam("fromDate") String fromDate,
@RequestParam("toDate") String toDate, @RequestParam("toDate") String toDate,
@RequestParam("bid") int bid) { @RequestParam("bid") int bid) {
@ -427,40 +481,46 @@ public List<Map<String, Object>> getAmountCollected(
LocalDate parsedToDate = LocalDate.parse(toDate); LocalDate parsedToDate = LocalDate.parse(toDate);
return bookingService.getAmountCollectedByDate(parsedFromDate, parsedToDate, bid); return bookingService.getAmountCollectedByDate(parsedFromDate, parsedToDate, bid);
}
}
/*@GetMapping("/bookingCountByCategory")
public List<Map<String, Object>> getBookingCountsByCategory(@RequestParam("fromDate") String fromDate,
@RequestParam("toDate") String toDate,) {
// Call the service method to get the booking counts for the specified date range
return bookingService.getBookingCountsByCategory(fromDate, toDate);
}*/
//ak
/*
* @GetMapping("/bookingCountByCategory")
* public List<Map<String, Object>>
* getBookingCountsByCategory(@RequestParam("fromDate") String fromDate,
*
* @RequestParam("toDate") String toDate,) {
* // Call the service method to get the booking counts for the specified date
* range
* return bookingService.getBookingCountsByCategory(fromDate, toDate);
* }
*/
// ak
@GetMapping("/bookingCountByCategory") @GetMapping("/bookingCountByCategory")
public List<Map<String, Object>> getBookingCountsByCategory(
public List<Map<String, Object>> getBookingCountsByCategory(
@RequestParam("fromDate") String fromDate, @RequestParam("fromDate") String fromDate,
@RequestParam("toDate") String toDate, @RequestParam("toDate") String toDate,
@RequestParam("bid") int bid) { @RequestParam("bid") int bid) {
return bookingService.getBookingCountsByCategory(fromDate, toDate, bid); return bookingService.getBookingCountsByCategory(fromDate, toDate, bid);
}
}
/* @GetMapping("/totalBookingCounts")
public List<Map<String, Object>> getBookingCounts(@RequestParam("fromDate") String fromDate,@RequestParam("toDate")String toDate) {
// Call service method to get booking counts
return bookingService.getBookingCountsByDate(fromDate,toDate);
}*/
//ak
/*
* @GetMapping("/totalBookingCounts")
* public List<Map<String, Object>> getBookingCounts(@RequestParam("fromDate")
* String fromDate,@RequestParam("toDate")String toDate) {
* // Call service method to get booking counts
* return bookingService.getBookingCountsByDate(fromDate,toDate);
* }
*/
// ak
@GetMapping("/totalBookingCounts") @GetMapping("/totalBookingCounts")
public List<Map<String, Object>> getBookingCounts(
public List<Map<String, Object>> getBookingCounts(
@RequestParam("fromDate") String fromDate, @RequestParam("fromDate") String fromDate,
@RequestParam("toDate") String toDate, @RequestParam("toDate") String toDate,
@RequestParam("bid") int bid) { @RequestParam("bid") int bid) {
return bookingService.getBookingCountsByDate(fromDate, toDate, bid); return bookingService.getBookingCountsByDate(fromDate, toDate, bid);
}
}
@GetMapping("/bookinghistory") @GetMapping("/bookinghistory")
@ResponseBody @ResponseBody

682
src/main/java/com/gcc/coworkspace/controller/controller.java
File diff suppressed because it is too large
View File

890
src/main/java/com/gcc/coworkspace/service/BookingService.java
File diff suppressed because it is too large
View File

9
src/main/java/com/gcc/coworkspace/service/NormalSMS.java
View File

@ -1,9 +1,10 @@
package com.gcc.coworkspace.service; package com.gcc.coworkspace.service;
import com.gcc.coworkspace.configuration.AppConfig;
import org.springframework.beans.factory.annotation.Autowired; import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service; import org.springframework.stereotype.Service;
import com.gcc.coworkspace.configuration.AppConfig;
@Service @Service
public class NormalSMS { public class NormalSMS {
@ -22,7 +23,10 @@ public class NormalSMS {
} }
public String sendELearnNsms(String MobileNo, String noOfPerson, String bdate, String slot, String amount) { public String sendELearnNsms(String MobileNo, String noOfPerson, String bdate, String slot, String amount) {
String generatedToken = "Dear Patron, \n" +
String generatedToken = "Dear Patrons \n" +
"Welcome to Muthalvar Padaippagam. \n" + "Welcome to Muthalvar Padaippagam. \n" +
"You have booked our Learning Centre for " + noOfPerson + " number of persons on " + bdate + " at time slot " + slot + ". Payment for the booking is Rs." + amount + " received. Please show your QR Code at Reception Desk for accessing Muthalvar Padaippagam. Have a Nice Day - GCC"; "You have booked our Learning Centre for " + noOfPerson + " number of persons on " + bdate + " at time slot " + slot + ". Payment for the booking is Rs." + amount + " received. Please show your QR Code at Reception Desk for accessing Muthalvar Padaippagam. Have a Nice Day - GCC";
String urlString = appConfig.getGetOtpUrl() + "from=GCCCRP&key=" + key + "&sender=GCCCRP&to=" + MobileNo + "&body=" + generatedToken + "&entityid=1401572690000011081&templateid=1407173027552104564"; String urlString = appConfig.getGetOtpUrl() + "from=GCCCRP&key=" + key + "&sender=GCCCRP&to=" + MobileNo + "&body=" + generatedToken + "&entityid=1401572690000011081&templateid=1407173027552104564";
@ -30,6 +34,7 @@ public class NormalSMS {
} }
public String sendTLearnNsms(String MobileNo, String noOfPerson, String bdate, String slot, String amount) { public String sendTLearnNsms(String MobileNo, String noOfPerson, String bdate, String slot, String amount) {
slot = "கொத்தூர்"+slot;
String generatedToken = "அன்பான வாடிக்கையாளரே,\n" + String generatedToken = "அன்பான வாடிக்கையாளரே,\n" +
"முதல்வர் படைப்பகம் தங்களை அன்புடன் வரவேற்கின்றது. தாங்கள் எங்களின் கற்றல் மையத்தை "+ noOfPerson +" எண்ணிக்கை நபர்களுக்கு "+bdate+" அன்று நேர இடைவெளி "+bdate+" ல் பயன்படுத்திக்கொள்ள முன்பதிவு செய்துள்ளீர்கள். இதற்கான கட்டணம் ரூ. "+amount+" பெறப்பட்டுள்ளது. முதல்வர் படைப்பகம் பயன்படுத்த உங்கள் QR குறியீட்டை வரவேற்பறையில் காட்டுங்கள் இந்நாள் இனிய நாளாய் அமையட்டும் - பெ.செ.மா"; "முதல்வர் படைப்பகம் தங்களை அன்புடன் வரவேற்கின்றது. தாங்கள் எங்களின் கற்றல் மையத்தை "+ noOfPerson +" எண்ணிக்கை நபர்களுக்கு "+bdate+" அன்று நேர இடைவெளி "+bdate+" ல் பயன்படுத்திக்கொள்ள முன்பதிவு செய்துள்ளீர்கள். இதற்கான கட்டணம் ரூ. "+amount+" பெறப்பட்டுள்ளது. முதல்வர் படைப்பகம் பயன்படுத்த உங்கள் QR குறியீட்டை வரவேற்பறையில் காட்டுங்கள் இந்நாள் இனிய நாளாய் அமையட்டும் - பெ.செ.மா";
String urlString = appConfig.getGetOtpUrl() + "from=GCCCRP&key=" + key + "&sender=GCCCRP&to=" + MobileNo + "&body=" + generatedToken + "&entityid=1401572690000011081&templateid=1407173027534475535"; String urlString = appConfig.getGetOtpUrl() + "from=GCCCRP&key=" + key + "&sender=GCCCRP&to=" + MobileNo + "&body=" + generatedToken + "&entityid=1401572690000011081&templateid=1407173027534475535";

28
src/main/java/com/gcc/coworkspace/service/WhatsAppService.java
View File

@ -17,19 +17,29 @@ public class WhatsAppService {
return whatsappMsgService.sendMsg(msgContent); return whatsappMsgService.sendMsg(msgContent);
} }
public String sendELearnNmsg(String MobileNo, String noOfPerson, String bdate, String slot, String amount, String bookingId) {
public String sendELearnNmsg(String MobileNo, String noOfPerson, String bdate, String slot, String smsename,String amount, String bookingId) {
//slot = smsename+"+" + slot;
smsename = smsename.replace(" ", "%20");
slot = slot + "+(" + smsename + ")";
System.out.println("slot...12"+slot);
// String msgContent = "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password="+password+"&send_to="+MobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=Dear+Patron%2C%0AWelcome+to+Muthalvar+Padaippagam%F0%9F%99%8F++%0A%0AYou+have+booked+our+Learning+Centre+for+%2A"+noOfPerson+"%2A+number+of+persons+on+%2A"+bdate+"%2A+at+%0Atime+slot+%2A"+slot+"%2A+.%0A%0APayment+for+the+booking+is+%2ARs.+"+amount+"%2A+received.+%0A%0APlease+show+your+QR+Code+at+Reception+Desk+for+accessing+Muthalvar+Padaippagam.%0A%0AHave+a+Nice+Day%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId;
String msgContent = "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password="+password+"&send_to="+MobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=Dear+Patron%2C%0AWelcome+to+Muthalvar+Padaippagam%F0%9F%99%8F++%0A%0AYou+have+booked+our+Learning+Centre+for+%2A"+noOfPerson+"%2A+number+of+persons+on+%2A"+bdate+"%2A+at+%0Atime+slot+%2A"+slot+"%2A+.%0A%0APayment+for+the+booking+is+%2ARs.+"+amount+"%2A+received.+%0A%0APlease+show+your+QR+Code+at+Reception+Desk+for+accessing+Muthalvar+Padaippagam.%0A%0AHave+a+Nice+Day%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId; String msgContent = "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password="+password+"&send_to="+MobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=Dear+Patron%2C%0AWelcome+to+Muthalvar+Padaippagam%F0%9F%99%8F++%0A%0AYou+have+booked+our+Learning+Centre+for+%2A"+noOfPerson+"%2A+number+of+persons+on+%2A"+bdate+"%2A+at+%0Atime+slot+%2A"+slot+"%2A+.%0A%0APayment+for+the+booking+is+%2ARs.+"+amount+"%2A+received.+%0A%0APlease+show+your+QR+Code+at+Reception+Desk+for+accessing+Muthalvar+Padaippagam.%0A%0AHave+a+Nice+Day%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId;
System.out.println(msgContent); System.out.println(msgContent);
return whatsappMsgService.sendMsg(msgContent); return whatsappMsgService.sendMsg(msgContent);
} }
public String sendTLearnNmsg(String MobileNo, String noOfPerson, String bdate, String slot, String amount, String bookingId) {
public String sendTLearnNmsg(String MobileNo, String noOfPerson, String bdate, String slot,String amount, String bookingId) {
// slot = smstname+"+" + slot;
String msgContent = "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password="+password+"&send_to="+MobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=%E0%AE%85%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AE%BE%E0%AE%A9+%E0%AE%B5%E0%AE%BE%E0%AE%9F%E0%AE%BF%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AF%88%E0%AE%AF%E0%AE%BE%E0%AE%B3%E0%AE%B0%E0%AF%87%2C+%0A%E0%AE%AE%E0%AF%81%E0%AE%A4%E0%AE%B2%E0%AF%8D%E0%AE%B5%E0%AE%B0%E0%AF%8D+%E0%AE%AA%E0%AE%9F%E0%AF%88%E0%AE%AA%E0%AF%8D%E0%AE%AA%E0%AE%95%E0%AE%AE%E0%AF%8D+%E0%AE%A4%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%88+%E0%AE%85%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AF%81%E0%AE%9F%E0%AE%A9%E0%AF%8D+%E0%AE%B5%E0%AE%B0%E0%AE%B5%E0%AF%87%E0%AE%B1%E0%AF%8D%E0%AE%95%E0%AE%BF%E0%AE%A9%E0%AF%8D%E0%AE%B1%E0%AE%A4%E0%AF%81+%F0%9F%99%8F++%0A%0A%E0%AE%A4%E0%AE%BE%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D+%E0%AE%8E%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AE%BF%E0%AE%A9%E0%AF%8D+%E0%AE%95%E0%AE%B1%E0%AF%8D%E0%AE%B1%E0%AE%B2%E0%AF%8D+%E0%AE%AE%E0%AF%88%E0%AE%AF%E0%AE%A4%E0%AF%8D%E0%AE%A4%E0%AF%88++%2A"+noOfPerson+"%2A+%E0%AE%8E%E0%AE%A3%E0%AF%8D%E0%AE%A3%E0%AE%BF%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AF%88+%E0%AE%A8%E0%AE%AA%E0%AE%B0%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%81%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AF%81++%2A"+bdate+"%2A+%E0%AE%85%E0%AE%A9%E0%AF%8D%E0%AE%B1%E0%AF%81++%E0%AE%A8%E0%AF%87%E0%AE%B0+%E0%AE%87%E0%AE%9F%E0%AF%88%E0%AE%B5%E0%AF%86%E0%AE%B3%E0%AE%BF+%2A"+slot+"%2A+%E0%AE%B2%E0%AF%8D+%E0%AE%AA%E0%AE%AF%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AE%9F%E0%AF%81%E0%AE%A4%E0%AF%8D%E0%AE%A4%E0%AE%BF%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AF%8A%E0%AE%B3%E0%AF%8D%E0%AE%B3+%E0%AE%AE%E0%AF%81%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AE%A4%E0%AE%BF%E0%AE%B5%E0%AF%81+%E0%AE%9A%E0%AF%86%E0%AE%AF%E0%AF%8D%E0%AE%A4%E0%AF%81%E0%AE%B3%E0%AF%8D%E0%AE%B3%E0%AF%80%E0%AE%B0%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D.+.%0A%0A%E0%AE%87%E0%AE%A4%E0%AE%B1%E0%AF%8D%E0%AE%95%E0%AE%BE%E0%AE%A9++%E0%AE%95%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AE%A3%E0%AE%AE%E0%AF%8D+%2A%E0%AE%B0%E0%AF%82.+"+amount+"%2A+%E0%AE%AA%E0%AF%86%E0%AE%B1%E0%AE%AA%E0%AF%8D%E0%AE%AA%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AF%81%E0%AE%B3%E0%AF%8D%E0%AE%B3%E0%AE%A4%E0%AF%81.%0A%0A%E0%AE%AE%E0%AF%81%E0%AE%A4%E0%AE%B2%E0%AF%8D%E0%AE%B5%E0%AE%B0%E0%AF%8D+%E0%AE%AA%E0%AE%9F%E0%AF%88%E0%AE%AA%E0%AF%8D%E0%AE%AA%E0%AE%95%E0%AE%AE%E0%AF%8D+%E0%AE%AA%E0%AE%AF%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AE%9F%E0%AF%81%E0%AE%A4%E0%AF%8D%E0%AE%A4+%E0%AE%89%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D+QR+%E0%AE%95%E0%AF%81%E0%AE%B1%E0%AE%BF%E0%AE%AF%E0%AF%80%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AF%88+%E0%AE%B5%E0%AE%B0%E0%AE%B5%E0%AF%87%E0%AE%B1%E0%AF%8D%E0%AE%AA%E0%AE%B1%E0%AF%88%E0%AE%AF%E0%AE%BF%E0%AE%B2%E0%AF%8D+%E0%AE%95%E0%AE%BE%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AF%81%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D.%0A%0A%E0%AE%87%E0%AE%A8%E0%AF%8D%E0%AE%A8%E0%AE%BE%E0%AE%B3%E0%AF%8D+%E0%AE%87%E0%AE%A9%E0%AE%BF%E0%AE%AF+%E0%AE%A8%E0%AE%BE%E0%AE%B3%E0%AE%BE%E0%AE%AF%E0%AF%8D+%E0%AE%85%E0%AE%AE%E0%AF%88%E0%AE%AF%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AF%81%E0%AE%AE%E0%AF%8D%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId; String msgContent = "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password="+password+"&send_to="+MobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=%E0%AE%85%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AE%BE%E0%AE%A9+%E0%AE%B5%E0%AE%BE%E0%AE%9F%E0%AE%BF%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AF%88%E0%AE%AF%E0%AE%BE%E0%AE%B3%E0%AE%B0%E0%AF%87%2C+%0A%E0%AE%AE%E0%AF%81%E0%AE%A4%E0%AE%B2%E0%AF%8D%E0%AE%B5%E0%AE%B0%E0%AF%8D+%E0%AE%AA%E0%AE%9F%E0%AF%88%E0%AE%AA%E0%AF%8D%E0%AE%AA%E0%AE%95%E0%AE%AE%E0%AF%8D+%E0%AE%A4%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%88+%E0%AE%85%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AF%81%E0%AE%9F%E0%AE%A9%E0%AF%8D+%E0%AE%B5%E0%AE%B0%E0%AE%B5%E0%AF%87%E0%AE%B1%E0%AF%8D%E0%AE%95%E0%AE%BF%E0%AE%A9%E0%AF%8D%E0%AE%B1%E0%AE%A4%E0%AF%81+%F0%9F%99%8F++%0A%0A%E0%AE%A4%E0%AE%BE%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D+%E0%AE%8E%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AE%BF%E0%AE%A9%E0%AF%8D+%E0%AE%95%E0%AE%B1%E0%AF%8D%E0%AE%B1%E0%AE%B2%E0%AF%8D+%E0%AE%AE%E0%AF%88%E0%AE%AF%E0%AE%A4%E0%AF%8D%E0%AE%A4%E0%AF%88++%2A"+noOfPerson+"%2A+%E0%AE%8E%E0%AE%A3%E0%AF%8D%E0%AE%A3%E0%AE%BF%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AF%88+%E0%AE%A8%E0%AE%AA%E0%AE%B0%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%81%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AF%81++%2A"+bdate+"%2A+%E0%AE%85%E0%AE%A9%E0%AF%8D%E0%AE%B1%E0%AF%81++%E0%AE%A8%E0%AF%87%E0%AE%B0+%E0%AE%87%E0%AE%9F%E0%AF%88%E0%AE%B5%E0%AF%86%E0%AE%B3%E0%AE%BF+%2A"+slot+"%2A+%E0%AE%B2%E0%AF%8D+%E0%AE%AA%E0%AE%AF%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AE%9F%E0%AF%81%E0%AE%A4%E0%AF%8D%E0%AE%A4%E0%AE%BF%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AF%8A%E0%AE%B3%E0%AF%8D%E0%AE%B3+%E0%AE%AE%E0%AF%81%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AE%A4%E0%AE%BF%E0%AE%B5%E0%AF%81+%E0%AE%9A%E0%AF%86%E0%AE%AF%E0%AF%8D%E0%AE%A4%E0%AF%81%E0%AE%B3%E0%AF%8D%E0%AE%B3%E0%AF%80%E0%AE%B0%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D.+.%0A%0A%E0%AE%87%E0%AE%A4%E0%AE%B1%E0%AF%8D%E0%AE%95%E0%AE%BE%E0%AE%A9++%E0%AE%95%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AE%A3%E0%AE%AE%E0%AF%8D+%2A%E0%AE%B0%E0%AF%82.+"+amount+"%2A+%E0%AE%AA%E0%AF%86%E0%AE%B1%E0%AE%AA%E0%AF%8D%E0%AE%AA%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AF%81%E0%AE%B3%E0%AF%8D%E0%AE%B3%E0%AE%A4%E0%AF%81.%0A%0A%E0%AE%AE%E0%AF%81%E0%AE%A4%E0%AE%B2%E0%AF%8D%E0%AE%B5%E0%AE%B0%E0%AF%8D+%E0%AE%AA%E0%AE%9F%E0%AF%88%E0%AE%AA%E0%AF%8D%E0%AE%AA%E0%AE%95%E0%AE%AE%E0%AF%8D+%E0%AE%AA%E0%AE%AF%E0%AE%A9%E0%AF%8D%E0%AE%AA%E0%AE%9F%E0%AF%81%E0%AE%A4%E0%AF%8D%E0%AE%A4+%E0%AE%89%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D+QR+%E0%AE%95%E0%AF%81%E0%AE%B1%E0%AE%BF%E0%AE%AF%E0%AF%80%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AF%88+%E0%AE%B5%E0%AE%B0%E0%AE%B5%E0%AF%87%E0%AE%B1%E0%AF%8D%E0%AE%AA%E0%AE%B1%E0%AF%88%E0%AE%AF%E0%AE%BF%E0%AE%B2%E0%AF%8D+%E0%AE%95%E0%AE%BE%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AF%81%E0%AE%99%E0%AF%8D%E0%AE%95%E0%AE%B3%E0%AF%8D.%0A%0A%E0%AE%87%E0%AE%A8%E0%AF%8D%E0%AE%A8%E0%AE%BE%E0%AE%B3%E0%AF%8D+%E0%AE%87%E0%AE%A9%E0%AE%BF%E0%AE%AF+%E0%AE%A8%E0%AE%BE%E0%AE%B3%E0%AE%BE%E0%AE%AF%E0%AF%8D+%E0%AE%85%E0%AE%AE%E0%AF%88%E0%AE%AF%E0%AE%9F%E0%AF%8D%E0%AE%9F%E0%AF%81%E0%AE%AE%E0%AF%8D%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId;
System.out.println(msgContent); System.out.println(msgContent);
return whatsappMsgService.sendMsg(msgContent); return whatsappMsgService.sendMsg(msgContent);
} }
public String sendEDeskspaceNmsg(String MobileNo, String noOfPerson, String bdate, String slot, String amount, String bookingId) {
public String sendEDeskspaceNmsg(String MobileNo, String noOfPerson, String bdate, String slot,String smsename, String amount, String bookingId) {
// slot = smsename+"+" + slot;
smsename = smsename.replace(" ", "%20");
slot = slot + "+(" + smsename + ")";
String msgContent = "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password="+password+"&send_to="+MobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=Dear+Patron%2C%0AWelcome+to+Muthalvar+Padaippagam%F0%9F%99%8F++%0A%0AYou+have+booked+our+Desk+space+for+%2A"+noOfPerson+"%2A+number+of+persons+on+%2A"+bdate+"%2A+at+time+slot+%2A"+slot+"%2A+.%0A%0APayment+for+the+booking+is+%2ARs.+"+amount+"%2A+received.+%0A%0APlease+show+your+QR+Code+at+Reception+Desk+for+accessing+Muthalvar+Padaippagam.%0A%0AHave+a+Nice+Day%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId; String msgContent = "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password="+password+"&send_to="+MobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=Dear+Patron%2C%0AWelcome+to+Muthalvar+Padaippagam%F0%9F%99%8F++%0A%0AYou+have+booked+our+Desk+space+for+%2A"+noOfPerson+"%2A+number+of+persons+on+%2A"+bdate+"%2A+at+time+slot+%2A"+slot+"%2A+.%0A%0APayment+for+the+booking+is+%2ARs.+"+amount+"%2A+received.+%0A%0APlease+show+your+QR+Code+at+Reception+Desk+for+accessing+Muthalvar+Padaippagam.%0A%0AHave+a+Nice+Day%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId;
System.out.println(msgContent); System.out.println(msgContent);
return whatsappMsgService.sendMsg(msgContent); return whatsappMsgService.sendMsg(msgContent);
@ -41,7 +51,10 @@ public class WhatsAppService {
return whatsappMsgService.sendMsg(msgContent); return whatsappMsgService.sendMsg(msgContent);
} }
public String sendEMonthDeskspaceNmsg(String MobileNo, String noOfPerson, String bFromdate,String bTodate, String slot, String amount, String bookingId) {
public String sendEMonthDeskspaceNmsg(String MobileNo, String noOfPerson, String bFromdate,String bTodate, String slot,String smsename, String amount, String bookingId) {
// slot = smsename+"+" + slot;
smsename = smsename.replace(" ", "%20");
slot = slot + "+(" + smsename + ")";
String msgContent = "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password="+password+"&send_to="+MobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=Dear+Patron%2C%0AWelcome+to+Muthalvar+Padaippagam%F0%9F%99%8F++%0A%0AYou+have+booked+our+Desk+space+for+%2A"+noOfPerson+"%2A+number+of+persons+for+30+days+from+%2A"+bFromdate+"+to+"+bTodate+"%2A+at+time+slot+%2A"+slot+"%2A.%0A%0APayment+for+the+booking+is+%2ARs.+"+amount+"%2A+received.+%0A%0APlease+show+your+QR+Code+at+Reception+Desk+for+accessing+Muthalvar+Padaippagam.%0A%0AHave+a+Nice+Day%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId; String msgContent = "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password="+password+"&send_to="+MobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=Dear+Patron%2C%0AWelcome+to+Muthalvar+Padaippagam%F0%9F%99%8F++%0A%0AYou+have+booked+our+Desk+space+for+%2A"+noOfPerson+"%2A+number+of+persons+for+30+days+from+%2A"+bFromdate+"+to+"+bTodate+"%2A+at+time+slot+%2A"+slot+"%2A.%0A%0APayment+for+the+booking+is+%2ARs.+"+amount+"%2A+received.+%0A%0APlease+show+your+QR+Code+at+Reception+Desk+for+accessing+Muthalvar+Padaippagam.%0A%0AHave+a+Nice+Day%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId;
System.out.println(msgContent); System.out.println(msgContent);
return whatsappMsgService.sendMsg(msgContent); return whatsappMsgService.sendMsg(msgContent);
@ -53,7 +66,12 @@ public class WhatsAppService {
return whatsappMsgService.sendMsg(msgContent); return whatsappMsgService.sendMsg(msgContent);
} }
public String sendEConfeNmsg(String mobileNo, String bdate, String slot, String amount,String bookingId) {
public String sendEConfeNmsg(String mobileNo, String bdate, String slot,String smsename, String amount,String bookingId) {
// slot = smsename+"+" + slot;
smsename = smsename.replace(" ", "%20");
slot = slot + "+(" + smsename + ")";
System.out.println("Final Slot :"+slot);
String msgContent= "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password=h2YjFNcJ&send_to="+mobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=Dear+Patron%2C%0AWelcome+to+Muthalvar+Padaippagam%F0%9F%99%8F++%0A%0AYou+have+booked+our+Conference+Hall+on+%2A"+bdate+"%2A+at+time+slot+%2A"+slot+"%2A+.%0A%0APayment+for+the+booking+is+%2ARs.+"+amount+"%2A+received.+%0A%0APlease+show+your+QR+Code+at+Reception+Desk+for+accessing+Muthalvar+Padaippagam.%0A%0AHave+a+Nice+Day%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId; String msgContent= "https://media.smsgupshup.com/GatewayAPI/rest?userid=2000233507&password=h2YjFNcJ&send_to="+mobileNo+"&v=1.1&format=json&msg_type=TEXT&method=SENDMESSAGE&msg=Dear+Patron%2C%0AWelcome+to+Muthalvar+Padaippagam%F0%9F%99%8F++%0A%0AYou+have+booked+our+Conference+Hall+on+%2A"+bdate+"%2A+at+time+slot+%2A"+slot+"%2A+.%0A%0APayment+for+the+booking+is+%2ARs.+"+amount+"%2A+received.+%0A%0APlease+show+your+QR+Code+at+Reception+Desk+for+accessing+Muthalvar+Padaippagam.%0A%0AHave+a+Nice+Day%F0%9F%98%8A&isTemplate=true&buttonUrlParam=muthalvarpadaippagam%2FbookingQRCode%3Fbooking_id%3D"+bookingId;
System.out.println(msgContent); System.out.println(msgContent);
return whatsappMsgService.sendMsg(msgContent); return whatsappMsgService.sendMsg(msgContent);

5
src/main/resources/templates/caretaker/abstract.html
View File

@ -276,7 +276,8 @@
}); });
// Handle Reset Button // Handle Reset Button
$('#filterForm').on('reset', function () {
$('#filterForm').on('reset', function (e) {
e.preventDefault();
// Reset dates // Reset dates
$('#fromDate').val(currentDate); $('#fromDate').val(currentDate);
$('#toDate').val(currentDate); $('#toDate').val(currentDate);
@ -311,7 +312,7 @@
totalPersons += parseInt(row.NO_of_person || 0); totalPersons += parseInt(row.NO_of_person || 0);
}); });
excelData.push(['', '', 'Total', totalAmount.toFixed(2), totalPersons]);
excelData.push(['', '', '','','Total', totalAmount.toFixed(2), totalPersons]);
const ws = XLSX.utils.aoa_to_sheet(excelData); const ws = XLSX.utils.aoa_to_sheet(excelData);
const wb = XLSX.utils.book_new(); const wb = XLSX.utils.book_new();

13
src/main/resources/templates/caretaker/bookingdetails.html
View File

@ -16,6 +16,9 @@
padding-left: 10px; /* Adjust padding to position icon */ padding-left: 10px; /* Adjust padding to position icon */
padding-right: 10px; padding-right: 10px;
} }
.modal-xl-custom {
max-width: 95%; /* or any size you prefer */
}
#mobileNo { #mobileNo {
border-left: none; /* Remove left border to merge with icon */ border-left: none; /* Remove left border to merge with icon */
@ -216,14 +219,16 @@
</div> </div>
</div> </div>
<!-- Modal for Booking Details --> <!-- Modal for Booking Details -->
<div class="modal fade" id="bookingDetailsModal" tabindex="-1" role="dialog" aria-labelledby="bookingDetailsModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal fade" id="bookingDetailsModal" tabindex="-2" role="dialog" aria-labelledby="bookingDetailsModalLabel" data-bs-backdrop="static" aria-hidden="true">
<div class="modal-dialog modal-xl-custom" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="bookingDetailsModalLabel">Booking Details</h5> <h5 class="modal-title" id="bookingDetailsModalLabel">Booking Details</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button>
</button>-->
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close">&times;</button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<iframe id="bookingDetailsIframe" src="" width="100%" height="500px" style="border:none;"></iframe> <iframe id="bookingDetailsIframe" src="" width="100%" height="500px" style="border:none;"></iframe>

2
src/main/resources/templates/caretaker/bookingdetails.html.29112024.html
View File

@ -174,7 +174,7 @@
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog modal-lg" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="bookingDetailsModalLabel">Booking Details</h5>
<h5 class="modal-title" id="bookingDetailsModalLabel">Booking Details a</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>

376
src/main/resources/templates/caretaker/officer-dashboard.html
View File

@ -1,53 +1,53 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"> <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="~{fragments/user-head :: head}"> <head th:replace="~{fragments/user-head :: head}">
<title>Officer Dashboard</title>
<!-- DataTables CSS -->
<link rel="stylesheet"
href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap4.min.css">
<!-- AmCharts libraries -->
<script src="https://cdn.amcharts.com/lib/5/index.js"></script>
<script src="https://cdn.amcharts.com/lib/5/percent.js"></script>
<script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
<script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
<title>Officer Dashboard</title>
<!-- DataTables CSS -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap4.min.css">
<!-- AmCharts libraries -->
<script src="https://cdn.amcharts.com/lib/5/index.js"></script>
<script src="https://cdn.amcharts.com/lib/5/percent.js"></script>
<script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
<script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
</head> </head>
<style> <style>
* {
* {
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
}
}
.containers {
.containers {
background-color: #f4f4f9; background-color: #f4f4f9;
color: #333; color: #333;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
}
}
.table-responsive {
.table-responsive {
overflow-x: auto; overflow-x: auto;
width: 100%; width: 100%;
}
}
/*.date-div{*/
/* !*max-width: 1300px;*!*/
/* !*display: flex;*!*/
/* align-items: start;*/
/* justify-content: start;*/
/*}*/
.container {
/*.date-div{*/
/* !*max-width: 1300px;*!*/
/* !*display: flex;*!*/
/* align-items: start;*/
/* justify-content: start;*/
/*}*/
.container {
display: flex; display: flex;
gap: 30px; gap: 30px;
max-width: 1125px; max-width: 1125px;
margin-top: 20px; margin-top: 20px;
}
}
.card-item {
.card-item {
width: 250px; width: 250px;
height: 150px; height: 150px;
background-color: #EBEBEB; background-color: #EBEBEB;
@ -60,43 +60,46 @@
border: 2px solid #D4D2E3; border: 2px solid #D4D2E3;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
}
/*.container1 {*/
/* display: flex;*/
/* flex-wrap: nowrap; !* Prevent wrapping *!*/
/* gap: 30px;*/
/* overflow-x: auto; !* Allow horizontal scroll on smaller screens *!*/
/* padding: 20px;*/
/* max-width: 1300px;*/
/* justify-content: flex-start;*/
/*}*/
.container1 {
}
/*.container1 {*/
/* display: flex;*/
/* flex-wrap: nowrap; !* Prevent wrapping *!*/
/* gap: 30px;*/
/* overflow-x: auto; !* Allow horizontal scroll on smaller screens *!*/
/* padding: 20px;*/
/* max-width: 1300px;*/
/* justify-content: flex-start;*/
/*}*/
.container1 {
display: flex; display: flex;
flex-wrap: nowrap; /* force all cards in one row */
flex-wrap: nowrap;
/* force all cards in one row */
gap: 30px; gap: 30px;
overflow-x: auto; /* scroll on smaller screens */
overflow-x: auto;
/* scroll on smaller screens */
padding: 20px; padding: 20px;
max-width: 1300px; max-width: 1300px;
justify-content: flex-start; justify-content: flex-start;
}
}
.bar-chart-container {
.bar-chart-container {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
}
}
.card {
.card {
width: 250px; width: 250px;
flex: 0 0 auto; /* Prevent from shrinking or stretching */
}
flex: 0 0 auto;
/* Prevent from shrinking or stretching */
}
.card {
.card {
width: 250px; width: 250px;
height: 400px; height: 400px;
background-color: #EBEBEB; background-color: #EBEBEB;
@ -108,9 +111,9 @@
padding: 12px; padding: 12px;
border: 2px solid #D4D2E3; border: 2px solid #D4D2E3;
flex-direction: column; flex-direction: column;
}
}
.card .content {
.card .content {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: white; background-color: white;
@ -121,114 +124,132 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 15px; padding: 15px;
}
}
/*.card h1 {*/
/* font-size: 18px;*/
/* color: #152C5B;*/
/* margin-bottom: 15px;*/
/* text-align: center;*/
/*}*/
/*.card h1 {*/
/* font-size: 18px;*/
/* color: #152C5B;*/
/* margin-bottom: 15px;*/
/* text-align: center;*/
/*}*/
.card h1 {
.card h1 {
text-align: left; text-align: left;
width: 100%; width: 100%;
font-size: 18px; font-size: 18px;
color: #152C5B; color: #152C5B;
margin-bottom: 15px; margin-bottom: 15px;
}
}
/*.chart-container {*/
/* width: 200px;*/
/* height: 400px;*/
/* margin: auto;*/
/*}*/
/*.chart-container {*/
/* width: 200px;*/
/* height: 400px;*/
/* margin: auto;*/
/*}*/
.chart-container {
/* .chart-container {
width: 100%; width: 100%;
min-height: 240px; min-height: 240px;
display: flex; display: flex;
justify-content: flex-start; /* Align chart canvas to left */
}
justify-content: flex-start;
}*/
.chart-container {
width: 100%;
height: 240px;
display: flex;
justify-content: center;
align-items: center;
}
.date-layout {
.date-layout {
display: flex; display: flex;
gap: 20px; /* Space between the date pickers */
justify-content: flex-start; /* Aligns date pickers to the left */
gap: 20px;
/* Space between the date pickers */
justify-content: flex-start;
/* Aligns date pickers to the left */
align-items: center; align-items: center;
margin-bottom: 20px; /* Adds space below the date pickers */
margin-bottom: 20px;
/* Adds space below the date pickers */
padding-top: 40px; padding-top: 40px;
margin-top: 20px; margin-top: 20px;
margin-left: 195px; /* Shifts the layout slightly to the right */
margin-left: 195px;
/* Shifts the layout slightly to the right */
/*width: 100%; !* Ensures the layout stretches across the container *!*/ /*width: 100%; !* Ensures the layout stretches across the container *!*/
width: calc(100% - 80px); width: calc(100% - 80px);
/* Adjusts width so it stays within the viewport */ /* Adjusts width so it stays within the viewport */
}
.hidden-card {
}
.hidden-card {
display: none !important; display: none !important;
}
}
.custom-card {
.custom-card {
margin-top: 84px; margin-top: 84px;
width: 93%; width: 93%;
height: 100%; height: 100%;
background-color: white; background-color: white;
}
}
.date-picker {
.date-picker {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; /* Space between label and input */
}
gap: 10px;
/* Space between label and input */
}
.form-label {
.form-label {
font-size: 14px; font-size: 14px;
}
}
input[type="date"] {
input[type="date"] {
padding: 8px; padding: 8px;
font-size: 14px; font-size: 14px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 5px; border-radius: 5px;
width: 150px; /* Adjust width as needed */
}
width: 150px;
/* Adjust width as needed */
}
.containers {
.containers {
background-color: #f4f4f9; background-color: #f4f4f9;
color: #333; color: #333;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
}
.wrap {
}
.wrap {
flex-wrap: wrap !important; flex-wrap: wrap !important;
}
.hidden-card {
}
.hidden-card {
display: none !important; display: none !important;
}
}
/* button style*/
.legend-text {
/* button style*/
.legend-text {
font-weight: bold; font-weight: bold;
margin-right: 5px; margin-right: 5px;
color: #333; color: #333;
}
}
.legend-value {
.legend-value {
color: #666; color: #666;
}
}
.dataTables_filter {
.dataTables_filter {
text-align: right; text-align: right;
}
}
.dataTables_filter {
.dataTables_filter {
text-align: right; text-align: right;
}
}
</style> </style>
<body> <body>
@ -249,13 +270,12 @@ input[type="date"] {
<!-- Date Layout --> <!-- Date Layout -->
<div class="date-layout"> <div class="date-layout">
<div class="date-picker"> <div class="date-picker">
<label for="fromDate" class="form-label">From Date</label> <input
type="date" placeholder="from date" id="fromDate"
name="fromDate">
<label for="fromDate" class="form-label">From Date</label> <input type="date"
placeholder="from date" id="fromDate" name="fromDate">
</div> </div>
<div class="date-picker"> <div class="date-picker">
<label for="toDate" class="form-label">To Date</label> <input
type="date" placeholder="to date" id="toDate" name="toDate">
<label for="toDate" class="form-label">To Date</label> <input type="date"
placeholder="to date" id="toDate" name="toDate">
</div> </div>
</div> </div>
@ -342,15 +362,13 @@ input[type="date"] {
<div class="card filter-card"
style="width: 97%; height: 100%; background-color: white;">
<div class="card filter-card" style="width: 97%; height: 100%; background-color: white;">
<div class="row" <div class="row"
style="margin-left: auto; margin-right: 20px; display: flex; justify-content: flex-end;"> style="margin-left: auto; margin-right: 20px; display: flex; justify-content: flex-end;">
<div class="col-sm-12"> <div class="col-sm-12">
<label for="status" class="form-label" <label for="status" class="form-label"
style="margin-left: auto; margin-right: 0; display: flex; justify-content: flex-end;">Status</label> style="margin-left: auto; margin-right: 0; display: flex; justify-content: flex-end;">Status</label>
<select id="status" name="status"
class="form-control text-center">
<select id="status" name="status" class="form-control text-center">
<option value="" class="">select</option> <option value="" class="">select</option>
<option value="">All</option> <option value="">All</option>
<option value="Upcoming">Upcoming</option> <option value="Upcoming">Upcoming</option>
@ -376,10 +394,10 @@ input[type="date"] {
<!-- Filter container with date and type dropdowns and status buttons --> <!-- Filter container with date and type dropdowns and status buttons -->
<div class="col-md-12"> <div class="col-md-12">
<div class="card-table table-container mt-2"
id="nameinclusiontable">
<div class="card-table table-container mt-2" id="nameinclusiontable">
<div class="table-responsive"> <div class="table-responsive">
<table id="nameinclusion" class="table table-bordered nowrap" style="width:100%">
<table id="nameinclusion" class="table table-bordered nowrap"
style="width:100%">
<thead> <thead>
<tr> <tr>
<th>S.No</th> <th>S.No</th>
@ -420,12 +438,9 @@ input[type="date"] {
<script th:replace="~{fragments/user-script :: script}"></script> <script th:replace="~{fragments/user-script :: script}"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!-- DataTables JS --> <!-- DataTables JS -->
<script
src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
<script
src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap4.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script> <script>
@ -461,7 +476,7 @@ input[type="date"] {
chartsContainer.children[2].style.display = "none"; // Conference Total Bookings chartsContainer.children[2].style.display = "none"; // Conference Total Bookings
chartsContainer.children[3].style.display = "flex"; // Learning Total Bookings chartsContainer.children[3].style.display = "flex"; // Learning Total Bookings
} }
});*/
});*/
// Initialize DataTable // Initialize DataTable
@ -481,7 +496,7 @@ input[type="date"] {
readingBarChart; readingBarChart;
// AJAX function to fetch amount collected // AJAX function to fetch amount collected
function fetchAmountCollected(fromDate, toDate,bid, callback) {
function fetchAmountCollected(fromDate, toDate, bid, callback) {
console.log("fromdate", fromDate); console.log("fromdate", fromDate);
//let bid = document.getElementById("bid").value; //let bid = document.getElementById("bid").value;
@ -489,7 +504,7 @@ input[type="date"] {
$.ajax({ $.ajax({
url: "/muthalvarpadaippagam/book/api/amountCollected", url: "/muthalvarpadaippagam/book/api/amountCollected",
type: "GET", type: "GET",
data: {fromDate, toDate,bid},
data: { fromDate, toDate, bid },
dataType: "json", dataType: "json",
success: function (response) { success: function (response) {
console.log("Amount Collected Response:", response); console.log("Amount Collected Response:", response);
@ -507,14 +522,14 @@ input[type="date"] {
} }
// AJAX function to fetch booking counts // AJAX function to fetch booking counts
function fetchBookingCounts(fromDate, toDate, bid,callback) {
function fetchBookingCounts(fromDate, toDate, bid, callback) {
//console.log("fromdate", fromDate) //console.log("fromdate", fromDate)
//console.log("todate",toDate) //console.log("todate",toDate)
//console.log("bid for fetchbookingcounts",bid) //console.log("bid for fetchbookingcounts",bid)
$.ajax({ $.ajax({
url: "/muthalvarpadaippagam/book/api/bookingCountByCategory", url: "/muthalvarpadaippagam/book/api/bookingCountByCategory",
type: "GET", type: "GET",
data: {fromDate, toDate,bid},
data: { fromDate, toDate, bid },
dataType: "json", dataType: "json",
success: function (response) { success: function (response) {
if (response && response.length > 0) { if (response && response.length > 0) {
@ -531,11 +546,11 @@ input[type="date"] {
} }
// AJAX function to fetch Overallbooking counts // AJAX function to fetch Overallbooking counts
function fetchOverAllBookingCounts(fromDate, toDate,bid, callback) {
function fetchOverAllBookingCounts(fromDate, toDate, bid, callback) {
$.ajax({ $.ajax({
url: "/muthalvarpadaippagam/book/api/totalBookingCounts", url: "/muthalvarpadaippagam/book/api/totalBookingCounts",
type: "GET", type: "GET",
data: {fromDate, toDate,bid},
data: { fromDate, toDate, bid },
dataType: "json", dataType: "json",
success: function (response) { success: function (response) {
if (response && response.length > 0) { if (response && response.length > 0) {
@ -554,6 +569,7 @@ input[type="date"] {
// Function to render amount collected // Function to render amount collected
function renderAmountCollected(data) { function renderAmountCollected(data) {
console.log("data", data)
if (data) { if (data) {
document.getElementById("overallAmount").innerText = document.getElementById("overallAmount").innerText =
"Rs. " + (data.overall_amount_collected || 0).toLocaleString(); "Rs. " + (data.overall_amount_collected || 0).toLocaleString();
@ -577,6 +593,7 @@ input[type="date"] {
//function to renderOverallBookingCounts //function to renderOverallBookingCounts
function renderOverallBookingCounts(data) { function renderOverallBookingCounts(data) {
console.log("data", data)
if (data) { if (data) {
// Update charts with the fetched data // Update charts with the fetched data
updateChart(overallDoughnutChart, [ updateChart(overallDoughnutChart, [
@ -618,6 +635,7 @@ input[type="date"] {
} }
} }
// Update chart data // Update chart data
function updateChart(chart, data) { function updateChart(chart, data) {
if (chart) { if (chart) {
@ -639,26 +657,26 @@ input[type="date"] {
initializeCharts(); initializeCharts();
// Fetch initial data with today's date as default // Fetch initial data with today's date as default
fetchAmountCollected(today, today,bid, renderAmountCollected);
fetchBookingCounts(today, today,bid, renderBookingCounts);
fetchOverAllBookingCounts(today, today,bid, renderOverallBookingCounts);
fetchAmountCollected(today, today, bid, renderAmountCollected);
fetchBookingCounts(today, today, bid, renderBookingCounts);
fetchOverAllBookingCounts(today, today, bid, renderOverallBookingCounts);
// Add date change listeners // Add date change listeners
document.getElementById("fromDate").addEventListener("change", () => { document.getElementById("fromDate").addEventListener("change", () => {
const fromDate = document.getElementById("fromDate").value; const fromDate = document.getElementById("fromDate").value;
const toDate = document.getElementById("toDate").value; const toDate = document.getElementById("toDate").value;
fetchAmountCollected(fromDate, toDate,bid, renderAmountCollected);
fetchBookingCounts(fromDate, toDate, bid,renderBookingCounts);
fetchOverAllBookingCounts(fromDate, toDate,bid, renderOverallBookingCounts);
fetchAmountCollected(fromDate, toDate, bid, renderAmountCollected);
fetchBookingCounts(fromDate, toDate, bid, renderBookingCounts);
fetchOverAllBookingCounts(fromDate, toDate, bid, renderOverallBookingCounts);
}); });
document.getElementById("toDate").addEventListener("change", () => { document.getElementById("toDate").addEventListener("change", () => {
const fromDate = document.getElementById("fromDate").value; const fromDate = document.getElementById("fromDate").value;
const toDate = document.getElementById("toDate").value; const toDate = document.getElementById("toDate").value;
fetchAmountCollected(fromDate, toDate,bid, renderAmountCollected);
fetchBookingCounts(fromDate, toDate,bid, renderBookingCounts);
fetchOverAllBookingCounts(fromDate, toDate, bid,renderOverallBookingCounts);
fetchAmountCollected(fromDate, toDate, bid, renderAmountCollected);
fetchBookingCounts(fromDate, toDate, bid, renderBookingCounts);
fetchOverAllBookingCounts(fromDate, toDate, bid, renderOverallBookingCounts);
}); });
}); });
@ -685,7 +703,7 @@ input[type="date"] {
position: "bottom", position: "bottom",
align: "start", align: "start",
labels: { labels: {
generateLabels: function(chart) {
generateLabels: function (chart) {
const dataset = chart.data.datasets[0]; const dataset = chart.data.datasets[0];
return chart.data.labels.map((label, i) => ({ return chart.data.labels.map((label, i) => ({
text: `${label}: ${dataset.data[i]}`, text: `${label}: ${dataset.data[i]}`,
@ -726,7 +744,7 @@ input[type="date"] {
position: "bottom", position: "bottom",
align: "start", align: "start",
labels: { labels: {
generateLabels: function(chart) {
generateLabels: function (chart) {
const dataset = chart.data.datasets[0]; const dataset = chart.data.datasets[0];
return chart.data.labels.map((label, i) => ({ return chart.data.labels.map((label, i) => ({
text: `${label}: ${dataset.data[i]}`, text: `${label}: ${dataset.data[i]}`,
@ -748,7 +766,7 @@ input[type="date"] {
labels: ['HD', 'FD', 'M'], // Define fixed labels labels: ['HD', 'FD', 'M'], // Define fixed labels
ticks: { ticks: {
color: '#1E3A8A', color: '#1E3A8A',
callback: function(value, index) {
callback: function (value, index) {
return this.getLabelForValue(index); return this.getLabelForValue(index);
} }
} }
@ -764,7 +782,7 @@ input[type="date"] {
{ {
type: "doughnut", type: "doughnut",
data: { data: {
labels: ["4 Seater - Hall 1", "4 Seater - Hall 2"," 6 Seater"],
labels: ["4 Seater - Hall 1", "4 Seater - Hall 2", " 6 Seater"],
datasets: [ datasets: [
{ {
data: [0, 0, 0], data: [0, 0, 0],
@ -779,7 +797,7 @@ input[type="date"] {
position: "bottom", position: "bottom",
align: "start", align: "start",
labels: { labels: {
generateLabels: function(chart) {
generateLabels: function (chart) {
const dataset = chart.data.datasets[0]; const dataset = chart.data.datasets[0];
return chart.data.labels.map((label, i) => ({ return chart.data.labels.map((label, i) => ({
text: `${label}: ${dataset.data[i]}`, text: `${label}: ${dataset.data[i]}`,
@ -811,7 +829,7 @@ input[type="date"] {
datasets: [ datasets: [
{ {
data: [24, 85, 54, 36, 19], data: [24, 85, 54, 36, 19],
backgroundColor: ["#1E3A8A","#4C1D95","#374151","#10B981","#9A3412"],
backgroundColor: ["#1E3A8A", "#4C1D95", "#374151", "#10B981", "#9A3412"],
}, },
], ],
}, },
@ -822,7 +840,7 @@ input[type="date"] {
position: "bottom", position: "bottom",
align: "start", align: "start",
labels: { labels: {
generateLabels: function(chart) {
generateLabels: function (chart) {
const dataset = chart.data.datasets[0]; const dataset = chart.data.datasets[0];
return chart.data.labels.map((label, i) => ({ return chart.data.labels.map((label, i) => ({
text: `${label}: ${dataset.data[i]}`, text: `${label}: ${dataset.data[i]}`,
@ -844,7 +862,7 @@ input[type="date"] {
labels: ['S1', 'S2', 'S3', 'S4', 'S5'], // Define fixed labels labels: ['S1', 'S2', 'S3', 'S4', 'S5'], // Define fixed labels
ticks: { ticks: {
color: '#1E3A8A', color: '#1E3A8A',
callback: function(value, index) {
callback: function (value, index) {
return this.getLabelForValue(index); return this.getLabelForValue(index);
} }
} }
@ -860,37 +878,37 @@ input[type="date"] {
//ajax function //ajax function
$(document).ready(function () { $(document).ready(function () {
// Initialize DataTable on page load
// Initialize DataTable on page load
const dataTable = $('#nameinclusion').DataTable(); const dataTable = $('#nameinclusion').DataTable();
// Set default date values for fromDate and toDate inputs
// Set default date values for fromDate and toDate inputs
// const today = new Date().toISOString().split("T")[0]; // const today = new Date().toISOString().split("T")[0];
//document.getElementById("fromDate").value = today; //document.getElementById("fromDate").value = today;
// document.getElementById("toDate").value = today; // document.getElementById("toDate").value = today;
const fromDateInput = document.getElementById("fromDate"); const fromDateInput = document.getElementById("fromDate");
const toDateInput = document.getElementById("toDate");
const toDateInput = document.getElementById("toDate");
// Calculate today's date
const today = new Date();
//ak done for loading date format
// Calculate today's date
const today = new Date();
//ak done for loading date format
const todayStr = today.toISOString().split("T")[0];
const todayStr = today.toISOString().split("T")[0];
// Calculate max date (today + 2 months)
const maxDate = new Date(today);
maxDate.setMonth(maxDate.getMonth() + 2);
const maxDateStr = maxDate.toISOString().split("T")[0];
// Calculate max date (today + 2 months)
const maxDate = new Date(today);
maxDate.setMonth(maxDate.getMonth() + 2);
const maxDateStr = maxDate.toISOString().split("T")[0];
// Set max date for both inputs (no min means past dates are allowed)
fromDateInput.max = maxDateStr;
toDateInput.max = maxDateStr;
// Set max date for both inputs (no min means past dates are allowed)
fromDateInput.max = maxDateStr;
toDateInput.max = maxDateStr;
// Set initial values to today
fromDateInput.value = todayStr;
toDateInput.value = todayStr;
// Set initial values to today
fromDateInput.value = todayStr;
toDateInput.value = todayStr;
// Function to update toDate range based on fromDate
function updateToDateRange() {
// Function to update toDate range based on fromDate
function updateToDateRange() {
const fromDate = new Date(fromDateInput.value); const fromDate = new Date(fromDateInput.value);
if (!isNaN(fromDate.getTime())) { if (!isNaN(fromDate.getTime())) {
@ -903,26 +921,26 @@ function updateToDateRange() {
toDateInput.value = fromDateInput.value; toDateInput.value = fromDateInput.value;
} }
} }
}
}
// Initial setup
updateToDateRange();
// Initial setup
updateToDateRange();
// Listen for changes in fromDate
fromDateInput.addEventListener("change", updateToDateRange);
// Listen for changes in fromDate
fromDateInput.addEventListener("change", updateToDateRange);
// Trigger AJAX call when either fromDate or toDate changes
function fetchData(fromDate, toDate,bid, status) {
// Trigger AJAX call when either fromDate or toDate changes
function fetchData(fromDate, toDate, bid, status) {
// console.log("bid to fetch data",bid); // console.log("bid to fetch data",bid);
// console.log("frondate",fromDate) // console.log("frondate",fromDate)
// console.log("todate",toDate); // console.log("todate",toDate);
$.ajax({ $.ajax({
url: '/muthalvarpadaippagam/book/api/getbookingdetailDashBoard', url: '/muthalvarpadaippagam/book/api/getbookingdetailDashBoard',
type: 'GET', type: 'GET',
data: { fromDate: fromDate, toDate: toDate,bid:bid ,status:status },
success: function(response) {
data: { fromDate: fromDate, toDate: toDate, bid: bid, status: status },
success: function (response) {
// console.log(response); // console.log(response);
const bookingTableBody = $('#nameinclusion tbody'); const bookingTableBody = $('#nameinclusion tbody');
dataTable.clear(); // Clear existing table data dataTable.clear(); // Clear existing table data
@ -961,7 +979,8 @@ fromDateInput.addEventListener("change", updateToDateRange);
<td colspan="10" style="text-align:center;">No booking details available.</td> <td colspan="10" style="text-align:center;">No booking details available.</td>
</tr> </tr>
`; `;
bookingTableBody.empty().append(noDataRow);}
bookingTableBody.empty().append(noDataRow);
}
// dataTable.draw(); // Clear the DataTable // dataTable.draw(); // Clear the DataTable
// // dataTable.rows.add([]); // Add empty rows // // dataTable.rows.add([]); // Add empty rows
// // $('#nameinclusiontable').show(); // // $('#nameinclusiontable').show();
@ -969,7 +988,7 @@ fromDateInput.addEventListener("change", updateToDateRange);
dataTable.draw(); // Redraw the DataTable dataTable.draw(); // Redraw the DataTable
}, },
error: function(error) {
error: function (error) {
console.error('Error fetching booking details:', error); console.error('Error fetching booking details:', error);
alert('Failed to fetch booking details. Please try again later.'); alert('Failed to fetch booking details. Please try again later.');
} }
@ -980,13 +999,13 @@ fromDateInput.addEventListener("change", updateToDateRange);
//console.log("withoutpassibg",bid); //console.log("withoutpassibg",bid);
// Fetch data for today's date on page load
const today1 = new Date().toISOString().split("T")[0];
// Fetch data for today's date on page load
const today1 = new Date().toISOString().split("T")[0];
//console.log("today1",today1)
fetchData(today1, today1,bid, '');
//console.log("today1",today1)
fetchData(today1, today1, bid, '');
// // Fetch data dynamically when dates are changed
// // Fetch data dynamically when dates are changed
function updateData() { function updateData() {
const fromDate = $('#fromDate').val(); const fromDate = $('#fromDate').val();
const toDate = $('#toDate').val(); const toDate = $('#toDate').val();
@ -996,7 +1015,7 @@ const today1 = new Date().toISOString().split("T")[0];
if (fromDate && toDate) { if (fromDate && toDate) {
// console.log("fromdate",fromDate); // console.log("fromdate",fromDate);
//console.log("todate",toDate); //console.log("todate",toDate);
fetchData(fromDate, toDate,bid, status);
fetchData(fromDate, toDate, bid, status);
} }
} }
@ -1008,13 +1027,14 @@ const today1 = new Date().toISOString().split("T")[0];
window.history.pushState(null, document.title, window.location.href); window.history.pushState(null, document.title, window.location.href);
// Handle back button event // Handle back button event
window.onpopstate = function() {
window.onpopstate = function () {
// Redirect to home when back button is pressed // Redirect to home when back button is pressed
window.location.href = '/muthalvarpadaippagam'; window.location.href = '/muthalvarpadaippagam';
}; };
</script>
</script>
</body> </body>
</html> </html>

2
src/main/resources/templates/fragments/user-nav.html
View File

@ -95,7 +95,7 @@
<!-- <a href="#" style="margin-right:2px;"> <!-- <a href="#" style="margin-right:2px;">
<img src="images/CMDA.png" alt="Second Image" style="width:40px;height:40px;background-color:white;border-radius:5px;"> <img src="images/CMDA.png" alt="Second Image" style="width:40px;height:40px;background-color:white;border-radius:5px;">
</a> --> </a> -->
<a href="#!" onclick="javascript:toggleFullScreen()" style="color:white;">
<a onclick="javascript:toggleFullScreen()" style="color:white;">
<i class="feather icon-maximize full-screen" style="font-size:20px;"></i> <i class="feather icon-maximize full-screen" style="font-size:20px;"></i>
</a> </a>
</li> </li>

353
src/main/resources/templates/user/book-Conferance.html
View File

@ -1,37 +1,39 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"> <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="~{fragments/user-head :: head}"></head> <head th:replace="~{fragments/user-head :: head}"></head>
<header th:replace="~{user/razor-pay :: header}"></header> <header th:replace="~{user/razor-pay :: header}"></header>
<style> <style>
.radio-button-group {
.radio-button-group {
display: flex; display: flex;
}
}
.radio-button-group input[type="radio"] {
.radio-button-group input[type="radio"] {
display: none; display: none;
}
}
.radio-button {
.radio-button {
padding: 10px 20px; padding: 10px 20px;
margin: 5px; /* Adds space between buttons */
margin: 5px;
/* Adds space between buttons */
border: 1px solid #007bff; border: 1px solid #007bff;
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
background-color: #f0f0f0; background-color: #f0f0f0;
color: #007bff; color: #007bff;
transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;
}
}
.radio-button:hover {
.radio-button:hover {
background-color: #E29D25; background-color: #E29D25;
color: white; color: white;
}
}
.radio-button-group input[type="radio"]:checked + .radio-button {
.radio-button-group input[type="radio"]:checked+.radio-button {
background-color: #E29D25; background-color: #E29D25;
color: white; color: white;
}
}
.carousel-inner img { .carousel-inner img {
height: 500px; height: 500px;
@ -51,21 +53,26 @@
background-color: #f0f0f0; background-color: #f0f0f0;
padding: 10px; padding: 10px;
} }
.time-slot-box.booked { .time-slot-box.booked {
border-color: red; border-color: red;
color: red; color: red;
cursor: not-allowed; cursor: not-allowed;
} }
.time-slot-box.available { .time-slot-box.available {
border-color: green; border-color: green;
color: green; color: green;
} }
.time-slot-box input[type="radio"] { .time-slot-box input[type="radio"] {
display: none; display: none;
} }
.time-slot-box:hover { .time-slot-box:hover {
background-color: #e0e0e0; background-color: #e0e0e0;
} }
#timeSlots { #timeSlots {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -114,18 +121,20 @@
cursor: pointer; cursor: pointer;
-webkit-transition: all ease-in 0.3s; -webkit-transition: all ease-in 0.3s;
transition: all ease-in 0.3s; transition: all ease-in 0.3s;
}
}
.btn-primary2.active { .btn-primary2.active {
background-color: #E29D25 !important; background-color: #E29D25 !important;
color: #FFF; color: #FFF;
border-color: green !important; border-color: green !important;
} }
</style> </style>
<body> <body>
<!-- Pre-loader start -->
<div th:replace="~{fragments/preloader :: div}"></div>
<!-- Pre-loader end -->
<div id="pcoded" class="pcoded">
<!-- Pre-loader start -->
<div th:replace="~{fragments/preloader :: div}"></div>
<!-- Pre-loader end -->
<div id="pcoded" class="pcoded">
<div class="pcoded-container"> <div class="pcoded-container">
<!-- Menu header start --> <!-- Menu header start -->
<nav th:replace="~{fragments/user-nav :: nav}"></nav> <nav th:replace="~{fragments/user-nav :: nav}"></nav>
@ -146,7 +155,8 @@
<div class="d-inline"> <div class="d-inline">
<h4 style="font-weight:bold;">Book Meeting Room</h4> <h4 style="font-weight:bold;">Book Meeting Room</h4>
<!--<span class="address">Jeganathan street, Agaram, Chennai - 600082</span>--> <!--<span class="address">Jeganathan street, Agaram, Chennai - 600082</span>-->
<span class="address" th:text="${buildingAddress}">Address not available</span>
<span class="address" th:text="${buildingAddress}">Address not
available</span>
</div> </div>
</div> </div>
@ -183,60 +193,92 @@
<div class="row" id="conferenceHallDiv" style="border-radius: 10px; margin:0px;"> <div class="row" id="conferenceHallDiv" style="border-radius: 10px; margin:0px;">
<div class="col-lg-12 col-sm-12"> <div class="col-lg-12 col-sm-12">
<div style="border: 1px solid rgba(0, 0, 0, .1); border-radius: 10px; padding: 20px; margin-top: 20px;">
<div
style="border: 1px solid rgba(0, 0, 0, .1); border-radius: 10px; padding: 20px; margin-top: 20px;">
<form id="conferenceHallForm"> <form id="conferenceHallForm">
<div class="row"> <div class="row">
<div class="col-lg-6 col-sm-0" style="padding:0px;"> <div class="col-lg-6 col-sm-0" style="padding:0px;">
<!--photo grid start--> <!--photo grid start-->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div id="carouselExampleIndicators" class="carousel slide"
data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<!-- <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <!-- <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>--> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>-->
<li th:each="homeImg, iterStat : ${homeImg}" class=""
th:classappend="${iterStat.index == 0} ? ' active'" data-target="#carouselExampleIndicators" th:data-slide-to="${iterStat.index}">
<li th:each="homeImg, iterStat : ${homeImg}"
class=""
th:classappend="${iterStat.index == 0} ? ' active'"
data-target="#carouselExampleIndicators"
th:data-slide-to="${iterStat.index}">
</li> </li>
</ol> </ol>
<div class="carousel-inner"> <div class="carousel-inner">
<div th:each="homeImg, iterStat : ${homeImg}" class="carousel-item"
<div th:each="homeImg, iterStat : ${homeImg}"
class="carousel-item"
th:classappend="${iterStat.index == 0} ? ' active'"> th:classappend="${iterStat.index == 0} ? ' active'">
<img style="border-radius:15px;" class="d-block w-100" th:src="${homeImg.imageurl}" width="100%" alt="Slide Image">
<img style="border-radius:15px;"
class="d-block w-100"
th:src="${homeImg.imageurl}" width="100%"
alt="Slide Image">
</div> </div>
<!-- <div class="carousel-caption"> <!-- <div class="carousel-caption">
Welcome to Desk Space Welcome to Desk Space
</div> --> </div> -->
</div> </div>
<a class="carousel-control-prev" href="#carouselExampleIndicators"
role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<a class="carousel-control-prev"
href="#carouselExampleIndicators" role="button"
data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span> <span class="sr-only">Previous</span>
</a> </a>
<a class="carousel-control-next" href="#carouselExampleIndicators"
role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<a class="carousel-control-next"
href="#carouselExampleIndicators" role="button"
data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span> <span class="sr-only">Next</span>
</a> </a>
</div> </div>
<!-- Photo Grid End--> <!-- Photo Grid End-->
</div> </div>
<div class="col-lg-6 col-sm-12 justify-content-center align-items-center">
<div
class="col-lg-6 col-sm-12 justify-content-center align-items-center">
<!-- Enter Details --> <!-- Enter Details -->
<h5 class="mb-3" style="color:#E29D25">Select Your Preference:</h5>
<!-- <h5 class="mb-3" style="color:#E29D25">Select Your Preference:</h5>-->
<div
class="d-flex justify-content-between align-items-center mb-3">
<h5 class="mb-0" style="color:#E29D25">Select Your
Preference:</h5>
<button id="backBtn2" onclick="history.back()"
class="btn btn-primary">Back</button>
</div>
<!-- Time Slots --> <!-- Time Slots -->
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" class="col-sm-4 col-form-label text-end">Select Room :</label>
<label style="font-weight:bold;"
class="col-sm-4 col-form-label text-end">Select Room
:</label>
<div class="col-sm-8"> <div class="col-sm-8">
<div id="seatfor" class="d-flex flex-wrap"> <div id="seatfor" class="d-flex flex-wrap">
<div class="btn-group" data-toggle="buttons"> <div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary2 me-2 mb-2" style="margin: 5px;">
<input type="radio" name="booking_type" id="booking_type" autocomplete="off" value="5"> Room No:1 (4 Seater)
<label class="btn btn-primary2 me-2 mb-2"
style="margin: 5px;">
<input type="radio" name="booking_type"
id="booking_type" autocomplete="off"
value="5"> Room No:1 (4 Seater)
</label> </label>
<label class="btn btn-primary2 me-2 mb-2" style="margin: 5px;">
<input type="radio" name="booking_type" id="booking_type" autocomplete="off" value="6"> Room No:2 (4 Seater)
<label class="btn btn-primary2 me-2 mb-2"
style="margin: 5px;">
<input type="radio" name="booking_type"
id="booking_type" autocomplete="off"
value="6"> Room No:2 (4 Seater)
</label> </label>
<label class="btn btn-primary2 mb-2" style="margin: 5px;">
<input type="radio" name="booking_type" id="booking_type" autocomplete="off" value="7"> Room No:3 (6 Seater)
<label class="btn btn-primary2 mb-2"
style="margin: 5px;">
<input type="radio" name="booking_type"
id="booking_type" autocomplete="off"
value="7"> Room No:3 (6 Seater)
</label> </label>
</div> </div>
</div> </div>
@ -244,7 +286,9 @@
</div> </div>
<div class="mb-3 row"> <div class="mb-3 row">
<label style="font-weight:bold;" for="numSeats" class="col-sm-12 col-md-4 col-form-label"><strong>Number of Seats :</strong></label>
<label style="font-weight:bold;" for="numSeats"
class="col-sm-12 col-md-4 col-form-label"><strong>Number
of Seats :</strong></label>
<div class="col-sm-6 col-md-6"> <div class="col-sm-6 col-md-6">
<select class="form-control" id="numSeats" disabled> <select class="form-control" id="numSeats" disabled>
<option value="4">4 Seats</option> <option value="4">4 Seats</option>
@ -262,31 +306,43 @@
</div> </div>
</div>--> </div>-->
<div class="mb-3 row align-items-center"> <div class="mb-3 row align-items-center">
<label for="buildingname" class="col-sm-4 col-form-label text-end fw-semibold" style="font-weight:bold;">
<label for="buildingname"
class="col-sm-4 col-form-label text-end fw-semibold"
style="font-weight:bold;">
Location: Location:
</label> </label>
<div class="col-sm-6 d-flex align-items-center"> <div class="col-sm-6 d-flex align-items-center">
<input type="text" id="buildingname" class="form-control"
th:value="${buildingName}" readonly> <br>
<input type="text" id="buildingname"
class="form-control" th:value="${buildingName}"
readonly> <br>
</div> </div>
<button type="button" id="viewBuildingBtn" class="btn btn-primary">Change</button>
</div>
<button type="button" id="viewBuildingBtn"
class="btn btn-primary">Change</button>
</div>
<input type="hidden" id="buildingId" th:value="${buildingId}">
<input type="hidden" id="categoryId" th:value="${categoryId}">
<input type="hidden" id="subId" th:value="${subId}">
<input type="hidden" id="buildingId"
th:value="${buildingId}">
<input type="hidden" id="categoryId"
th:value="${categoryId}">
<input type="hidden" id="subId" th:value="${subId}">
<!-- Date Picker --> <!-- Date Picker -->
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" for="selectDate" class="col-sm-4 col-form-label text-end">Select Date :</label>
<label style="font-weight:bold;" for="selectDate"
class="col-sm-4 col-form-label text-end">Select Date
:</label>
<div class="col-sm-6"> <div class="col-sm-6">
<input class="form-control" id="selectDate" type="text" placeholder="Select a date" readonly>
<input class="form-control" id="selectDate"
type="text" placeholder="Select a date"
readonly>
</div> </div>
</div> </div>
<!-- Time Slots --> <!-- Time Slots -->
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" class="col-sm-4 col-form-label text-end">Available Time Slot :</label>
<label style="font-weight:bold;"
class="col-sm-4 col-form-label text-end">Available
Time Slot :</label>
<div class="col-sm-12"> <div class="col-sm-12">
<div id="timeSlots" class="d-flex flex-wrap"> <div id="timeSlots" class="d-flex flex-wrap">
<!-- Time slots will be generated here dynamically --> <!-- Time slots will be generated here dynamically -->
@ -298,12 +354,15 @@
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" class="col-sm-4 col-form-label text-end">Selected Time Slot</label> <label style="font-weight:bold;" class="col-sm-4 col-form-label text-end">Selected Time Slot</label>
<div class="col-sm-6">--> <div class="col-sm-6">-->
<input type="hidden" id="selectedSlot" class="form-control" readonly>
<input type="hidden" id="selectedSlot" class="form-control"
readonly>
<!-- </div> <!-- </div>
</div> --> </div> -->
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" for="selectType" class="col-sm-4 col-form-label text-end">Select Type :</label>
<label style="font-weight:bold;" for="selectType"
class="col-sm-4 col-form-label text-end">Select Type
:</label>
<div class="col-sm-6"> <div class="col-sm-6">
<select class="form-control" id="selectType"> <select class="form-control" id="selectType">
<option value="Individual">Individual</option> <option value="Individual">Individual</option>
@ -313,16 +372,25 @@
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" for="personName" class="col-sm-4 col-form-label text-end">Name :</label>
<label style="font-weight:bold;" for="personName"
class="col-sm-4 col-form-label text-end">Name
:</label>
<div class="col-sm-6"> <div class="col-sm-6">
<input type="text" class="form-control" id="personName">
<input type="text" class="form-control"
id="personName">
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" for="personPhone" class="col-sm-4 col-form-label text-end">Mobile Number :</label>
<label style="font-weight:bold;" for="personPhone"
class="col-sm-4 col-form-label text-end">Mobile
Number :</label>
<div class="col-sm-6"> <div class="col-sm-6">
<input type="text" class="form-control" id="personPhone" placeholder="Enter mobile number" pattern="^\d{10}$" maxlength="10" minlength="10" required>
<input type="text" class="form-control"
id="personPhone"
placeholder="Enter mobile number"
pattern="^\d{10}$" maxlength="10" minlength="10"
required>
</div> </div>
</div> </div>
@ -331,8 +399,12 @@
<!-- Action Buttons --> <!-- Action Buttons -->
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<button type="button" style="width:100px;" class="reset-now-btn mr-1" onclick="resetForm()">Reset</button>
<button type="button" style="width:100px;" class="book-now-btn" onclick="saveBooking()">Book Now</button>
<button type="button" style="width:100px;"
class="reset-now-btn mr-1"
onclick="resetForm()">Reset</button>
<button type="button" style="width:100px;"
class="book-now-btn" onclick="saveBooking()">Book
Now</button>
</div> </div>
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<center> <center>
@ -364,55 +436,88 @@
<!-- First Column --> <!-- First Column -->
<div class="col-lg-6 col-sm-6"> <div class="col-lg-6 col-sm-6">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/cal.png" class="mr-1" width="25px;"> Available days: S M T W T F S </li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/clo.png" class="mr-1" width="25px;"> Available time : 09:00 AM to 09:00 PM</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/cal.png"
class="mr-1" width="25px;"> Available days:
S M T W T F S </li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/clo.png"
class="mr-1" width="25px;"> Available time :
09:00 AM to 09:00 PM</li>
</ul> </ul>
</div> </div>
</div> </div>
<hr> <hr>
<h4 style="font-weight: bold;margin-bottom: 27px;">Amenities</h4>
<h4 style="font-weight: bold;margin-bottom: 27px;">Amenities
</h4>
<div class="row"> <div class="row">
<!-- First Column --> <!-- First Column -->
<div class="col-lg-4 col-sm-4"> <div class="col-lg-4 col-sm-4">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/1.png" class="mr-1" width="15px;"> Wifi / Internet</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/2.png" class="mr-1" width="15px;"> 24/7 Security</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/3.png" class="mr-1" width="15px;"> Housekeeping</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/1.png"
class="mr-1" width="15px;"> Wifi / Internet
</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/2.png"
class="mr-1" width="15px;"> 24/7 Security
</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/3.png"
class="mr-1" width="15px;"> Housekeeping
</li>
</ul> </ul>
</div> </div>
<!-- Second Column --> <!-- Second Column -->
<div class="col-lg-4 col-sm-4"> <div class="col-lg-4 col-sm-4">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/4.png" class="mr-1" width="15px;"> Vehicle Parking</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/5.png" class="mr-1" width="15px;"> Reception</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/6.png" class="mr-1" width="15px;"> Tea / Coffee</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/4.png"
class="mr-1" width="15px;"> Vehicle Parking
</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/5.png"
class="mr-1" width="15px;"> Reception</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/6.png"
class="mr-1" width="15px;"> Tea / Coffee
</li>
</ul> </ul>
</div> </div>
<!-- Third Column --> <!-- Third Column -->
<div class="col-lg-4 col-sm-4"> <div class="col-lg-4 col-sm-4">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/7.png" class="mr-1" width="15px;"> Comfy Workstations</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/8.png" class="mr-1" width="15px;"> Air Conditioning</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/9.png" class="mr-1" width="15px;"> ⁠Informal Collab Area</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/7.png"
class="mr-1" width="15px;"> Comfy
Workstations</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/8.png"
class="mr-1" width="15px;"> Air Conditioning
</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/9.png"
class="mr-1" width="15px;"> ⁠Informal Collab
Area</li>
</ul> </ul>
</div> </div>
<small>*The availability of amenities is subject to change.</small>
<small>*The availability of amenities is subject to
change.</small>
</div> </div>
</div> </div>
<div class="col-lg-6 col-sm-12 justify-content-center align-items-center">
<h4 style="font-weight: bold;">Muthalvar Padaippagam Location</h4>
<div
class="col-lg-6 col-sm-12 justify-content-center align-items-center">
<h4 style="font-weight: bold;">Muthalvar Padaippagam Location
</h4>
<div class="locationmap"> <div class="locationmap">
<iframe <iframe
th:src="'https://www.google.com/maps?q=' + ${latitude} + ',' + ${longitude} + '&hl=en&z=14&output=embed'" th:src="'https://www.google.com/maps?q=' + ${latitude} + ',' + ${longitude} + '&hl=en&z=14&output=embed'"
width="100%"
height="450"
style="border:0;"
allowfullscreen
loading="lazy"
width="100%" height="450" style="border:0;"
allowfullscreen loading="lazy"
referrerpolicy="no-referrer-when-downgrade"> referrerpolicy="no-referrer-when-downgrade">
</iframe>
</iframe>
<!-- <iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3885.7981508771118!2d80.232587!3d13.111970000000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMTPCsDA2JzQzLjEiTiA4MMKwMTMnNTcuMyJF!5e0!3m2!1sen!2sin!4v1730288154721!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>--> <!-- <iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3885.7981508771118!2d80.232587!3d13.111970000000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMTPCsDA2JzQzLjEiTiA4MMKwMTMnNTcuMyJF!5e0!3m2!1sen!2sin!4v1730288154721!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
<!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5919.7511602058585!2d80.22612333567244!3d13.112778597995147!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a52644d2af36f2f%3A0xab9239a0f5506f51!2sChennai%20Corporation%20Office!5e1!3m2!1sen!2sin!4v1729756217765!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> --> <!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5919.7511602058585!2d80.22612333567244!3d13.112778597995147!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a52644d2af36f2f%3A0xab9239a0f5506f51!2sChennai%20Corporation%20Office!5e1!3m2!1sen!2sin!4v1729756217765!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> -->
@ -432,7 +537,8 @@
</div> </div>
<footer th:replace="~{fragments/footer :: footer}"></footer> <footer th:replace="~{fragments/footer :: footer}"></footer>
</div> </div>
<div class="modal fade" id="visitTourModal" tabindex="-1" aria-labelledby="visitTourModalLabel" aria-hidden="true">
<div class="modal fade" id="visitTourModal" tabindex="-1" aria-labelledby="visitTourModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -440,13 +546,15 @@
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<iframe id="visitTourIframe" src="" style="width: 100%; height: 500px; border: none;"></iframe>
<iframe id="visitTourIframe" src=""
style="width: 100%; height: 500px; border: none;"></iframe>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- modal for confrim booking --> <!-- modal for confrim booking -->
<div class="modal fade" id="ackModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal fade" id="ackModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-md" role="document"> <div class="modal-dialog modal-md" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -500,7 +608,7 @@
</div> </div>
<script th:replace="~{fragments/user-script :: script}"></script> <script th:replace="~{fragments/user-script :: script}"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
<script >
<script>
// let catId=3; // let catId=3;
// let subId =5; // let subId =5;
// let buildId= 1; // let buildId= 1;
@ -513,29 +621,29 @@
window.location.href = '/muthalvarpadaippagam'; window.location.href = '/muthalvarpadaippagam';
}); });
} }
});
});
let slots =[];
let timeSlots =[];
let slots = [];
let timeSlots = [];
let selectedSeatType = 4; // default to 4 seater let selectedSeatType = 4; // default to 4 seater
let ratePerHour = 150; // default rate for 4 seater let ratePerHour = 150; // default rate for 4 seater
const bookedSlots = ['9:00 AM', '6:00 PM', '8:00 PM']; // Sample booked slots, will show in red const bookedSlots = ['9:00 AM', '6:00 PM', '8:00 PM']; // Sample booked slots, will show in red
// const urlParams = new URLSearchParams(window.location.search);
// const catId = urlParams.get('categoryId');
// const buildId = urlParams.get('buildingId');
// const subId = urlParams.get('subId');
// const urlParams = new URLSearchParams(window.location.search);
// const catId = urlParams.get('categoryId');
// const buildId = urlParams.get('buildingId');
// const subId = urlParams.get('subId');
const buildId = document.getElementById("#buildingId")
const catId = document.getElementById("#categoryId")
let subId = document.getElementById("#subId")
const buildId = document.getElementById("#buildingId")
const catId = document.getElementById("#categoryId")
let subId = document.getElementById("#subId")
// console.log("Category ID:", catId);
// console.log("Building ID:", buildId);
// console.log("Sub ID:", subId);
// console.log("Category ID:", catId);
// console.log("Building ID:", buildId);
// console.log("Sub ID:", subId);
// Load available time slots // Load available time slots
// Global variable to store selected slots // Global variable to store selected slots
@ -565,7 +673,7 @@ let subId = document.getElementById("#subId")
let day = String(endDate.getDate()).padStart(2, '0'); let day = String(endDate.getDate()).padStart(2, '0');
let month = String(endDate.getMonth() + 1).padStart(2, '0'); let month = String(endDate.getMonth() + 1).padStart(2, '0');
let year = endDate.getFullYear(); let year = endDate.getFullYear();
toDate = year + "-" +month+ "-" +day;
toDate = year + "-" + month + "-" + day;
const hours = String(currentTime.getHours()).padStart(2, '0'); const hours = String(currentTime.getHours()).padStart(2, '0');
const minutes = String(currentTime.getMinutes()).padStart(2, '0'); const minutes = String(currentTime.getMinutes()).padStart(2, '0');
@ -573,7 +681,7 @@ let subId = document.getElementById("#subId")
timeSlots.forEach(slot => { timeSlots.forEach(slot => {
if(selectedDate==toDate){
if (selectedDate == toDate) {
if (slot.end_time > formattedTime) { if (slot.end_time > formattedTime) {
const isBooked = bookedSlots.includes(slot.value); // Use slot value to check if it's booked const isBooked = bookedSlots.includes(slot.value); // Use slot value to check if it's booked
const slotDiv = ` const slotDiv = `
@ -585,7 +693,7 @@ let subId = document.getElementById("#subId")
timeSlotsDiv.insertAdjacentHTML('beforeend', slotDiv); timeSlotsDiv.insertAdjacentHTML('beforeend', slotDiv);
} }
} }
else{
else {
const isBooked = bookedSlots.includes(slot.value); // Use slot value to check if it's booked const isBooked = bookedSlots.includes(slot.value); // Use slot value to check if it's booked
const slotDiv = ` const slotDiv = `
<label class="time-slot-box ${isBooked ? 'booked' : 'available'}"> <label class="time-slot-box ${isBooked ? 'booked' : 'available'}">
@ -759,7 +867,7 @@ let subId = document.getElementById("#subId")
userMobile: phone, userMobile: phone,
slots: slots // Ensure this is defined and populated slots: slots // Ensure this is defined and populated
}, },
success: function(response) {
success: function (response) {
if (response) { if (response) {
let tempId = response.tempBookId; let tempId = response.tempBookId;
$(".amount").text(response.amount); $(".amount").text(response.amount);
@ -769,8 +877,8 @@ let subId = document.getElementById("#subId")
// Update the modal with a dynamic Pay Now button // Update the modal with a dynamic Pay Now button
$('#paynow').html( $('#paynow').html(
'<button type="button" class="btn book-now-btn" data-bs-dismiss="modal" style="margin-right:10px;">Close</button>'+
'<button style="" class="btn book-now-btn" onclick="paymentStart(' + tempId + ',' + finalAmount + ')">Pay Now (Rs. ' + finalAmount + ')</button>'+
'<button type="button" class="btn book-now-btn" data-bs-dismiss="modal" style="margin-right:10px;">Close</button>' +
'<button style="" class="btn book-now-btn" onclick="paymentStart(' + tempId + ',' + finalAmount + ')">Pay Now (Rs. ' + finalAmount + ')</button>' +
'' ''
); );
@ -778,10 +886,20 @@ let subId = document.getElementById("#subId")
$('#ackModal').modal('show'); $('#ackModal').modal('show');
} }
}, },
error: function(xhr, status, error) {
/* error: function(xhr, status, error) {
alert("Please select another slot. The selected slot is now full."); alert("Please select another slot. The selected slot is now full.");
console.log('Error sending data:', error); console.log('Error sending data:', error);
console.log('Response text:', xhr.responseText); // Log response text for debugging console.log('Response text:', xhr.responseText); // Log response text for debugging
}*/
error: function (xhr) {
let msg = "Booking failed. Please try again.";
if (xhr.responseJSON && xhr.responseJSON.message) {
msg = xhr.responseJSON.message;
}
alert(msg);
} }
}); });
} }
@ -815,31 +933,31 @@ let subId = document.getElementById("#subId")
});*/ });*/
// Function to load available time slots // Function to load available time slots
$('#selectDate').on('change', async function() {
$('#selectDate').on('change', async function () {
//alert('Date changed'); //alert('Date changed');
const selectedDate = $("#selectDate").val(); const selectedDate = $("#selectDate").val();
//alert(selectedDate); //alert(selectedDate);
const bookingType = document.querySelector('input[name="booking_type"]:checked').value; const bookingType = document.querySelector('input[name="booking_type"]:checked').value;
const scid = bookingType; // Retrieve scid dynamically if needed const scid = bookingType; // Retrieve scid dynamically if needed
if(scid){
if (scid) {
await loadSlots(scid); await loadSlots(scid);
loadTimeSlots(selectedDate); loadTimeSlots(selectedDate);
} }
$('#selectedSlot').val(''); $('#selectedSlot').val('');
}); });
$('input[name="booking_type"]').on('change', async function() {
$('input[name="booking_type"]').on('change', async function () {
const bookingType = document.querySelector('input[name="booking_type"]:checked').value; const bookingType = document.querySelector('input[name="booking_type"]:checked').value;
subId = bookingType; // Retrieve scid dynamically if needed subId = bookingType; // Retrieve scid dynamically if needed
//subId //subId
if(subId==5 || subId==6){
if (subId == 5 || subId == 6) {
$("#numSeats").val(4); $("#numSeats").val(4);
} }
else if(subId==7){
else if (subId == 7) {
$("#numSeats").val(6); $("#numSeats").val(6);
} }
const selectedDate = $("#selectDate").val(); const selectedDate = $("#selectDate").val();
if(selectedDate){
if (selectedDate) {
await loadSlots(subId); await loadSlots(subId);
loadTimeSlots(selectedDate); loadTimeSlots(selectedDate);
} }
@ -860,8 +978,8 @@ let subId = document.getElementById("#subId")
} }
}); });
</script> </script>
<script>
function showTour(buildingId, categoryId) {
<script>
function showTour(buildingId, categoryId) {
console.log("Visit Tour Triggered - Bid:", buildingId, "Cid:", categoryId); console.log("Visit Tour Triggered - Bid:", buildingId, "Cid:", categoryId);
let url = ""; let url = "";
@ -894,17 +1012,18 @@ function showTour(buildingId, categoryId) {
modalInstance.show(); modalInstance.show();
console.log("Modal Displayed:", modalId); console.log("Modal Displayed:", modalId);
}
}
function showTourPopup1(link) {
function showTourPopup1(link) {
const iframe = document.getElementById('visitTourIframe1'); const iframe = document.getElementById('visitTourIframe1');
iframe.src = link; iframe.src = link;
// Show the modal // Show the modal
const modal = new bootstrap.Modal(document.getElementById('visitTourModal1')); const modal = new bootstrap.Modal(document.getElementById('visitTourModal1'));
modal.show(); modal.show();
}
</script>
</div>
}
</script>
</div>
</body> </body>
</html> </html>

288
src/main/resources/templates/user/book-reading.html
View File

@ -1,14 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml"> <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="~{fragments/user-head :: head}"></head> <head th:replace="~{fragments/user-head :: head}"></head>
<header th:replace="~{user/razor-pay :: header}"></header> <header th:replace="~{user/razor-pay :: header}"></header>
<style> <style>
.border-img {
border: 2px solid #0069d9;
/* Set your desired border color */
padding: 2px;
/* Optional: to create some space between the image and the border */
}
.border-img {
border: 2px solid #0069d9; /* Set your desired border color */
padding: 2px; /* Optional: to create some space between the image and the border */
}
.carousel-inner img { .carousel-inner img {
height: 500px; height: 500px;
object-fit: cover; object-fit: cover;
@ -27,21 +30,26 @@
background-color: #f0f0f0; background-color: #f0f0f0;
padding: 10px; padding: 10px;
} }
.time-slot-box.booked { .time-slot-box.booked {
border-color: red; border-color: red;
color: red; color: red;
cursor: not-allowed; cursor: not-allowed;
} }
.time-slot-box.available { .time-slot-box.available {
border-color: green; border-color: green;
color: green; color: green;
} }
.time-slot-box input[type="radio"] { .time-slot-box input[type="radio"] {
display: none; display: none;
} }
.time-slot-box:hover { .time-slot-box:hover {
background-color: #e0e0e0; background-color: #e0e0e0;
} }
#timeSlots { #timeSlots {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -83,11 +91,12 @@
background-color: #E29D25; background-color: #E29D25;
} }
</style> </style>
<body> <body>
<!-- Pre-loader start -->
<div th:replace="~{fragments/preloader :: div}"></div>
<!-- Pre-loader end -->
<div id="pcoded" class="pcoded">
<!-- Pre-loader start -->
<div th:replace="~{fragments/preloader :: div}"></div>
<!-- Pre-loader end -->
<div id="pcoded" class="pcoded">
<div class="pcoded-container"> <div class="pcoded-container">
<!-- Menu header start --> <!-- Menu header start -->
<nav th:replace="~{fragments/user-nav :: nav}"></nav> <nav th:replace="~{fragments/user-nav :: nav}"></nav>
@ -108,7 +117,8 @@
<div class="d-inline"> <div class="d-inline">
<h4 style="font-weight:bold;">Book Learning Centre</h4> <h4 style="font-weight:bold;">Book Learning Centre</h4>
<!-- <span class="address">Jeganathan street, Agaram, Chennai - 600082</span> --> <!-- <span class="address">Jeganathan street, Agaram, Chennai - 600082</span> -->
<span class="address" th:text="${buildingAddress}">Address not available</span>
<span class="address" th:text="${buildingAddress}">Address not
available</span>
</div> </div>
</div> </div>
</div> </div>
@ -143,59 +153,83 @@
<hr> <hr>
<input type="hidden" id="buildingId" th:value="${buildingId}"> <input type="hidden" id="buildingId" th:value="${buildingId}">
<input type="hidden" id="categoryId" th:value="${categoryId}">
<input type="hidden" id="subId" th:value="${subId}">
<input type="hidden" id="categoryId" th:value="${categoryId}">
<input type="hidden" id="subId" th:value="${subId}">
<div class="row" id="conferenceHallDiv" style="border-radius: 10px; margin:0px;"> <div class="row" id="conferenceHallDiv" style="border-radius: 10px; margin:0px;">
<div class="col-lg-12 col-sm-12"> <div class="col-lg-12 col-sm-12">
<div style="border: 1px solid rgba(0, 0, 0, .1); border-radius: 10px; padding: 20px; margin-top: 20px;">
<div
style="border: 1px solid rgba(0, 0, 0, .1); border-radius: 10px; padding: 20px; margin-top: 20px;">
<form id="conferenceHallForm"> <form id="conferenceHallForm">
<div class="row"> <div class="row">
<div class="col-lg-6 col-sm-0" style="padding:0px;"> <div class="col-lg-6 col-sm-0" style="padding:0px;">
<!--photo grid start--> <!--photo grid start-->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div id="carouselExampleIndicators" class="carousel slide"
data-ride="carousel">
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<!-- <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> <!-- <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li> <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>--> <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>-->
<li th:each="homeImg, iterStat : ${homeImg}" class=""
th:classappend="${iterStat.index == 0} ? ' active'" data-target="#carouselExampleIndicators" th:data-slide-to="${iterStat.index}">
<li th:each="homeImg, iterStat : ${homeImg}"
class=""
th:classappend="${iterStat.index == 0} ? ' active'"
data-target="#carouselExampleIndicators"
th:data-slide-to="${iterStat.index}">
</li> </li>
</ol> </ol>
<div class="carousel-inner"> <div class="carousel-inner">
<div th:each="homeImg, iterStat : ${homeImg}" class="carousel-item"
<div th:each="homeImg, iterStat : ${homeImg}"
class="carousel-item"
th:classappend="${iterStat.index == 0} ? ' active'"> th:classappend="${iterStat.index == 0} ? ' active'">
<img style="border-radius:15px;" class="d-block w-100" th:src="${homeImg.imageurl}" width="100%" alt="Slide Image">
<img style="border-radius:15px;"
class="d-block w-100"
th:src="${homeImg.imageurl}" width="100%"
alt="Slide Image">
</div> </div>
<!-- <div class="carousel-caption"> <!-- <div class="carousel-caption">
Welcome to Learning Centre Welcome to Learning Centre
</div>--> </div>-->
</div> </div>
<a class="carousel-control-prev" href="#carouselExampleIndicators"
role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<a class="carousel-control-prev"
href="#carouselExampleIndicators" role="button"
data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span> <span class="sr-only">Previous</span>
</a> </a>
<a class="carousel-control-next" href="#carouselExampleIndicators"
role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<a class="carousel-control-next"
href="#carouselExampleIndicators" role="button"
data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span> <span class="sr-only">Next</span>
</a> </a>
</div> </div>
<!-- Photo Grid End--> <!-- Photo Grid End-->
</div> </div>
<div class="col-lg-6 col-sm-12 justify-content-center align-items-center">
<div
class="col-lg-6 col-sm-12 justify-content-center align-items-center">
<!-- Enter Details --> <!-- Enter Details -->
<h5 class="mb-3" style="color:#E29D25">Select Your Preference</h5>
<!-- <h5 class="mb-3" style="color:#E29D25">Select Your Preference</h5>-->
<div
class="d-flex justify-content-between align-items-center mb-3">
<h5 class="mb-0" style="color:#E29D25">Select Your
Preference:</h5>
<button id="backBtn2" onclick="history.back()"
class="btn btn-primary">Back</button>
</div>
<div class="mb-3 row"> <div class="mb-3 row">
<label style="font-weight:bold;" for="numSeats" class="col-sm-12 col-md-4 col-form-label"><strong>Number of Seats :</strong></label>
<label style="font-weight:bold;" for="numSeats"
class="col-sm-12 col-md-4 col-form-label"><strong>Number
of Seats :</strong></label>
<div class="col-sm-6 col-md-6"> <div class="col-sm-6 col-md-6">
<select class="form-control" id="numSeats" >
<select class="form-control" id="numSeats">
<option value="1">1 Seat</option> <option value="1">1 Seat</option>
<option value="2">2 Seats</option> <option value="2">2 Seats</option>
</select> </select>
@ -212,30 +246,40 @@
</div> --> </div> -->
<div class="mb-3 row align-items-center"> <div class="mb-3 row align-items-center">
<label for="buildingname" class="col-sm-4 col-form-label text-end fw-semibold" style="font-weight:bold;">
<label for="buildingname"
class="col-sm-4 col-form-label text-end fw-semibold"
style="font-weight:bold;">
Location : Location :
</label> </label>
<div class="col-sm-6 d-flex align-items-center"> <div class="col-sm-6 d-flex align-items-center">
<input type="text" id="buildingname" class="form-control"
th:value="${buildingName}" readonly> <br>
<input type="text" id="buildingname"
class="form-control" th:value="${buildingName}"
readonly> <br>
</div> </div>
<button type="button" id="viewBuildingBtn" class="btn btn-primary">Change</button>
</div>
<button type="button" id="viewBuildingBtn"
class="btn btn-primary">Change</button>
</div>
<!-- Date Picker --> <!-- Date Picker -->
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" for="selectDate" class="col-sm-4 col-form-label text-end">Select Date :</label>
<label style="font-weight:bold;" for="selectDate"
class="col-sm-4 col-form-label text-end">Select Date
:</label>
<div class="col-sm-6"> <div class="col-sm-6">
<!-- <input type="date" class="form-control" id="selectDate" onchange="loadTimeSlots()"> --> <!-- <input type="date" class="form-control" id="selectDate" onchange="loadTimeSlots()"> -->
<input class="form-control" id="selectDate" type="text" placeholder="Select a date" readonly>
<input class="form-control" id="selectDate"
type="text" placeholder="Select a date"
readonly>
</div> </div>
</div> </div>
<!-- Time Slots --> <!-- Time Slots -->
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" class="col-sm-4 col-form-label text-end">Available Time Slot :</label>
<label style="font-weight:bold;"
class="col-sm-4 col-form-label text-end">Available
Time Slot :</label>
<div class="col-sm-12"> <div class="col-sm-12">
<div id="timeSlots" class="d-flex flex-wrap"> <div id="timeSlots" class="d-flex flex-wrap">
<!-- Time slots will be generated here dynamically --> <!-- Time slots will be generated here dynamically -->
@ -247,12 +291,15 @@
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" class="col-sm-4 col-form-label text-end">Selected Time Slot</label> <label style="font-weight:bold;" class="col-sm-4 col-form-label text-end">Selected Time Slot</label>
<div class="col-sm-6">--> <div class="col-sm-6">-->
<input type="hidden" id="selectedSlot" class="form-control" readonly>
<input type="hidden" id="selectedSlot" class="form-control"
readonly>
<!-- </div> <!-- </div>
</div> --> </div> -->
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" for="selectType" class="col-sm-4 col-form-label text-end">Select Type :</label>
<label style="font-weight:bold;" for="selectType"
class="col-sm-4 col-form-label text-end">Select Type
:</label>
<div class="col-sm-6"> <div class="col-sm-6">
<select class="form-control" id="selectType"> <select class="form-control" id="selectType">
<option value="Individual">Individual</option> <option value="Individual">Individual</option>
@ -262,16 +309,25 @@
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" for="personName" class="col-sm-4 col-form-label text-end">Name :</label>
<label style="font-weight:bold;" for="personName"
class="col-sm-4 col-form-label text-end">Name
:</label>
<div class="col-sm-6"> <div class="col-sm-6">
<input type="text" class="form-control" id="personName">
<input type="text" class="form-control"
id="personName">
</div> </div>
</div> </div>
<div class="row mb-3"> <div class="row mb-3">
<label style="font-weight:bold;" for="personPhone" class="col-sm-4 col-form-label text-end">Phone Number :</label>
<label style="font-weight:bold;" for="personPhone"
class="col-sm-4 col-form-label text-end">Phone
Number :</label>
<div class="col-sm-6"> <div class="col-sm-6">
<input type="text" class="form-control" id="personPhone" placeholder="Enter mobile number" pattern="^\d{10}$" maxlength="10" minlength="10" required>
<input type="text" class="form-control"
id="personPhone"
placeholder="Enter mobile number"
pattern="^\d{10}$" maxlength="10" minlength="10"
required>
</div> </div>
</div> </div>
@ -280,8 +336,12 @@
<!-- Action Buttons --> <!-- Action Buttons -->
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<button type="button" style="width:100px;" class="reset-now-btn mr-1" onclick="resetForm()">Reset</button>
<button type="button" style="width:100px;" class="book-now-btn" onclick="saveBooking()">Book Now</button>
<button type="button" style="width:100px;"
class="reset-now-btn mr-1"
onclick="resetForm()">Reset</button>
<button type="button" style="width:100px;"
class="book-now-btn" onclick="saveBooking()">Book
Now</button>
</div> </div>
<div style="margin-top: 15px"> <div style="margin-top: 15px">
@ -309,61 +369,90 @@
<br> <br>
<div class="row"> <div class="row">
<div class="col-lg-6 col-sm-0" style="padding:0px;"> <div class="col-lg-6 col-sm-0" style="padding:0px;">
<h4 style="font-weight: bold;margin-bottom: 27px;">Timing Details</h4>
<h4 style="font-weight: bold;margin-bottom: 27px;">Timing
Details</h4>
<div class="row"> <div class="row">
<!-- First Column --> <!-- First Column -->
<div class="col-lg-6 col-sm-6"> <div class="col-lg-6 col-sm-6">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/cal.png" class="mr-1" width="25px;"> Available days: S M T W T F S </li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/clo.png" class="mr-1" width="25px;"> Available time : 06:00 AM to 11:00 PM</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/cal.png"
class="mr-1" width="25px;"> Available days:
S M T W T F S </li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/clo.png"
class="mr-1" width="25px;"> Available time :
06:00 AM to 11:00 PM</li>
</ul> </ul>
</div> </div>
</div> </div>
<hr> <hr>
<h4 style="font-weight: bold;margin-bottom: 27px;">Amenities</h4>
<h4 style="font-weight: bold;margin-bottom: 27px;">Amenities
</h4>
<div class="row"> <div class="row">
<!-- First Column --> <!-- First Column -->
<div class="col-lg-4 col-sm-4"> <div class="col-lg-4 col-sm-4">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/1.png" class="mr-1" width="15px;"> Wifi / Internet</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/2.png" class="mr-1" width="15px;"> ⁠24/7 Security</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/3.png" class="mr-1" width="15px;"> Housekeeping</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/1.png"
class="mr-1" width="15px;"> Wifi / Internet
</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/2.png"
class="mr-1" width="15px;"> ⁠24/7 Security
</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/3.png"
class="mr-1" width="15px;"> Housekeeping
</li>
</ul> </ul>
</div> </div>
<!-- Second Column --> <!-- Second Column -->
<div class="col-lg-4 col-sm-4"> <div class="col-lg-4 col-sm-4">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/4.png" class="mr-1" width="15px;"> Vehicle Parking</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/5.png" class="mr-1" width="15px;"> Reception</li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/6.png" class="mr-1" width="15px;"> Tea / Coffee</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/4.png"
class="mr-1" width="15px;"> Vehicle Parking
</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/5.png"
class="mr-1" width="15px;"> Reception</li>
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/6.png"
class="mr-1" width="15px;"> Tea / Coffee
</li>
</ul> </ul>
</div> </div>
<!-- Third Column --> <!-- Third Column -->
<div class="col-lg-4 col-sm-4"> <div class="col-lg-4 col-sm-4">
<ul class="list-unstyled"> <ul class="list-unstyled">
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/10.png" class="mr-1" width="15px;"> PC with internet access
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/10.png"
class="mr-1" width="15px;"> PC with internet
access
</li> </li>
<li style="margin-bottom: 21px;"><img src="/co-workspaceDocuments/icons/8.png" class="mr-1" width="15px;"> Air Conditioning
<li style="margin-bottom: 21px;"><img
src="/co-workspaceDocuments/icons/8.png"
class="mr-1" width="15px;"> Air Conditioning
</li> </li>
</ul> </ul>
</div> </div>
*The availability of amenities is subject to change. *The availability of amenities is subject to change.
</div> </div>
</div> </div>
<div class="col-lg-6 col-sm-12 justify-content-center align-items-center">
<h4 style="font-weight: bold;">Muthalvar Padaippagam Location</h4>
<div
class="col-lg-6 col-sm-12 justify-content-center align-items-center">
<h4 style="font-weight: bold;">Muthalvar Padaippagam Location
</h4>
<div class="locationmap"> <div class="locationmap">
<iframe <iframe
th:src="'https://www.google.com/maps?q=' + ${latitude} + ',' + ${longitude} + '&hl=en&z=14&output=embed'" th:src="'https://www.google.com/maps?q=' + ${latitude} + ',' + ${longitude} + '&hl=en&z=14&output=embed'"
width="100%"
height="450"
style="border:0;"
allowfullscreen
loading="lazy"
width="100%" height="450" style="border:0;"
allowfullscreen loading="lazy"
referrerpolicy="no-referrer-when-downgrade"> referrerpolicy="no-referrer-when-downgrade">
</iframe>
</iframe>
<!--<iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3885.7981508771118!2d80.232587!3d13.111970000000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMTPCsDA2JzQzLjEiTiA4MMKwMTMnNTcuMyJF!5e0!3m2!1sen!2sin!4v1730288154721!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>--> <!--<iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3885.7981508771118!2d80.232587!3d13.111970000000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMTPCsDA2JzQzLjEiTiA4MMKwMTMnNTcuMyJF!5e0!3m2!1sen!2sin!4v1730288154721!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>-->
@ -385,7 +474,8 @@
<footer th:replace="~{fragments/footer :: footer}"></footer> <footer th:replace="~{fragments/footer :: footer}"></footer>
</div> </div>
<div class="modal fade" id="visitTourModal" tabindex="-1" aria-labelledby="visitTourModalLabel" aria-hidden="true">
<div class="modal fade" id="visitTourModal" tabindex="-1" aria-labelledby="visitTourModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -393,14 +483,16 @@
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<iframe id="visitTourIframe" src="" style="width: 100%; height: 500px; border: none;"></iframe>
<iframe id="visitTourIframe" src=""
style="width: 100%; height: 500px; border: none;"></iframe>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- modal for confrim booking --> <!-- modal for confrim booking -->
<div class="modal fade" id="ackModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal fade" id="ackModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-md" role="document"> <div class="modal-dialog modal-md" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -455,7 +547,7 @@
</div> </div>
<script th:replace="~{fragments/user-script :: script}"></script> <script th:replace="~{fragments/user-script :: script}"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
<script >
<script>
//ak //ak
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
const viewBuildingBtn = document.getElementById('viewBuildingBtn'); const viewBuildingBtn = document.getElementById('viewBuildingBtn');
@ -465,17 +557,17 @@
window.location.href = '/muthalvarpadaippagam'; window.location.href = '/muthalvarpadaippagam';
}); });
} }
});
});
// let catId=1; // let catId=1;
///let subId =1; ///let subId =1;
// let buildId= 1; // let buildId= 1;
// Read URL parameters // Read URL parameters
// const urlParams = new URLSearchParams(window.location.search);
// const catId = urlParams.get('categoryId');
// const buildId = urlParams.get('buildingId');
// let subId = urlParams.get('subId');
// const urlParams = new URLSearchParams(window.location.search);
// const catId = urlParams.get('categoryId');
// const buildId = urlParams.get('buildingId');
// let subId = urlParams.get('subId');
const buildId = document.getElementById("#buildingId") const buildId = document.getElementById("#buildingId")
@ -485,8 +577,8 @@
let slots =[];
let timeSlots =[];
let slots = [];
let timeSlots = [];
let selectedSeatType = 4; // default to 4 seater let selectedSeatType = 4; // default to 4 seater
let ratePerHour = 150; // default rate for 4 seater let ratePerHour = 150; // default rate for 4 seater
const bookedSlots = ['9:00 AM', '6:00 PM', '8:00 PM']; // Sample booked slots, will show in red const bookedSlots = ['9:00 AM', '6:00 PM', '8:00 PM']; // Sample booked slots, will show in red
@ -509,7 +601,7 @@
} }
} }
function loadTimeSlots(selectedDate) {
function loadTimeSlots(selectedDate) {
const timeSlotsDiv = document.getElementById('timeSlots'); const timeSlotsDiv = document.getElementById('timeSlots');
timeSlotsDiv.innerHTML = ''; // Clear previous slots timeSlotsDiv.innerHTML = ''; // Clear previous slots
@ -519,7 +611,7 @@ function loadTimeSlots(selectedDate) {
let day = String(endDate.getDate()).padStart(2, '0'); let day = String(endDate.getDate()).padStart(2, '0');
let month = String(endDate.getMonth() + 1).padStart(2, '0'); let month = String(endDate.getMonth() + 1).padStart(2, '0');
let year = endDate.getFullYear(); let year = endDate.getFullYear();
toDate = year + "-" +month+ "-" +day;
toDate = year + "-" + month + "-" + day;
const hours = String(currentTime.getHours()).padStart(2, '0'); const hours = String(currentTime.getHours()).padStart(2, '0');
const minutes = String(currentTime.getMinutes()).padStart(2, '0'); const minutes = String(currentTime.getMinutes()).padStart(2, '0');
@ -527,7 +619,7 @@ function loadTimeSlots(selectedDate) {
timeSlots.forEach(slot => { timeSlots.forEach(slot => {
if(selectedDate==toDate){
if (selectedDate == toDate) {
if (slot.end_time > formattedTime) { if (slot.end_time > formattedTime) {
const isBooked = bookedSlots.includes(slot.value); // Use slot value to check if it's booked const isBooked = bookedSlots.includes(slot.value); // Use slot value to check if it's booked
const slotDiv = ` const slotDiv = `
@ -539,7 +631,7 @@ function loadTimeSlots(selectedDate) {
timeSlotsDiv.insertAdjacentHTML('beforeend', slotDiv); timeSlotsDiv.insertAdjacentHTML('beforeend', slotDiv);
} }
} }
else{
else {
const isBooked = bookedSlots.includes(slot.value); // Use slot value to check if it's booked const isBooked = bookedSlots.includes(slot.value); // Use slot value to check if it's booked
const slotDiv = ` const slotDiv = `
<label class="time-slot-box ${isBooked ? 'booked' : 'available'}"> <label class="time-slot-box ${isBooked ? 'booked' : 'available'}">
@ -701,7 +793,7 @@ function loadTimeSlots(selectedDate) {
userMobile: phone, userMobile: phone,
slots: slots // Ensure this is defined and populated slots: slots // Ensure this is defined and populated
}, },
success: function(response) {
success: function (response) {
console.log(response); console.log(response);
if (response) { if (response) {
let tempId = response.tempBookId; let tempId = response.tempBookId;
@ -712,8 +804,8 @@ function loadTimeSlots(selectedDate) {
// Update the modal with a dynamic Pay Now button // Update the modal with a dynamic Pay Now button
$('#paynow').html( $('#paynow').html(
'<button type="button" class="btn book-now-btn" data-bs-dismiss="modal" style="margin-right:10px;">Close</button>'+
'<button style="" class="btn book-now-btn" onclick="paymentStart(' + tempId + ',' + finalAmount + ')">Pay Now (Rs. ' + finalAmount + ')</button>'+
'<button type="button" class="btn book-now-btn" data-bs-dismiss="modal" style="margin-right:10px;">Close</button>' +
'<button style="" class="btn book-now-btn" onclick="paymentStart(' + tempId + ',' + finalAmount + ')">Pay Now (Rs. ' + finalAmount + ')</button>' +
'' ''
); );
@ -721,10 +813,21 @@ function loadTimeSlots(selectedDate) {
$('#ackModal').modal('show'); $('#ackModal').modal('show');
} }
}, },
error: function(xhr, status, error) {
/* error: function(xhr, status, error) {
alert("Please select another slot. The selected slot is now full."); alert("Please select another slot. The selected slot is now full.");
console.log('Error sending data:', error); console.log('Error sending data:', error);
console.log('Response text:', xhr.responseText); // Log response text for debugging console.log('Response text:', xhr.responseText); // Log response text for debugging
}*/
error: function (xhr) {
let msg = "Booking failed. Please try again.";
if (xhr.responseJSON && xhr.responseJSON.message) {
msg = xhr.responseJSON.message;
}
alert(msg);
} }
}); });
} }
@ -770,11 +873,11 @@ function loadTimeSlots(selectedDate) {
// Function to load available time slots // Function to load available time slots
$('#selectDate').on('change', async function() {
$('#selectDate').on('change', async function () {
//alert('Date changed'); //alert('Date changed');
const selectedDate = $("#selectDate").val(); const selectedDate = $("#selectDate").val();
const scid=$('#subId').val();
const scid = $('#subId').val();
console.log("Subcategory ID:", scid); console.log("Subcategory ID:", scid);
// const scid = 1; // Retrieve scid dynamically if needed // const scid = 1; // Retrieve scid dynamically if needed
await loadSlots(scid); await loadSlots(scid);
@ -797,8 +900,8 @@ function loadTimeSlots(selectedDate) {
}); });
</script> </script>
<script>
function showTour(buildingId, categoryId) {
<script>
function showTour(buildingId, categoryId) {
console.log("Visit Tour Triggered - Bid:", buildingId, "Cid:", categoryId); console.log("Visit Tour Triggered - Bid:", buildingId, "Cid:", categoryId);
let url = ""; let url = "";
@ -831,17 +934,18 @@ function showTour(buildingId, categoryId) {
modalInstance.show(); modalInstance.show();
console.log("Modal Displayed:", modalId); console.log("Modal Displayed:", modalId);
}
}
function showTourPopup1(link) {
function showTourPopup1(link) {
const iframe = document.getElementById('visitTourIframe1'); const iframe = document.getElementById('visitTourIframe1');
iframe.src = link; iframe.src = link;
// Show the modal // Show the modal
const modal = new bootstrap.Modal(document.getElementById('visitTourModal1')); const modal = new bootstrap.Modal(document.getElementById('visitTourModal1'));
modal.show(); modal.show();
}
</script>
</div>
}
</script>
</div>
</body> </body>
</html> </html>

25
src/main/resources/templates/user/book-workdesk.html
View File

@ -283,11 +283,14 @@
<!-- Enter Details --> <!-- Enter Details -->
<!-- <h5 class="mb-3" style="color:#E29D25">Select Your Preference: <button id="backBtn" class="btn btn-sm btn-outline-primary">Back </button></h5> --> <!-- <h5 class="mb-3" style="color:#E29D25">Select Your Preference: <button id="backBtn" class="btn btn-sm btn-outline-primary">Back </button></h5> -->
<div class="d-flex justify-content-between align-items-center mb-3">
<h5 class="mb-0" style="color:#E29D25">Select Your Preference:</h5>
<div
class="d-flex justify-content-between align-items-center mb-3">
<h5 class="mb-0" style="color:#E29D25">Select Your
Preference:</h5>
<button id="backBtn" class="btn btn-sm btn-outline-primary">Back</button>
</div>
<button id="backBtn2" onclick="history.back()"
class="btn btn-primary">Back</button>
</div>
@ -659,7 +662,7 @@
}); });
$(document).on('click', '#backBtn', function () { $(document).on('click', '#backBtn', function () {
window.location.href = '/muthalvarpadaippagam/home';
//window.location.href = '/muthalvarpadaippagam/home';
}); });
@ -955,10 +958,20 @@
$('#ackModal').modal('show'); $('#ackModal').modal('show');
} }
}, },
error: function (xhr, status, error) {
/*error: function (xhr, status, error) {
alert("Please select another slot. The selected slot is now full."); alert("Please select another slot. The selected slot is now full.");
console.log('Error sending data:', error); console.log('Error sending data:', error);
console.log('Response text:', xhr.responseText); // Log response text for debugging console.log('Response text:', xhr.responseText); // Log response text for debugging
}*/
error: function (xhr) {
let msg = "Booking failed. Please try again.";
if (xhr.responseJSON && xhr.responseJSON.message) {
msg = xhr.responseJSON.message;
}
alert(msg);
} }
}); });
} }

2
src/main/resources/templates/user/bookinghistory.html
View File

@ -305,7 +305,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5>Booking details.</h5>
<h5>Booking details</h5>
<!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="close_modal('#bookingDetailsModal')"><span aria-hidden="true">&times;</span> --> <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="close_modal('#bookingDetailsModal')"><span aria-hidden="true">&times;</span> -->
<button type="button" class="btn-close" data-bs-dismiss="modal" <button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close">&times;</button> aria-label="Close">&times;</button>

2
src/main/resources/templates/user/qrpage.html
View File

@ -271,7 +271,7 @@
</div> </div>
<div class="button-container"> <div class="button-container">
<button class="btn btn-success" onclick="backToHome()">Back To Home</button> <button class="btn btn-success" onclick="backToHome()">Back To Home</button>
<button class="btn btn-success" onclick="printDiv('printArea')">Print</button>
<!-- <button class="btn btn-success" onclick="printDiv('printArea')">Print</button>-->
</div> </div>
<footer th:replace="~{fragments/footer :: footer}"></footer> <footer th:replace="~{fragments/footer :: footer}"></footer>
</div> </div>

61
src/main/resources/templates/user/razor-pay.html
View File

@ -1,32 +1,32 @@
<html>
<header>
<html>
<header>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script> <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript"> <script type="text/javascript">
const paymentStart=(id)=>{
console.log("payment started :-"+id);
const paymentStart = (id) => {
console.log("payment started :-" + id);
$.ajax({ $.ajax({
url:'/muthalvarpadaippagam/book/api/create_order',
data:{id:id},
type:'POST',
dataType:'json',
success:function(response){
url: '/muthalvarpadaippagam/book/api/create_order',
data: { id: id },
type: 'POST',
dataType: 'json',
success: function (response) {
let amt = response.amount; let amt = response.amount;
console.log("FIRST:==>"); console.log("FIRST:==>");
console.log(response); console.log(response);
if(response.status=="created"){
if (response.status == "created") {
let options = { let options = {
// "key": "[[${keyId}]]",
"key" : "rzp_test_tDkHFEqWXmuEi8", // Enter the Key ID generated from the Dashboard
//"key": "[[${keyId}]]",
"key": "rzp_test_tDkHFEqWXmuEi8", // Enter the Key ID generated from the Dashboard
"amount": response.amount, // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise "amount": response.amount, // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise
"currency": "INR", "currency": "INR",
"name": "Greater Chennai Corporation", "name": "Greater Chennai Corporation",
"description": "Co-workspace Transaction", "description": "Co-workspace Transaction",
"image": "https://upload.wikimedia.org/wikipedia/commons/a/a8/Chennai_Corporation_Emblem.png", "image": "https://upload.wikimedia.org/wikipedia/commons/a/a8/Chennai_Corporation_Emblem.png",
"order_id": response.id, //This is a sample Order ID. Pass the `id` obtained in the response of Step 1 "order_id": response.id, //This is a sample Order ID. Pass the `id` obtained in the response of Step 1
"handler": function (response){
"handler": function (response) {
console.log("second==>\n"); console.log("second==>\n");
console.log(response); console.log(response);
console.log(response.razorpay_payment_id); console.log(response.razorpay_payment_id);
@ -34,7 +34,7 @@
console.log(response.razorpay_signature); console.log(response.razorpay_signature);
console.log("payment success"); console.log("payment success");
alert("congrates !payment successfull"); alert("congrates !payment successfull");
updatePaymentInServer(response.razorpay_payment_id,response.razorpay_order_id,"paid",id,amt);
updatePaymentInServer(response.razorpay_payment_id, response.razorpay_order_id, "paid", id, amt);
}, },
"prefill": { "prefill": {
"name": "", "name": "",
@ -49,7 +49,7 @@
} }
}; };
var rzp1 = new Razorpay(options); var rzp1 = new Razorpay(options);
rzp1.on('payment.failed', function (response){
rzp1.on('payment.failed', function (response) {
console.log(response.error.code); console.log(response.error.code);
console.log(response.error.description); console.log(response.error.description);
console.log(response.error.source); console.log(response.error.source);
@ -62,34 +62,35 @@
} }
}, },
error:function(error){
error: function (error) {
console.log(error); console.log(error);
alert("error"); alert("error");
} }
}) })
}; };
function updatePaymentInServer(payment_id,order_id,status,id,amt){
function updatePaymentInServer(payment_id, order_id, status, id, amt) {
$.ajax({ $.ajax({
url:'/muthalvarpadaippagam/book/api/Confirm',
data:JSON.stringify({payment_id:payment_id,order_id:order_id,status:status,id:id,amount:amt}),
contentType:'application/json',
type:'POST',
dataType:'json',
success:function(response){
url: '/muthalvarpadaippagam/book/api/Confirm',
data: JSON.stringify({ payment_id: payment_id, order_id: order_id, status: status, id: id, amount: amt }),
contentType: 'application/json',
type: 'POST',
dataType: 'json',
success: function (response) {
console.log("update payment in server"); console.log("update payment in server");
//alert(response); //alert(response);
if(response != "error"){
window.location.href = "/muthalvarpadaippagam/bookingQRCode?booking_id="+response;
}else{
if (response != "error") {
window.location.href = "/muthalvarpadaippagam/bookingQRCode?booking_id=" + response;
} else {
alert("please contact GCC. If amount is debited from your account!!\nThank You"); alert("please contact GCC. If amount is debited from your account!!\nThank You");
window.location.href = "/muthalvarpadaippagam"; window.location.href = "/muthalvarpadaippagam";
} }
}, },
error:function(error){
error: function (error) {
swal("Failed`!", "We will check & contact you soon", "error"); swal("Failed`!", "We will check & contact you soon", "error");
} }
}); });
}; };
</script> </script>
</header>
</html>
</header>
</html>
Write Preview
Loading…
Cancel
Save