Creación de notas dinámicas en tareas con Ruby on Rails

¿Cómo añadir notas a tus tareas en Ruby on Rails?

Aprender a gestionar notas en tus aplicaciones de Ruby on Rails no solo mejora la funcionalidad de tus proyectos, sino que también optimiza el flujo de trabajo al permitir un registro detallado de las tareas. Con este enfoque, te mostraremos cómo estructurar modelos y controladores para integrar esta características. ¡Sigue leyendo!

¿Cuál es el primer paso para crear el modelo de notas?

Para comenzar, es esencial crear un modelo llamado Note que almacenará la información pertinente. Utilizaremos la consola de comandos para generar este modelo con el campo body (del tipo text), y lo asociaremos tanto a un usuario como a una tarea.

Ejecutamos el comando generador y una vez finalizado, desarrollamos la migración con:

rails db:migrate

¿Cómo estructuramos las relaciones en los modelos?

El modelo Note pertenecerá tanto a un usuario como a una tarea. Para asegurar esto, utilizamos el comando annotate para documentar las relaciones en nuestro código:

annotate --models

De vuelta en el archivo del modelo Task, agregamos la relación inversa para asegurar que una tarea pueda contener múltiples notas:

has_many :notes

¿Cómo configuramos las rutas y controladores?

Para permitir la interacción con las notas, configuramos rutas específicas. Dentro del archivo routes.rb, encapsulamos las rutas de notas dentro del recurso de tareas usando un bloque do y end:

resources :tasks do
  resources :notes, only: [:create]
end

Definimos un controlador Tasks::NotesController donde crearemos las acciones necesarias. Este controlador debe heredar de ApplicationController y debe incluir el concepto de namespacing:

class Tasks::NotesController < ApplicationController
  before_action :set_task

  def create
    @note = @task.notes.new(note_params)
    @note.user = current_user
    if @note.save
      # manejamos la respuesta exitosa
    else
      # manejamos errores
    end
  end

  private

  def set_task
    @task = Task.find(params[:task_id])
  end

  def note_params
    params.require(:note).permit(:body)
  end
end

¿Cómo construir la vista para añadir notas?

En el archivo correspondiente al show de la tarea dentro de las vistas, añadimos un formulario utilizando simple_form para permitir la creación de notas.

<div class='notes-container'>
  <%= simple_form_for [@task, @task.notes.new] do |f| %>
    <%= f.input :body, label: false, input_html: { placeholder: 'Digite su nota', autocomplete: 'off' } %>
    <%= f.button :submit, 'Añadir nota' %>
  <% end %>
</div>

Por último, dentro de la vista, configuramos un iterador para mostrar todas las notas asociadas a la tarea:

<% @task.notes.each do |note| %>
  <p><%= note.body %></p>
<% end %>

Este flujo aumenta significativamente la interactividad y el dinamismo de la aplicación. ¡Te animamos a seguir aprendiendo y experimentando con estas configuraciones para personalizar la experiencia del usuario en tus proyectos Rails!