Implemented IE complaints report

src/main/java/com/gcc/commissionerreview/configuration/DataSourceConfig.java

@@ -157,4 +157,16 @@ public class DataSourceConfig {
 		return dataSource;
 	}
 
+	////////////////////////////// For IE Complaints ////////////////////////
+	@Bean(name = "mysqlIEComplaintsDataSource")
+	public DataSource mysqlIEComplaintsDataSource() {
+		DriverManagerDataSource dataSource = new DriverManagerDataSource();
+		dataSource.setDriverClassName("com.mysql.cj.jdbc.Driver");
+		// dataSource.setUrl("jdbc:mysql://" + host + "/gcc_ie_complaints");
+		dataSource.setUrl("jdbc:mysql://" + host + "/gcc_ie_complaints_live");
+		dataSource.setUsername("root");
+		dataSource.setPassword(dbpassword);
+		return dataSource;
+	}
+
 }

src/main/java/com/gcc/commissionerreview/controller/IeComplaintsApiController.java

@@ -0,0 +1,87 @@
+package com.gcc.commissionerreview.controller;
+
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RestController;
+
+import com.gcc.commissionerreview.service.IeComplaintsService;
+
+@RestController
+@RequestMapping("/commissionerreview/api/iecomplaints")
+
+public class IeComplaintsApiController {
+	@Autowired
+	private IeComplaintsService iecomplaintservice;
+
+	@GetMapping("/getIESummary")
+	public ResponseEntity<Map<String, Object>> getIESummary() {
+
+		return ResponseEntity.ok(
+				iecomplaintservice.getIEComplaintSummary());
+	}
+
+	@GetMapping("/complaintDashboard")
+	public ResponseEntity<Map<String, Object>> complaintDashboard(
+
+			@RequestParam(required = false) String fromDate,
+			@RequestParam(required = false) String toDate) {
+
+		return ResponseEntity.ok(
+				iecomplaintservice.getComplaintDashboard(fromDate, toDate));
+
+	}
+
+	@GetMapping("/zoneActivity")
+	public ResponseEntity<Map<String, Object>> zoneActivity(
+
+			@RequestParam(required = false) String fromDate,
+			@RequestParam(required = false) String toDate,
+			@RequestParam(required = false) Integer complaintId) {
+
+		return ResponseEntity.ok(
+				iecomplaintservice.getZoneActivity(fromDate, toDate, complaintId));
+
+	}
+
+	@GetMapping("/complaintTypes")
+	public ResponseEntity<Map<String, Object>> complaintTypes() {
+
+		return ResponseEntity.ok(
+				iecomplaintservice.getComplaintTypes());
+
+	}
+
+	@GetMapping("/wardActivity")
+	public ResponseEntity<Map<String, Object>> wardActivity(
+
+			@RequestParam String zone,
+			@RequestParam(required = false) String complaintId,
+			@RequestParam(required = false) String fromDate,
+			@RequestParam(required = false) String toDate) {
+
+		return ResponseEntity.ok(
+				iecomplaintservice.getWardActivity(zone, complaintId, fromDate, toDate));
+
+	}
+
+	@GetMapping("/complaintDetails")
+	public ResponseEntity<Map<String, Object>> complaintDetails(
+
+			@RequestParam String zone,
+			@RequestParam String ward,
+			@RequestParam(required = false) String complaintId,
+			@RequestParam(required = false) String fromDate,
+			@RequestParam(required = false) String toDate) {
+
+		return ResponseEntity.ok(
+				iecomplaintservice.getComplaintDetails(zone, ward, complaintId, fromDate, toDate));
+	}
+
+}

src/main/java/com/gcc/commissionerreview/controller/MainController.java

@@ -291,4 +291,9 @@ public class MainController {
         return "modules/greencommittee/gcreport";
     }
 
+    @GetMapping("/iecomplaints")
+    public String iecomplaints(Model model) {
+        return "modules/iecomplaintsreport";
+    }
+
 }

src/main/java/com/gcc/commissionerreview/service/IeComplaintsService.java

