Update recommendation_html_format.py

recommendation_html_format.py

@@ -8,6 +8,30 @@ from scoring_calculation_system import  UserPreferences, calculate_compatibility
 
 def format_recommendation_html(recommendations: List[Dict], is_description_search: bool = False) -> str:
     """將推薦結果格式化為HTML"""
+
+    html_content = """
+    <style>
+    .progress {
+        transition: all 0.3s ease-in-out;
+        border-radius: 4px;
+        height: 12px;
+    }
+    .progress-bar {
+        background-color: #f5f5f5;
+        border-radius: 4px;
+        overflow: hidden;
+        position: relative;
+    }
+    .score-item {
+        margin: 10px 0;
+    }
+    .percentage {
+        margin-left: 8px;
+        font-weight: 500;
+    }
+    </style>
+    <div class='recommendations-container'>"""
+
     def _convert_to_display_score(score: float, score_type: str = None) -> int:
         """
         更改為生成更明顯差異的顯示分數
@@ -55,35 +79,51 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
             return 70
 
 
-    def _generate_progress_bar(score: float) -> float:
-        """       
-        - 確保100%時完全填滿
-        - 更線性的視覺呈現
-        - 保持合理的視覺比例
+    def _generate_progress_bar(score: float, score_type: str = None) -> dict:
         """
-        # 基礎寬度計算
-        if score >= 1.0:
-            return 100.0  # 確保100%時完全填滿
+        生成進度條的寬度和顏色
         
-        # 一般情況的寬度計算
-        if score > 0.9:
-            # 高分區間線性延伸
-            width = 90 + (score - 0.9) * 100
-        elif score > 0.7:
-            # 中高分區間稍微展開
-            width = 70 + (score - 0.7) * 100
+        Parameters:
+            score: 原始分數 (0-1 之間的浮點數)
+            score_type: 分數類型，用於特殊處理某些類型的分數
+            
+        Returns:
+            dict: 包含寬度和顏色的字典
+        """
+        # 計算寬度
+        if score_type == 'bonus':
+            # Breed Bonus 特殊的計算方式
+            width = min(100, max(5, 10 + (score * 300)))
         else:
-            # 基礎線性關係
-            width = score * 100
-        
-        # 加入微小的隨機變化，使顯示更自然
-        import random
-        width += random.uniform(-0.5, 0.5)
+            # 一般分數的計算
+            if score >= 0.9:
+                width = 90 + (score - 0.9) * 100
+            elif score >= 0.7:
+                width = 70 + (score - 0.7) * 100
+            elif score >= 0.5:
+                width = 40 + (score - 0.5) * 150
+            elif score >= 0.3:
+                width = 20 + (score - 0.3) * 100
+            else:
+                width = max(5, score * 66.7)
         
-        # 確保範圍合理
-        return min(99.5, max(20, width)) if score < 1.0 else 100.0
+        # 根據分數決定顏色
+        if score >= 0.9:
+            color = '#68b36b'    # 高分段柔和綠
+        elif score >= 0.7:
+            color = '#9bcf74'    # 中高分段略黃綠
+        elif score >= 0.5:
+            color = '#d4d880'    # 中等分段黃綠
+        elif score >= 0.3:
+            color = '#e3b583'    # 偏低分段柔和橘
+        else:
+            color = '#e9a098'    # 低分段暖紅粉
+
+        return {
+            'width': width,
+            'color': color
+        }
 
-    html_content = "<div class='recommendations-container'>"
 
     for rec in recommendations:
         breed = rec['breed']
@@ -104,13 +144,20 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
         else:
             display_scores = scores  # 圖片識別使用原始分數
 
