dbviewer 0.9.4.pre.alpha.2 → 0.9.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bab71132b89e3a2b246802692149a2d662bc42bcfa54b9db4d71ab9593dc2c2a
-  data.tar.gz: 8d2160e56a9872ad9e1dfa274e5ccbdcb16c8ff1b65c134be00b806d91841a55
+  metadata.gz: 60a92d1cfd091ad3a1688fcf9d2e532dc651ac69384cf4540b56bdb65b31416a
+  data.tar.gz: 1f467d83cfefb95aebc1701f18ddca6a7ad5710495b3bf711857ee29eb0c35b1
 SHA512:
-  metadata.gz: c00de395e8f283afd2f6c905ae1e448438296ecfdc2167606d2216d3c39a492d27d2c60334d35234e5d460472a66730a6893fe79b81ce1f972b48b67d767b1b6
-  data.tar.gz: 8f9a53eb14f23c5aa2bb006458dcda9de39d031aa49907ff0a017f76d96950d101f14785292a7e0a062aac91915face67bbe34f28bfffc1fdf126076375127a8
+  metadata.gz: 95eaf3a6eb2e0f134c92dc4a90ea87a139febfd1fe3977afc58ec17a29243975d53564b021893ecc10cfe826610a6886dfc8d32fb2752f794a6b817168583c4b
+  data.tar.gz: 20fb72442a5f1cb113cbce9cb04792850da47aa1401747a307253d12dd8221f3d224b2485a86086cb9e8a56f77406fde5f7ebac5508afbcc811708f3e79b4798

data/README.md

@@ -14,7 +14,7 @@ It's designed for development, debugging, and database analysis, offering a clea
 - **Detailed Schema Information** - Column details, indexes, and constraints
 - **Entity Relationship Diagram (ERD)** - Interactive database schema visualization
 - **Data Browsing** - Paginated record viewing with search and filtering
-- **Data Management** - Create and delete database records directly from the interface
+- **Data Management** - Full CRUD operations (Create, Read, Update, Delete) for database records
 - **SQL Queries** - Safe SQL query execution with validation
 - **Multiple Database Connections** - Support for multiple database sources
 - **PII Data Masking** - Configurable masking for sensitive data
@@ -80,6 +80,27 @@ This is necessary because API-only Rails applications don't include the Flash mi
 - **ERD View** (`/dbviewer/entity_relationship_diagrams`): Interactive Entity Relationship Diagram of your database
 - **SQL Query Logs** (`/dbviewer/logs`): View and analyze logged SQL queries with performance metrics
 
+### Data Management Features
+
+DBViewer provides a complete set of CRUD (Create, Read, Update, Delete) operations for your database records:
+
+- **Create**: Add new records via a user-friendly modal form with field validation
+- **Read**: Browse and view detailed record information with relationship navigation
+- **Update**: Edit existing records through an intuitive form interface
+- **Delete**: Remove records with confirmation dialogs to prevent accidental deletion
+
+All data management features can be individually enabled or disabled through configuration options:
+
+```ruby
+# config/initializers/dbviewer.rb
+Dbviewer.configure do |config|
+  # Data management options
+  config.enable_data_export = false    # Enable CSV export feature
+  config.enable_record_deletion = true # Enable record deletion feature
+  config.enable_record_editing = true  # Enable record editing feature
+end
+```
+
 ## ⚙️ Configuration Options
 
 You can configure DBViewer by using our generator to create an initializer in your application:
@@ -100,6 +121,7 @@ Dbviewer.configure do |config|
   config.max_records = 10000                         # Maximum records to return in any query
   config.enable_data_export = false                  # Whether to allow data exporting
   config.enable_record_deletion = true               # Whether to allow record deletion
+  config.enable_record_editing = true                # Whether to allow record editing
   config.query_timeout = 30                          # SQL query timeout in seconds
 
   # Query logging options

data/app/assets/javascripts/dbviewer/record_creation.js

@@ -57,6 +57,20 @@ function initializeFormElements() {
       width: "100%",
     });
   }
