Checkpoint on 9th Oct - Everything Working

app.py

@@ -524,16 +524,39 @@ def gallery():
                     
                     # Try to parse metadata from filename
                     try:
-                        # Example: PM2_5_India_viridis_20200824_1200.png
+                        # Example: PM2_5_India_viridis_20200824_1200.png or PM2_5_India_850hPa_viridis_20200824_1200.png
                         name_parts = filename.replace(plot_file.suffix, '').split('_')
-                        if len(name_parts) >= 3:
-                            file_info['variable'] = name_parts[0].replace('_', '.')
-                            file_info['region'] = name_parts[1] if len(name_parts) > 1 else 'Unknown'
-                            file_info['theme'] = name_parts[-2] if len(name_parts) > 2 else 'Unknown'
+                        if len(name_parts) >= 4:
+                            # Extract variable name (everything before _India)
+                            var_parts = []
+                            for i, part in enumerate(name_parts):
+                                if part == 'India':
+                                    break
+                                var_parts.append(part)
+                            
+                            file_info['variable'] = '_'.join(var_parts).replace('_', '.')
+                            file_info['region'] = 'India'
+                            file_info['plot_type'] = 'Static'
+                            
+                            # Check if there's pressure level (contains 'hPa')
+                            pressure_level = None
+                            theme_color = 'Unknown'
+                            for part in name_parts:
+                                if 'hPa' in part:
+                                    pressure_level = part
+                                elif part not in var_parts and part != 'India' and not part.isdigit():
+                                    # This is likely the color theme
+                                    theme_color = part
+                                    break
+                            
+                            file_info['pressure_level'] = pressure_level
+                            file_info['theme'] = theme_color
                     except:
                         file_info['variable'] = 'Unknown'
                         file_info['region'] = 'Unknown'
                         file_info['theme'] = 'Unknown'
+                        file_info['pressure_level'] = None
+                        file_info['plot_type'] = 'Static'
                     
                     plot_files.append(file_info)
         
@@ -552,15 +575,39 @@ def gallery():
                 
                 # Try to parse metadata from filename
                 try:
+                    # Example: PM2_5_India_interactive_viridis_20200824_1200.html or PM2_5_India_interactive_850hPa_viridis_20200824_1200.html
                     name_parts = filename.replace('.html', '').split('_')
-                    if len(name_parts) >= 3:
-                        file_info['variable'] = name_parts[0].replace('_', '.')
-                        file_info['region'] = name_parts[1] if len(name_parts) > 1 else 'Unknown'
-                        file_info['theme'] = name_parts[-2] if len(name_parts) > 2 else 'Unknown'
+                    if len(name_parts) >= 5:
+                        # Extract variable name (everything before _India)
+                        var_parts = []
+                        for i, part in enumerate(name_parts):
+                            if part == 'India':
+                                break
+                            var_parts.append(part)
+                        
+                        file_info['variable'] = '_'.join(var_parts).replace('_', '.')
+                        file_info['region'] = 'India'
+                        file_info['plot_type'] = 'Interactive'
+                        
+                        # Check if there's pressure level (contains 'hPa')
+                        pressure_level = None
+                        theme_color = 'Unknown'
+                        for part in name_parts:
+                            if 'hPa' in part:
+                                pressure_level = part
+                            elif part not in var_parts and part not in ['India', 'interactive'] and not part.isdigit():
+                                # This is likely the color theme
+                                theme_color = part
+                                break
+                        
+                        file_info['pressure_level'] = pressure_level
+                        file_info['theme'] = theme_color
                 except:
                     file_info['variable'] = 'Unknown'
                     file_info['region'] = 'Unknown'
                     file_info['theme'] = 'Unknown'
+                    file_info['pressure_level'] = None
+                    file_info['plot_type'] = 'Interactive'
                 
                 plot_files.append(file_info)
         
@@ -594,14 +641,47 @@ def view_interactive_plot(filename):
         with open(plot_path, 'r', encoding='utf-8') as f:
             html_content = f.read()
         
