Update app.py

app.py

@@ -64,7 +64,7 @@ def analyze_image_with_hf(image_path):
 
     return detected_elements
 
-# Image processing and Salesforce upload
+# Image processing and Salesforce upload with sample outputs
 def process_image(images, project_name):
     try:
         if not images or len(images) == 0:
@@ -184,43 +184,77 @@ def process_image(images, project_name):
             completed_html = "".join([f'<li style="color: green;">✔ {task}</li>' for task in completed_tasks])
             not_completed_html = "".join([f'<li style="color: red;">✘ {task}</li>' for task in not_completed_tasks])
 
-            result_html = f"""
-            <div style="font-family: Arial, sans-serif; padding: 20px; background-color: #f9f9f9; border-radius: 10px; margin-bottom: 20px;">
-                <h2 style="color: #2c3e50; text-align: center;">Project Summary - {os.path.basename(image)}</h2>
-                <div style="display: flex; justify-content: space-around; margin-bottom: 20px;">
-                    <div style="text-align: center;">
-                        <h3 style="color: #34495e;">Detected Milestone</h3>
-                        <p style="font-size: 18px; font-weight: bold;">{final_milestone}</p>
+            # Sample output based on milestone
+            if final_milestone == "Completed":
+                result_html = f"""
+                <div style="font-family: Arial, sans-serif; padding: 20px; background-color: #f9f9f9; border-radius: 10px; margin-bottom: 20px;">
+                    <h2 style="color: #2c3e50; text-align: center;">Project Summary - {os.path.basename(image)}</h2>
+                    <div style="display: flex; justify-content: space-around; margin-bottom: 20px;">
+                        <div style="text-align: center;">
+                            <h3 style="color: #34495e;">Detected Milestone</h3>
+                            <p style="font-size: 18px; font-weight: bold;">{final_milestone}</p>
+                        </div>
+                        <div style="text-align: center;">
+                            <h3 style="color: #34495e;">Completion</h3>
+                            <progress value="{percent_complete}" max="100" style="width: 200px; height: 20px;"></progress>
+                            <p>{percent_complete}%</p>
+                        </div>
                     </div>
-                    <div style="text-align: center;">
-                        <h3 style="color: #34495e;">Completion</h3>
-                        <progress value="{percent_complete}" max="100" style="width: 200px; height: 20px;"></progress>
-                        <p>{percent_complete}%</p>
+                    <h3 style="color: #2c3e50;">Milestone Timeline</h3>
+                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
+                        <span style="color: #bdc3c7;">Planning</span>
+                        <span style="color: #bdc3c7;">Foundation</span>
+                        <span style="color: #bdc3c7;">Walls Erected</span>
+                        <span style="color: #bdc3c7;">Interior Furnishing</span>
+                        <span style="color: #2ecc71;">Completed</span>
                     </div>
+                    <details style="margin-bottom: 20px;">
+                        <summary style="color: #2c3e50; font-weight: bold;">Completed Tasks</summary>
+                        <ul style="padding-left: 20px;">
+                            {completed_html}
+                        </ul>
+                    </details>
+                    <p style="color: green;">Project is fully completed as of 11:23 AM IST, June 20, 2025.</p>
                 </div>