+
+  if (typeof flatpickr !== "undefined") {
+    flatpickr(".datetime-picker", {
+      enableTime: true,
+      dateFormat: "Y-m-d H:i:S",
+      time_24hr: true,
+      wrap: true,
+    });
+
+    flatpickr(".date-picker", {
+      dateFormat: "Y-m-d",
+      wrap: true,
+    });
+  }
 }
 
 async function handleNewRecordSubmit(event) {

data/app/assets/javascripts/dbviewer/record_deletion.js

@@ -87,9 +87,8 @@ document.addEventListener("DOMContentLoaded", () => {
         }
       });
 
-      const pkName =
-        Object.keys(recordData).find((k) => k.toLowerCase() === "id") ||
-        Object.keys(recordData)[0];
+      // Get primary key from button's data attribute or from hidden field
+      const pkName = detailDeleteBtn.getAttribute("data-primary-key") || "id";
       const pkValue = recordData[pkName];
 
       setupDeleteConfirmModal(recordData, pkName, pkValue);
@@ -105,9 +104,8 @@ document.addEventListener("DOMContentLoaded", () => {
   document.querySelectorAll(".delete-record-btn").forEach((button) => {
     button.addEventListener("click", () => {
       const recordData = JSON.parse(button.dataset.recordData || "{}");
-      const pkName =
-        Object.keys(recordData).find((k) => k.toLowerCase() === "id") ||
-        Object.keys(recordData)[0];
+      // Get primary key from button's data attribute or from hidden field
+      const pkName = button.dataset.primaryKey || "id";
       const pkValue = recordData[pkName];
       setupDeleteConfirmModal(recordData, pkName, pkValue);
     });

data/app/assets/javascripts/dbviewer/record_editing.js

@@ -0,0 +1,208 @@
+document.addEventListener("DOMContentLoaded", function () {
+  const tableName = document.getElementById("table_name")?.value;
+  if (!tableName) return;
+
+  // Handle edit button in record detail modal
+  const recordDetailEditBtn = document.getElementById("recordDetailEditBtn");
+  if (recordDetailEditBtn) {
+    recordDetailEditBtn.addEventListener("click", () => {
+      const recordData = extractRecordDataFromDetailModal();
+      // Use the primary key from the button's data attribute
+      const primaryKey =
+        recordDetailEditBtn.getAttribute("data-primary-key") || "id";
+      const primaryKeyValue = recordData[primaryKey];
+      loadEditForm(primaryKeyValue);
+    });
+  }
+
+  // Handle edit buttons in table rows
+  document.querySelectorAll(".edit-record-btn").forEach((button) => {
+    button.addEventListener("click", () => {
+      const recordData = JSON.parse(button.dataset.recordData || "{}");
+      const primaryKeyValue = extractPrimaryKeyValue(recordData);
+      loadEditForm(primaryKeyValue);
+    });
+  });
+
+  function extractRecordDataFromDetailModal() {
+    const tableBody = document.getElementById("recordDetailTableBody");
+    const rows = tableBody?.querySelectorAll("tr") || [];
+    const recordData = {};
+
+    rows.forEach((row) => {
+      const cells = row.querySelectorAll("td");
+      if (cells.length >= 2) {
+        const columnName = cells[0].textContent.trim();
+        const cellValue =
+          cells[1].textContent.trim() === "NULL"
+            ? ""
+            : cells[1].textContent.trim();
+        recordData[columnName] = cellValue;
+      }
+    });
+    return recordData;
+  }
+
+  function extractPrimaryKeyValue(recordData) {
+    // First try to get the primary key from the button data attribute
+    const clickedButton = document.activeElement;
+    if (
+      clickedButton &&
+      clickedButton.classList.contains("edit-record-btn") &&
+      clickedButton.dataset.primaryKey
+    ) {
+      const primaryKey = clickedButton.dataset.primaryKey;
+      return recordData[primaryKey];
+    }
+
+    // If not available, use the table-level metadata primary key from the hidden field
+    const primaryKeyMetaElement = document.getElementById("table_primary_key");
+    if (primaryKeyMetaElement && primaryKeyMetaElement.value) {
+      return recordData[primaryKeyMetaElement.value];
+    }
+
+    // Fallback: try to find 'id' or use the first key
+    const primaryKey =
+      Object.keys(recordData).find((key) => key.toLowerCase() === "id") ||
+      Object.keys(recordData)[0];
+    return recordData[primaryKey];
+  }
+
+  async function loadEditForm(recordId) {
+    const modal = document.getElementById("editRecordModal");
+    const modalBody = modal.querySelector(".modal-content");
+    const bsModal = new bootstrap.Modal(modal);
+
+    modalBody.innerHTML = `
+      <div class="modal-body text-center py-5">
+        <div class="spinner-border text-primary" role="status"></div>
+        <p class="mt-3">Loading edit form...</p>
+      </div>
+    `;
+
+    bsModal.show();
+
+    try {
+      const response = await fetch(
+        `${window.location.pathname}/records/${encodeURIComponent(
+          recordId
+        )}/edit`
+      );
+      if (!response.ok) throw new Error("Failed to load form");
+
+      const html = await response.text();
+      modalBody.innerHTML = html;
+
+      initializeEditFormElements();
+      document
+        .getElementById("editRecordForm")
+        ?.addEventListener("submit", handleEditFormSubmit);
+    } catch (error) {
+      modalBody.innerHTML = `
+        <div class="modal-header">
+          <h5 class="modal-title">Error</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+        </div>
+        <div class="modal-body">
+          <div class="alert alert-danger">${error.message}</div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+        </div>
+      `;
+    }
+  }
+
+  function initializeEditFormElements() {
+    if (typeof $.fn.select2 !== "undefined") {
+      $(".select2-dropdown").select2({
+        dropdownParent: $("#editRecordModal"),
+        theme: "bootstrap-5",
+        width: "100%",
+      });
+    }
+
+    if (typeof flatpickr !== "undefined") {
+      flatpickr(".datetime-picker", {
+        enableTime: true,
+        dateFormat: "Y-m-d H:i:S",
+        time_24hr: true,
+        wrap: true,
+      });
+
+      flatpickr(".date-picker", {
+        dateFormat: "Y-m-d",
+        wrap: true,
+      });
+    }
+  }
+
+  async function handleEditFormSubmit(event) {
+    event.preventDefault();
+
+    const form = event.target;
+    const submitButton = document.getElementById("updateRecordButton");
+    const originalText = submitButton?.innerHTML;
+    const formData = new FormData(form);
+    const csrfToken = document.querySelector(
+      'meta[name="csrf-token"]'
+    )?.content;
+
+    disableSubmitButton(submitButton, "Updating...");
+
+    try {
+      const response = await fetch(form.action, {
+        method: form.method,
+        body: formData,
+        headers: { "X-CSRF-Token": csrfToken },
+        credentials: "same-origin",
+      });
+
+      const result = await response.json();
+
+      if (!response.ok)
+        throw new Error(
+          result?.messages?.join(", ") || "Failed to update record"
+        );
+
+      bootstrap.Modal.getInstance(
+        document.getElementById("editRecordModal")
+      )?.hide();
+      showToast(result.message || "Record updated successfully");
+      setTimeout(() => window.location.reload(), 1000);
+    } catch (error) {
+      showToast(error.message, "danger");
+    } finally {
+      enableSubmitButton(submitButton, originalText);
+    }
+  }
+
+  function disableSubmitButton(button, loadingText) {
+    if (!button) return;
+    button.disabled = true;
+    button.innerHTML = `<span class="spinner-border spinner-border-sm me-2"></span>${loadingText}`;
+  }
+
+  function enableSubmitButton(button, originalText) {
+    if (!button) return;
+    button.disabled = false;
+    button.innerHTML = originalText;
+  }
+
+  function showToast(message, type = "success") {
+    Toastify({
+      text: `<span class="toast-icon"><i class="bi bi-${
+        type === "success" ? "clipboard-check" : "exclamation-triangle"
+      }"></i></span> ${message}`,
+      className: "toast-factory-bot",
+      duration: 3000,
+      gravity: "bottom",
+      position: "right",
+      escapeMarkup: false,
+      style: {
+        animation: `slideInRight 0.3s ease-out, slideOutRight 0.3s ease-out 2.7s`,
+        background: type === "danger" ? "#dc3545" : undefined,
+      },
+    }).showToast();
+  }
+});

data/app/controllers/dbviewer/tables_controller.rb

@@ -3,7 +3,10 @@ module Dbviewer
     include Dbviewer::AccessControlValidation
 
     before_action :set_table_name, except: [ :index ]
-    before_action :validate_table, only: [ :show, :query, :export_csv, :new_record, :create_record, :destroy_record ]
+    before_action :validate_table, only: [ :show, :query, :export_csv, :new_record, :create_record, :destroy_record, :edit_record, :update_record ]
+    before_action :check_record_creation_enabled, only: [ :new_record, :create_record ]
+    before_action :check_record_editing_enabled, only: [ :edit_record, :update_record ]
+    before_action :check_record_deletion_enabled, only: [ :destroy_record ]
     before_action :set_query_filters, only: [ :show, :export_csv ]
     before_action :set_global_filters, only: [ :show, :export_csv ]
 
@@ -111,6 +114,45 @@ module Dbviewer
       end
     end
 
+    def edit_record
+      model_class = database_manager.get_model_for(@table_name)
+      primary_key = database_manager.primary_key(@table_name) || "id"
+      @record = model_class.find_by(primary_key => params[:record_id])
+
+      if @record.nil?
+        render json: { error: "Record not found" }, status: :not_found
+        return
+      end
+
+      @table_columns = filter_accessible_columns(@table_name, database_manager.table_columns(@table_name))
+      @metadata = database_manager.table_metadata(@table_name)
+      @foreign_key_options = load_foreign_key_options(@metadata)
+
+      render layout: false
+    end
+
+    def update_record
+      model_class = database_manager.get_model_for(@table_name)
+      primary_key = database_manager.primary_key(@table_name) || "id"
+      record = model_class.find_by(primary_key => params[:record_id])
+
+      if record.nil?
+        render json: { error: "Record not found" }, status: :not_found
+        return
+      end
+
+      begin
+        if record.update(record_params)
+          render json: { message: "Record updated successfully" }
+        else
+          render json: { errors: record.errors, messages: record.errors.full_messages }, status: :unprocessable_entity
+        end
+      rescue => e
+        Rails.logger.error("Error updating record in #{@table_name}: #{e.message}")
+        render json: { error: "Failed to update record: #{e.message}" }, status: :internal_server_error
+      end
+    end
+
     private
 
     def record_params
@@ -210,5 +252,41 @@ module Dbviewer
       end
       options
     end
+
+    def check_record_creation_enabled
+      unless Dbviewer.configuration.enable_record_creation
+        respond_to do |format|
+          format.html { 
+            flash[:alert] = "Record creation is disabled in the configuration"
+            redirect_to table_path(@table_name) 
+          }
+          format.json { render json: { error: "Record creation is disabled" }, status: :forbidden }
+        end
+      end
+    end
+
+    def check_record_editing_enabled
+      unless Dbviewer.configuration.enable_record_editing
+        respond_to do |format|
+          format.html { 
+            flash[:alert] = "Record editing is disabled in the configuration"
+            redirect_to table_path(@table_name) 
+          }
+          format.json { render json: { error: "Record editing is disabled" }, status: :forbidden }
+        end
+      end
+    end
+
+    def check_record_deletion_enabled
+      unless Dbviewer.configuration.enable_record_deletion
+        respond_to do |format|
+          format.html { 
+            flash[:alert] = "Record deletion is disabled in the configuration"
+            redirect_to table_path(@table_name) 
+          }
+          format.json { render json: { error: "Record deletion is disabled" }, status: :forbidden }
+        end
+      end
+    end
   end
 end

data/app/helpers/dbviewer/datatable_ui_table_helper.rb

@@ -137,6 +137,24 @@ module Dbviewer
             content_tag(:i, "", class: "bi bi-clipboard")
           end
 
+          # Edit Record button (only if enabled in configuration)
+          edit_button = if Dbviewer.configuration.enable_record_editing
+            button_tag(
+              type: "button",
+              class: "btn btn-sm btn-outline-primary edit-record-btn",
+              title: "Edit Record",
+              data: {
+                record_data: data_attributes.to_json,
+                table_name: table_name,
+                primary_key: metadata && metadata[:primary_key] ? metadata[:primary_key] : "id"
+              }
+            ) do
+              content_tag(:i, "", class: "bi bi-pencil")
+            end
+          else
+            "".html_safe
+          end
+
           # Delete Record button (only if enabled in configuration)
           delete_button = if Dbviewer.configuration.enable_record_deletion
             button_tag(
@@ -147,7 +165,8 @@ module Dbviewer
                 bs_toggle: "modal",
                 bs_target: "#deleteConfirmModal",
                 record_data: data_attributes.to_json,
-                table_name: table_name
+                table_name: table_name,
+                primary_key: metadata && metadata[:primary_key] ? metadata[:primary_key] : "id"
               }
             ) do
               content_tag(:i, "", class: "bi bi-trash")
@@ -157,7 +176,7 @@ module Dbviewer
           end
 
           # Concatenate all buttons
-          view_button + copy_factory_button + delete_button
+          view_button + copy_factory_button + edit_button + delete_button
         end
       end
     end

data/app/views/dbviewer/tables/_record_form_fields.html.erb

@@ -0,0 +1,105 @@
+<%
+  # Common variables:
+  # - form: The form builder
+  # - column: Current column hash with :name, :type, etc.
+  # - metadata: Table metadata with :foreign_keys etc.
+  # - foreign_key_options: Options for foreign key dropdowns
+  # - record: The record being edited (nil for new records)
+  # - is_edit_mode: Boolean flag indicating if this is an edit (vs create) operation
+  
+  column_name = column[:name]
+  is_primary_key = metadata[:primary_key] == column_name
+  
+  # For new records, skip auto-increment primary keys
+  skip_column = !is_edit_mode && is_primary_key # Skip primary key in creation mode
+  
+  # Skip timestamps for both new and edit
+  return if skip_column || %w[created_at updated_at].include?(column_name)
+  
+  # Get current value for edit mode
+  current_value = record ? record[column_name] : nil
+  
+  # Common field properties
+  field_type = determine_field_type(column[:type])
+  foreign_key = metadata[:foreign_keys].find { |fk| fk[:column] == column_name }
+  field_id = "record_#{column_name}"
+  required = !column[:null]
+  disabled = is_edit_mode && is_primary_key # Disable editing of primary key in edit mode
+%>
+
+<div class="mb-3">
+  <%= form.label "record[#{column_name}]", column_name.humanize, class: "form-label" %>
+  
+  <% if foreign_key && foreign_key_options[column_name].present? %>
+    <!-- Foreign key dropdown -->
+    <%= form.select "record[#{column_name}]", 
+                options_for_select(foreign_key_options[column_name], current_value),
+                { include_blank: column[:null] ? "-- Select --" : false }, 
+                { class: "form-control select2-dropdown", id: field_id, disabled: disabled } %>
+                
+  <% elsif field_type == :text || field_type == :text_area %>
+    <!-- Text area for long text fields -->
+    <%= form.text_area "record[#{column_name}]", 
+                    value: current_value, 
+                    class: "form-control", 
+                    id: field_id, 
+                    rows: 3, 
+                    required: required, 
+                    disabled: disabled %>
+    
+  <% elsif field_type == :boolean || field_type == :check_box %>
+    <!-- Boolean field -->
+    <div class="form-check form-switch">
+      <%= form.check_box "record[#{column_name}]", 
+                      { class: "form-check-input", 
+                        id: field_id, 
+                        checked: current_value, 
+                        disabled: disabled }, 
+                      "true", "false" %>
+    </div>
+    
+  <% elsif field_type == :datetime_local_field %>
+    <!-- Date time picker -->
+    <div class="input-group datetime-picker">
+      <%= form.text_field "record[#{column_name}]", 
+                      value: current_value, 
+                      class: "form-control", 
+                      id: field_id, 
+                      required: required, 
+                      data: { input: "" }, 
+                      disabled: disabled %>
+      <button type="button" class="input-group-text" data-toggle><i class="bi bi-calendar-event"></i></button>
+    </div>
+
+  <% elsif field_type == :date_field %>
+    <!-- Date picker -->
+    <div class="input-group date-picker">
+      <%= form.text_field "record[#{column_name}]", 
+                      value: current_value, 
+                      class: "form-control", 
+                      id: field_id, 
+                      required: required, 
+                      data: { input: "" }, 
+                      disabled: disabled %>
+      <button type="button" class="input-group-text" data-toggle><i class="bi bi-calendar-event"></i></button>
+    </div>
+    
+  <% else %>
+    <!-- Default text input -->
+    <%= form.text_field "record[#{column_name}]", 
+                    value: current_value, 
+                    class: "form-control", 
+                    id: field_id, 
+                    required: required, 
+                    disabled: disabled %>
+  <% end %>
+  
+  <% if disabled %>
+    <!-- Add a hidden field to preserve the primary key value -->
+    <%= form.hidden_field "record[#{column_name}]", value: current_value %>
+  <% end %>
+  
+  <% if !is_edit_mode && column[:default].present? && column[:default] != "NULL" %>
+    <div class="form-text text-muted">Default: <%= column[:default] %></div>
+  <% end %>
+</div>

data/app/views/dbviewer/tables/edit_record.html.erb

@@ -0,0 +1,42 @@
+<% if @errors.present? %>
+  <div class="alert alert-danger">
+    <ul class="mb-0">
+      <% @errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>
+
+<div class="modal-header">
+  <h5 class="modal-title" id="editRecordModalLabel">
+    <i class="bi bi-pencil-square me-1"></i> Edit <%= @table_name.humanize.titleize %> Record
+  </h5>
+  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+</div>
+
+<div class="modal-body">
+  <% primary_key = @metadata[:primary_key] || "id" %>
+  <% primary_key_value = @record[primary_key] %>
+
+  <%= form_with url: update_record_table_path(@table_name, record_id: primary_key_value), method: :patch, id: "editRecordForm" do |form| %>
+    <% @table_columns.each do |column| %>
+      <%= render partial: 'dbviewer/tables/record_form_fields', 
+                 locals: { 
+                   form: form, 
+                   column: column, 
+                   metadata: @metadata, 
+                   foreign_key_options: @foreign_key_options, 
+                   record: @record, 
+                   is_edit_mode: true 
+                 } %>
+    <% end %>
+  <% end %>
+</div>
+
+<div class="modal-footer">
+  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+  <button type="submit" form="editRecordForm" class="btn btn-primary" id="updateRecordButton">
+    <i class="bi bi-check-lg me-1"></i>Update Record
+  </button>
+</div>

data/app/views/dbviewer/tables/new_record.html.erb

@@ -18,46 +18,15 @@
 <div class="modal-body">
   <%= form_with url: create_record_table_path(@table_name), method: :post, id: "newRecordForm" do |form| %>
     <% @table_columns.each do |column| %>
-      <% 
-        column_name = column[:name]
-        is_primary_key = @metadata[:primary_key] == column_name
-        skip_column = is_primary_key && %w[id].include?(column_name.downcase) 
-        
-        # Skip auto-increment primary keys and timestamps
-        next if skip_column || %w[created_at updated_at].include?(column_name)
-      %>
-      
-      <div class="mb-3">
-        <% 
-          # Handle different field types
-          field_type = determine_field_type(column[:type])
-          foreign_key = @metadata[:foreign_keys].find { |fk| fk[:column] == column_name }
-          field_id = "record_#{column_name}"
-          required = !column[:null]
-        %>
-        
-        <%= form.label "record[#{column_name}]", column_name.humanize, class: "form-label" %>
-        
-        <% if foreign_key && @foreign_key_options[column_name].present? %>
-          <%= form.select "record[#{column_name}]", 
-            options_for_select(@foreign_key_options[column_name]), 
-            { include_blank: column[:null] ? "-- Select --" : false }, 
-            { class: "form-select form-control select2-dropdown" } 
-          %>
-        <% elsif field_type == :check_box %>
-          <div class="form-check">
-            <%= form.check_box "record[#{column_name}]", class: "form-check-input", id: field_id %>
-          </div>
-        <% elsif field_type == :text_area %>
-          <%= form.text_area "record[#{column_name}]", class: "form-control", id: field_id, rows: 3, required: required %>
-        <% else %>
-          <%= form.send(field_type, "record[#{column_name}]", class: "form-control", id: field_id, required: required) %>
-        <% end %>
-        
-        <% if column[:default].present? && column[:default] != "NULL" %>
-          <div class="form-text text-muted">Default: <%= column[:default] %></div>
-        <% end %>
-      </div>
+      <%= render partial: 'dbviewer/tables/record_form_fields', 
+                 locals: { 
+                   form: form, 
+                   column: column, 
+                   metadata: @metadata, 
+                   foreign_key_options: @foreign_key_options, 
+                   record: nil, 
+                   is_edit_mode: false 
+                 } %>
     <% end %>
   <% end %>
 </div>

data/app/views/dbviewer/tables/show.html.erb

@@ -13,8 +13,15 @@
   <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
   <%= stylesheet_link_tag "dbviewer/table", "data-turbo-track": "reload" %>
   <%= javascript_include_tag "dbviewer/table", "data-turbo-track": "reload" %>
+  <% if Dbviewer.configuration.enable_record_creation %>
   <%= javascript_include_tag "dbviewer/record_creation", "data-turbo-track": "reload" %>
+  <% end %>
+  <% if Dbviewer.configuration.enable_record_deletion %>
   <%= javascript_include_tag "dbviewer/record_deletion", "data-turbo-track": "reload" %>
+  <% end %>
+  <% if Dbviewer.configuration.enable_record_editing %>
+  <%= javascript_include_tag "dbviewer/record_editing", "data-turbo-track": "reload" %>
+  <% end %>
 <% end %>
 
 <% content_for :sidebar_active do %>active<% end %>
@@ -193,8 +200,13 @@
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+        <% if Dbviewer.configuration.enable_record_editing %>
+        <button type="button" class="btn btn-primary" id="recordDetailEditBtn" data-record-id="" data-primary-key="<%= @metadata[:primary_key] || 'id' %>">
+          <i class="bi bi-pencil me-1"></i>Edit Record
+        </button>
+        <% end %>
         <% if Dbviewer.configuration.enable_record_deletion %>
-        <button type="button" class="btn btn-danger" id="recordDetailDeleteBtn" data-record-id="">
+        <button type="button" class="btn btn-danger" id="recordDetailDeleteBtn" data-record-id="" data-primary-key="<%= @metadata[:primary_key] || 'id' %>">
           <i class="bi bi-trash me-1"></i>Delete Record
         </button>
         <% end %>
@@ -367,8 +379,7 @@
 <% end %>
 
 <!-- Floating Add Record Button -->
-<%# TODO: move this to helpers so that we can have centralized creation check %>
-<% if @table_name != 'schema_migrations'%> 
+<% if Dbviewer.configuration.enable_record_creation && @table_name != 'schema_migrations' %> 
 <div class="floating-add-record d-none d-lg-block">
   <button id="floatingAddRecordBtn"
           class="btn btn-success btn-lg shadow-lg rounded-circle" 
@@ -380,6 +391,7 @@
 <% end %>
 
 <!-- New Record Modal -->
+<% if Dbviewer.configuration.enable_record_creation %>
 <div id="newRecordModal" class="modal fade" tabindex="-1" aria-labelledby="newRecordModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-lg">
     <div class="modal-content">
@@ -387,6 +399,7 @@
     </div>
   </div>
 </div>
+<% end %>
 
 <% if Dbviewer.configuration.enable_record_deletion %>
 <!-- Delete Confirmation Modal -->
@@ -425,8 +438,20 @@
 </div>
 <% end %>
 
+<!-- Edit Record Modal -->
+<% if Dbviewer.configuration.enable_record_editing %>
+<div id="editRecordModal" class="modal fade" tabindex="-1" aria-labelledby="editRecordModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <!-- Content will be loaded via AJAX -->
+    </div>
+  </div>
+</div>
+<% end %>
+
 <!-- Toast container for notifications -->
 <div id="toast-container" class="toast-container position-fixed bottom-0 end-0 p-3"></div>
 
 <input type="hidden" id="mini_erd_table_path" name="mini_erd_table_path" value="<%= dbviewer.mini_erd_api_table_path(@table_name, format: :json) %>">
 <input type="hidden" id="table_name" name="table_name" value="<%= @table_name %>">
+<input type="hidden" id="table_primary_key" name="table_primary_key" value="<%= @metadata[:primary_key] || 'id' %>">

data/config/routes.rb

@@ -7,6 +7,8 @@ Dbviewer::Engine.routes.draw do
       get "new_record"
       post "create_record"
       delete "records/:record_id", to: "tables#destroy_record", as: :destroy_record
+      get "records/:record_id/edit", to: "tables#edit_record", as: :edit_record
+      patch "records/:record_id", to: "tables#update_record", as: :update_record
     end
   end
 

data/lib/dbviewer/configuration.rb

@@ -120,6 +120,12 @@ module Dbviewer
     # Enable or disable record deletion functionality
     attr_accessor :enable_record_deletion
 
+    # Enable or disable record editing functionality
+    attr_accessor :enable_record_editing
+
+    # Enable or disable record creation functionality
+    attr_accessor :enable_record_creation
+
     def initialize
       @per_page_options = [ 10, 20, 50, 100 ]
       @default_per_page = 20
@@ -128,6 +134,8 @@ module Dbviewer
       @cache_expiry = 300
       @enable_data_export = false
       @enable_record_deletion = true
+      @enable_record_editing = true
+      @enable_record_creation = true
       @query_timeout = 30
       @query_logging_mode = :memory
       @query_log_path = "log/dbviewer.log"

data/lib/dbviewer/version.rb

@@ -1,3 +1,3 @@
 module Dbviewer
-  VERSION = "0.9.4-alpha.2"
+  VERSION = "0.9.4"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dbviewer
 version: !ruby/object:Gem::Version
-  version: 0.9.4.pre.alpha.2
+  version: 0.9.4
 platform: ruby
 authors:
 - Wailan Tirajoh
@@ -88,6 +88,7 @@ files:
 - app/assets/javascripts/dbviewer/query.js
 - app/assets/javascripts/dbviewer/record_creation.js
 - app/assets/javascripts/dbviewer/record_deletion.js
+- app/assets/javascripts/dbviewer/record_editing.js
 - app/assets/javascripts/dbviewer/sidebar.js
 - app/assets/javascripts/dbviewer/table.js
 - app/assets/javascripts/dbviewer/utility.js
@@ -137,7 +138,9 @@ files:
 - app/views/dbviewer/home/index.html.erb
 - app/views/dbviewer/logs/index.html.erb
 - app/views/dbviewer/shared/_tables_sidebar.html.erb
+- app/views/dbviewer/tables/_record_form_fields.html.erb
 - app/views/dbviewer/tables/_table_structure.html.erb
+- app/views/dbviewer/tables/edit_record.html.erb
 - app/views/dbviewer/tables/index.html.erb
 - app/views/dbviewer/tables/new_record.html.erb
 - app/views/dbviewer/tables/query.html.erb
@@ -195,9 +198,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.4.10
 signing_key: