dbviewer 0.7.10 → 0.7.11

data/app/assets/stylesheets/dbviewer/application.css

@@ -54,15 +54,6 @@ body {
   transition: color 0.2s ease, background-color 0.2s ease;
 }
 
-/* Smooth theme transitions */
-html {
-  transition: background-color 0.2s ease;
-}
-
-body {
-  transition: color 0.2s ease, background-color 0.2s ease;
-}
-
 /* Sidebar styles - enhanced for elegance with Grafana-like compact design */
 .dbviewer-sidebar {
   width: 240px; /* More compact sidebar width */
@@ -90,51 +81,7 @@ body {
   border-right: 1px solid rgba(73, 80, 87, 0.3);
 }
 
-.dbviewer-sidebar-header {
-  padding: 0.8rem 1rem; /* Reduced padding for more compact header */
-  font-weight: 600;
-  align-items: center;
-  justify-content: space-between;
-  flex-shrink: 0;
-  display: flex;
-}
-
-[data-bs-theme="light"] .dbviewer-sidebar-header {
-  border-bottom: 1px solid rgba(222, 226, 230, 0.6);
-  background: linear-gradient(to right, #f8f9fa, #f1f3f5);
-}
-
-[data-bs-theme="dark"] .dbviewer-sidebar-header {
-  border-bottom: 1px solid rgba(73, 80, 87, 0.3);
-  background: linear-gradient(to right, #343a40, #2c3034);
-}
-
-.dbviewer-sidebar-header h5 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 80%;
-  cursor: default;
-  position: relative;
-}
-
-/* Tooltip for database name */
-.dbviewer-sidebar-header h5[title]:hover::after {
-  content: attr(title);
-  position: absolute;
-  left: 0;
-  top: 100%;
-  z-index: 1000;
-  background-color: #343a40;
-  color: white;
-  padding: 0.375rem 0.75rem;
-  border-radius: 0.25rem;
-  font-size: 0.875rem;
-  white-space: normal;
-  max-width: 250px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
-  margin-top: 6px;
-}
+/* Sidebar top section styles */
 
 .dbviewer-sidebar-top {
   flex-shrink: 0;
@@ -273,10 +220,7 @@ body {
   .dbviewer-main {
     padding: 1rem;
   }
-  .dbviewer-sidebar-header h5 {
-    max-width: 70%;
-    font-size: 1rem;
-  }
+  /* Removed unused .dbviewer-sidebar-header h5 */
 
   /* Make tables more responsive */
   .table-responsive {
@@ -284,9 +228,7 @@ body {
     -webkit-overflow-scrolling: touch;
   }
 
-  .stat-card-bg {
-    margin-bottom: 1rem;
-  }
+  /* Removed unused .stat-card-bg */
 }
 
 /* Extra small screens - more compact for small devices */
@@ -325,23 +267,11 @@ body {
   transition: background-color 0.2s ease;
 }
 
-.dbviewer-table-filter-icon {
-  position: absolute;
-  left: 1.5rem;
-  top: 50%;
-  transform: translateY(-50%);
-  color: #6c757d;
-  font-size: 0.85rem;
-  padding: 0.25rem;
-  width: 1.5rem;
-  text-align: center;
-  z-index: 2;
-  transition: color 0.2s ease;
-}
+/* Filter styles */
 
 .dbviewer-table-filter {
   border-radius: 8px;
-  padding: 0.65rem 0.85rem 0.65rem 2.5rem;
+  padding: 0.65rem 0.85rem;
   margin-bottom: 1rem;
   transition: all 0.2s ease;
   border: 1px solid rgba(0, 0, 0, 0.1);
@@ -455,7 +385,7 @@ body {
   z-index: 40;
 }
 
-/* Additional specificity for table headers in dark mode */
+/* Additional specificity for table headers in different themes */
 [data-bs-theme="light"] .table-responsive .table thead th,
 [data-bs-theme="light"] .dbviewer-scrollable .table thead th {
   background-color: #f1f3f5;
@@ -515,50 +445,7 @@ body {
   z-index: 1;
 }
 
-/* Equal height for timeline and structure cards - Grafana-inspired compact layout */
-.two-column-layout .card {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.two-column-layout .card-body {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  padding: 0.75rem;
-} /* Reduced padding */
-.two-column-layout .chart-container {
-  flex: 1;
-  min-height: 220px;
-} /* Reduced min-height */
-.two-column-layout .structure-container {
-  padding: 0;
-}
-.two-column-layout .tab-content {
-  flex: 1;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-.two-column-layout .tab-pane {
-  flex: 1;
-  overflow: hidden;
-}
-.two-column-layout .table-responsive {
-  overflow-x: auto;
-}
-
-[data-bs-theme="light"] .two-column-layout .sticky-top {
-  top: 0;
-  z-index: 999;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-
-[data-bs-theme="dark"] .two-column-layout .sticky-top {
-  top: 0;
-  z-index: 999;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-}
+/* Theme specific styles */
 
 /* Enhanced dark mode toggle */
 .theme-toggle {
@@ -1146,32 +1033,7 @@ code.sql-query-code {
   color: #adb5bd;
 }
 
-[data-bs-theme="dark"] .stat-card-bg {
-  background-color: #2c3034;
-}
-
-.stat-card-bg {
-  background-color: var(--bs-light);
-}
-
-/* Enhanced stat cards and metric icons - Grafana-inspired */
-.stat-card-bg {
-  background: #ffffff;
-  border-radius: 3px; /* Smaller radius for Grafana look */
-  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
-  transition: all 0.3s ease;
-  border: none;
-}
-
-.stat-card-bg:hover {
-  transform: translateY(-1px); /* Subtler hover */
-  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
-}
-
-[data-bs-theme="dark"] .stat-card-bg {
-  background-color: #212529;
-  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
-}
+/* Enhanced metric icon styling - Grafana-inspired */
 
 /* Enhanced metric icon styling - Grafana-inspired */
 .metric-icon {

data/app/assets/stylesheets/dbviewer/entity_relationship_diagram.css

@@ -137,27 +137,6 @@
 }
 
 /* Data loading badge styling */
-#data-loading-badge {
-  animation: pulse 2s infinite;
-}
-
-@keyframes pulse {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.7;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-#data-loading-badge .badge {
-  font-size: 0.75rem;
-  padding: 0.4rem 0.6rem;
-}
-
 /* Mermaid override for text size */
 .mermaid .entityLabel div {
   font-size: 20px !important;
@@ -166,16 +145,3 @@
 .mermaid .er.relationshipLabel {
   font-size: 20px !important;
 }
-
-/* Enhanced table highlighting for current table */
-.current-table-highlight rect {
-  fill: var(--bs-primary-bg-subtle) !important;
-  stroke: var(--bs-primary) !important;
-  stroke-width: 2px !important;
-}
-
-[data-bs-theme="dark"] .current-table-highlight rect {
-  fill: #2c3034 !important;
-  stroke: #6ea8fe !important;
-  stroke-width: 2px !important;
-}

data/app/assets/stylesheets/dbviewer/logs.css

@@ -40,17 +40,6 @@ details summary {
   cursor: pointer;
 }
 
-/* Rotate icon when expanded */
-.collapsed-section[aria-expanded="true"] .bi-chevron-down {
-  transform: rotate(180deg);
-  transition: transform 0.3s ease;
-}
-
-.collapsed-section[aria-expanded="false"] .bi-chevron-down {
-  transform: rotate(0deg);
-  transition: transform 0.3s ease;
-}
-
 /* Code styling */
 .pattern-code,
 .query-binds {

data/app/assets/stylesheets/dbviewer/query.css

@@ -44,15 +44,7 @@
   color: #f8f9fa;
 }
 
-/* Result table styling */
-.results-table {
-  border-collapse: collapse;
-}
-
-[data-bs-theme="dark"] .results-table {
-  border-color: #495057;
-}
-
+/* Button styling */
 .example-query:hover {
   background-color: #0d6efd;
   color: white;
@@ -74,6 +66,26 @@
   color: #adb5bd;
 }
 
+/* Error containers */
+.editor-error-container {
+  margin: 10px 0;
+  display: none; /* Hidden by default */
+}
+
+.editor-error-container:not(:empty) {
+  display: block;
+  padding: 15px;
+  border-radius: 4px;
+  background-color: #f8d7da;
+  border: 1px solid #f5c2c7;
+}
+
+[data-bs-theme="dark"] .editor-error-container:not(:empty) {
+  background-color: #2d1a1d;
+  border: 1px solid #842029;
+  color: #ea868f;
+}
+
 /* Monaco status bar */
 .monaco-status-bar {
   display: flex;

data/app/assets/stylesheets/dbviewer/table.css

@@ -1,3 +1,4 @@
+/* ========== TABLE HEADER AND COLUMN SORTING STYLES ========== */
 /* Column sorting styles */
 .sortable-column {
   cursor: pointer;
@@ -104,6 +105,7 @@ tbody tr td.action-column {
   background-color: rgba(255, 255, 255, 0.1);
 }
 
+/* ========== FILTER STYLING ========== */
 /* Column filter styling */
 .column-filters td {
   padding: 0.5rem;
@@ -120,6 +122,7 @@ tbody tr td.action-column {
   cursor: not-allowed;
 }
 
+/* ========== ACTION COLUMN STYLING ========== */
 /* Action column styling */
 .action-column {
   width: 100px; /* Increased from 60px to accommodate two buttons */
@@ -127,29 +130,38 @@ tbody tr td.action-column {
   white-space: nowrap;
   position: sticky;
   left: 0;
-  z-index: 15;
-  background-color: var(--bs-table-striped-bg, #f2f2f2);
-  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
+  z-index: 30; /* Higher z-index to ensure it stays on top */
+  background-color: var(--bs-body-bg, #fff); /* Use body background color */
+  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.04);
 }
 
-.copy-factory-btn {
+.copy-factory-btn,
+.view-record-btn {
   padding: 0.1rem 0.4rem;
   width: 32px;
 }
 
-.copy-factory-btn:hover {
+.copy-factory-btn:hover,
+.view-record-btn:hover {
   opacity: 0.85;
   transform: translateY(-1px);
 }
 
 /* Ensure proper background color for actions column in dark mode */
 [data-bs-theme="dark"] .action-column {
-  background-color: var(--bs-dark-bg-subtle, #343a40);
+  background-color: var(
+    --bs-body-bg,
+    #212529
+  ); /* Use body background in dark mode */
 }
 
 /* Maintain zebra striping with sticky action column */
 .table-striped > tbody > tr:nth-of-type(odd) > .action-column {
-  background-color: var(--bs-table-striped-bg, #f8f9fa);
+  background-color: var(--bs-tertiary-bg, #f8f9fa);
+}
+
+.table-striped > tbody > tr:nth-of-type(even) > .action-column {
+  background-color: var(--bs-body-bg, #fff);
 }
 
 [data-bs-theme="dark"]
@@ -157,17 +169,15 @@ tbody tr td.action-column {
   > tbody
   > tr:nth-of-type(odd)
   > .action-column {
-  background-color: var(--bs-dark-bg-subtle, #343a40);
-}
-
-.view-record-btn {
-  padding: 0.1rem 0.4rem;
-  width: 32px;
+  background-color: var(--bs-tertiary-bg, #2b3035);
 }
 
-.view-record-btn:hover {
-  opacity: 0.85;
-  transform: translateY(-1px);
+[data-bs-theme="dark"]
+  .table-striped
+  > tbody
+  > tr:nth-of-type(even)
+  > .action-column {
+  background-color: var(--bs-body-bg, #212529);
 }
 
 /* Make action column header sticky as well */
@@ -183,10 +193,6 @@ tbody tr td.action-column {
   background-color: var(--bs-dark-bg-subtle, #343a40) !important;
 }
 
-[data-bs-theme="dark"] .action-column-header {
-  background-color: var(--bs-dark-bg-subtle, #343a40) !important;
-}
-
 /* Make action column filter cell sticky as well */
 .action-column-filter {
   position: sticky;
@@ -199,11 +205,6 @@ tbody tr td.action-column {
   background-color: var(--bs-tertiary-bg, #2b3035) !important;
 }
 
-/* Fix action column for entire table */
-.action-column {
-  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.04);
-}
-
 /* Ensure equal padding for all cells */
 .action-column-header,
 .action-column-filter {
@@ -211,6 +212,7 @@ tbody tr td.action-column {
   padding-right: 8px !important;
 }
 
+/* ========== RELATIONSHIP AND RECORD DETAIL STYLING ========== */
 /* Relationship section styles */
 #relationshipsSection {
   border-top: 1px solid var(--bs-border-color, #dee2e6);
@@ -261,14 +263,23 @@ tbody tr td.action-column {
   padding: 0.375rem 0.75rem;
 }
 
-.relationship-section .btn-outline-primary:hover {
+.relationship-section .btn-outline-primary:hover,
+.relationship-section .btn-outline-success:hover {
   transform: translateX(2px);
   transition: transform 0.2s ease;
 }
 
-.relationship-section .btn-outline-success:hover {
-  transform: translateX(2px);
-  transition: transform 0.2s ease;
+/* Relationships table specific styles */
+.relationships-table .btn-outline-primary {
+  font-size: 0.75rem;
+  padding: 0.25rem 0.5rem;
+}
+
+.relationships-table code {
+  background-color: var(--bs-gray-100);
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.125rem;
+  font-size: 0.875rem;
 }
 
 /* Dark mode relationship styles */
@@ -293,6 +304,11 @@ tbody tr td.action-column {
   border-color: var(--bs-border-color, #495057);
 }
 
+[data-bs-theme="dark"] .relationships-table code {
+  background-color: var(--bs-gray-800);
+  color: var(--bs-gray-100);
+}
+
 /* Responsive relationship tables */
 @media (max-width: 767.98px) {
   .relationship-section .table th,
@@ -307,6 +323,7 @@ tbody tr td.action-column {
   }
 }
 
+/* ========== GENERAL TABLE STYLING ========== */
 /* Borderless table styling */
 .table {
   border-collapse: separate;
@@ -343,77 +360,6 @@ tbody tr td.action-column {
   background-color: var(--bs-tertiary-bg, rgba(255, 255, 255, 0.03));
 }
 
-/* Column filter styling */
-.column-filters td {
-  padding: 0.5rem;
-  background-color: var(--bs-tertiary-bg, #f8f9fa);
-}
-
-/* Action column styling */
-.action-column {
-  width: 100px; /* Increased from 60px to accommodate two buttons */
-  min-width: 100px; /* Ensure minimum width */
-  white-space: nowrap;
-  position: sticky;
-  left: 0;
-  z-index: 30; /* Increased z-index to ensure it stays on top */
-  background-color: var(--bs-body-bg, #fff); /* Use body background color */
-  box-shadow: 2px 0 6px rgba(0, 0, 0, 0.04);
-}
-
-.copy-factory-btn {
-  padding: 0.1rem 0.4rem;
-  width: 32px;
-}
-
-.copy-factory-btn:hover {
-  opacity: 0.85;
-  transform: translateY(-1px);
-}
-
-/* Ensure proper background color for actions column in dark mode */
-[data-bs-theme="dark"] .action-column {
-  background-color: var(
-    --bs-body-bg,
-    #212529
-  ); /* Use body background in dark mode */
-}
-
-/* Maintain zebra striping with sticky action column */
-.table-striped > tbody > tr:nth-of-type(odd) > .action-column {
-  background-color: var(--bs-tertiary-bg, #f8f9fa);
-}
-
-.table-striped > tbody > tr:nth-of-type(even) > .action-column {
-  background-color: var(--bs-body-bg, #fff);
-}
-
-[data-bs-theme="dark"]
-  .table-striped
-  > tbody
-  > tr:nth-of-type(odd)
-  > .action-column {
-  background-color: var(--bs-tertiary-bg, #2b3035);
-}
-
-[data-bs-theme="dark"]
-  .table-striped
-  > tbody
-  > tr:nth-of-type(even)
-  > .action-column {
-  background-color: var(--bs-body-bg, #212529);
-}
-
-.view-record-btn {
-  padding: 0.1rem 0.4rem;
-  width: 32px;
-}
-
-.view-record-btn:hover {
-  opacity: 0.85;
-  transform: translateY(-1px);
-}
-
 /* Record detail modal styling */
 .record-detail-table tr:first-child th,
 .record-detail-table tr:first-child td {
@@ -429,41 +375,11 @@ tbody tr td.action-column {
 }
 
 /* Relationships section styling */
-#relationshipsSection {
-  border-top: 1px solid var(--bs-border-color);
-  padding-top: 1rem;
-}
-
-#relationshipsSection h6 {
-  color: var(--bs-emphasis-color);
-  margin-bottom: 1rem;
-}
-
-[data-bs-theme="dark"] #relationshipsSection {
-  border-top-color: #495057;
-}
-
-.relationships-table .btn-outline-primary {
-  font-size: 0.75rem;
-  padding: 0.25rem 0.5rem;
-}
-
-.relationships-table code {
-  background-color: var(--bs-gray-100);
-  padding: 0.125rem 0.25rem;
-  border-radius: 0.125rem;
-  font-size: 0.875rem;
-}
-
-[data-bs-theme="dark"] .relationships-table code {
-  background-color: var(--bs-gray-800);
-  color: var(--bs-gray-100);
-}
-
 [data-bs-theme="dark"] .record-detail-table .code-block {
   background-color: var(--bs-dark);
 }
 
+/* ========== FULLSCREEN TABLE STYLES ========== */
 /* Fullscreen table styles */
 .table-fullscreen {
   position: fixed !important;
@@ -529,6 +445,7 @@ body.table-fullscreen-active {
   transition: all 0.3s ease-in-out;
 }
 
+/* ========== FLOATING FILTER STYLES ========== */
 /* Floating creation filter button */
 .floating-creation-filter {
   position: fixed;
@@ -764,6 +681,7 @@ body.table-fullscreen-active {
   box-shadow: 0 2px 8px rgba(var(--bs-primary-rgb), 0.3);
 }
 
+/* ========== FLATPICKR DATE PICKER STYLING ========== */
 /* Flatpickr theme adjustments */
 .flatpickr-calendar {
   border-radius: 8px;

data/app/controllers/concerns/dbviewer/database_operations/connection_management.rb

@@ -0,0 +1,90 @@
+module Dbviewer
+  module DatabaseOperations
+    module ConnectionManagement
+      extend ActiveSupport::Concern
+
+      included do
+        helper_method :current_connection_key, :available_connections if respond_to?(:helper_method)
+      end
+
+      # Get the current active connection key
+      def current_connection_key
+        key = session[:dbviewer_connection] || Dbviewer.configuration.current_connection
+        return key.to_sym if key && Dbviewer.configuration.database_connections.key?(key.to_sym)
+
+        first_key = Dbviewer.configuration.database_connections.keys.first
+        if first_key
+          session[:dbviewer_connection] = first_key
+          return first_key
+        end
+
+        :default
+      end
+
+      # Set the current connection to use
+      def switch_connection(connection_key)
+        connection_key = connection_key.to_sym if connection_key.respond_to?(:to_sym)
+
+        if connection_key && Dbviewer.configuration.database_connections.key?(connection_key)
+          session[:dbviewer_connection] = connection_key
+          # Clear the database manager to force it to be recreated with the new connection
+          @database_manager = nil
+          return true
+        else
+          # If the connection key doesn't exist, reset to default connection
+          if Dbviewer.configuration.database_connections.key?(Dbviewer.configuration.current_connection)
+            session[:dbviewer_connection] = Dbviewer.configuration.current_connection
+            @database_manager = nil
+            return true
+          else
+            # If even the default connection isn't valid, try the first available connection
+            first_key = Dbviewer.configuration.database_connections.keys.first
+            if first_key
+              session[:dbviewer_connection] = first_key
+              @database_manager = nil
+              return true
+            end
+          end
+        end
+
+        false # Return false if we couldn't set a valid connection
+      end
+
+      # Get list of available connections
+      def available_connections
+        connections = Dbviewer.configuration.database_connections.map do |key, config|
+          # Try to determine the adapter name if it's not already stored
+          adapter_name = nil
+          if config[:adapter_name].present?
+            adapter_name = config[:adapter_name]
+          elsif config[:connection].present?
+            begin
+              adapter_name = config[:connection].connection.adapter_name
+            rescue => e
+              Rails.logger.error("Error getting adapter name: #{e.message}")
+            end
+          end
+
+          {
+            key: key,
+            name: config[:name] || key.to_s.humanize,
+            adapter_name: adapter_name,
+            current: key.to_sym == current_connection_key.to_sym
+          }
+        end
+
+        # Ensure at least one connection is marked as current
+        unless connections.any? { |c| c[:current] }
+          # If no connection is current, mark the first one as current
+          if connections.any?
+            connections.first[:current] = true
+            # Also update the session
+            session[:dbviewer_connection] = connections.first[:key]
+          end
+        end
+
+        connections
+      end
+    end
+  end
+end