@@ -0,0 +1,596 @@
+package com.gcc.commissionerreview.service;
+
+import java.time.LocalDate;
+import java.time.format.DateTimeFormatter;
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.HashMap;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+
+import javax.sql.DataSource;
+
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Qualifier;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.core.env.Environment;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+@Service
+
+public class IeComplaintsService {
+
+	@Autowired
+	@Value("${fileBaseUrl}")
+
+	private String fileBaseUrl;
+	@Autowired
+	private JdbcTemplate jdbcTemplate;
+	@Autowired
+	private Environment environment;
+
+	@Autowired
+	public void setDataSource(@Qualifier("mysqlIEComplaintsDataSource") DataSource IEComplaintsDataSource) {
+		this.jdbcTemplate = new JdbcTemplate(IEComplaintsDataSource);
+	}
+
+	public IeComplaintsService(Environment environment) {
+
+		this.environment = environment;
+
+		this.fileBaseUrl = environment.getProperty("fileBaseUrl");
+	}
+
+	public Map<String, Object> getIEComplaintSummary() {
+
+		Map<String, Object> response = new HashMap<>();
+
+		try {
+
+			String sql = "SELECT " +
+					"COUNT(*) AS total_count, " +
+					"COUNT(CASE WHEN status='completed' THEN 1 END) AS completed_count, " +
+					"COUNT(CASE WHEN status='pending' THEN 1 END) AS pending_count " +
+					"FROM complaint_details";
+
+			Map<String, Object> result = jdbcTemplate.queryForMap(sql);
+
+			response.put("status", "Success");
+			response.put("message", "IE Complaint Summary");
+			response.put("data", result);
+
+		} catch (Exception e) {
+
+			e.printStackTrace();
+
+			response.put("status", "Error");
+			response.put("message", "Something went wrong");
+			response.put("data", null);
+		}
+
+		return response;
+	}
+
+	public Map<String, Object> getComplaintDashboard(String fromDate, String toDate) {
+
+		Map<String, Object> response = new HashMap<>();
+
+		try {
+
+			StringBuilder sql = new StringBuilder();
+
+			List<Object> params = new ArrayList<>();
+
+			sql.append("SELECT ");
+			sql.append("cm.complaint_id, cm.complaint_name, ");
+
+			sql.append("COUNT(DISTINCT cd.ref_id) AS total_count, ");
+
+			sql.append("COUNT(DISTINCT CASE ");
+			sql.append("WHEN comp.ref_id IS NOT NULL ");
+
+			if (fromDate != null && !fromDate.isEmpty() && toDate != null && !toDate.isEmpty()) {
+				sql.append("AND DATE(comp.cdate) BETWEEN ? AND ? ");
+				params.add(fromDate);
+				params.add(toDate);
+			}
+
+			sql.append("THEN comp.ref_id END) AS completed_count, ");
+
+			sql.append("COUNT(DISTINCT CASE ");
+			sql.append("WHEN comp.ref_id IS NULL ");
+
+			if (fromDate != null && !fromDate.isEmpty() && toDate != null && !toDate.isEmpty()) {
+				sql.append("AND DATE(cd.cdate)  BETWEEN ? AND ? ");
+				params.add(fromDate);
+				params.add(toDate);
+			}
+
+			sql.append("THEN cd.ref_id END) AS pending_count ");
+
+			sql.append("FROM complaint_master cm ");
+
+			sql.append("LEFT JOIN complaint_details cd ");
+			sql.append("ON cm.complaint_id = cd.complaint_id ");
+
+			sql.append("LEFT JOIN completion comp ");
+			sql.append("ON comp.ref_id = cd.ref_id ");
+
+			sql.append("GROUP BY cm.complaint_id, cm.complaint_name ");
+			sql.append("ORDER BY cm.complaint_id");
+
+			List<Map<String, Object>> result = jdbcTemplate.queryForList(sql.toString(), params.toArray());
+
+			response.put("status", "Success");
+			response.put("data", result);
+
+		} catch (Exception e) {
+
+			e.printStackTrace();
+
+			response.put("status", "Error");
+			response.put("message", "Something went wrong");
+		}
+
+		return response;
+	}
+
+	/*
+	 * public Map<String, Object> getZoneActivity(String fromDate, String toDate,
+	 * Integer complaintId) {
+	 * 
+	 * Map<String, Object> response = new HashMap<>();
+	 * 
+	 * try {
+	 * 
+	 * StringBuilder sql = new StringBuilder();
+	 * 
+	 * List<Object> params = new ArrayList<>();
+	 * 
+	 * sql.append("SELECT ");
+	 * sql.append("zm.zone_name, ");
+	 * 
+	 * sql.append("COUNT(cd.ref_id) AS total_count, ");
+	 * 
+	 * sql.
+	 * append("COUNT(CASE WHEN cd.status = 'completed' THEN 1 END) AS completed_count, "
+	 * );
+	 * 
+	 * sql.
+	 * append("COUNT(CASE WHEN cd.status = 'pending' THEN 1 END) AS pending_count "
+	 * );
+	 * 
+	 * sql.append("FROM gcc_street_vendor.zone_master zm ");
+	 * 
+	 * sql.append("LEFT JOIN complaint_details cd ");
+	 * sql.append("ON zm.zone_name = cd.zone ");
+	 * 
+	 * sql.append("AND cd.is_delete = 0 ");
+	 * sql.append("AND cd.is_active = 1 ");
+	 * 
+	 * if (complaintId != null) {
+	 * sql.append("AND cd.complaint_id = ? ");
+	 * params.add(complaintId);
+	 * }
+	 * 
+	 * if (fromDate != null && !fromDate.isEmpty() && toDate != null &&
+	 * !toDate.isEmpty()) {
+	 * sql.append("AND DATE(cd.cdate) BETWEEN ? AND ? ");
+	 * params.add(fromDate);
+	 * params.add(toDate);
+	 * }
+	 * 
+	 * sql.append("GROUP BY zm.zone_name ");
+	 * sql.append("ORDER BY zm.zone_name ");
+	 * 
+	 * List<Map<String, Object>> result = jdbcTemplate.queryForList(sql.toString(),
+	 * params.toArray());
+	 * 
+	 * response.put("status", "Success");
+	 * response.put("data", result);
+	 * 
+	 * } catch (Exception e) {
+	 * 
+	 * e.printStackTrace();
+	 * 
+	 * response.put("status", "Error");
+	 * response.put("message", "Something went wrong");
+	 * 
+	 * }
+	 * 
+	 * return response;
+	 * }
+	 */
+	public Map<String, Object> getZoneActivity(String fromDate, String toDate, Integer complaintId) {
+
+		Map<String, Object> response = new HashMap<>();
+
+		try {
+
+			StringBuilder sql = new StringBuilder();
+			List<Object> params = new ArrayList<>();
+
+			sql.append("SELECT ");
+			sql.append("zm.zone_name, ");
+
+			sql.append("COUNT(DISTINCT cd.ref_id) AS total_count, ");
+
+			sql.append("COUNT(DISTINCT CASE ");
+			sql.append("WHEN comp.ref_id IS NOT NULL ");
+
+			if (fromDate != null && !fromDate.isEmpty() && toDate != null && !toDate.isEmpty()) {
+				sql.append("AND DATE(comp.cdate) BETWEEN ? AND ? ");
+				params.add(fromDate);
+				params.add(toDate);
+			}
+
+			sql.append("THEN comp.ref_id END) AS completed_count, ");
+
+			sql.append("COUNT(DISTINCT CASE ");
+			sql.append("WHEN comp.ref_id IS NULL ");
+
+			if (fromDate != null && !fromDate.isEmpty() && toDate != null && !toDate.isEmpty()) {
+				sql.append("AND DATE(cd.cdate) BETWEEN ? AND ? ");
+				params.add(fromDate);
+				params.add(toDate);
+			}
+
+			sql.append("THEN cd.ref_id END) AS pending_count ");
+
+			sql.append("FROM gcc_street_vendor.zone_master zm ");
+
+			sql.append("LEFT JOIN complaint_details cd ");
+			sql.append("ON zm.zone_name = cd.zone ");
+			sql.append("AND cd.is_delete = 0 ");
+			sql.append("AND cd.is_active = 1 ");
+
+			if (complaintId != null) {
+				sql.append("AND cd.complaint_id = ? ");
+				params.add(complaintId);
+			}
+
+			sql.append("LEFT JOIN completion comp ");
+			sql.append("ON comp.ref_id = cd.ref_id ");
+
+			sql.append("GROUP BY zm.zone_name ");
+			sql.append("ORDER BY zm.zone_name ");
+
+			List<Map<String, Object>> result = jdbcTemplate.queryForList(sql.toString(), params.toArray());
+
+			response.put("status", "Success");
+			response.put("data", result);
+
+		} catch (Exception e) {
+			e.printStackTrace();
+			response.put("status", "Error");
+		}
+
+		return response;
+	}
+
+	public Map<String, Object> getComplaintTypes() {
+
+		Map<String, Object> response = new HashMap<>();
+
+		try {
+
+			String sql = "SELECT complaint_id, complaint_name FROM complaint_master";
+
+			List<Map<String, Object>> result = jdbcTemplate.queryForList(sql);
+
+			response.put("status", "Success");
+			response.put("data", result);
+
+		} catch (Exception e) {
+
+			e.printStackTrace();
+			response.put("status", "Error");
+			response.put("message", "Something went wrong");
+		}
+
+		return response;
+	}
+
+	public Map<String, Object> getWardActivity(String zone, String complaintId,
+			String fromDate, String toDate) {
+
+		Map<String, Object> response = new HashMap<>();
+
+		try {
+
+			StringBuilder sql = new StringBuilder();
+			List<Object> params = new ArrayList<>();
+
+			sql.append("SELECT ");
+			sql.append("wm.ward_name AS ward, ");
+
+			sql.append("COUNT(DISTINCT cd.ref_id) AS total_count, ");
+
+			sql.append("COUNT(DISTINCT CASE ");
+			sql.append("WHEN comp.ref_id IS NOT NULL ");
+
+			if (fromDate != null && !fromDate.isEmpty() && toDate != null && !toDate.isEmpty()) {
+				sql.append("AND DATE(comp.cdate) BETWEEN ? AND ? ");
+				params.add(fromDate);
+				params.add(toDate);
+			}
+
+			sql.append("THEN comp.ref_id END) AS completed_count, ");
+
+			sql.append("COUNT(DISTINCT CASE ");
+			sql.append("WHEN comp.ref_id IS NULL ");
+
+			if (fromDate != null && !fromDate.isEmpty() && toDate != null && !toDate.isEmpty()) {
+				sql.append("AND DATE(cd.cdate) BETWEEN ? AND ? ");
+				params.add(fromDate);
+				params.add(toDate);
+			}
+
+			sql.append("THEN cd.ref_id END) AS pending_count ");
+
+			sql.append("FROM gcc_street_vendor.ward_master wm ");
+
+			// Complaint details join
+			sql.append("LEFT JOIN complaint_details cd ");
+			sql.append("ON wm.ward_name = cd.ward ");
+			// this below condition is here because if to get all the ward if no data for
+			// that ward also
+			sql.append("AND cd.zone = ? ");
+			params.add(zone);
+
+			sql.append("AND cd.is_delete = 0 ");
+			sql.append("AND cd.is_active = 1 ");
+
+			if (complaintId != null && !complaintId.isEmpty()) {
+				sql.append("AND cd.complaint_id = ? ");
+				params.add(complaintId);
+			}
+
+			// Completion join
+			sql.append("LEFT JOIN completion comp ");
+			sql.append("ON comp.ref_id = cd.ref_id ");
+
+			// Zone filter
+			sql.append("WHERE wm.zone_id = ? ");
+			params.add(zone);
+
+			sql.append("GROUP BY wm.ward_name ");
+			sql.append("ORDER BY wm.ward_name ");
+
+			List<Map<String, Object>> result = jdbcTemplate.queryForList(sql.toString(), params.toArray());
+
+			response.put("status", "Success");
+			response.put("data", result);
+
+		} catch (Exception e) {
+
+			e.printStackTrace();
+			response.put("status", "Error");
+			response.put("message", "Something went wrong");
+		}
+
+		return response;
+	}
+
+	/*
+	 * public Map<String, Object> getWardActivity(String zone, String complaintId,
+	 * String fromDate, String toDate) {
+	 * 
+	 * Map<String, Object> response = new HashMap<>();
+	 * 
+	 * try {
+	 * 
+	 * StringBuilder sql = new StringBuilder();
+	 * List<Object> params = new ArrayList<>();
+	 * 
+	 * sql.append("SELECT ");
+	 * sql.append("wm.ward_name AS ward, ");
+	 * 
+	 * sql.append("COUNT(cd.ref_id) AS total_count, ");
+	 * 
+	 * sql.
+	 * append("COUNT(CASE WHEN cd.status='completed' THEN 1 END) AS completed_count, "
+	 * );
+	 * 
+	 * sql.
+	 * append("COUNT(CASE WHEN cd.status='pending' THEN 1 END) AS pending_count ");
+	 * 
+	 * sql.append("FROM gcc_street_vendor.ward_master wm ");
+	 * 
+	 * sql.append("LEFT JOIN complaint_details cd ");
+	 * sql.append("ON wm.ward_name = cd.ward ");
+	 * sql.append("AND cd.zone = ? ");
+	 * params.add(zone);
+	 * 
+	 * sql.append("AND cd.is_delete = 0 ");
+	 * sql.append("AND cd.is_active = 1 ");
+	 * 
+	 * if (complaintId != null && !complaintId.isEmpty()) {
+	 * sql.append("AND cd.complaint_id = ? ");
+	 * params.add(complaintId);
+	 * }
+	 * 
+	 * if (fromDate != null && !fromDate.isEmpty() && toDate != null &&
+	 * !toDate.isEmpty()) {
+	 * sql.append("AND DATE(cd.cdate) BETWEEN ? AND ? ");
+	 * params.add(fromDate);
+	 * params.add(toDate);
+	 * }
+	 * 
+	 * sql.append("WHERE wm.zone_id = ? ");
+	 * params.add(zone);
+	 * 
+	 * sql.append("GROUP BY wm.ward_name ");
+	 * sql.append("ORDER BY wm.ward_name ");
+	 * 
+	 * List<Map<String, Object>> result = jdbcTemplate.queryForList(sql.toString(),
+	 * params.toArray());
+	 * 
+	 * response.put("status", "Success");
+	 * response.put("data", result);
+	 * 
+	 * } catch (Exception e) {
+	 * 
+	 * e.printStackTrace();
+	 * response.put("status", "Error");
+	 * response.put("message", "Something went wrong");
+	 * 
+	 * }
+	 * 
+	 * return response;
+	 * }
+	 */
+
+	public Map<String, Object> getComplaintDetails(String zone, String ward,
+			String complaintId, String fromDate, String toDate) {
+
+		Map<String, Object> response = new HashMap<>();
+
+		try {
+
+			StringBuilder sql = new StringBuilder();
+			List<Object> params = new ArrayList<>();
+
+			String beforeImageColumn = "cd.image_path";
+			String afterImageColumn = "comp.image_path";
+
+			sql.append("SELECT ");
+			sql.append("cm.complaint_name, ");
+			sql.append("cd.street_name, ");
+			sql.append("cd.status, ");
+			sql.append("DATE_FORMAT(cd.cdate,'%d-%m-%Y') AS complaint_created_date, ");
+			sql.append("IFNULL(DATE_FORMAT(comp.cdate,'%d-%m-%Y'),'Pending') AS completion_date, ");
+			/*
+			 * sql.append("DATE(cd.cdate) AS complaint_created_date, ");
+			 * sql.append("IFNULL(DATE(comp.cdate),'Pending') AS completion_date, ");
+			 */
+
+			sql.append(
+					"CONCAT('" + fileBaseUrl + "/gccofficialapp/files'," + beforeImageColumn + ") AS before_image, ");
+			sql.append("CONCAT('" + fileBaseUrl + "/gccofficialapp/files'," + afterImageColumn + ") AS after_image ");
+
+			sql.append("FROM complaint_details cd ");
+
+			sql.append("LEFT JOIN complaint_master cm ");
+			sql.append("ON cm.complaint_id = cd.complaint_id ");
+
+			sql.append("LEFT JOIN completion comp ");
+			sql.append("ON comp.ref_id = cd.ref_id ");
+
+			sql.append("WHERE cd.zone = ? ");
+			params.add(zone);
+
+			sql.append("AND cd.ward = ? ");
+			params.add(ward);
+
+			sql.append("AND cd.is_delete = 0 ");
+			sql.append("AND cd.is_active = 1 ");
+
+			if (complaintId != null && !complaintId.isEmpty()) {
+				sql.append("AND cd.complaint_id = ? ");
+				params.add(complaintId);
+			}
+
+			if (fromDate != null && !fromDate.isEmpty() && toDate != null && !toDate.isEmpty()) {
+
+				sql.append("AND ( ");
+
+				sql.append("(comp.ref_id IS NOT NULL AND DATE(comp.cdate) BETWEEN ? AND ?) ");
+
+				sql.append("OR ");
+
+				sql.append("(comp.ref_id IS NULL AND DATE(cd.cdate) BETWEEN ? AND ?) ");
+
+				sql.append(") ");
+
+				params.add(fromDate);
+				params.add(toDate);
+				params.add(fromDate);
+				params.add(toDate);
+			}
+
+			List<Map<String, Object>> result = jdbcTemplate.queryForList(sql.toString(), params.toArray());
+
+			response.put("status", "Success");
+			response.put("data", result);
+
+		} catch (Exception e) {
+
+			e.printStackTrace();
+			response.put("status", "Error");
+		}
+
+		return response;
+	}
+
+	/*
+	 * public Map<String, Object> getComplaintDetails(String zone, String ward,
+	 * String complaintId, String fromDate, String toDate) {
+	 * 
+	 * Map<String, Object> response = new HashMap<>();
+	 * 
+	 * try {
+	 * 
+	 * StringBuilder sql = new StringBuilder();
+	 * List<Object> params = new ArrayList<>();
+	 * String beforeImageColumn = "cd.image_path";
+	 * String afterImageColumn = "comp.image_path";
+	 * 
+	 * sql.append("SELECT ");
+	 * sql.append("cm.complaint_name, ");
+	 * sql.append("cd.street_name, ");
+	 * sql.append("cd.status, ");
+	 * sql.append(
+	 * "CONCAT('" + fileBaseUrl + "/gccofficialapp/files'," + beforeImageColumn +
+	 * ") AS before_image, ");
+	 * 
+	 * sql.append("CONCAT('" + fileBaseUrl + "/gccofficialapp/files'," +
+	 * afterImageColumn + ") AS after_image ");
+	 * 
+	 * sql.append("FROM complaint_details cd ");
+	 * 
+	 * sql.append("LEFT JOIN complaint_master cm ");
+	 * sql.append("ON cm.complaint_id=cd.complaint_id ");
+	 * 
+	 * sql.append("LEFT JOIN completion comp ");
+	 * sql.append("ON comp.ref_id=cd.ref_id ");
+	 * 
+	 * sql.append("WHERE cd.zone=? ");
+	 * params.add(zone);
+	 * 
+	 * sql.append("AND cd.ward=? ");
+	 * params.add(ward);
+	 * 
+	 * if (complaintId != null && !complaintId.isEmpty()) {
+	 * sql.append("AND cd.complaint_id=? ");
+	 * params.add(complaintId);
+	 * }
+	 * 
+	 * if (fromDate != null && !fromDate.isEmpty() && toDate != null &&
+	 * !toDate.isEmpty()) {
+	 * sql.append("AND DATE(cd.cdate) BETWEEN ? AND ? ");
+	 * params.add(fromDate);
+	 * params.add(toDate);
+	 * }
+	 * 
+	 * List<Map<String, Object>> result = jdbcTemplate.queryForList(sql.toString(),
+	 * params.toArray());
+	 * 
+	 * response.put("status", "Success");
+	 * response.put("data", result);
+	 * 
+	 * } catch (Exception e) {
+	 * 
+	 * e.printStackTrace();
+	 * response.put("status", "Error");
+	 * }
+	 * 
+	 * return response;
+	 * 
+	 * }
+	 */
+
+}