-        progress_bars = {
-            'space': _generate_progress_bar(scores['space']),
-            'exercise': _generate_progress_bar(scores['exercise']),
-            'grooming': _generate_progress_bar(scores['grooming']),
-            'experience': _generate_progress_bar(scores['experience']),
-            'noise': _generate_progress_bar(scores['noise'])
-        }
+        progress_bars = {}
+        for metric in ['space', 'exercise', 'grooming', 'experience', 'noise']:
+            if metric in scores:
+                bar_data = _generate_progress_bar(scores[metric], metric)
+                progress_bars[metric] = {
+                    'style': f"width: {bar_data['width']}%; background-color: {bar_data['color']};"
+                }
+
+        # bonus 
+        if bonus_score > 0:
+            bonus_data = _generate_progress_bar(bonus_score, 'bonus')
+            progress_bars['bonus'] = {
+                'style': f"width: {bonus_data['width']}%; background-color: {bonus_data['color']};"
+            }
 
         health_info = breed_health_info.get(breed, {"health_notes": default_health_note})
         noise_info = breed_noise_info.get(breed, {
@@ -190,34 +237,87 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
                     </span>
                 </h2>
                 <div class="compatibility-scores">
+                    <!-- 空間相容性評分 -->
                     <div class="score-item">
-                        <span class="label">Space Compatibility:</span>
+                        <span class="label">
+                            Space Compatibility:
+                            <span class="tooltip">
+                                <span class="tooltip-icon">ⓘ</span>
+                                <span class="tooltip-text">
+                                    <strong>Space Compatibility Score:</strong><br>
+                                    • Evaluates how well the breed adapts to your living environment<br>
+                                    • Considers if your home (apartment/house) and yard access suit the breed’s size<br>
+                                    • Higher score means the breed fits well in your available space.
+                                </span>
+                            </span>
+                        </span>
                         <div class="progress-bar">
-                            <div class="progress" style="width: {progress_bars['space']}%"></div>
+                            <div class="progress" style="{progress_bars.get('space', {'style': 'width: 0%; background-color: #e74c3c;'})['style']}"></div>
                         </div>
-                        <span class="percentage">{display_scores['space'] if is_description_search else scores['space']*100:.1f}%</span>
+                        <span class="percentage">{display_scores['space'] if is_description_search else scores.get('space', 0)*100:.1f}%</span>
                     </div>
+
+                    <!-- 運動匹配度評分 -->
                     <div class="score-item">
-                        <span class="label">Exercise Match:</span>
+                        <span class="label">
+                            Exercise Match:
+                            <span class="tooltip">
+                                <span class="tooltip-icon">ⓘ</span>
+                                <span class="tooltip-text">
+                                    <strong>Exercise Match Score:</strong><br>
+                                    • Based on your daily exercise time and type<br>
+                                    • Compares your activity level to the breed’s exercise needs<br>
+                                    • Higher score means your routine aligns well with the breed’s energy requirements.
+                                </span>
+                            </span>
+                        </span>
                         <div class="progress-bar">
-                            <div class="progress" style="width: {progress_bars['exercise']}%"></div>
+                            <div class="progress" style="{progress_bars.get('exercise', {'style': 'width: 0%; background-color: #e74c3c;'})['style']}"></div>
                         </div>
-                        <span class="percentage">{display_scores['exercise'] if is_description_search else scores['exercise']*100:.1f}%</span>
+                        <span class="percentage">{display_scores['exercise'] if is_description_search else scores.get('exercise', 0)*100:.1f}%</span>
                     </div>
+
+                    <!-- 美容需求匹配度評分 -->
                     <div class="score-item">
-                        <span class="label">Grooming Match:</span>
+                        <span class="label">
+                            Grooming Match:
+                            <span class="tooltip">
+                                <span class="tooltip-icon">ⓘ</span>
+                                <span class="tooltip-text">
+                                    <strong>Grooming Match Score:</strong><br>
+                                    • Evaluates breed’s grooming needs (coat care, trimming, brushing)<br>
+                                    • Compares these requirements with your grooming commitment level<br>
+                                    • Higher score means the breed’s grooming needs fit your willingness and capability.
+                                </span>
+                            </span>
+                        </span>
                         <div class="progress-bar">
-                            <div class="progress" style="width: {progress_bars['grooming']}%"></div>
+                            <div class="progress" style="{progress_bars.get('grooming', {'style': 'width: 0%; background-color: #e74c3c;'})['style']}"></div>
                         </div>
-                        <span class="percentage">{display_scores['grooming'] if is_description_search else scores['grooming']*100:.1f}%</span>
+                        <span class="percentage">{display_scores['grooming'] if is_description_search else scores.get('grooming', 0)*100:.1f}%</span>
                     </div>
+
+                    <!-- 經驗需求匹配度評分 -->
                     <div class="score-item">
-                        <span class="label">Experience Match:</span>
+                        <span class="label">
+                            Experience Match:
+                            <span class="tooltip">
+                                <span class="tooltip-icon">ⓘ</span>
+                                <span class="tooltip-text">
+                                    <strong>Experience Match Score:</strong><br>
+                                    • Based on your dog-owning experience level<br>
+                                    • Considers breed’s training complexity, temperament, and handling difficulty<br>
+                                    • Higher score means the breed is more suitable for your experience level.
+                                </span>
+                            </span>
+                        </span>
                         <div class="progress-bar">
-                            <div class="progress" style="width: {progress_bars['experience']}%"></div>
+                            <div class="progress" style="{progress_bars.get('experience', {'style': 'width: 0%; background-color: #e74c3c;'})['style']}"></div>
                         </div>
-                        <span class="percentage">{display_scores['experience'] if is_description_search else scores['experience']*100:.1f}%</span>
+                        <span class="percentage">{display_scores['experience'] if is_description_search else scores.get('experience', 0)*100:.1f}%</span>
                     </div>
+
+                    <!-- 噪音相容性評分 -->
                     <div class="score-item">
                         <span class="label">
                             Noise Compatibility:
@@ -226,16 +326,17 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
                                 <span class="tooltip-text">
                                     <strong>Noise Compatibility Score:</strong><br>
                                     • Based on your noise tolerance preference<br>
-                                    • Considers breed's typical noise level<br>
-                                    • Accounts for living environment
+                                    • Considers breed's typical noise level and barking tendencies<br>
+                                    • Accounts for living environment and sensitivity to noise.
                                 </span>
                             </span>
                         </span>
                         <div class="progress-bar">
-                            <div class="progress" style="width: {progress_bars['noise']}%"></div>
+                            <div class="progress" style="{progress_bars.get('noise', {'style': 'width: 0%; background-color: #e74c3c;'})['style']}"></div>
                         </div>
-                        <span class="percentage">{display_scores['noise'] if is_description_search else scores['noise']*100:.1f}%</span>
+                        <span class="percentage">{display_scores['noise'] if is_description_search else scores.get('noise', 0)*100:.1f}%</span>
                     </div>
+
                     {f'''
                     <div class="score-item bonus-score">
                         <span class="label">
@@ -255,11 +356,11 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
                             </span>
                         </span>
                         <div class="progress-bar">
-                            <div class="progress" style="width: {progress_bars.get('bonus', bonus_score*100)}%"></div>
+                            <div class="progress" style="{progress_bars['bonus']['style']}"></div>
                         </div>
                         <span class="percentage">{bonus_score*100:.1f}%</span>
                     </div>
-                    ''' if bonus_score > 0 else ''}
+                ''' if bonus_score > 0 else ''}
                 </div>
                 <div class="breed-details-section">
                     <h3 class="subsection-title">
@@ -354,7 +455,6 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
                                 <div class="list-item">Attention-seeking barks</div>
                                 <div class="list-item">Social vocalizations</div>
                             </div>
-
                             <div class="noise-level-display">
                                 <h4 class="section-header">Noise level:</h4>
                                 <div class="level-indicator">
@@ -366,7 +466,6 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
                                     </div>
                                 </div>
                             </div>
-
                             <h4 class="section-header">Barking triggers:</h4>
                             <div class="triggers-list">
                                 <div class="list-item">Separation anxiety</div>
@@ -383,7 +482,6 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
                         </div>
                     </div>
                 </div>
-
                 <div class="health-section">
                     <h3 class="section-header">
                         <span class="icon">🏥</span> Health Insights
@@ -406,7 +504,6 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
                                     <div class="health-item">Open fontanel</div>
                                 </div>
                             </div>
-
                             <div class="health-block">
                                 <h4 class="section-header">Recommended health screenings:</h4>
                                 <div class="health-grid">
@@ -425,7 +522,6 @@ def format_recommendation_html(recommendations: List[Dict], is_description_searc
                         </div>
                     </div>
                 </div>
-
                 <div class="action-section">
                     <a href="https://www.akc.org/dog-breeds/{breed.lower().replace('_', '-')}/"
                        target="_blank"
@@ -538,7 +634,7 @@ def get_breed_recommendations(user_prefs: UserPreferences, top_n: int = 15) -> L
                 'info': breed_info,
                 'noise_info': noise_info  # 添加噪音資訊到推薦結果
             })
-            
+
         # 嚴格按照 final_score 排序
         recommendations.sort(key=lambda x: (round(-x['final_score'], 4), x['breed'] ))  # 負號降序排列
 
@@ -590,4 +686,4 @@ def get_breed_recommendations(user_prefs: UserPreferences, top_n: int = 15) -> L
     except Exception as e:
         print(f"Error in get_breed_recommendations: {str(e)}")
         print(f"Traceback: {traceback.format_exc()}")
-        return []
+        return []