-
`;
+
-
- Property Gallery
-
- ${this.generatePropertyGalleryHTMLForImages(chunk)}
-
-
+
`;
}
}
+
return `
- Property Gallery
+
+ ${this.generatePropertyGalleryHTMLForImages(chunk)}
+
+
-
-
-
-
-
- ${additionalGalleryPagesHTML}
- `;
+
+
+
-
-
-
- Basic Information
-
-
- Property Type: ${propertyType}
- Status: ${status}
- City: ${city}
- Community: ${community}
- Sub Community: ${subCommunity}
- Furnished: ${furnished}
-
-
-
-
- Contact Details
-
-
- Name: ${
- data.contactName || "N/A"
- }
- Email: ${
- data.contactEmail || "N/A"
- }
- Phone: ${
- data.contactPhone || "N/A"
- }
-
-
-
-
- Location Details
-
-
- City (Bayut): ${
- data.cityBayut || "N/A"
- }
- City (Propertyfinder): ${
- data.cityPropertyfinder || "N/A"
- }
- Community (Bayut): ${
- data.communityBayut || "N/A"
- }
- Sub Community (Bayut): ${
- data.subCommunityBayut || "N/A"
- }
- Locality (Bayut): ${
- data.localityBayut || "N/A"
- }
- Sub Locality (Bayut): ${
- data.subLocalityBayut || "N/A"
- }
- Tower (Bayut): ${
- data.towerBayut || "N/A"
- }
- Unit Number: ${
- data.unitNumber || "N/A"
- }
-
-
-
- Specifications
-
-
- Bedrooms: ${bedrooms}
- Bathrooms: ${bathrooms}
- Size: ${size} ${sizeUnit}
- Parking Spaces: ${parkingSpaces}
- Build Year: ${buildYear}
- Floor: ${
- data.floor || "N/A"
- }
-
-
-
-
- Pricing Information
-
-
- Rent Price: ${rentPriceMin}
- Sale Price: ${salePriceMin}
- Rent Price (Max): ${
- data.rentPriceMax || "N/A"
- }
- Sale Price (Max): ${
- data.salePriceMax || "N/A"
- }
-
-
-
-
- Rent Availability
-
-
- Rent Available From: ${
- data.rentAvailableFrom || "N/A"
- }
- Rent Available To: ${
- data.rentAvailableTo || "N/A"
- }
-
-
-
- Property Description
-
-
- ${titleEnglish}
-
- ${descriptionEnglish}
-
-
-
-
-
- Property Type: ${propertyType}
- Status: ${status}
- Furnished: ${furnished}
- Build Year: ${buildYear}
-
-
-
- Amenities & Features
-
-
- Parking Spaces: ${
- data.parkingSpaces || "N/A"
- }
- Furnished: ${
- data.furnished || "N/A"
- }
- Offering Type: ${
- data.offeringType || "N/A"
- }
- Build Year: ${
- data.buildYear || "N/A"
- }
-
-
- Property Gallery
-
- ${
- firstChunk.length > 0
- ? this.generatePropertyGalleryHTMLForImages(
- firstChunk
- )
- : this.generatePropertyGalleryHTML()
- }
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ${additionalGalleryPagesHTML}
+ `;
}
+
createModernHomeTemplate() {
const data = this.propertyData || {};
@@ -6687,49 +6941,152 @@ ${galleryPagesHTML}
// Property insertion functions
insertPropertyName() {
- const propertyName = this.propertyData.Name || "Property Name";
- this.insertTextAtCursor(propertyName);
+ const propertyName = this.propertyData.propertyName || this.propertyData.Name || "Property Name";
+ this.insertTextAtCursor(`Name: ${propertyName}`);
}
insertPropertyPrice() {
- const price = this.propertyData.Price__c || "$0";
- this.insertTextAtCursor(price);
+ const price = this.propertyData.price || this.propertyData.rentPriceMin || this.propertyData.salePriceMin || "Price on Request";
+ this.insertTextAtCursor(`Price: ${price}`);
}
insertPropertyType() {
- const type = this.propertyData.Property_Type__c || "Property Type";
- this.insertTextAtCursor(type);
+ const type = this.propertyData.propertyType || this.propertyData.Property_Type__c || "Property Type";
+ this.insertTextAtCursor(`Type: ${type}`);
}
+
insertPropertyBathrooms() {
- const bathrooms = this.propertyData.Bathrooms__c || "0";
- this.insertTextAtCursor(bathrooms + " Bathrooms");
+ const bathrooms = this.propertyData.bathrooms || this.propertyData.Bathrooms__c || "0";
+ this.insertTextAtCursor(`Bathrooms: ${bathrooms}`);
}
insertPropertySqft() {
- const sqft = this.propertyData.Square_Footage__c || "0";
- this.insertTextAtCursor(sqft + " sq ft");
+ const sqft = this.propertyData.area || this.propertyData.size || this.propertyData.Square_Footage__c || "0";
+ this.insertTextAtCursor(`Square Footage: ${sqft}`);
}
insertPropertyAddress() {
- const address = this.propertyData.Location__c || "Property Address";
- this.insertTextAtCursor(address);
+ const address = this.propertyData.location || this.propertyData.Location__c || "Property Address";
+ this.insertTextAtCursor(`Address: ${address}`);
}
insertPropertyDescription() {
- const description =
- this.propertyData.Description_English__c ||
- this.propertyData.pcrm__Description_English__c ||
- this.propertyData.Description__c ||
- "Property Description";
+ const description = this.propertyData.descriptionEnglish || this.propertyData.Description_English__c || this.propertyData.Description__c || "Property Description";
// Wrap into paragraphs and basic formatting
const lines = String(description)
.split(/\n+/)
.map((l) => l.trim())
.filter(Boolean);
- const html = lines.map((l) => `Basic Information
+
+
+ Property Type: ${propertyType}
+ Status: ${status}
+ City: ${city}
+ Community: ${community}
+ Sub Community: ${subCommunity}
+ Furnished: ${furnished}
+ Contact Details
+
+
+ Name: ${data.contactName || "N/A"}
+ Email: ${data.contactEmail || "N/A"}
+ Phone: ${data.contactPhone || "N/A"}
+ Location Details
+
+
+ City (Bayut): ${data.cityBayut || "N/A"}
+ City (Propertyfinder): ${data.cityPropertyfinder || "N/A"}
+ Community (Bayut): ${data.communityBayut || "N/A"}
+ Sub Community (Bayut): ${data.subCommunityBayut || "N/A"}
+ Locality (Bayut): ${data.localityBayut || "N/A"}
+ Sub Locality (Bayut): ${data.subLocalityBayut || "N/A"}
+ Tower (Bayut): ${data.towerBayut || "N/A"}
+ Unit Number: ${data.unitNumber || "N/A"}
+ Specifications
+
+
+ Bedrooms: ${bedrooms}
+ Bathrooms: ${bathrooms}
+ Size: ${size} ${sizeUnit}
+ Parking Spaces: ${parkingSpaces}
+ Build Year: ${buildYear}
+ Floor: ${data.floor || "N/A"}
+ Pricing
+
+
+ Rent Price: ${rentPriceMin}
+ Sale Price: ${salePriceMin}
+ Rent Price (Max): ${data.rentPriceMax || "N/A"}
+ Sale Price (Max): ${data.salePriceMax || "N/A"}
+ Rent Availability
+
+
+ Available From: ${data.rentAvailableFrom || "N/A"}
+ Available To: ${data.rentAvailableTo || "N/A"}
+ Property Description
+${titleEnglish}
+${descriptionEnglish}
+Amenities & Features
+
+
+ Parking Spaces: ${data.parkingSpaces || "N/A"}
+ Furnished: ${data.furnished || "N/A"}
+ Offering Type: ${data.offeringType || "N/A"}
+ Build Year: ${data.buildYear || "N/A"}
+ Property Gallery
+
+ ${
+ firstChunk.length > 0
+ ? this.generatePropertyGalleryHTMLForImages(firstChunk)
+ : this.generatePropertyGalleryHTML()
+ }
+
+ ${l}
`).join(""); + const html = lines.map((l) => `Description: ${l}
`).join(""); this.insertHtmlAtCursor(html); } + // Additional property insertion methods + insertPropertyBedrooms() { + const bedrooms = this.propertyData.bedrooms || this.propertyData.Bedrooms__c || "0"; + this.insertTextAtCursor(`Bedrooms: ${bedrooms}`); + } + + insertPropertyStatus() { + const status = this.propertyData.status || this.propertyData.Status__c || "Available"; + this.insertTextAtCursor(`Status: ${status}`); + } + + insertPropertyCity() { + const city = this.propertyData.city || this.propertyData.City__c || "City"; + this.insertTextAtCursor(`City: ${city}`); + } + + insertPropertyCommunity() { + const community = this.propertyData.community || this.propertyData.Community__c || "Community"; + this.insertTextAtCursor(`Community: ${community}`); + } + + insertPropertyFloor() { + const floor = this.propertyData.floor || this.propertyData.Floor__c || "N/A"; + this.insertTextAtCursor(`Floor: ${floor}`); + } + + insertPropertyBuildYear() { + const buildYear = this.propertyData.buildYear || this.propertyData.yearBuilt || this.propertyData.Build_Year__c || "N/A"; + this.insertTextAtCursor(`Build Year: ${buildYear}`); + } + + insertPropertyParking() { + const parking = this.propertyData.parking || this.propertyData.parkingSpaces || this.propertyData.Parking_Spaces__c || "N/A"; + this.insertTextAtCursor(`Parking: ${parking}`); + } + + insertPropertyFurnished() { + const furnished = this.propertyData.furnished || this.propertyData.furnishing || this.propertyData.Furnished__c || "N/A"; + this.insertTextAtCursor(`Furnished: ${furnished}`); + } + + insertPropertyOfferingType() { + const offeringType = this.propertyData.offeringType || this.propertyData.Offering_Type__c || "N/A"; + this.insertTextAtCursor(`Offering Type: ${offeringType}`); + } + + insertPropertyRentPrice() { + const rentPrice = this.propertyData.rentPriceMin || this.propertyData.Rent_Price_min__c || "N/A"; + this.insertTextAtCursor(`Rent Price: ${rentPrice}`); + } + + insertPropertySalePrice() { + const salePrice = this.propertyData.salePriceMin || this.propertyData.Sale_Price_min__c || "N/A"; + this.insertTextAtCursor(`Sale Price: ${salePrice}`); + } + + insertPropertyContactName() { + const contactName = this.propertyData.contactName || this.propertyData.Contact_Name__c || "Contact Name"; + this.insertTextAtCursor(`Contact: ${contactName}`); + } + + insertPropertyContactEmail() { + const contactEmail = this.propertyData.contactEmail || this.propertyData.Contact_Email__c || "contact@example.com"; + this.insertTextAtCursor(`Email: ${contactEmail}`); + } + + insertPropertyContactPhone() { + const contactPhone = this.propertyData.contactPhone || this.propertyData.Contact_Phone__c || "N/A"; + this.insertTextAtCursor(`Phone: ${contactPhone}`); + } + + insertPropertyReferenceNumber() { + const referenceNumber = this.propertyData.referenceNumber || this.propertyData.Reference_Number__c || "REF-001"; + this.insertTextAtCursor(`Reference: ${referenceNumber}`); + } + + insertPropertyTitle() { + const title = this.propertyData.titleEnglish || this.propertyData.Title_English__c || "Property Title"; + this.insertTextAtCursor(`Title: ${title}`); + } + + insertPropertyLocality() { + const locality = this.propertyData.locality || this.propertyData.Locality__c || "Locality"; + this.insertTextAtCursor(`Locality: ${locality}`); + } + + insertPropertyTower() { + const tower = this.propertyData.tower || this.propertyData.Tower__c || "N/A"; + this.insertTextAtCursor(`Tower: ${tower}`); + } + + insertPropertyUnitNumber() { + const unitNumber = this.propertyData.unitNumber || this.propertyData.Unit_Number__c || "N/A"; + this.insertTextAtCursor(`Unit Number: ${unitNumber}`); + } + + insertPropertyRentAvailableFrom() { + const rentAvailableFrom = this.propertyData.rentAvailableFrom || this.propertyData.Rent_Available_From__c || "N/A"; + this.insertTextAtCursor(`Available From: ${rentAvailableFrom}`); + } + + insertPropertyRentAvailableTo() { + const rentAvailableTo = this.propertyData.rentAvailableTo || this.propertyData.Rent_Available_To__c || "N/A"; + this.insertTextAtCursor(`Available To: ${rentAvailableTo}`); + } + // Helper function to insert text at cursor position insertTextAtCursor(text) { const selection = window.getSelection(); @@ -7368,9 +7725,11 @@ ${galleryPagesHTML} imageContainer.style.zIndex = "1000"; imageContainer.style.position = "absolute"; imageContainer.style.overflow = "hidden"; - imageContainer.style.border = "2px solid transparent"; + imageContainer.style.border = "none"; imageContainer.style.cursor = "move"; imageContainer.style.userSelect = "none"; + imageContainer.style.boxSizing = "border-box"; + imageContainer.style.borderRadius = "4px"; // Create image element const img = document.createElement("img"); @@ -7380,6 +7739,9 @@ ${galleryPagesHTML} img.style.height = "100%"; img.style.objectFit = "cover"; img.style.display = "block"; + img.style.border = "none"; + img.style.outline = "none"; + img.style.borderRadius = "4px"; imageContainer.appendChild(img); @@ -7427,7 +7789,7 @@ ${galleryPagesHTML} this.saveUndoState(); this.setupEditorClickHandler(); const imageContainer = document.createElement("div"); - imageContainer.className = "draggable-element"; + imageContainer.className = "draggable-image-container"; imageContainer.style.left = "50px"; imageContainer.style.top = "50px"; imageContainer.style.width = "200px"; @@ -7435,6 +7797,9 @@ ${galleryPagesHTML} imageContainer.style.zIndex = "1000"; imageContainer.style.position = "absolute"; imageContainer.style.overflow = "hidden"; + imageContainer.style.border = "none"; + imageContainer.style.boxSizing = "border-box"; + imageContainer.style.borderRadius = "4px"; const img = document.createElement("img"); img.src = event.target.result; @@ -7443,6 +7808,9 @@ ${galleryPagesHTML} img.style.width = "100%"; img.style.height = "100%"; img.style.objectFit = "cover"; + img.style.border = "none"; + img.style.outline = "none"; + img.style.borderRadius = "4px"; imageContainer.appendChild(img); @@ -8012,7 +8380,7 @@ ${galleryPagesHTML} imageContainer.style.height = "200px"; imageContainer.style.cursor = "move"; imageContainer.style.zIndex = "1000"; - imageContainer.style.border = "2px dashed #667eea"; + imageContainer.style.border = "2px solid transparent"; imageContainer.style.borderRadius = "4px"; imageContainer.style.overflow = "hidden"; @@ -10316,7 +10684,7 @@ ${galleryPagesHTML} textElement.style.minWidth = "150px"; textElement.style.minHeight = "30px"; textElement.style.padding = "8px"; - textElement.style.border = "2px dashed #4f46e5"; + textElement.style.border = "2px solid transparent"; textElement.style.borderRadius = "4px"; textElement.style.backgroundColor = "rgba(255, 255, 255, 0.9)"; textElement.style.zIndex = "1000";