`;
- }
+ }
};
// Payment handling
const PaymentHandler = {
- async addNewPaymentMethod() {
- try {
- const params = new URLSearchParams({
- jurisdiction: apiUtils.getCurrentJurisdiction(),
- });
- const authData = await DataManager.fetchJSON(`${CONFIG.URLS.TYLER_TOKEN}?${params}`);
-
- if (!authData?.success || !authData.data?.tyler_token) {
- Messages.showError("Authentication failed. Please try again.");
- return;
- }
-
- this.redirectToPaymentForm(authData.data);
- } catch (error) {
- console.log("Create payment error: %o", error);
- Messages.showError("Failed to create payment method. Please try again.");
- }
- },
-
- redirectToPaymentForm(authData) {
- const form = document.createElement("form");
- form.method = "post";
-
- const jurisdiction = authData.state || apiUtils.getCurrentJurisdiction();
- // TODO: we should revisit this hardcoded value in the future too
- form.action = Utils.parseJSON('new-toga-url');
-
- let dateStr = new Date().toDateString();
- const fields = [
- ['account_name', `Payment Account made on ${dateStr}`],
- ['global', 'false'],
- ['type_code', 'CC'],
- ['tyler_info', authData.tyler_token],
- ['original_url', `${window.location.origin}/jurisdiction/${jurisdiction}/review/?payment_status=success`],
- ['error_url', `${window.location.origin}/jurisdiction/${jurisdiction}/review/?payment_status=failure`]
- ];
-
- fields.forEach(([name, value]) => {
- const input = document.createElement("input");
- input.type = "hidden";
- input.name = name;
- input.value = value;
- form.appendChild(input);
- });
-
- document.body.appendChild(form);
- form.submit();
- },
-
- handleCallback() {
- const status = Utils.getURLParam('payment_status');
-
- if (status === 'success') {
- Messages.showSuccess(gettext("Payment method added successfully!"));
- setTimeout(() => APIHandlers.loadPaymentAccounts(), 1000);
- Utils.cleanURL();
- } else if (status === 'failure') {
- Messages.showError(gettext("Failed to add payment method. Please try again."));
- Utils.cleanURL();
+ async addNewPaymentMethod() {
+ try {
+ const params = new URLSearchParams({
+ jurisdiction: apiUtils.getCurrentJurisdiction(),
+ });
+ const authData = await DataManager.fetchJSON(`${CONFIG.URLS.TYLER_TOKEN}?${params}`);
+
+ if (!authData?.success || !authData.data?.tyler_token) {
+ Messages.showError("Authentication failed. Please try again.");
+ return;
+ }
+
+ this.redirectToPaymentForm(authData.data);
+ } catch (error) {
+ console.log("Create payment error: %o", error);
+ Messages.showError("Failed to create payment method. Please try again.");
+ }
+ },
+
+ redirectToPaymentForm(authData) {
+ const form = document.createElement("form");
+ form.method = "post";
+
+ const jurisdiction = authData.state || apiUtils.getCurrentJurisdiction();
+ // TODO: we should revisit this hardcoded value in the future too
+ form.action = Utils.parseJSON('new-toga-url');
+
+ let dateStr = new Date().toDateString();
+ const fields = [
+ ['account_name', `Payment Account made on ${dateStr}`],
+ ['global', 'false'],
+ ['type_code', 'CC'],
+ ['tyler_info', authData.tyler_token],
+ ['original_url', `${window.location.origin}/jurisdiction/${jurisdiction}/review/?payment_status=success`],
+ ['error_url', `${window.location.origin}/jurisdiction/${jurisdiction}/review/?payment_status=failure`]
+ ];
+
+ fields.forEach(([name, value]) => {
+ const input = document.createElement("input");
+ input.type = "hidden";
+ input.name = name;
+ input.value = value;
+ form.appendChild(input);
+ });
+
+ document.body.appendChild(form);
+ form.submit();
+ },
+
+ handleCallback() {
+ const status = Utils.getURLParam('payment_status');
+
+ if (status === 'success') {
+ Messages.showSuccess(gettext("Payment method added successfully!"));
+ setTimeout(() => APIHandlers.loadPaymentAccounts(), 1000);
+ Utils.cleanURL();
+ } else if (status === 'failure') {
+ Messages.showError(gettext("Failed to add payment method. Please try again."));
+ Utils.cleanURL();
+ }
}
- }
};
// Navigation
const Navigation = {
- goBack() {
- window.location.href = `/jurisdiction/${apiUtils.getCurrentJurisdiction()}/upload`;
- },
-
- changeDocument(type) {
- const jurisdiction = apiUtils.getCurrentJurisdiction();
- if (type === "lead") {
- // TODO: still save all of the existing stuff?
- window.location.href = `/jurisdiction/${jurisdiction}/upload_first`;
- } else {
- window.location.href = `/jurisdiction/${jurisdiction}/upload`;
+ goBack() {
+ window.location.href = `/jurisdiction/${apiUtils.getCurrentJurisdiction()}/upload`;
+ },
+
+ changeDocument(type) {
+ const jurisdiction = apiUtils.getCurrentJurisdiction();
+ if (type === "lead") {
+ // TODO: still save all of the existing stuff?
+ window.location.href = `/jurisdiction/${jurisdiction}/upload_first`;
+ } else {
+ window.location.href = `/jurisdiction/${jurisdiction}/upload`;
+ }
}
- }
};
// Filing submission
const FilingHandler = {
- async submitFiling() {
- const userData = this.collectUserData();
- const validationError = FormValidator.validateUserData(userData);
-
- if (validationError) {
- Messages.showError(validationError);
- return;
- }
+ async submitFiling() {
+ const userData = this.collectUserData();
+ const validationError = FormValidator.validateUserData(userData);
- const selectedPaymentMethod = document.querySelector('input[name="paymentMethod"]:checked');
- if (!selectedPaymentMethod) {
- Messages.showError(gettext("Please select a payment method to continue."));
- return;
- }
+ if (validationError) {
+ Messages.showError(validationError);
+ return;
+ }
- this.setSubmissionState(true);
- Messages.hide();
+ const selectedPaymentMethod = document.querySelector('input[name="paymentMethod"]:checked');
+ if (!selectedPaymentMethod) {
+ Messages.showError(gettext("Please select a payment method to continue."));
+ return;
+ }
- try {
- const result = await this.processSubmission(userData, selectedPaymentMethod.value);
- this.handleSubmissionResult(result);
- } catch (error) {
- console.log("Error on submission: %o", error)
- Messages.showError(gexttext("An unexpected error occurred. Please try again."));
- this.setSubmissionState(false);
- }
- },
-
- collectUserData() {
- return {
- fullName: FieldManager.getFieldValue('userName'),
- address: FieldManager.getFieldValue('userAddressLine1'),
- addressLine2: FieldManager.getFieldValue('userAddressLine2'),
- city: FieldManager.getFieldValue('userCity'),
- state: FieldManager.getFieldValue('userState'),
- zip: FieldManager.getFieldValue('userZip'),
- email: FieldManager.getFieldValue('userEmail'),
- phone: FieldManager.getFieldValue('userPhone')
- };
- },
-
- setSubmissionState(isSubmitting) {
- const submitButton = Utils.getElement('submitButton');
- const loadingSpinner = Utils.getElement('loadingSpinner');
-
- if (submitButton) submitButton.disabled = isSubmitting;
- if (loadingSpinner) loadingSpinner.style.display = isSubmitting ? "block" : "none";
- },
-
- async processSubmission(userData, paymentAccountID) {
- let [caseData, uploadData] = await Promise.all([
- DataManager.fetchJSON(CONFIG.URLS.CASE_DATA),
- DataManager.fetchJSON(CONFIG.URLS.UPLOAD_DATA)
- ]);
-
- caseData = caseData.data.case_data;
-
- const efilingData = this.buildEFilingData(userData, caseData, uploadData, paymentAccountID);
-
- return await DataManager.fetchJSON(CONFIG.URLS.SUBMIT_FILING, {
- method: 'POST',
- body: JSON.stringify({
- efile_data: efilingData,
- confirm_submission: true,
- payment_account_id: paymentAccountID
- })
- });
- },
-
- buildEFilingData(userData, caseData, uploadData, paymentAccountID) {
- const nameParts = userData.fullName.split(" ");
- const firstName = nameParts[0] || "";
- const lastName = nameParts.length > 1 ? nameParts[nameParts.length - 1] : "";
- const middleName = nameParts.length > 2 ? nameParts.slice(1, -1).join(" ") : "";
-
- const partyType = caseData.determined_party_type || caseData.petitioner_party_type || caseData.party_type;
-
- if (!partyType) {
- throw new Error('Party type could not be determined. This is required for eFiling.');
- }
+ this.setSubmissionState(true);
+ Messages.hide();
- // Build user object
- const mainUser = {
- mobile_number: userData.phone,
- phone_number: userData.phone,
- address: {
- address: userData.address,
- unit: userData.addressLine2,
- city: userData.city,
- state: userData.state,
- zip: userData.zip,
- country: "US"
- },
- email: userData.email,
- party_type: partyType,
- date_of_birth: "",
- is_form_filler: true,
- name: { first: firstName, middle: middleName, last: lastName, suffix: "" },
- is_new: true
- };
-
- const users = [mainUser];
-
- // Add second user if needed for name changes
- if (caseData.new_name_party_type) {
- users.push({
- ...mainUser,
- party_type: caseData.new_name_party_type,
- name: {
- first: caseData.new_first_name || firstName,
- middle: caseData.new_middle_name || middleName,
- last: caseData.new_last_name || lastName,
- suffix: caseData.new_suffix || ""
- }
- });
- }
+ try {
+ const result = await this.processSubmission(userData, selectedPaymentMethod.value);
+ this.handleSubmissionResult(result);
+ } catch (error) {
+ console.log("Error on submission: %o", error)
+ Messages.showError(gexttext("An unexpected error occurred. Please try again."));
+ this.setSubmissionState(false);
+ }
+ },
+
+ collectUserData() {
+ return {
+ fullName: FieldManager.getFieldValue('userName'),
+ address: FieldManager.getFieldValue('userAddressLine1'),
+ addressLine2: FieldManager.getFieldValue('userAddressLine2'),
+ city: FieldManager.getFieldValue('userCity'),
+ state: FieldManager.getFieldValue('userState'),
+ zip: FieldManager.getFieldValue('userZip'),
+ email: FieldManager.getFieldValue('userEmail'),
+ phone: FieldManager.getFieldValue('userPhone')
+ };
+ },
+
+ setSubmissionState(isSubmitting) {
+ const submitButton = Utils.getElement('submitButton');
+ const loadingSpinner = Utils.getElement('loadingSpinner');
+
+ if (submitButton) submitButton.disabled = isSubmitting;
+ if (loadingSpinner) loadingSpinner.style.display = isSubmitting ? "block" : "none";
+ },
+
+ async processSubmission(userData, paymentAccountID) {
+ let [caseData, uploadData] = await Promise.all([
+ DataManager.fetchJSON(CONFIG.URLS.CASE_DATA),
+ DataManager.fetchJSON(CONFIG.URLS.UPLOAD_DATA)
+ ]);
+
+ caseData = caseData.data.case_data;
+
+ const efilingData = this.buildEFilingData(userData, caseData, uploadData, paymentAccountID);
+
+ return await DataManager.fetchJSON(CONFIG.URLS.SUBMIT_FILING, {
+ method: 'POST',
+ body: JSON.stringify({
+ efile_data: efilingData,
+ confirm_submission: true,
+ payment_account_id: paymentAccountID
+ })
+ });
+ },
+
+ buildEFilingData(userData, caseData, uploadData, paymentAccountID) {
+ const nameParts = userData.fullName.split(" ");
+ const firstName = nameParts[0] || "";
+ const lastName = nameParts.length > 1 ? nameParts[nameParts.length - 1] : "";
+ const middleName = nameParts.length > 2 ? nameParts.slice(1, -1).join(" ") : "";
+
+ const partyType = caseData.determined_party_type || caseData.petitioner_party_type || caseData.party_type;
+
+ if (!partyType) {
+ throw new Error('Party type could not be determined. This is required for eFiling.');
+ }
- // Add second user if needed for name changes
- if (caseData.respondent_name_party_type) {
- users.push({
- party_type: caseData.respondent_name_party_type,
- name: {
- first: caseData.respondent_first_name || "",
- middle: caseData.respondent_middle_name || "",
- last: caseData.respondent_last_name || "",
- suffix: caseData.respondent_suffix || ""
- },
- is_new: true,
- });
- }
+ // Build user object
+ const mainUser = {
+ mobile_number: userData.phone,
+ phone_number: userData.phone,
+ address: {
+ address: userData.address,
+ unit: userData.addressLine2,
+ city: userData.city,
+ state: userData.state,
+ zip: userData.zip,
+ country: "US"
+ },
+ email: userData.email,
+ party_type: partyType,
+ date_of_birth: "",
+ is_form_filler: true,
+ name: {
+ first: firstName,
+ middle: middleName,
+ last: lastName,
+ suffix: ""
+ },
+ is_new: true
+ };
+
+ const users = [mainUser];
+
+ // Add second user if needed for name changes
+ if (caseData.new_name_party_type) {
+ users.push({
+ ...mainUser,
+ party_type: caseData.new_name_party_type,
+ name: {
+ first: caseData.new_first_name || firstName,
+ middle: caseData.new_middle_name || middleName,
+ last: caseData.new_last_name || lastName,
+ suffix: caseData.new_suffix || ""
+ }
+ });
+ }
- let other_parties = [];
-
- if (caseData.other_first_name && caseData.other_party_type) {
- other_parties.push({
- party_type: caseData.other_party_type,
- name: {
- first: caseData.other_first_name,
- last: caseData.other_last_name
- },
- address: {
- address: caseData.other_address_line_1,
- unit: caseData.other_address_line_2,
- city: caseData.other_address_city,
- state: caseData.other_address_state,
- zip: caseData.other_address_zip,
- country: "US"
- },
- email: caseData.other_email,
- phone_number: caseData.other_phone_number,
- is_new: true,
- });
- }
+ // Add second user if needed for name changes
+ if (caseData.respondent_name_party_type) {
+ users.push({
+ party_type: caseData.respondent_name_party_type,
+ name: {
+ first: caseData.respondent_first_name || "",
+ middle: caseData.respondent_middle_name || "",
+ last: caseData.respondent_last_name || "",
+ suffix: caseData.respondent_suffix || ""
+ },
+ is_new: true,
+ });
+ }
- const efilingData = {
- efile_case_category: caseData.case_category,
- efile_case_type: caseData.case_type,
- efile_case_subtype: caseData.case_subtype,
- previous_case_id: caseData?.previous_case_id,
- docket_number: caseData?.docket_number,
- users,
- other_parties,
- user_started_case: !caseData?.previous_case_id,
- al_court_bundle: [],
- cross_references: "",
- comments_to_clerk: "",
- tyler_payment_id: paymentAccountID,
- lead_contact: {
- name: { first: firstName, middle: middleName, last: lastName },
- email: userData.email
- },
- return_date: ""
- };
-
- // Add court bundles for documents
- this.addCourtBundles(efilingData, uploadData, caseData, users);
-
- return efilingData;
- },
-
- addCourtBundles(efilingData, uploadData, caseData, users) {
- const courtName = caseData.court_name || caseData.court || "";
- if (courtName.toLowerCase().includes("cook") || courtName.toLowerCase().includes("dupage")) {
- efilingData.cross_references = { 254500: "254500" };
- }
+ let other_parties = [];
+
+ if (caseData.other_first_name && caseData.other_party_type) {
+ other_parties.push({
+ party_type: caseData.other_party_type,
+ name: {
+ first: caseData.other_first_name,
+ last: caseData.other_last_name
+ },
+ address: {
+ address: caseData.other_address_line_1,
+ unit: caseData.other_address_line_2,
+ city: caseData.other_address_city,
+ state: caseData.other_address_state,
+ zip: caseData.other_address_zip,
+ country: "US"
+ },
+ email: caseData.other_email,
+ phone_number: caseData.other_phone_number,
+ is_new: true,
+ });
+ }
- // Add lead document
- if (uploadData?.files?.lead) {
- const leadBundle = this.createDocumentBundle(
- uploadData.files.lead,
- uploadData.lead_filing_type || caseData.filing_type,
- uploadData.lead_document_type || caseData.document_type,
- uploadData.lead_filing_component || caseData.filing_component,
- users,
- uploadData.lead_filing_type_name || caseData.case_type_name,
- uploadData.lead_document_type_name || "",
- uploadData.lead_cc_email
- );
- efilingData.al_court_bundle.push(leadBundle);
- }
+ const efilingData = {
+ efile_case_category: caseData.case_category,
+ efile_case_type: caseData.case_type,
+ efile_case_subtype: caseData.case_subtype,
+ previous_case_id: caseData?.previous_case_id,
+ docket_number: caseData?.docket_number,
+ users,
+ other_parties,
+ user_started_case: !caseData?.previous_case_id,
+ al_court_bundle: [],
+ cross_references: "",
+ comments_to_clerk: "",
+ tyler_payment_id: paymentAccountID,
+ lead_contact: {
+ name: {
+ first: firstName,
+ middle: middleName,
+ last: lastName
+ },
+ email: userData.email
+ },
+ return_date: ""
+ };
+
+ // Add court bundles for documents
+ this.addCourtBundles(efilingData, uploadData, caseData, users);
+
+ return efilingData;
+ },
+
+ addCourtBundles(efilingData, uploadData, caseData, users) {
+ const courtName = caseData.court_name || caseData.court || "";
+ if (courtName.toLowerCase().includes("cook") || courtName.toLowerCase().includes("dupage")) {
+ efilingData.cross_references = {
+ 254500: "254500"
+ };
+ }
- // Add supporting documents
- if (uploadData?.files?.supporting?.length > 0) {
- uploadData.files.supporting.forEach((doc, index) => {
- const config = uploadData.supporting_documents?.[index] || {};
- const bundle = this.createDocumentBundle(
- doc,
- config.filing_type || caseData.filing_type_id,
- config.document_type || caseData.document_type,
- config.filing_component || "supporting",
- users,
- config.filing_type_name || `Supporting Document ${index + 1}`,
- config.document_type_name || "",
- config.cc_email
- );
- efilingData.al_court_bundle.push(bundle);
- });
- }
- },
+ // Add lead document
+ if (uploadData?.files?.lead) {
+ const leadBundle = this.createDocumentBundle(
+ uploadData.files.lead,
+ uploadData.lead_filing_type || caseData.filing_type,
+ uploadData.lead_document_type || caseData.document_type,
+ uploadData.lead_filing_component || caseData.filing_component,
+ users,
+ uploadData.lead_filing_type_name || caseData.case_type_name,
+ uploadData.lead_document_type_name || "",
+ uploadData.lead_cc_email
+ );
+ efilingData.al_court_bundle.push(leadBundle);
+ }
- createDocumentBundle(doc, filingType, documentType, filingComponent, users, description, docDescription, cc_email) {
- if (cc_email) {
- courtesy_copies = [cc_email]
- }
- else {
- courtesy_copies = []
- }
- return {
- proxy_enabled: true,
- filing_type: filingType,
- optional_services: [],
- due_date: null,
- filing_description: description,
- reference_number: "",
- filing_attorney: "",
- filing_comment: "",
- courtesy_copies: courtesy_copies,
- preliminary_copies: [],
- filing_parties: users.length === 1 ? ["users[0]"] : ["users[0]", "users[1]"],
- filing_action: "efile",
- tyler_merge_attachments: false,
- document_type: documentType,
- filing_component: filingComponent,
- filename: doc.name,
- document_description: docDescription,
- data_url: doc.url || doc.s3_url || doc.file_url || doc.download_url
- };
- },
-
- handleSubmissionResult(result) {
- if (result?.success) {
- Messages.showSuccess(gettext("Filing submitted successfully! You will be redirected to the confirmation page."));
- setTimeout(() => {
- const jurisdiction = apiUtils.getCurrentJurisdiction();
- window.location.href = result.redirect_url || `/jurisdiction/${jurisdiction}/filing-confirmation/`;
- }, 2000);
- } else {
- Messages.showError(result?.error || "An error occurred during submission.");
- this.setSubmissionState(false);
+ // Add supporting documents
+ if (uploadData?.files?.supporting?.length > 0) {
+ uploadData.files.supporting.forEach((doc, index) => {
+ const config = uploadData.supporting_documents?.[index] || {};
+ const bundle = this.createDocumentBundle(
+ doc,
+ config.filing_type || caseData.filing_type_id,
+ config.document_type || caseData.document_type,
+ config.filing_component || "supporting",
+ users,
+ config.filing_type_name || `Supporting Document ${index + 1}`,
+ config.document_type_name || "",
+ config.cc_email
+ );
+ efilingData.al_court_bundle.push(bundle);
+ });
+ }
+ },
+
+ createDocumentBundle(doc, filingType, documentType, filingComponent, users, description, docDescription, cc_email) {
+ if (cc_email) {
+ courtesy_copies = [cc_email]
+ } else {
+ courtesy_copies = []
+ }
+ return {
+ proxy_enabled: true,
+ filing_type: filingType,
+ optional_services: [],
+ due_date: null,
+ filing_description: description,
+ reference_number: "",
+ filing_attorney: "",
+ filing_comment: "",
+ courtesy_copies: courtesy_copies,
+ preliminary_copies: [],
+ filing_parties: users.length === 1 ? ["users[0]"] : ["users[0]", "users[1]"],
+ filing_action: "efile",
+ tyler_merge_attachments: false,
+ document_type: documentType,
+ filing_component: filingComponent,
+ filename: doc.name,
+ document_description: docDescription,
+ data_url: doc.url || doc.s3_url || doc.file_url || doc.download_url
+ };
+ },
+
+ handleSubmissionResult(result) {
+ if (result?.success) {
+ Messages.showSuccess(gettext("Filing submitted successfully! You will be redirected to the confirmation page."));
+ setTimeout(() => {
+ const jurisdiction = apiUtils.getCurrentJurisdiction();
+ window.location.href = result.redirect_url || `/jurisdiction/${jurisdiction}/filing-confirmation/`;
+ }, 2000);
+ } else {
+ Messages.showError(result?.error || "An error occurred during submission.");
+ this.setSubmissionState(false);
+ }
}
- }
};
// Main application initialization
const ReviewApp = {
- async init() {
- await this.loadAllData();
- PaymentHandler.handleCallback();
- APIHandlers.fetchPartyType();
- },
-
- async loadAllData() {
- const caseData = DataManager.getCaseData();
- const friendlyNames = DataManager.getFriendlyNames();
-
- // Update case info immediately if available
- if (Object.keys(caseData).length > 0 || Object.keys(friendlyNames).length > 0) {
- UIUpdater.updateCaseInfo(caseData, friendlyNames);
- }
+ async init() {
+ await this.loadAllData();
+ PaymentHandler.handleCallback();
+ APIHandlers.fetchPartyType();
+ },
+
+ async loadAllData() {
+ const caseData = DataManager.getCaseData();
+ const friendlyNames = DataManager.getFriendlyNames();
+
+ // Update case info immediately if available
+ if (Object.keys(caseData).length > 0 || Object.keys(friendlyNames).length > 0) {
+ UIUpdater.updateCaseInfo(caseData, friendlyNames);
+ }
- // Load other data in parallel
- await Promise.all([
- APIHandlers.loadUserInfo(),
- APIHandlers.loadUploadData(),
- APIHandlers.loadPaymentAccounts()
- ]);
- }
+ // Load other data in parallel
+ await Promise.all([
+ APIHandlers.loadUserInfo(),
+ APIHandlers.loadUploadData(),
+ APIHandlers.loadPaymentAccounts()
+ ]);
+ }
};
// Global function exports for HTML onclick handlers
@@ -795,4 +829,4 @@ window.PaymentHandler = PaymentHandler;
window.Navigation = Navigation;
// Initialize app when DOM is ready
-document.addEventListener("DOMContentLoaded", () => ReviewApp.init());
+document.addEventListener("DOMContentLoaded", () => ReviewApp.init());
\ No newline at end of file
diff --git a/efile_app/efile/static/js/upload-handler-first.js b/efile_app/efile/static/js/upload-handler-first.js
index 2c11398..de6d5ff 100644
--- a/efile_app/efile/static/js/upload-handler-first.js
+++ b/efile_app/efile/static/js/upload-handler-first.js
@@ -12,11 +12,11 @@ class UploadHandler {
this.uploadProgress = document.getElementById('uploadProgress');
this.errorAlert = document.getElementById('errorAlert');
this.successAlert = document.getElementById('successAlert');
-
+
this.uploadedFile = null;
-
+
this.initialized = false;
-
+
this.init();
}
@@ -25,13 +25,13 @@ class UploadHandler {
console.warn('UploadHandler already initialized, skipping...');
return;
}
-
+
// First, sync any localStorage data to session
await this.syncFormDataToSession();
this.setupEventListeners();
this.setupDragAndDrop();
-
+
this.initialized = true;
}
@@ -58,7 +58,7 @@ class UploadHandler {
}
async saveUploadDataToSession(uploadData) {
- try {
+ try {
const result = await apiUtils.saveFirstUploadData(uploadData);
if (!result.success) {
throw new Error(result.error || 'Failed to save upload data to session');
@@ -72,10 +72,10 @@ class UploadHandler {
setupEventListeners() {
// Form submission
if (this.form) {
- this.form.addEventListener('submit', (e) => {
- e.preventDefault();
- this.handleFormSubmission();
- });
+ this.form.addEventListener('submit', (e) => {
+ e.preventDefault();
+ this.handleFormSubmission();
+ });
}
// File input changes
@@ -89,7 +89,7 @@ class UploadHandler {
this.leadDocumentArea.addEventListener('click', (e) => {
// Check if click is on file preview or remove button
- if (e.target.closest('.file-preview') ||
+ if (e.target.closest('.file-preview') ||
e.target.closest('.file-remove') ||
e.target.classList.contains('file-remove')) {
return;
@@ -101,11 +101,11 @@ class UploadHandler {
}
lastLeadClick = now;
-
+
// Prevent default and stop propagation to avoid any interference
e.preventDefault();
e.stopPropagation();
-
+
// Use setTimeout to ensure this runs after any other event handlers
setTimeout(() => {
this.leadDocumentInput.click();
@@ -129,7 +129,7 @@ class UploadHandler {
area.addEventListener('drop', (e) => {
e.preventDefault();
area.classList.remove('dragover');
-
+
const files = e.dataTransfer.files;
this.handleFileSelection(files);
});
@@ -196,8 +196,8 @@ class UploadHandler {
// Add file previews
if (file) {
- const preview = this.createFilePreview(file);
- area.appendChild(preview);
+ const preview = this.createFilePreview(file);
+ area.appendChild(preview);
}
// Show/hide document options based on whether files are uploaded
@@ -216,9 +216,9 @@ class UploadHandler {
createFilePreview(file) {
const preview = document.createElement('div');
preview.className = 'file-preview';
-
+
const fileSize = this.formatFileSize(file.size);
-
+
preview.innerHTML = `
@@ -231,7 +231,7 @@ class UploadHandler {
`;
-
+
// Add event listener to the remove button with strong event prevention
const removeButton = preview.querySelector('.file-remove');
removeButton.addEventListener('click', (e) => {
@@ -240,22 +240,22 @@ class UploadHandler {
e.stopImmediatePropagation();
this.uploadedFile = null;
- this.updateFilePreview(this.leadDocumentArea, null);
+ this.updateFilePreview(this.leadDocumentArea, null);
// Clear the native file input
if (this.leadDocumentInput) {
this.leadDocumentInput.value = '';
}
this.updateSubmitButton();
-
+
// Return false to ensure no further event processing
return false;
}, true); // Use capture phase to intercept before other handlers
-
+
// Also add a mousedown event to completely prevent any interaction issues
removeButton.addEventListener('mousedown', (e) => {
e.stopPropagation();
}, true);
-
+
return preview;
}
@@ -282,7 +282,7 @@ class UploadHandler {
});
const result = await response.json();
-
+
if (!result.success) {
throw new Error(result.error || 'Upload failed');
}
@@ -302,7 +302,7 @@ class UploadHandler {
showFileUploadProgress(fileName, type, index) {
const selector = '.file-preview';
const preview = this.leadDocumentArea.querySelector(selector)
-
+
if (preview) {
const statusDiv = preview.querySelector('.upload-status') || document.createElement('div');
statusDiv.className = 'upload-status';
@@ -316,7 +316,7 @@ class UploadHandler {
showFileUploadSuccess(fileName, index) {
const selector = '.file-preview';
const preview = this.leadDocumentArea.querySelector(selector);
-
+
if (preview) {
const statusDiv = preview.querySelector('.upload-status');
if (statusDiv) {
@@ -328,7 +328,7 @@ class UploadHandler {
showFileUploadError(fileName, index, error) {
const selector = '.file-preview';
const preview = this.leadDocumentArea.querySelector(selector)
-
+
if (preview) {
const statusDiv = preview.querySelector('.upload-status');
if (statusDiv) {
@@ -350,7 +350,7 @@ class UploadHandler {
window.location.href = `/jurisdiction/${jurisdiction}/expert_form/`;
return;
}
-
+
this.showWaiting("Processing your form...");
try {
@@ -379,7 +379,7 @@ class UploadHandler {
// Save the complete upload data to session
await this.saveUploadDataToSession(uploadDataWithUrls);
-
+
// Redirect to next page
const jurisdiction = apiUtils.getCurrentJurisdiction();
window.location.href = `/jurisdiction/${jurisdiction}/expert_form/`;
@@ -396,9 +396,12 @@ class UploadHandler {
this.hideAlerts();
document.getElementById('errorMessage').textContent = message;
this.errorAlert.style.display = 'block';
-
+
// Scroll to error
- this.errorAlert.scrollIntoView({ behavior: 'smooth', block: 'center' });
+ this.errorAlert.scrollIntoView({
+ behavior: 'smooth',
+ block: 'center'
+ });
}
showWaiting(message) {
@@ -406,9 +409,12 @@ class UploadHandler {
document.getElementById('successMessage').textContent = message;
document.getElementById('submitButton').disabled = true;
this.successAlert.style.display = 'block';
-
+
// Scroll to success
- this.successAlert.scrollIntoView({ behavior: 'smooth', block: 'center' });
+ this.successAlert.scrollIntoView({
+ behavior: 'smooth',
+ block: 'center'
+ });
}
hideAlerts() {
@@ -418,11 +424,11 @@ class UploadHandler {
formatFileSize(bytes) {
if (bytes === 0) return '0 Bytes';
-
+
const k = 1024;
const sizes = ['Bytes', 'KB', 'MB', 'GB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
-
+
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
}
}
@@ -434,4 +440,4 @@ document.addEventListener('DOMContentLoaded', function() {
} else {
console.warn('UploadHandler already exists, skipping initialization');
}
-});
+});
\ No newline at end of file
diff --git a/efile_app/efile/static/js/upload-handler.js b/efile_app/efile/static/js/upload-handler.js
index c1cb3e2..11c4340 100644
--- a/efile_app/efile/static/js/upload-handler.js
+++ b/efile_app/efile/static/js/upload-handler.js
@@ -29,9 +29,9 @@ class UploadHandler {
this.globalFilingTypes = [];
this.jurisdiction = apiUtils.getCurrentJurisdiction();
-
+
this.initialized = false;
-
+
this.init();
}
@@ -40,7 +40,7 @@ class UploadHandler {
console.warn('UploadHandler already initialized, skipping...');
return;
}
-
+
await this.loadFilingComponents();
// First, sync any localStorage data to session
@@ -49,9 +49,9 @@ class UploadHandler {
this.setupEventListeners();
this.setupDragAndDrop();
this.setupListeners();
-
+
this.setupCascadingDropdowns();
-
+
this.initialized = true;
}
@@ -76,7 +76,7 @@ class UploadHandler {
const leadCertifiedCopies = document.getElementById('leadCertifiedCopies');
if (leadCertifiedCopies) {
- leadCertifiedCopies.addEventListener('change', (e) => {
+ leadCertifiedCopies.addEventListener('change', (e) => {
let inputElement = document.getElementById('leadCertifiedCopyEmail');
this.toggleCCEmail(inputElement, e.target.checked)
})
@@ -123,7 +123,7 @@ class UploadHandler {
}
async saveUploadDataToSession(uploadData) {
- try {
+ try {
const result = await apiUtils.saveUploadData(uploadData);
if (!result.success) {
throw new Error(result.error || 'Failed to save upload data to session');
@@ -186,10 +186,10 @@ class UploadHandler {
setupEventListeners() {
// Form submission
if (this.form) {
- this.form.addEventListener('submit', (e) => {
- e.preventDefault();
- this.handleFormSubmission();
- });
+ this.form.addEventListener('submit', (e) => {
+ e.preventDefault();
+ this.handleFormSubmission();
+ });
}
this.supportingDocumentsInput.addEventListener('change', (e) => {
@@ -203,7 +203,7 @@ class UploadHandler {
this.leadDocumentArea.addEventListener('click', (e) => {
// Check if click is on file preview or remove button
- if (e.target.closest('.file-preview') ||
+ if (e.target.closest('.file-preview') ||
e.target.closest('.file-remove') ||
e.target.classList.contains('file-remove')) {
return;
@@ -215,7 +215,7 @@ class UploadHandler {
}
lastLeadClick = now;
-
+
// Prevent default and stop propagation to avoid any interference
e.preventDefault();
e.stopPropagation();
@@ -223,7 +223,7 @@ class UploadHandler {
this.supportingDocumentsArea.addEventListener('click', (e) => {
// Check if click is on file preview or remove button
- if (e.target.closest('.file-preview') ||
+ if (e.target.closest('.file-preview') ||
e.target.closest('.file-remove') ||
e.target.classList.contains('file-remove')) {
return;
@@ -235,11 +235,11 @@ class UploadHandler {
}
lastSupportingClick = now;
-
+
// Prevent default and stop propagation to avoid any interference
e.preventDefault();
e.stopPropagation();
-
+
// Use setTimeout to ensure this runs after any other event handlers
setTimeout(() => {
this.supportingDocumentsInput.click();
@@ -266,7 +266,7 @@ class UploadHandler {
area.addEventListener('drop', (e) => {
e.preventDefault();
area.classList.remove('dragover');
-
+
const files = e.dataTransfer.files;
this.handleFileSelection(files, type);
});
@@ -287,7 +287,10 @@ class UploadHandler {
if (upload_data.lead_filing_type) {
this.initializeFilingTypeDropdown(document.getElementById("leadFilingType_search"));
- window[`leadFilingTypeDropdown`].selectOption({"text": upload_data.lead_filing_type_name, "value": upload_data.lead_filing_type});
+ window[`leadFilingTypeDropdown`].selectOption({
+ "text": upload_data.lead_filing_type_name,
+ "value": upload_data.lead_filing_type
+ });
await this.populateDocumentTypes(upload_data.lead_filing_type, document.getElementById("leadDocumentType"));
}
@@ -312,7 +315,10 @@ class UploadHandler {
if (d.filing_type) {
this.initializeFilingTypeDropdown(document.getElementById(`supportingFilingType${index}_search`));
- window[`supportingFilingType${index}Dropdown`].selectOption({"text": d.filing_type_name, "value": d.filing_type});
+ window[`supportingFilingType${index}Dropdown`].selectOption({
+ "text": d.filing_type_name,
+ "value": d.filing_type
+ });
await this.populateDocumentTypes(d.filing_type, document.getElementById(`supportingDocumentType${index}`));
}
@@ -344,8 +350,8 @@ class UploadHandler {
// Multiple supporting documents allowed
const startIndex = this.uploadedFiles.length;
- this.uploadedFiles= [...this.uploadedFiles, ...validFiles];
- this.uploadedFileStatuses= [...this.uploadedFileStatuses, validFiles.map(f => FileStatus.UPLOADING)];
+ this.uploadedFiles = [...this.uploadedFiles, ...validFiles];
+ this.uploadedFileStatuses = [...this.uploadedFileStatuses, validFiles.map(f => FileStatus.UPLOADING)];
this.updateFilePreview(this.supportingDocumentsArea, this.uploadedFiles, this.uploadedFileStatuses);
// Update native supporting input FileList to match uploadedFiles.supporting
@@ -420,9 +426,9 @@ class UploadHandler {
createFilePreviewNoRemove(file_name, file_size) {
const preview = document.createElement('div');
preview.className = 'file-preview-lead';
-
+
const fileSize = this.formatFileSize(file_size);
-
+
preview.innerHTML = `
@@ -439,9 +445,9 @@ class UploadHandler {
createFilePreview(file, index) {
const preview = document.createElement('div');
preview.className = 'file-preview';
-
+
const fileSize = this.formatFileSize(file.size);
-
+
preview.innerHTML = `
@@ -454,7 +460,7 @@ class UploadHandler {
`;
-
+
// Add event listener to the remove button with strong event prevention
const removeButton = preview.querySelector('.file-remove');
removeButton.addEventListener('click', (e) => {
@@ -464,40 +470,40 @@ class UploadHandler {
e.stopImmediatePropagation();
this.updateSubmitButton();
-
+
// Return false to ensure no further event processing
return false;
}, true); // Use capture phase to intercept before other handlers
-
+
// Also add a mousedown event to completely prevent any interaction issues
removeButton.addEventListener('mousedown', (e) => {
e.stopPropagation();
}, true);
-
+
return preview;
}
updateSupportingDocumentsOptions(files) {
const optionsContainer = document.getElementById('supportingDocumentsOptions');
if (!optionsContainer) return;
-
+
// Clear existing options
optionsContainer.innerHTML = '';
-
+
// Add options for each supporting document
files.forEach((file, index) => {
const optionsHTML = createSupportingDocumentOptions(index, file.name);
-
+
const div = document.createElement('div');
div.innerHTML = optionsHTML;
optionsContainer.appendChild(div.firstElementChild);
});
-
+
// Initialize search dropdowns for supporting documents
this.initializeSupportingFilingTypeDropdowns(files);
}
- async initializeSupportingFilingTypeDropdowns(files) {
+ async initializeSupportingFilingTypeDropdowns(files) {
// Use global filing types data if available, otherwise wait for it to load
const checkGlobalData = () => {
if (this.globalFilingTypes && this.globalFilingTypes.length > 0) {
@@ -509,13 +515,13 @@ class UploadHandler {
placeholder: 'Search filing types...'
});
searchDropdown.updateOptions(this.globalFilingTypes);
-
+
// Store reference for later use
window[`supportingFilingType${index}Dropdown`] = searchDropdown;
} else {
console.warn(`Dropdown element not found for supportingFilingType${index}_search`);
}
-
+
// Setup cascading dropdown logic
this.setupSupportingDocumentCascading(index);
});
@@ -524,7 +530,7 @@ class UploadHandler {
setTimeout(checkGlobalData, 100);
}
};
-
+
checkGlobalData();
}
@@ -534,7 +540,7 @@ class UploadHandler {
if (filingTypeSelect && documentTypeSelect) {
filingTypeSelect.addEventListener('change', async () => {
- const selectedFilingTypeId = filingTypeSelect.value;
+ const selectedFilingTypeId = filingTypeSelect.value;
if (selectedFilingTypeId) {
await this.populateDocumentTypes(selectedFilingTypeId, documentTypeSelect);
} else {
@@ -545,22 +551,22 @@ class UploadHandler {
}
removeFile(index) {
- this.uploadedFiles.splice(index, 1);
- this.uploadedFileStatuses.splice(index, 1);
- // Regenerate all supporting file previews with correct indices
- this.updateFilePreview(this.supportingDocumentsArea, this.uploadedFiles, this.uploadedFileStatuses);
-
- // Update native supporting input FileList
- try {
- const dt = new DataTransfer();
- this.uploadedFiles.forEach(file => dt.items.add(file));
- if (this.supportingDocumentsInput) {
- this.supportingDocumentsInput.files = dt.files;
- }
- } catch (e) {
- console.warn('Could not update native supporting input.files after removal:', e);
+ this.uploadedFiles.splice(index, 1);
+ this.uploadedFileStatuses.splice(index, 1);
+ // Regenerate all supporting file previews with correct indices
+ this.updateFilePreview(this.supportingDocumentsArea, this.uploadedFiles, this.uploadedFileStatuses);
+
+ // Update native supporting input FileList
+ try {
+ const dt = new DataTransfer();
+ this.uploadedFiles.forEach(file => dt.items.add(file));
+ if (this.supportingDocumentsInput) {
+ this.supportingDocumentsInput.files = dt.files;
}
-
+ } catch (e) {
+ console.warn('Could not update native supporting input.files after removal:', e);
+ }
+
this.updateSubmitButton();
}
@@ -603,7 +609,7 @@ class UploadHandler {
});
const result = await response.json();
-
+
if (!result.success) {
this.uploadedFileStatuses[index] = FileStatus.FAILED;
throw new Error(result.error || 'Upload failed');
@@ -625,7 +631,7 @@ class UploadHandler {
this.uploadedFileStatuses[index] = FileStatus.UPLOADING;
const selector = `.file-preview:nth-child(${index + 3})`;
const preview = this.supportingDocumentsArea.querySelector(selector);
-
+
if (preview) {
const statusDiv = preview.querySelector('.upload-status') || document.createElement('div');
statusDiv.className = 'upload-status';
@@ -640,7 +646,7 @@ class UploadHandler {
this.uploadedFileStatuses[index] = FileStatus.SUCCESS;
const selector = `.file-preview:nth-child(${index + 3})`;
const preview = this.supportingDocumentsArea.querySelector(selector);
-
+
if (preview) {
const statusDiv = preview.querySelector('.upload-status') || document.createElement("div");
statusDiv.className = 'upload-status';
@@ -655,7 +661,7 @@ class UploadHandler {
this.uploadedFileStatuses[index] = FileStatus.FAILED;
const selector = `.file-preview:nth-child(${index + 3})`;
const preview = this.supportingDocumentsArea.querySelector(selector);
-
+
if (preview) {
const statusDiv = preview.querySelector('.upload-status') || document.createElement("div");
statusDiv.className = "upload-status";
@@ -681,7 +687,7 @@ class UploadHandler {
// Collect dropdown values for lead document
const leadFilingTypeSelect = document.getElementById('leadFilingType');
const leadDocumentTypeSelect = document.getElementById('leadDocumentType');
-
+
const leadFilingType = leadFilingTypeSelect ? leadFilingTypeSelect.value : '';
const leadFilingTypeName = leadFilingTypeSelect && leadFilingTypeSelect.selectedOptions[0] ? leadFilingTypeSelect.selectedOptions[0].text : '';
const leadDocumentType = leadDocumentTypeSelect ? leadDocumentTypeSelect.value : '';
@@ -710,7 +716,7 @@ class UploadHandler {
if (!document.getElementById(`supportingCertifiedCopies${index}`).checked) {
supportingCCEmail = null;
}
-
+
const supportingDoc = {
filing_type: filingType,
filing_type_name: filingTypeName,
@@ -720,7 +726,7 @@ class UploadHandler {
filing_component_name: componentName,
cc_email: supportingCCEmail
};
-
+
supportingDocuments.push(supportingDoc);
});
@@ -729,7 +735,10 @@ class UploadHandler {
files: [],
options: {
lead: {
- filing_component: {id: leadFilingComponentValue, name: leadFilingComponentName},
+ filing_component: {
+ id: leadFilingComponentValue,
+ name: leadFilingComponentName
+ },
certified_copies: document.getElementById('leadCertifiedCopies')?.checked || false,
sealed_confidential: document.getElementById('leadSealedConfidential')?.checked || false
},
@@ -775,7 +784,7 @@ class UploadHandler {
// Save the complete upload data to session
await this.saveUploadDataToSession(uploadDataWithUrls);
-
+
// Redirect to review page
window.location.href = `/jurisdiction/${this.jurisdiction}/review/`;
@@ -791,18 +800,24 @@ class UploadHandler {
this.hideAlerts();
document.getElementById('errorMessage').textContent = message;
this.errorAlert.style.display = 'block';
-
+
// Scroll to error
- this.errorAlert.scrollIntoView({ behavior: 'smooth', block: 'center' });
+ this.errorAlert.scrollIntoView({
+ behavior: 'smooth',
+ block: 'center'
+ });
}
showSuccess(message) {
this.hideAlerts();
document.getElementById('successMessage').textContent = message;
this.successAlert.style.display = 'block';
-
+
// Scroll to success
- this.successAlert.scrollIntoView({ behavior: 'smooth', block: 'center' });
+ this.successAlert.scrollIntoView({
+ behavior: 'smooth',
+ block: 'center'
+ });
}
hideAlerts() {
@@ -812,11 +827,11 @@ class UploadHandler {
formatFileSize(bytes) {
if (bytes === 0) return '0 Bytes';
-
+
const k = 1024;
const sizes = ['Bytes', 'KB', 'MB', 'GB'];
const i = Math.floor(Math.log(bytes) / Math.log(k));
-
+
return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
}
@@ -827,16 +842,18 @@ class UploadHandler {
const field = this.form.querySelector(`[name="${key}"]`);
if (field) {
if (field.type === "checkbox" || field.type === "radio") {
- field.checked = Array.isArray(data[key])
- ? data[key].includes(field.value)
- : data[key] === field.value;
+ field.checked = Array.isArray(data[key]) ?
+ data[key].includes(field.value) :
+ data[key] === field.value;
} else {
field.value = Array.isArray(data[key]) ? data[key][0] : data[key];
}
// Trigger change event for dropdowns to update dependent fields
if (field.tagName === "SELECT") {
- field.dispatchEvent(new Event("change", { bubbles: true }));
+ field.dispatchEvent(new Event("change", {
+ bubbles: true
+ }));
}
}
});
@@ -845,40 +862,46 @@ class UploadHandler {
async loadFilingComponents() {
try {
- // Use our backend API endpoint instead of direct Suffolk API call to avoid CORS
- const response = await fetch(`/api/get-filing-components/?jurisdiction=${this.jurisdiction}`, {
- method: "GET",
- headers: {
- "Content-Type": "application/json",
- "X-CSRFToken": apiUtils.getCSRFToken(),
- },
- });
-
- if (!response.ok) {
- throw new Error(
- `Failed to load filing components: ${response.status}`
- );
- }
-
- const result = await response.json();
- if (result.success && result.data) {
- // TODO(brycew): Make selecting Lead document and attachment more resillient
- result.data.map((component) => {
- if (component.name === "Lead Document") {
- this.globalFilingComponentLead = {id: component.code, name: component.name };
- }
- if (component.name === "Attachments") {
- this.globalFilingComponentSupport = {id: component.code, name: component.name };
- }
+ // Use our backend API endpoint instead of direct Suffolk API call to avoid CORS
+ const response = await fetch(`/api/get-filing-components/?jurisdiction=${this.jurisdiction}`, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ "X-CSRFToken": apiUtils.getCSRFToken(),
+ },
});
- } else {
- console.error("API returned error:", result.error);
- }
+
+ if (!response.ok) {
+ throw new Error(
+ `Failed to load filing components: ${response.status}`
+ );
+ }
+
+ const result = await response.json();
+ if (result.success && result.data) {
+ // TODO(brycew): Make selecting Lead document and attachment more resillient
+ result.data.map((component) => {
+ if (component.name === "Lead Document") {
+ this.globalFilingComponentLead = {
+ id: component.code,
+ name: component.name
+ };
+ }
+ if (component.name === "Attachments") {
+ this.globalFilingComponentSupport = {
+ id: component.code,
+ name: component.name
+ };
+ }
+ });
+ } else {
+ console.error("API returned error:", result.error);
+ }
} catch (error) {
- console.error("Error loading filing components:", error);
+ console.error("Error loading filing components:", error);
}
}
-
+
async initializeSearchDropdowns() {
// Get case data from Django context (passed from the view)
const caseClassification = JSON.parse(document.getElementById("case-classification").textContent);
@@ -890,97 +913,97 @@ class UploadHandler {
const existingCase = sessionStorage.getItem("existing_case") || "no";
if (!court || !caseType) {
- console.warn(
- "Missing court or case_type for filing type dropdown initialization"
- );
- return;
+ console.warn(
+ "Missing court or case_type for filing type dropdown initialization"
+ );
+ return;
}
-
+
let guesses = (await apiUtils.getUploadData())['guesses'];
// Fetch filing types data only once
if (this.globalFilingTypes.length === 0) {
- try {
- const apiUrl = `/api/dropdowns/filing-types/?jurisdiction=${this.jurisdiction}&court=${encodeURIComponent(
+ try {
+ const apiUrl = `/api/dropdowns/filing-types/?jurisdiction=${this.jurisdiction}&court=${encodeURIComponent(
court
)}&case_category=${encodeURIComponent(categoryType)}&case_type=${encodeURIComponent(
caseType
)}&existing_case=${existingCase}&guessed_filing_type=${guesses["filing type"]}`;
- const response = await fetch(apiUrl, {
- method: "GET",
- headers: {
- "Content-Type": "application/json",
- "X-CSRFToken": apiUtils.getCSRFToken(),
- },
- });
+ const response = await fetch(apiUrl, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ "X-CSRFToken": apiUtils.getCSRFToken(),
+ },
+ });
- if (!response.ok) {
- throw new Error(
- `Failed to load filing types: ${response.status}`
- );
- }
+ if (!response.ok) {
+ throw new Error(
+ `Failed to load filing types: ${response.status}`
+ );
+ }
- const result = await response.json();
- if (result.success && result.data) {
- this.globalFilingTypes = result.data.map((item, index) => {
- const processedItem = {
- value: item.value || item.code || item.id,
- text: item.text || item.name || item.description,
- };
- return processedItem;
- });
- } else {
- console.error("API returned error:", result.error);
- return;
+ const result = await response.json();
+ if (result.success && result.data) {
+ this.globalFilingTypes = result.data.map((item, index) => {
+ const processedItem = {
+ value: item.value || item.code || item.id,
+ text: item.text || item.name || item.description,
+ };
+ return processedItem;
+ });
+ } else {
+ console.error("API returned error:", result.error);
+ return;
+ }
+ } catch (error) {
+ console.error("Error loading filing types:", error);
+ return;
}
- } catch (error) {
- console.error("Error loading filing types:", error);
- return;
- }
}
// Initialize all existing filing type search dropdowns
this.initializeFilingTypeDropdowns();
}
-
+
async populateDocumentTypes(filingTypeId, documentTypeSelect) {
try {
- // Get court data from Django context to pass required parameters
- const court = JSON.parse(document.getElementById("case-classification").textContent)["court"] || sessionStorage.getItem("selected_court");
+ // Get court data from Django context to pass required parameters
+ const court = JSON.parse(document.getElementById("case-classification").textContent)["court"] || sessionStorage.getItem("selected_court");
- if (!court) {
- console.error("Missing court parameter for document types API");
- documentTypeSelect.innerHTML =
- '
Missing court data ';
- return;
- }
-
- let params = {
- jurisdiction: this.jurisdiction,
- court: court,
- parent: filingTypeId,
- }
- const result = await apiUtils.get('/api/dropdowns/document-types', params, true);
- if (result.success && result.data) {
- documentTypeSelect.innerHTML =
- '
Select an option ';
- result.data.forEach((docType) => {
- const option = document.createElement("option");
- option.value = docType.value || docType.code || docType.id;
- option.textContent =
- docType.text || docType.name || docType.description;
- documentTypeSelect.appendChild(option);
- });
- } else {
- console.error("API returned error:", result.error);
- documentTypeSelect.innerHTML =
- '
Error loading document types ';
- }
+ if (!court) {
+ console.error("Missing court parameter for document types API");
+ documentTypeSelect.innerHTML =
+ '
Missing court data ';
+ return;
+ }
+
+ let params = {
+ jurisdiction: this.jurisdiction,
+ court: court,
+ parent: filingTypeId,
+ }
+ const result = await apiUtils.get('/api/dropdowns/document-types', params, true);
+ if (result.success && result.data) {
+ documentTypeSelect.innerHTML =
+ '
Select an option ';
+ result.data.forEach((docType) => {
+ const option = document.createElement("option");
+ option.value = docType.value || docType.code || docType.id;
+ option.textContent =
+ docType.text || docType.name || docType.description;
+ documentTypeSelect.appendChild(option);
+ });
+ } else {
+ console.error("API returned error:", result.error);
+ documentTypeSelect.innerHTML =
+ '
Error loading document types ';
+ }
} catch (error) {
- console.error("Error loading document types:", error);
- documentTypeSelect.innerHTML =
- '
Error loading document types ';
+ console.error("Error loading document types:", error);
+ documentTypeSelect.innerHTML =
+ '
Error loading document types ';
}
}
@@ -988,7 +1011,7 @@ class UploadHandler {
// Lead document cascading dropdowns
const leadFilingTypeSelect = document.getElementById("leadFilingType");
const leadDocumentTypeSelect =
- document.getElementById("leadDocumentType");
+ document.getElementById("leadDocumentType");
if (leadFilingTypeSelect) {
leadFilingTypeSelect.addEventListener("change", () => {
@@ -1004,11 +1027,11 @@ class UploadHandler {
});
}
}
-
+
initializeFilingTypeDropdowns() {
// Initialize filing type search dropdowns
const filingTypeDropdowns = document.querySelectorAll(
- '[id*="FilingType_search"]'
+ '[id*="FilingType_search"]'
);
filingTypeDropdowns.forEach((dropdown) => this.initializeFilingTypeDropdown(dropdown));
@@ -1028,20 +1051,20 @@ class UploadHandler {
}
}
-
+
function populateDropdownFallback(dropdown) {
- if (!dropdown) return;
+ if (!dropdown) return;
- dropdown.innerHTML = `
+ dropdown.innerHTML = `
${gettext("Select a document type")}
${gettext("Lead Document")}
${gettext("Supporting Document")}
${gettext("Exhibit")}
`;
}
-
+
function createSupportingDocumentOptions(index, fileName) {
- const html = `
+ const html = `
Options for: ${fileName}
@@ -1102,8 +1125,8 @@ function createSupportingDocumentOptions(index, fileName) {
`;
- return html;
- }
+ return html;
+}
// Initialize when DOM is loaded
document.addEventListener('DOMContentLoaded', function() {
@@ -1112,4 +1135,4 @@ document.addEventListener('DOMContentLoaded', function() {
} else {
console.warn('UploadHandler already exists, skipping initialization');
}
-});
+});
\ No newline at end of file
diff --git a/efile_app/efile/templates/efile/choose_jurisdiction.html b/efile_app/efile/templates/efile/choose_jurisdiction.html
index 4cd1c0f..5b1517e 100644
--- a/efile_app/efile/templates/efile/choose_jurisdiction.html
+++ b/efile_app/efile/templates/efile/choose_jurisdiction.html
@@ -2,55 +2,58 @@
{% load i18n %}
- {% translate "Choose your state" as the_title %}
-
-
-
-
{{ the_title }}
-
-
-
-
-
-
-
-
-
-
- {% for value in jurisdiction_details %}
-
-
-
-
-
-
-
-
-
{{value.jurisdiction.display_name}}
-
+ {% translate "Choose your state" as the_title %}
+
+
+
+
{{ the_title }}
+
+
+
+
+
+
+
- {% endfor %}
-
-
-
-
-
-
+
+
+ {% for value in jurisdiction_details %}
+
+
+
+
+
+
+
+
{{ value.jurisdiction.display_name }}
+
+
+
+ {% endfor %}
+
+
+
+
+
diff --git a/efile_app/efile/templates/efile/components/profile_header.html b/efile_app/efile/templates/efile/components/profile_header.html
index b70988e..736e605 100644
--- a/efile_app/efile/templates/efile/components/profile_header.html
+++ b/efile_app/efile/templates/efile/components/profile_header.html
@@ -2,104 +2,94 @@
{% load i18n %}
-
{{jurisdiction}}
+
{{ jurisdiction }}