fcontinitorres commented 5 years ago

Hi, I'm pretty new on ruby on rails and I'm trying to create a nested fields in a bootstrap modal. I search for a days a solution for it and failed. Everything I found was too complex or incomplete answer Could you make a simple exemple using it? I have a simple project using Cocoon like the exemple on main page.

= simple_form_for @project do |f| = f.input :name = f.input :description %h3 Tasks

tasks

= f.simple_fields_for :tasks do |task|
  = render 'task_fields', f: task
.links
  = link_to_add_association 'add task', f, :tasks

= f.submit

Something like that and works correctly Ty for attention.

nathanvda commented 5 years ago

Hi @fcontinitorres, congratulastions on your first issue! 🍾 👍 👏 👏 👏

I would love to help you! However right now, your question is not entirely clear to me. Could you please elaborate what is going wrong?

does the modal not render correctly?
does the form not save correctly?
the form saves, but the nested items do not save correctly?
if the form works in isolation, can you open a modal in isolation?

So to take this further:

can you please cleanly format your question (what is code? how is it indented?). The code you show me now will never work correctly (because of the indentation), is that the error I need to fix?
can you please explain exactly what is not working, and what you are expecting. Have you tried inserting your form-code into a modal and how does that code look, or are you litterally asking me to provide an example of a modal with a cocoon form?
if you have code that is not working, please show that, because sometimes an error is easily spotted (if you did not write it yourself).

fcontinitorres commented 5 years ago

Sorry for indentation, the code works correctly for nested form without modal (you don't need fix it)

I tried make it in so many different ways that a I can't tell whats going wrong or types of error I had, so I preferred to come my project back to the begin that it is almost exactly like your example code on main page. I don't have modal yet, just nested form.

I was thinking if you could provide an example of a modal with a Cocoon form

Sorry for my bad english

nathanvda commented 5 years ago

It should just work, so if you check the documentation of bootstrap (depending on which version you are using), you can just include the form. I am not quite sure I understand what the specific problem is that you are having.

For example in bootstrap 3 it should be something like

.modal.fade#my-modal-form
  .modal-dialog
    .modal-content
      .modal-header
        %button.close{:type => "button", :'data-dismiss' => "modal", :'aria-hidden' => "true"}
          &times;
        %h4.modal-title This is the title for my form
      .modal-body
        = simple_form_for @project do |f|
          # ...

... but this is a bit weird, because you are in cocoon issues and asking help (??) how to render a form in bootstrap? Surely you already got this far? So this could not be your actual question, right?

Please note that while I understand that stackoverflow.com might not always be welcoming, imho that is the better place for these kind of questions. A lot of people are eager to help beginners.

But note, also on stackoverflow it is a lot easier if you ask a more specific/clear question. Something like: this is the code, this is what I am trying to achieve, please help.

fcontinitorres commented 5 years ago

Sorry, I didn't not specify my problem correctly,

I'm try to create a modal on Task (no on Project), something like when I click on
= link_to_add_association 'add task', f, :tasks , it should open a bootstrap modal, after save, show on view _form of Project the description attribute of task, maybe on dataTable, whatever.

I imagene it should't be done with = link_to_add_association 'add task', f, :tasks, and I don't have any idea how to do.

I tried to create this Task without link_to_add_association and make a bootstrap modal with a remote call on button, but it's not works. I had a token problem, so imagined that should had a easier way to do that with Cocoon.

Sorry for make you lost your time don't being specific, I'm noob on RoR and make questions to >.<

nathanvda commented 5 years ago

Sorry for the late reply, but if I understand correctly what you are asking, it is not cocoon you want to use. Cocoon builds a large form, containing all nested items and saves them in one go when submitting the form to the server.

Opening a modal form when adding a new nested item feels more suited to some remote js calls. E.g.

click a button, the button calls /tasks/new?project_id=XX
the controller renders a modal form to add the task
on POST the controller adds the newly added task to the list of tasks (via js)

This is not what cocoon does or allows.

nathanvda commented 5 years ago

Closed due to inactivity.

nathanvda / cocoon

registration with modal bootstrap #550

tasks