-        # Create plot info from filename
+        # Create plot info from filename parsing
         plot_info = {
             'variable': 'Unknown',
+            'pressure_level': None,
+            'theme': 'Unknown',
+            'plot_type': 'Interactive',
             'generated_time': datetime.fromtimestamp(plot_path.stat().st_mtime).strftime('%Y-%m-%d %H:%M:%S'),
             'is_interactive': True,
             'filename': filename
         }
         
+        # Try to parse metadata from filename
+        try:
+            # Example: PM2_5_India_interactive_850hPa_viridis_20200824_1200.html
+            name_parts = filename.replace('.html', '').split('_')
+            if len(name_parts) >= 5:
+                # Extract variable name (everything before _India)
+                var_parts = []
+                for i, part in enumerate(name_parts):
+                    if part == 'India':
+                        break
+                    var_parts.append(part)
+                
+                plot_info['variable'] = '_'.join(var_parts).replace('_', '.')
+                
+                # Check if there's pressure level (contains 'hPa')
+                pressure_level = None
+                theme_color = 'Unknown'
+                for part in name_parts:
+                    if 'hPa' in part:
+                        pressure_level = part
+                    elif part not in var_parts and part not in ['India', 'interactive'] and not part.isdigit():
+                        # This is likely the color theme
+                        theme_color = part
+                        break
+                
+                plot_info['pressure_level'] = pressure_level
+                plot_info['theme'] = theme_color
+        except:
+            pass  # Keep defaults
+        
         return render_template('view_interactive.html',
                              plot_html=html_content,
                              plot_info=plot_info)

templates/gallery.html

@@ -288,7 +288,7 @@
                             🌍
                         </div>
                         <div class="plot-info">
-                            <h3>{{ plot.variable|title }} - {{ plot.region|title }}</h3>
+                            <h3>{{ plot.variable|title }} - {{ plot.region|title }}{{ ' (' + plot.plot_type + ')' if plot.plot_type else '' }}</h3>
                             <div class="plot-meta">
                                 <span>📅 {{ plot.created.strftime('%Y-%m-%d %H:%M') }}</span>
                                 <span>🎨 {{ plot.theme|title }}</span>
@@ -328,7 +328,7 @@
                                  onerror="this.style.display='none'; this.parentElement.innerHTML='<div style=\'color: #e74c3c; text-align: center;\'>📷<br>Preview unavailable</div>'">
                         </div>
                         <div class="plot-info">
-                            <h3>{{ plot.variable|title }} - {{ plot.region|title }}</h3>
+                            <h3>{{ plot.variable|title }} - {{ plot.region|title }}{{ ' (' + plot.plot_type + ')' if plot.plot_type else '' }}</h3>
                             <div class="plot-meta">
                                 <span>📅 {{ plot.created.strftime('%Y-%m-%d %H:%M') }}</span>
                                 <span>🎨 {{ plot.theme|title }}</span>

templates/view_interactive.html

@@ -165,19 +165,31 @@
                     <p>{{ plot_info.variable }}</p>
                 </div>
                 
+                {% if plot_info.pressure_level %}
                 <div class="info-item">
-                    <h3>⏰ Generated</h3>
-                    <p>{{ plot_info.generated_time }}</p>
+                    <h3>🌡️ Pressure Level</h3>
+                    <p>{{ plot_info.pressure_level }}</p>
                 </div>
+                {% endif %}
                 
                 <div class="info-item">
-                    <h3>📁 Filename</h3>
-                    <p>{{ plot_info.filename }}</p>
+                    <h3>🎨 Color Theme</h3>
+                    <p>{{ plot_info.theme }}</p>
+                </div>
+                
+                <div class="info-item">
+                    <h3>⏰ Generated</h3>
+                    <p>{{ plot_info.generated_time }}</p>
                 </div>
                 
                 <div class="info-item">
                     <h3>🎯 Type</h3>
-                    <p>Interactive Plot</p>
+                    <p>{{ plot_info.plot_type }} Plot</p>
+                </div>
+                
+                <div class="info-item" style="grid-column: 1 / -1;">
+                    <h3>📁 Filename</h3>
+                    <p style="font-family: monospace; background: #f8f9fa; padding: 8px; border-radius: 4px; word-break: break-all;">{{ plot_info.filename }}</p>
                 </div>
             </div>
         </div>