1 files changed, 95 insertions, 0 deletions
diff --git a/src/scripts/pages/view-khatian/index.ts b/src/scripts/pages/view-khatian/index.ts
new file mode 100644
index 0000000..bb44a38
--- /dev/null
+++ b/src/scripts/pages/view-khatian/index.ts
@@ -0,0 +1,95 @@
+import getDownloadInformationPDFPageContent from "@/scripts/pages/view-khatian/download-information-pdf-page-content.html";
+import { generateWebPage } from "@/shared/generate-web-page";
+import { addPostInterceptor, JQueryAjaxArgs } from "@/shared/intercept-jquery-ajax";
+
+const submitButtonElement = $("#khbutton");
+const separatorElement = $("#bodycover > div > form > hr:nth-child(2)");
+const formElement = $("#bodycover > div > form");
+let downloadPDFButton: JQuery<HTMLButtonElement> | null = null;
+
+const submitButtonElementComputedStyles = window.getComputedStyle(submitButtonElement[0]);
+const styles = Array.from(submitButtonElementComputedStyles)
+	.reduce(
+		(str, property) => `${str}${property}:${submitButtonElementComputedStyles.getPropertyValue(property)};`,
+		""
+	);
+
+/**
+ * Reads the currently selected text from a `<select>` element.
+ *
+ * @param selector - CSS selector for the select element.
+ * @returns The text of the selected option.
+ */
+function getValueOfSelectElement(selector: string): string {
+	const element = document.querySelector<HTMLSelectElement>(selector);
+	return element?.options[element.selectedIndex].text ?? "";
+};
+
+let isPlotInformation: boolean | null = null;
+
+/**
+ * Opens a new window with a printable PDF view of the current khatian
+ * or plot details, including district/block/mouza info.
+ */
+function downloadInformationPDF(): void {
+	generateWebPage(
+		getDownloadInformationPDFPageContent({
+			isPlotInformation: !!isPlotInformation,
+			details: $(isPlotInformation ? "#plotdetails" : "#khdetails").html() || "",
+			district: getValueOfSelectElement("#lstDistrictCode1"),
+			block: getValueOfSelectElement("#lstBlockCode1"),
+			mouza: getValueOfSelectElement("#lstMouzaList")
+		}),
+		isPlotInformation
+			? "Plot Details"
+			: "Khatian Details"
+	);
+};
+
+/**
+ * Intercepts the success callback of a jQuery AJAX call.  When a valid
+ * details table is returned, it inserts a "Download PDF" button;
+ * otherwise it removes an existing button.
+ *
+ * @param args - The `arguments` object from the intercepted `$.post` call.
+ */
+function showDownloadButton(args: JQueryAjaxArgs): void {
+	if (isPlotInformation !== null) {
+		const callback = args[2];
+		args[2] = (...data) => {
+			callback(...data);
+			const tableElement = $(isPlotInformation
+				? "#plotdetails > div:nth-child(1) > div:nth-child(4) > table > tbody"
+				: "#khdetails > table > tbody > tr > td:nth-child(1) > div:nth-child(5) > table > tbody"
+			);
+
+			if (tableElement.length) {
+				tableElement.css("height", "auto");
+				tableElement.css("width", "100%");
+
+				if (!downloadPDFButton) {
+					downloadPDFButton = $(document.createElement("button"));
+					downloadPDFButton.html("Download PDF");
+					downloadPDFButton[0].style.cssText = styles;
+					downloadPDFButton.css("width", "auto");
+					downloadPDFButton.css("margin-bottom", "1rem");
+					downloadPDFButton.on("click", downloadInformationPDF);
+					formElement[0].insertBefore(downloadPDFButton[0], separatorElement[0]);
+				}
+			} else if (downloadPDFButton) {
+				($(downloadPDFButton)).remove();
+				isPlotInformation = null;
+				downloadPDFButton = null;
+			}
+		};
+	}
+};
+
+addPostInterceptor("plotDetailsAction_LandInfo.action", (args: JQueryAjaxArgs) => {
+	isPlotInformation = true;
+	showDownloadButton(args);
+});
+addPostInterceptor("khDetailsAction_LandInfo.action", (args: JQueryAjaxArgs) => {
+	isPlotInformation = false;
+	showDownloadButton(args);
+});