Keith Schacht on Rails

2 items tagged “Rails”

💡 TIL: Rails migrations can include an up_only part #

When writing a migration in Rails and you need to do one thing which can’t be automatically reversed, I always convert a def change to up and down. It turns out you can slip in an up_only block:

class AddFieldsToUsers < ActiveRecord::Migration[7.1]
  def change
    add_column :users, :first_name, :string
    add_column :users, :last_name, :string

    up_only do
      User.delete_all
    end
  end
end

from RubyCademy

#permalink 10/29/24, 8:29 pm / Rails

📝 Using Hotwire it was simple to build inline title editing #

After generating the Rails scaffolding for my “Conversation” model, it was just a few steps to do inline editing:

Modify conversations/_conversation.html.erb to wrap it in a turbo-frame
Modify conversations/_form.html.erb partial to wrap it in the same turbo-frame so that the form will replace the displayed title
Add a tiny bit of stimulus to enable submit on enter/blur and to enable discard with Escape

After generating the Rails scaffolding for my “Conversation” model, it was just a few steps to do inline editing:

Modify conversations/_conversation.html.erb to wrap it in a turbo-frame
Modify conversations/_form.html.erb partial to wrap it in the same turbo-frame so that the form will replace the displayed title
Add a tiny bit of stimulus to enable submit on enter/blur and to enable discard with Escape

Check out this short demo and walk-through!

This part of my rails open-source ChatGPT app called HostedGPT. You can find the project on GitHub if you want to use it or help contribute to making it better!

Questions? Comment on this Reddit thread.

And this is my full inline_edit_controller.js for reference:

import { Controller } from "@hotwired/stimulus"

export default class extends Controller {
  static targets = [ "input" ]

  connect() {
    this.originalText = this.inputTarget.value
    this.focusInput()
    this.cursorToEnd()
  }

  focusInput() {
    this.inputTarget.focus()
  }

  cursorToEnd() {
    this.inputTarget.selectionStart =
      this.inputTarget.selectionEnd =
        this.inputTarget.value.length
  }

  submitForm() {
    if (this.inputTarget.disabled) return

    this.element.requestSubmit()
    this.inputTarget.disabled = true
  }

  abort() {
    this.inputTarget.value = this.originalText
    this.submitForm()
  }
}

Keith Schacht’s Weblog

2 items tagged “Rails”

2024

💡 TIL: Rails migrations can include an up_only part #

📝 Using Hotwire it was simple to build inline title editing #

Check out this short demo and walk-through!