changes for UI

content_quality_tool_public/templates/get-data.html

@@ -6,7 +6,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>Tool Check</title><!--begin::Primary Meta Tags-->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="title" content="CQT | GET DATA">\
+    <meta name="title" content="CQT | GET DATA">
     <!--end::Primary Meta Tags--><!--begin::Fonts-->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
         integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q=" crossorigin="anonymous">
@@ -168,13 +168,13 @@
                 <div class="container-fluid"> <!--begin::Row-->
                     <div class="row">
                         <div class="col-sm-6">
-                            <h3 class="mb-0">Dashboard</h3>
+                            <h3 class="mb-0">📑 Dashboard</h3>
                         </div>
                         <div class="col-sm-6">
                             <ol class="breadcrumb float-sm-end">
                                 <li class="breadcrumb-item"><a href="{% url 'tool-check' %}">Home</a></li>
                                 <li class="breadcrumb-item active" aria-current="page">
-                                    Dashboard
+                                    📑 Dashboard
                                 </li>
                             </ol>
                         </div>
@@ -276,7 +276,9 @@
 
                         Object.entries(base_keys).forEach(([key, value]) => {
                             let name = key;
+                            
                             key = key.toLowerCase();
+                            console.log("key",key);
                             console.log(element.breakdown[value], value);
                             var per = 0
                             if (element.breakdown[value]) {
@@ -287,38 +289,85 @@
                                 // console.log(element.categorized_feedback[key].issues);
                                 intial_desc = element.categorized_feedback[key].issues.join(', ');
                             }
-                            
-
-                            initial_score += `<tr>
-                                                    <td class="wow bounceInLeft">
-                                                        <a>
-                                                            `+ name + `
-                                                        </a>
-                                                    </td>
-
-                                                    <td class="project_progress wow bounceInRight">
-                                                        <div class="progress progress-sm">
-                                                            <div class="progress-bar bg-green" role="progressbar"
-                                                                aria-valuenow="`+ per + `" aria-valuemin="0" aria-valuemax="100"
-                                                                style="width: `+ per + `%">
+                            if(key == "image"){
+                                // Build the breakdown progress HTML
+                                let breakdownHtml = '';
+
+                                for (const [key, value] of Object.entries(element.image_breakdown)) {
+                                    breakdownHtml += `
+                                        <div style="margin-bottom: 10px;">
+                                            <strong>${key.charAt(0).toUpperCase() + key.slice(1)}</strong>
+                                            <div class="progress progress-sm mt-1">
+                                                <div class="progress-bar bg-success" role="progressbar"
+                                                    aria-valuenow="${value}" aria-valuemin="0" aria-valuemax="100"
+                                                    style="width: ${value}%">
+                                                </div>
+                                            </div>
+                                            <small>${value}%</small>
+                                        </div>
+                                    `;
+                                }
+                                initial_score += `<tr>
+                                                        <td class="wow bounceInLeft">
+                                                            <a>
+                                                                `+ name + `
+                                                            </a>
+                                                        </td>
+
+                                                        <td class="project_progress wow bounceInRight">
+                                                            <div class="progress progress-sm">
+                                                                <div class="progress-bar bg-green" role="progressbar"
+                                                                    aria-valuenow="`+ per + `" aria-valuemin="0" aria-valuemax="100"
+                                                                    style="width: `+ per + `%">
+                                                                </div>
                                                             </div>
+                                                            <small>
+                                                                `+ per + `%
+                                                            </small>
+                                                        </td>
+
+                                                    </tr>
+                                                    <tr>
+                                                    <td class="wow bounceInLeft" colspan='2' data-wow-delay="0.2s">
+                                                        <div style='max-height:100px;overflow-y:auto;'>  
+                                                            `+ breakdownHtml + `
                                                         </div>
+                                                        </td>
+                                                    </tr>`;
+                            
+                            }else{
+                                initial_score += `<tr>
+                                                        <td class="wow bounceInLeft">
+                                                            <a>
+                                                                `+ name + `
+                                                            </a>
+                                                        </td>
+
+                                                        <td class="project_progress wow bounceInRight">
+                                                            <div class="progress progress-sm">
+                                                                <div class="progress-bar bg-green" role="progressbar"
+                                                                    aria-valuenow="`+ per + `" aria-valuemin="0" aria-valuemax="100"
+                                                                    style="width: `+ per + `%">
+                                                                </div>
+                                                            </div>
+                                                            <small>
+                                                                `+ per + `%
+                                                            </small>
+                                                        </td>
+
+                                                    </tr>
+                                                    <tr>
+                                                    <td class="wow bounceInLeft" colspan='2' data-wow-delay="0.2s">
+                                                        <div style='max-height:100px;overflow-y:auto;'>  
                                                         <small>
-                                                            `+ per + `%
+                                                            `+ intial_desc + `
                                                         </small>
-                                                    </td>
-
-                                                </tr>
-                                                <tr>
-                                                <td class="wow bounceInLeft" colspan='2' data-wow-delay="0.2s">
-                                                    <div style='max-height:100px;overflow-y:auto;'>  
-                                                    <small>
-                                                        `+ intial_desc + `
-                                                    </small>
-                                                    </div>
-                                                    </td>
-                                                </tr>`;
-                        })
+                                                        </div>
+                                                        </td>
+                                                    </tr>`;
+                            }                        
+                        });
+                        
 
                         Object.keys(base_keys).forEach(k => {
                             let name = k;

content_quality_tool_public/templates/index.html

@@ -59,13 +59,13 @@
                 <div class="container-fluid"> <!--begin::Row-->
                     <div class="row">
                         <div class="col-sm-6">
-                            <h3 class="mb-0">Upload</h3>
+                            <h3 class="mb-0">📂 File Upload</h3>
                         </div>
                         <div class="col-sm-6">
                             <ol class="breadcrumb float-sm-end">
                                 <li class="breadcrumb-item"><a href="{% url 'file-upload' %}">Home</a></li>
                                 <li class="breadcrumb-item active" aria-current="page"><a href="{% url 'tool-check' %}"></a>
-                                    Upload</a>
+                                   📂 File Upload</a>
                                 </li>
                             </ol>
                         </div>

core/services/gemini_service.py

@@ -495,15 +495,17 @@ class GeminiAttributeService:
                     genai.types.HarmCategory.HARM_CATEGORY_SEXUALLY_EXPLICIT: genai.types.HarmBlockThreshold.BLOCK_NONE
                 }
             )
-        except genai.types.GenerationError as e:
-            # Handle specific generation errors
-            print("Generation error:", str(e))
-            return {"error": "Content generation failed", "details": str(e)}
+        # except genai.types.GenerationError as e:
+        #     # Handle specific generation errors
+        #     print("Generation error:", str(e))
+        #     return None
+        #     # return {"error": "Content generation failed", "details": str(e)}
 
         except Exception as e:
             # Catch-all for any other unexpected errors
             print("Unexpected error:", str(e))
-            return {"error": "Unexpected error occurred", "details": str(e)}
+            return None
+            # return {"error": "Unexpected error occurred", "details": str(e)}
         
     def generate_comprehensive_suggestions(
         self,