src/main/resources/templates/modules/iecomplaintsreport.html

@@ -0,0 +1,763 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+	<title>IE Complaints Report </title>
+
+	<!-- Bootstrap 5 CSS -->
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+
+	<!-- DataTables CSS -->
+	<link href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" rel="stylesheet" />
+	<link href="https://cdn.datatables.net/buttons/2.3.6/css/buttons.dataTables.min.css" rel="stylesheet" />
+
+	<style>
+		#ieSummaryTable {
+			border-collapse: collapse;
+			width: 100%;
+		}
+
+		#ieSummaryTable th,
+		#ieSummaryTable td {
+			border: 1px solid black;
+			text-align: center;
+			vertical-align: middle;
+		}
+
+		.table-header th {
+			background: #0b3c6d;
+			color: white;
+			font-weight: bold;
+		}
+
+		#ieSummaryTable tbody tr {
+			background: #e6e6e6;
+		}
+
+		.summary-card {
+			border-radius: 8px;
+			padding: 15px;
+			border: 1px dashed #999;
+		}
+
+		.complaint-card {
+			border-radius: 8px;
+		}
+
+		.complaint-header {
+			background: #0b3c6d;
+			color: white;
+			text-align: center;
+			font-weight: 600;
+		}
+
+		.summary-box {
+			padding: 12px;
+			border-radius: 6px;
+			border: 1px dashed #ccc;
+		}
+
+		.total {
+			background: #d7e7f1;
+		}
+
+		.completed {
+			background: #cfe8cf;
+		}
+
+		.pending {
+			background: #e7e2ec;
+		}
+
+		.summary-box h4 {
+			font-weight: 700;
+			color: #1e63d5;
+			margin: 0;
+		}
+
+		@media (max-width: 576px) {
+
+			.card-body .row {
+				flex-direction: column;
+			}
+
+			.card-body .col-4 {
+				width: 100%;
+				margin-bottom: 8px;
+			}
+
+		}
+	</style>
+</head>
+
+<body>
+
+	<div class="page-header-title text-center">
+		<h4 class>IE Complaints Report</h4>
+	</div>
+
+	<div class=" container mt-4">
+
+		<table id="ieSummaryTable" class="table table-bordered text-center">
+			<thead class="table-header">
+				<tr>
+					<th>Total Complaints</th>
+					<th>Completed</th>
+					<th>Pending</th>
+				</tr>
+			</thead>
+			<tbody></tbody>
+		</table>
+
+		<!-- Date Filter -->
+		<div class="card mt-3 mb-4">
+			<div class="card-body">
+
+				<div class="row align-items-end">
+
+					<div class="col-md-4">
+						<label class="form-label">From Date</label>
+						<input type="date" id="fromDate" class="form-control">
+					</div>
+
+					<div class="col-md-4">
+						<label class="form-label">To Date</label>
+						<input type="date" id="toDate" class="form-control">
+					</div>
+
+					<div class="col-md-2">
+						<button class="btn btn-primary w-100 " onclick="loadDashboard(true)">
+							Search
+						</button>
+					</div>
+
+				</div>
+
+			</div>
+		</div>
+
+	</div>
+
+	<div class="container mt-4">
+
+		<div id="dashboardCards" class="row"></div>
+
+	</div>
+
+	<div class="container mt-4">
+
+		<div class="row mb-2">
+			<div class="col-md-4">
+				<label class="form-label">Complaint Type</label>
+				<select id="complaintDropdown" class="form-control">
+					<option value="">All Complaints</option>
+				</select>
+			</div>
+		</div>
+
+		<table id="zoneTable" class="table table-bordered text-center">
+
+			<thead class="table-header">
+				<tr>
+					<th class="text-center">Zone</th>
+					<th class="text-center">Total</th>
+					<th class="text-center">Completed</th>
+					<th class="text-center">Pending</th>
+				</tr>
+			</thead>
+
+			<tbody id="zoneTableBody"></tbody>
+
+		</table>
+
+	</div>
+	<div class="modal fade" id="wardModal" tabindex="-1">
+		<div class="modal-dialog modal-lg">
+			<div class="modal-content">
+
+				<div class="modal-header">
+					<h5 class="modal-title">Ward Activity - Zone <span id="zoneTitle"></span></h5>
+					<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+				</div>
+
+				<div class="modal-body">
+
+					<table id="wardTable" class="table table-bordered text-center">
+
+						<thead class="table-header">
+							<tr>
+								<th class="text-center">Ward</th>
+								<th class="text-center">Total</th>
+								<th class="text-center">Completed</th>
+								<th class="text-center">Pending</th>
+							</tr>
+						</thead>
+
+						<tbody id="wardTableBody"></tbody>
+
+					</table>
+
+				</div>
+
+			</div>
+		</div>
+	</div>
+	<div class="modal fade" id="complaintModal" tabindex="-1">
+		<div class="modal-dialog modal-xl">
+			<div class="modal-content">
+
+				<div class="modal-header">
+					<h5 class="modal-title">Complaint Details - Ward <span id="wardTitle"></span> </h5>
+					<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+				</div>
+
+				<div class="modal-body">
+
+					<table id="complaintTable" class="table table-bordered text-center">
+
+						<thead class="table-header">
+							<tr>
+								<th class="text-center">Complaint Name</th>
+
+								<th class="text-center">Before Image</th>
+								<th class="text-center">Complaint Created Date</th>
+
+								<th class="text-center">After Image</th>
+								<th class="text-center">Completion Date</th>
+							</tr>
+						</thead>
+
+						<tbody id="complaintDetailsBody"></tbody>
+
+					</table>
+
+				</div>
+
+			</div>
+		</div>
+	</div>
+	<div class="modal fade" id="imageModal" tabindex="-1">
+		<div class="modal-dialog modal-dialog-centered modal-lg">
+			<div class="modal-content">
+
+				<div class="modal-header">
+					<h5 class="modal-title">Image Preview</h5>
+					<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+				</div>
+
+				<div class="modal-body text-center">
+					<img id="modalImage" src="" class="img-fluid" style="max-height:80vh;">
+				</div>
+
+			</div>
+		</div>
+	</div>
+
+
+
+	<!-- Image Modal -->
+	<!-- <div class="modal fade" id="imageModal" tabindex="-1" role="dialog" aria-hidden="true">
+				  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+				    <div class="modal-content">
+				    
+				      <div class="modal-body text-center p-0">
+				        <img id="modalImage" src="" class="img-fluid" alt="Preview" style="max-height: 80vh;"/>
+				      </div>
+				    </div>
+				  </div>
+				</div> -->
+
+
+	<div id="pageLoader"
+		style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; text-align: center;">
+		<div style="position: relative; top: 50%; transform: translateY(-50%);">
+			<div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
+				<span class="sr-only"></span>
+			</div>
+			<!-- Add the 'Please wait' text below the spinner -->
+			<p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p>
+		</div>
+	</div>
+
+
+	<!-- Scripts -->
+	<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
+
+	<!-- DataTables JS -->
+	<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
+	<script src="https://cdn.datatables.net/buttons/2.3.6/js/dataTables.buttons.min.js"></script>
+	<script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.html5.min.js"></script>
+	<script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.print.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
+
+	<!-- SweetAlert -->
+	<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+	<script>
+
+
+		/* 
+		$(document).on('click', '.preview-img', function() {
+			  const src = $(this).attr('src');
+			  $('#modalImage').attr('src', src);
+			  $('#imageModal').modal('show');
+			}); */
+		$("#fromDate").on("change", function () {
+
+			let fromDate = $(this).val();
+
+			if (fromDate) {
+				$("#toDate").attr("min", fromDate); // restrict past dates
+			}
+
+		});
+
+
+		$(document).ready(function () {
+			loadDashboard();
+			loadZoneActivity();
+			loadComplaintDropdown();
+
+			$.ajax({
+				url: '/commissionerreview/api/iecomplaints/getIESummary',
+				method: 'GET',
+
+				success: function (res) {
+
+					if (res.status === "Success") {
+
+						let data = res.data;
+
+						let row = `
+<tr>
+<td>${data.total_count}</td>
+<td>${data.completed_count}</td>
+<td>${data.pending_count}</td>
+</tr>
+`;
+
+						$("#ieSummaryTable tbody").html(row);
+
+						$('#ieSummaryTable').DataTable({
+
+							destroy: true,
+
+							dom: 'Bfrtip',
+
+							buttons: [
+								{
+									extend: 'excelHtml5',
+									text: 'Download Excel',
+									title: 'IE_Complaints_Summary'
+								},
+								{
+									extend: 'pdfHtml5',
+									text: 'Download PDF',
+									title: 'IE_Complaints_Summary',
+									orientation: 'landscape'
+								}
+							],
+
+							paging: false,
+							searching: false,
+							ordering: false
+
+						});
+
+					}
+
+				}
+
+			});
+
+		});
+		$("#complaintDropdown, #fromDate, #toDate").change(function () {
+			loadZoneActivity();
+		});
+		function loadComplaintDropdown() {
+
+			$.get("/commissionerreview/api/iecomplaints/complaintTypes", function (res) {
+
+				let html = `<option value="">All Complaints</option>`;
+
+				res.data.forEach(c => {
+
+					html += `<option value="${c.complaint_id}">
+                        ${c.complaint_name}
+                     </option>`;
+
+				});
+
+				$("#complaintDropdown").html(html);
+
+			});
+
+		}
+		$(document).on('click', '.preview-img', function () {
+
+			let src = $(this).attr("src");
+
+			$("#modalImage").attr("src", src);
+
+			$("#imageModal").modal("show");
+
+		});
+		function loadComplaintDetails(zone, ward) {
+			$("#wardTitle").text(ward);
+
+
+			let complaintId = $("#complaintDropdown").val();
+			let fromDate = $("#fromDate").val();
+			let toDate = $("#toDate").val();
+			if ($.fn.DataTable.isDataTable('#complaintTable')) {
+				$('#complaintTable').DataTable().destroy();
+			}
+
+			$.get("/commissionerreview/api/iecomplaints/complaintDetails", {
+
+				zone: zone,
+				ward: ward,
+				complaintId: complaintId,
+				fromDate: fromDate,
+				toDate: toDate
+
+			}, function (res) {
+				console.log(res)
+
+				let html = "";
+
+				if (res.status === "Success") {
+
+					res.data.forEach(c => {
+
+						html += `
+<tr>
+<td>${c.complaint_name}</td>
+
+
+<td>
+<img src="${c.before_image}" width="80" class="preview-img" style="cursor:pointer">
+</td>
+
+<td>${c.complaint_created_date}</td>
+
+<td>
+${c.after_image ? `<img src="${c.after_image}" width="80" class="preview-img" style="cursor:pointer">` : 'Pending'}
+</td>
+
+<td>${c.completion_date} </td>
+
+</tr>
+`;
+
+					});
+
+				}
+
+				$("#complaintDetailsBody").html(html);
+				$("#complaintTable").DataTable({
+					destroy: true,
+					dom: 'Bfrtip',
+					buttons: [
+						{
+							extend: 'excelHtml5',
+							text: 'Download Excel',
+							title: 'Complaint_Details'
+						},
+						{
+							extend: 'pdfHtml5',
+							text: 'Download PDF',
+							title: 'Complaint_Details',
+							orientation: 'landscape'
+						}
+					]
+				});
+
+				$("#complaintModal").modal("show");
+
+			});
+
+		}
+		function loadWardActivity(zone) {
+			console.log(zone);
+			$("#zoneTitle").text(zone);
+
+			let complaintId = $("#complaintDropdown").val();
+			let fromDate = $("#fromDate").val();
+			let toDate = $("#toDate").val();
+			console.log("complaintId");
+			console.log(complaintId);
+			if ($.fn.DataTable.isDataTable('#wardTable')) {
+				$('#wardTable').DataTable().destroy();
+			}
+
+			$.get("/commissionerreview/api/iecomplaints/wardActivity", {
+
+				zone: zone,
+				complaintId: complaintId,
+				fromDate: fromDate,
+				toDate: toDate
+
+			}, function (res) {
+
+				let html = "";
+
+				if (res.status === "Success") {
+
+					/*res.data.forEach(w => {
+						let wardCell = w.total_count > 0
+							? `<a href="javascript:void(0)" onclick="loadComplaintDetails('${zone}','${w.ward}')">${w.ward}</a>`
+							: `${w.ward}`;
+
+						html += `
+<tr>
+<td>
+${wardCell}
+
+</td>
+<td>${w.total_count}</td>
+<td>${w.completed_count}</td>
+<td>${w.pending_count}</td>
+</tr>
+`;*/
+					res.data.forEach(w => {
+
+						let total = Number(w.completed_count) + Number(w.pending_count);
+
+						let wardCell = total > 0
+							? `<a href="javascript:void(0)" onclick="loadComplaintDetails('${zone}','${w.ward}')">${w.ward}</a>`
+							: `${w.ward}`;
+
+						html += `
+<tr>
+<td>${wardCell}</td>
+<td>${total}</td>
+<td>${w.completed_count}</td>
+<td>${w.pending_count}</td>
+</tr>
+`;
+
+
+					});
+
+				}
+
+				$("#wardTableBody").html(html);
+				$("#wardTable").DataTable({
+					destroy: true,
+					dom: 'Bfrtip',
+					pageLength: 15,
+					buttons: [
+						{
+							extend: 'excelHtml5',
+							text: 'Download Excel',
+							title: 'Ward_Activity'
+						},
+						{
+							extend: 'pdfHtml5',
+							text: 'Download PDF',
+							title: 'Ward_Activity',
+							orientation: 'landscape'
+						}
+					]
+				});
+
+				$("#wardModal").modal("show");
+
+			});
+
+		}
+		function loadZoneActivity() {
+
+			let complaintId = $("#complaintDropdown").val();
+			let fromDate = $("#fromDate").val();
+			let toDate = $("#toDate").val();
+			if ($.fn.DataTable.isDataTable('#zoneTable')) {
+				$('#zoneTable').DataTable().destroy();
+			}
+
+
+			$.get("/commissionerreview/api/iecomplaints/zoneActivity", {
+				complaintId: complaintId,
+				fromDate: fromDate,
+				toDate: toDate
+			}, function (res) {
+
+				let html = "";
+
+				if (res.status === "Success" && res.data) {
+					/*<td>
+<a href="javascript:void(0)" onclick="loadWardActivity('${z.zone}')">
+${z.zone_name}
+</a>
+</td>
+					
+					<td>
+<a href="javascript:void(0)" onclick="loadComplaintDetails('${zone}','${w.ward}')">
+${w.ward}
+</a>
+</td>*/
+
+					res.data.forEach(z => {
+
+						let total = Number(z.completed_count) + Number(z.pending_count);
+
+						let zoneCell = total > 0
+							? `<a href="javascript:void(0)" onclick="loadWardActivity('${z.zone_name}')">${z.zone_name}</a>`
+							: `${z.zone_name}`;
+
+						html += `
+<tr>
+<td>${zoneCell}</td>
+<td>${total}</td>
+<td>${z.completed_count}</td>
+<td>${z.pending_count}</td>
+</tr>
+`;
+					});
+
+				}
+
+				$("#zoneTableBody").html(html);
+				$("#zoneTable").DataTable({
+					destroy: true,
+					dom: 'Bfrtip',
+					pageLength: 15,
+					buttons: [
+						{
+							extend: 'excelHtml5',
+							text: 'Download Excel',
+							title: 'Zone_Activity'
+						},
+						{
+							extend: 'pdfHtml5',
+							text: 'Download PDF',
+							title: 'Zone_Activity',
+							orientation: 'landscape'
+						}
+					]
+				});
+
+			});
+
+		}
+		function loadDashboard(isUserAction = false) {
+
+			let fromDate = $("#fromDate").val();
+			let toDate = $("#toDate").val();
+			if (isUserAction) {
+
+				if (!fromDate || !toDate) {
+					Swal.fire({
+						icon: 'warning',
+						title: 'Missing Date',
+						text: 'Please select From Date and To Date',
+						confirmButtonColor: '#3085d6'
+					});
+					return;
+				}
+			}
+
+			// Check if From Date > To Date
+			if (fromDate > toDate) {
+
+				Swal.fire({
+					icon: 'warning',
+					title: 'Invalid Date Range',
+					text: 'From Date cannot be greater than To Date',
+					confirmButtonColor: '#3085d6'
+				});
+
+				return;
+			}
+
+
+
+
+			$.ajax({
+
+				url: '/commissionerreview/api/iecomplaints/complaintDashboard',
+				method: 'GET',
+
+				data: {
+					fromDate: fromDate,
+					toDate: toDate
+				},
+
+				success: function (res) {
+
+					if (res.status === "Success") {
+
+
+
+						let html = '<div class="row">';
+
+						res.data.forEach(item => {
+							/*<div class="col-md-4 mb-4">*/
+
+							html += `
+  <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">
+        <div class="card complaint-card">
+
+            <div class="card-header complaint-header">
+                ${item.complaint_name}
+            </div>
+
+            <div class="card-body text-center">
+
+                <div class="row">
+
+                    <div class="col-4">
+                        <div class="summary-box total">
+                            <p>Total</p>
+                            <h4>${Number(item.completed_count) + Number(item.pending_count)}</h4>
+                        </div>
+                    </div>
+
+                    <div class="col-4">
+                        <div class="summary-box completed">
+                            <p>Completed</p>
+                            <h4>${item.completed_count}</h4>
+                        </div>
+                    </div>
+
+                    <div class="col-4">
+                        <div class="summary-box pending">
+                            <p>Pending</p>
+                            <h4>${item.pending_count}</h4>
+                        </div>
+                    </div>
+
+                </div>
+
+            </div>
+
+        </div>
+    </div>
+    `;
+
+						});
+
+						html += '</div>';
+
+						$("#dashboardCards").html(html);
+
+					}
+
+				}
+
+			});
+
+		}
+
+
+
+
+	</script>
+
+</body>
+
+</html>