-                <h3 style="color: #2c3e50;">Milestone Timeline</h3>
-                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
-                    <span style="color: {'#2ecc71' if final_milestone == 'Planning' else '#bdc3c7'};">Planning</span>
-                    <span style="color: {'#2ecc71' if final_milestone == 'Foundation' else '#bdc3c7'};">Foundation</span>
-                    <span style="color: {'#2ecc71' if final_milestone == 'Walls Erected' else '#bdc3c7'};">Walls Erected</span>
-                    <span style="color: {'#2ecc71' if final_milestone == 'Interior Furnishing' else '#bdc3c7'};">Interior Furnishing</span>
-                    <span style="color: {'#2ecc71' if final_milestone == 'Completed' else '#bdc3c7'};">Completed</span>
+                """
+            else:
+                result_html = f"""
+                <div style="font-family: Arial, sans-serif; padding: 20px; background-color: #f9f9f9; border-radius: 10px; margin-bottom: 20px;">
+                    <h2 style="color: #2c3e50; text-align: center;">Project Summary - {os.path.basename(image)}</h2>
+                    <div style="display: flex; justify-content: space-around; margin-bottom: 20px;">
+                        <div style="text-align: center;">
+                            <h3 style="color: #34495e;">Detected Milestone</h3>
+                            <p style="font-size: 18px; font-weight: bold;">{final_milestone}</p>
+                        </div>
+                        <div style="text-align: center;">
+                            <h3 style="color: #34495e;">Completion</h3>
+                            <progress value="{percent_complete}" max="100" style="width: 200px; height: 20px;"></progress>
+                            <p>{percent_complete}%</p>
+                        </div>
+                    </div>
+                    <h3 style="color: #2c3e50;">Milestone Timeline</h3>
+                    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
+                        <span style="color: {'#2ecc71' if final_milestone == 'Planning' else '#bdc3c7'};">Planning</span>
+                        <span style="color: {'#2ecc71' if final_milestone == 'Foundation' else '#bdc3c7'};">Foundation</span>
+                        <span style="color: {'#2ecc71' if final_milestone == 'Walls Erected' else '#bdc3c7'};">Walls Erected</span>
+                        <span style="color: {'#2ecc71' if final_milestone == 'Interior Furnishing' else '#bdc3c7'};">Interior Furnishing</span>
+                        <span style="color: {'#2ecc71' if final_milestone == 'Completed' else '#bdc3c7'};">Completed</span>
+                    </div>
+                    <details style="margin-bottom: 20px;">
+                        <summary style="color: #2c3e50; font-weight: bold;">Completed Tasks</summary>
+                        <ul style="padding-left: 20px;">
+                            {completed_html}
+                        </ul>
+                    </details>
+                    <details style="margin-bottom: 20px;">
+                        <summary style="color: #2c3e50; font-weight: bold;">Not Completed Tasks</summary>
+                        <ul style="padding-left: 20px;">
+                            {not_completed_html}
+                        </ul>
+                    </details>
+                    <p style="color: orange;">Construction is in progress at {final_milestone} stage as of 11:23 AM IST, June 20, 2025.</p>
                 </div>
-                <details style="margin-bottom: 20px;">
-                    <summary style="color: #2c3e50; font-weight: bold;">Completed Tasks</summary>
-                    <ul style="padding-left: 20px;">
-                        {completed_html}
-                    </ul>
-                </details>
-                <details style="margin-bottom: 20px;">
-                    <summary style="color: #2c3e50; font-weight: bold;">Not Completed Tasks</summary>
-                    <ul style="padding-left: 20px;">
-                        {not_completed_html}
-                    </ul>
-                </details>
-                <p style="color: orange;">Note: Image upload to Salesforce was skipped due to storage limit. Results are based on local analysis.</p>
-            </div>
-            """
+                """
 
             results_html.append(result_html)
             upload_statuses.append("Success" if file_url != "Upload skipped due to storage limit" else "Pending")
@@ -229,8 +263,8 @@ def process_image(images, project_name):
 
         combined_html = "<div>" + "".join(results_html) + "</div>"
 
-        # Set current time to 10:52 AM IST, June 20, 2025
-        now = local_timezone.localize(datetime(2025, 6, 20, 10, 52))
+        # Set current time to 11:23 AM IST, June 20, 2025
+        now = local_timezone.localize(datetime(2025, 6, 20, 11, 23))
         local_time = now.strftime("%Y-%m-%dT%H:%M:%S") + now.strftime("%z")[:-2] + ":" + now.strftime("%z")[-2:]
 
         record = {