+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Property Brochure
+Professional Template
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Selected
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 🏠 4 Beds
+ 🛁 3 Baths
+ 📏 2,500 sq ft
+
+
+
+ About this Property
+ Modern design with clean layout, contemporary styling &
+ premium amenities for sophisticated living. Features open concept design with
+ high-end finishes.
+
+
+
+
+ Modern
+
+
+
+ Premium
+
+
+
+ Eco-Friendly
+
+
+
+ Selected
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Page 1: Hero Section
+ Luxury villa with stunning visuals, premium presentation, and
+ elegant design elements showcasing the finest architectural details
+
+
+ Page 2: Specifications
+ Detailed specs & amenities grid with comprehensive property
+ details, floor plans, and premium features for discerning buyers
+
+
+ Page 3: Location & Info
+ Nearby places, transportation options, prestigious schools,
+ shopping districts, and additional details for complete lifestyle overview
+
+
+ Premium Features
+ Smart home technology, advanced security systems, luxury
+ amenities, premium finishes, and exclusive lifestyle features
+
+
+ Investment Value
+ Premium location with high appreciation potential, rental
+ income opportunities, and exclusive market positioning
+
+
+
+
+
+
+ Luxury Villa
+
+
+
+ 3 Pages
+
+
+
+ Premium
+
+
+
+ Selected
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ THE SERENITY
+ HOUSE
+ PEACEFUL RETREAT
+ LUXURY HOUSE
+
+
+
+
+ Serene Living
+ Peaceful retreat with modern amenities, tranquil surroundings,
+ and harmonious design elements creating perfect balance
+
+
+
+ Modern Comfort
+ Beautiful surroundings & tranquility with contemporary design,
+ premium materials, thoughtful layouts, and smart home integration
+
+
+ Location Benefits
+ Prime location with easy access to amenities, nature trails,
+ shopping centers, excellent schools, and healthcare facilities
+
+
+ Lifestyle Features
+ Private gardens, outdoor entertainment areas, wellness spaces,
+ and community amenities for complete lifestyle satisfaction
+
+
+ Selected
+
+
+
+
+
+
+
+
+
+
+ THE VERTICE
+ Modern Urban Residence
+ Contemporary Living
+
+
+
+
+ 🏢 Urban Design
+ 🤖 Smart Tech
+ 🌆 City Center
+ 🚇 Metro Access
+
+
+ Modern urban residence with smart technology integration and
+ contemporary architecture for sophisticated city living
+ Convenient lifestyle in the heart of the city with premium
+ amenities, concierge services, and exclusive access
+
+
+ Urban Benefits
+ Walking distance to shopping, dining, entertainment venues,
+ public transport, business districts, and cultural attractions
+
+
+ Exquisite Interiors
+ Beautifully designed living spaces with premium finishes,
+ smart home systems, luxury amenities, and panoramic city views
+
+
+ Investment Potential
+ High-demand urban location with strong rental yields, capital
+ appreciation, and premium market positioning
+
+
+
+
+
+
+ Urban
+
+
+
+ 3 Pages
+
+
+
+ Modern
+
+
+
+ Selected
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Property Brochure
+Professional Template
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Select Your Property
+Choose the property you want to create a brochure for
+ + + +
+ Loading properties...
+
+
+
+
+
+
+
+
+
+ Market Analysis Options
+Select the market analysis features to include in your report
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Property Details Preview
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Basic Information
+
+
+
+ Property Name:
+ {propertyData.propertyName}
+
+
+ Property Type:
+ {propertyData.propertyType}
+
+
+ Status:
+ {propertyData.status}
+
+
+ Reference Number:
+ {propertyData.referenceNumber}
+
+
+
+ Contact Details
+
+
+
+ Name:
+ {propertyData.contactName}
+
+
+ Email:
+ {propertyData.contactEmail}
+
+
+ Phone:
+ {propertyData.contactPhone}
+
+
+
+
+
+
+
+
+ Specifications
+
+
+
+ Bedrooms:
+ {propertyData.bedrooms}
+
+
+ Bathrooms:
+ {propertyData.bathrooms}
+
+
+ Floor:
+ {propertyData.floor}
+
+
+ Size:
+ {propertyData.size} {propertyData.sizeUnit}
+
+
+ Build Year:
+ {propertyData.buildYear}
+
+
+
+ Pricing Information
+
+
+
+ Rent Price (Min):
+ {propertyData.rentPriceMin}
+
+
+ Rent Price (Max):
+ {propertyData.rentPriceMax}
+
+
+ Sale Price (Min):
+ {propertyData.salePriceMin}
+
+
+ Sale Price (Max):
+ {propertyData.salePriceMax}
+
+
+
+
+
+
+
+
+ Property Description
+
+
+
+ Property Title:
+ {propertyData.titleEnglish}
+
+
+ Full Description:
+
+ {propertyData.descriptionEnglish}
+
+
+
+
+
+
+
+
+ Location Details
+
+
+
+ City:
+ {propertyData.city}
+
+
+ Community:
+ {propertyData.community}
+
+
+ Sub Community:
+ {propertyData.subCommunity}
+
+
+ Locality:
+ {propertyData.locality}
+
+
+ Tower:
+ {propertyData.tower}
+
+
+ Unit Number:
+ {propertyData.unitNumber}
+
+
+
+
+
+ Amenities & Features
+
+
+
+ Parking Spaces:
+ {propertyData.parkingSpaces}
+
+
+ Furnished:
+ {propertyData.furnished}
+
+
+ Offering Type:
+ {propertyData.offeringType}
+
+
+
+ Availability
+
+
+
+ Available From:
+ {propertyData.rentAvailableFrom}
+
+
+ Available To:
+ {propertyData.rentAvailableTo}
+
+
+
+
+ Property Images by Category
+Review and select images for your brochure by category
+ + + + + +
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ {currentImage.title}
+{currentImage.category}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Property Brochure
+Professional Template
+
+
+
+
+
+
+
+
+
+
+
+ Editor Toolbar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {htmlContent}
+
+
+
+
+
+
+
+
+
+ Image Review - {selectedCategory}
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {currentImage.title}
+{currentImage.category}
+
+
+
+
+
+
+
+
+
+
+ Replace Image
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ {image.title}
+ {image.category}
+
+
+
+
+
+
+
+
+
+
+
+
+ Choose Image File
+Click to browse or drag and drop
+Supports: JPG, PNG, GIF, WebP
+
+ 
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js b/force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js
index 46e00bc..1b18d3c 100644
--- a/force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js
+++ b/force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js
@@ -132,6 +132,8 @@ export default class PropertyTemplateSelector extends LightningElement {
@track isDraggingTable = false;
@track draggedTableData = null;
@track selectorMode = false;
+ @track showDownloadModal = false;
+ @track downloadInfo = {};
@track selectedElement = null;
// Undo functionality
@@ -1560,87 +1562,71 @@ export default class PropertyTemplateSelector extends LightningElement {
this.isLoading = false;
this.hideProgress();
- // Create download message based on compression level
- let message = "";
+ // Set the download info for the modal
+ this.downloadInfo = {
+ filename: pdfResult.filename || "Unknown",
+ fileSize: pdfResult.file_size_mb ? pdfResult.file_size_mb + " MB" : "Unknown",
+ generatedAt: this.formatDate(pdfResult.generated_at),
+ expiresAt: this.formatDate(pdfResult.expires_at),
+ downloadUrl: pdfResult.download_url
+ };
+ // Automatically open download URL in new tab
+ console.log("Opening download URL:", pdfResult.download_url);
+ window.open(pdfResult.download_url, "_blank");
- if (pdfResult.status === "compressed_download_ready") {
- message = `
-
+
+
+
+ Insert Image
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Click to upload image or drag and drop
+ Supports: JPG, PNG, GIF, WebP +
+
+
+
+
-
- `;
- } else {
- message = `
- 📦 Compressed PDF Ready!
-PDF ID: ${pdfResult.pdf_id}
-Page Size: ${pdfResult.page_size}
-Generated: ${pdfResult.generated_at}
-This is a compressed version optimized for smaller file size.
- - - -
-
- 💡 About Compressed PDFs
--
-
- Images are optimized for smaller file size -
- All content is preserved but with reduced quality -
- Perfect for email sharing and quick downloads -
-
- `;
- }
-
- this.showSuccess(message);
-
- // Also provide a direct download link as fallback
- setTimeout(() => {
- if (this.template.querySelector('.success-message')) {
- const successMsg = this.template.querySelector('.success-message');
-
- // Add a fallback download link
- const fallbackLink = document.createElement('a');
- fallbackLink.href = pdfResult.download_url;
- fallbackLink.textContent = '🔗 Direct Download Link';
- fallbackLink.className = 'slds-button slds-button_neutral';
- fallbackLink.style.marginTop = '10px';
- fallbackLink.style.display = 'inline-block';
- fallbackLink.target = '_blank';
-
- successMsg.appendChild(fallbackLink);
- }
- }, 1000);
+ // Show simple success message
+ this.showSuccess(`✅ PDF generated successfully! File: ${pdfResult.filename} (${pdfResult.file_size_mb} MB) - Download opened in new tab.`);
+ this.showSuccess(`✅ PDF generated successfully! File: ${pdfResult.filename} (${pdfResult.file_size_mb} MB)`);
} catch (error) {
- console.error('Error handling PDF download ready:', error);
- this.showError('Error handling PDF download: ' + error.message);
+ console.error("Error handling PDF download ready:", error);
+ this.showError("Error handling PDF download: " + error.message);
}
}
+ // Modal control methods
+ closeDownloadModal() {
+ this.showDownloadModal = false;
+ }
+
+ stopPropagation(event) {
+ event.stopPropagation();
+ }
+
+ copyDownloadLink() {
+ if (navigator.clipboard && this.downloadInfo) {
+ navigator.clipboard.writeText(this.downloadInfo.downloadUrl).then(() => {
+ // Show feedback
+ const copyBtn = this.template.querySelector(".copy-btn");
+ if (copyBtn) {
+ const originalText = copyBtn.textContent;
+ copyBtn.textContent = "✅ Copied!";
+ copyBtn.classList.add("copied");
+
+ setTimeout(() => {
+ copyBtn.textContent = originalText;
+ copyBtn.classList.remove("copied");
+ }, 2000);
+ }
+ }).catch(err => {
+ console.error("Failed to copy: ", err);
+ alert("Failed to copy link to clipboard");
+ });
+ }
+ }
+
+ openInNewTab() {
+ if (this.downloadInfo && this.downloadInfo.downloadUrl) {
+ window.open(this.downloadInfo.downloadUrl, "_blank");
+ }
+ }
+
+ // Helper method to format dates
+ formatDate(dateString) {
+ if (!dateString) return "Unknown";
+ const date = new Date(dateString);
+ return date.toLocaleString();
+ }
// Create template HTML based on selection
createTemplateHTML() {
console.log('=== CREATE TEMPLATE HTML DEBUG ===');
diff --git a/force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js.backup b/force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js.backup
index 0e38098..46e00bc 100644
--- a/force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js.backup
+++ b/force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js.backup
@@ -1551,6 +1551,96 @@ export default class PropertyTemplateSelector extends LightningElement {
}
}
+ // Handle PDF download ready response
+ async handlePDFDownloadReady(pdfResult) {
+ try {
+ console.log("Handling PDF download ready:", pdfResult);
+
+ // Hide loading state
+ this.isLoading = false;
+ this.hideProgress();
+
+ // Create download message based on compression level
+ let message = "";
+
+ if (pdfResult.status === "compressed_download_ready") {
+ message = `
+ 📄 PDF Ready for Download!
-PDF ID: ${pdfResult.pdf_id}
-Page Size: ${pdfResult.page_size}
-Generated: ${pdfResult.generated_at}
-Your PDF has been generated successfully and is ready for download.
- - - -
-
- ✅ Download Instructions
--
-
- Click the download button above -
- Your PDF will open in a new tab -
- Use your browser's save function to download -
+
+ `;
+ } else {
+ message = `
+ 📦 Compressed PDF Ready!
+PDF ID: ${pdfResult.pdf_id}
+Page Size: ${pdfResult.page_size}
+Generated: ${pdfResult.generated_at}
+This is a compressed version optimized for smaller file size.
+ + + +
+
+ 💡 About Compressed PDFs
+-
+
- Images are optimized for smaller file size +
- All content is preserved but with reduced quality +
- Perfect for email sharing and quick downloads +
+
+ `;
+ }
+
+ this.showSuccess(message);
+
+ // Also provide a direct download link as fallback
+ setTimeout(() => {
+ if (this.template.querySelector('.success-message')) {
+ const successMsg = this.template.querySelector('.success-message');
+
+ // Add a fallback download link
+ const fallbackLink = document.createElement('a');
+ fallbackLink.href = pdfResult.download_url;
+ fallbackLink.textContent = '🔗 Direct Download Link';
+ fallbackLink.className = 'slds-button slds-button_neutral';
+ fallbackLink.style.marginTop = '10px';
+ fallbackLink.style.display = 'inline-block';
+ fallbackLink.target = '_blank';
+
+ successMsg.appendChild(fallbackLink);
+ }
+ }, 1000);
+
+ } catch (error) {
+ console.error('Error handling PDF download ready:', error);
+ this.showError('Error handling PDF download: ' + error.message);
+ }
+ }
+
// Create template HTML based on selection
createTemplateHTML() {
console.log('=== CREATE TEMPLATE HTML DEBUG ===');
diff --git a/replace_method.py b/replace_method.py
new file mode 100644
index 0000000..5b7bc55
--- /dev/null
+++ b/replace_method.py
@@ -0,0 +1,22 @@
+#!/usr/bin/env python3
+
+# Read the original file
+with open('force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js', 'r') as f:
+ lines = f.readlines()
+
+# Read the new method
+with open('update_popup_method.js', 'r') as f:
+ new_method = f.read()
+
+# Find the start and end of the handlePDFDownloadReady method
+start_line = 1555 - 1 # Convert to 0-based index
+end_line = 1643 - 1 # Convert to 0-based index
+
+# Replace the method
+new_lines = lines[:start_line] + [new_method + '\n\n'] + lines[end_line:]
+
+# Write the updated file
+with open('force-app/main/default/lwc/propertyTemplateSelector/propertyTemplateSelector.js', 'w') as f:
+ f.writelines(new_lines)
+
+print("✅ Successfully updated the handlePDFDownloadReady method with popup functionality!")
diff --git a/update_popup_method.js b/update_popup_method.js
new file mode 100644
index 0000000..1ce45a9
--- /dev/null
+++ b/update_popup_method.js
@@ -0,0 +1,182 @@
+// Updated handlePDFDownloadReady method with popup functionality
+async handlePDFDownloadReady(pdfResult) {
+ try {
+ console.log("Handling PDF download ready:", pdfResult);
+
+ // Hide loading state
+ this.isLoading = false;
+ this.hideProgress();
+
+ // Show the beautiful popup modal
+ this.showDownloadPopup(pdfResult);
+
+ // Also show a success message
+ this.showSuccess('✅ PDF generated successfully! Click the popup to download.');
+
+ } catch (error) {
+ console.error('Error handling PDF download ready:', error);
+ this.showError('Error handling PDF download: ' + error.message);
+ }
+}
+
+// New method to show download popup
+showDownloadPopup(pdfResult) {
+ // Create modal HTML
+ const modalHTML = `
+ 📄 PDF Ready for Download!
+PDF ID: ${pdfResult.pdf_id}
+Page Size: ${pdfResult.page_size}
+Generated: ${pdfResult.generated_at}
+Your PDF has been generated successfully and is ready for download.
+ + + +
+
+ ✅ Download Instructions
+-
+
- Click the download button above +
- Your PDF will open in a new tab +
- Use your browser's save function to download +
+
+
+ `;
+
+ // Add modal to page
+ document.body.insertAdjacentHTML('beforeend', modalHTML);
+
+ // Close modal when clicking outside
+ const modal = document.querySelector('.pdf-download-modal');
+ if (modal) {
+ modal.addEventListener('click', function(event) {
+ if (event.target === modal) {
+ modal.remove();
+ }
+ });
+ }
+
+ // Close modal with Escape key
+ const escapeHandler = function(event) {
+ if (event.key === 'Escape') {
+ const modal = document.querySelector('.pdf-download-modal');
+ if (modal) {
+ modal.remove();
+ document.removeEventListener('keydown', escapeHandler);
+ }
+ }
+ };
+ document.addEventListener('keydown', escapeHandler);
+}
+
+// Helper method to format dates
+formatDate(dateString) {
+ if (!dateString) return 'Unknown';
+ const date = new Date(dateString);
+ return date.toLocaleString();
+}