Cells: Partial Controllers And Views For Rails 3

I’ve got a sort-of meta-application that I’m building in Rails 3 for a client. The core of the application is a framework on which we build various “Programs” that a patient can participate in. On the Patient Profile screen, a doctor or other medical professional has the ability to invite patients to participate in a given program. Once a patient has been invited to participate in that program, they will see a program dashboard on their profile page. The doctors and nurses will also see the dashboard.

Here’s the mock up of what this looks like:

Patient Profile For Programs  Scrubbed

Each program has the potential for a very complicated and customized set of actions and workflows within it, all driven through the program dashboard on the patient’s profile.

 

A Problem Of Coupling

The problem that I was about to run into on this particular requirement, was keeping the code for the dashboard clean and keeping it out of the controller for the patient profile. Sure, we can load up a list of programs that a patient is participating in, but beyond that, it should be the responsibility of the program dashboard to figure out what’s going on, not the patient profile controller or view.

We could have solved this with a simple partial for the program. In the most basic of scenarios this would have worked nicely. However, the functionality that we need on this first program dashboard is anything but “basic”. We have a lot of data to load and sort, filter and prepare, and otherwise work with before we can render the view.

In the end, I did not want to do was clutter up a partial for the dashboard with a bunch of code to load and prep data, or create a bunch of helper methods in the patient profile helper module to do the same. The above options would create far too much coupling between the profile and the programs, which would destroy the ability for this system to be extended with additional programs in the future.

 

Cells: A Solution For “Partial Controllers”

Not liking the options I was faced with, I asked twitter if there was anything like a “Partial Controller” in Rails 3. What I wanted was a controller that would execute for a given partial. For example, if I had a _my_program_partial.html.haml, I wanted a my_program_controller.rb to go along with it. Ben Scheirman (@subdigital) pointed me to a nice little ruby gem that provides exactly the functionality I’m looking for:

Cells – Compnents for Rails

Directly from the Cells website:

Cells look like controllers. They are super fast. They provide clean encapsulation. They are reuseable across your project. They can be plugged anywhere in your views or controllers.

Call them “mini controllers” . But hey, they are faster!

Call them “partials on steroids” . But wait, they are object-oriented instances, not a loose helper+partial thing.

 

Implementing The First Program’s Dashboard As A Cell

This was surprisingly easy, and I’m really happy with the result. After installing the cells gem into my app, I ran this from the command line:

rails g cell SomePatientProgram display

 

This tells the generator to build a cell for SomePatientProgram with a controller method and view called display. The generator created a set of files for me in a new folder called app/cells

app/cells/
app/cells/some_patient_program_cell.rb
app/cells/some_patient_program/
app/cells/some_patient_program/display.html.erb

 

I had to change the display.html.erb to haml, but it works just fine. Once I had all this in place, I needed to pass the PatientProgram in question (the assignment of a Patient to a Program) to cell. From the patient profile view, I made this call:

- @patient_programs.each do |patient_program|
  render_cell :some_patient_program, :display, :patient_program => patient_program

 

Then in the display method of the cell’s controller, I grab the patient program from the supplied options and turn it into the pieces that I need, as instance variables.

class SomePatientProgramCell < Cell::Rails

  def display
    @patient_program = options[:patient_program]
    @program = @patient_program.program
    @patient = @patient_program.patient
    # ... lots of other data manipulation here
    render
  end

end

 

Then in the display.html.haml view, I set up the various layout elements that I need. I’m still working on the final layout, but this is what I have so far:

#some-program
  %h2
    Some Program Title Here
  %p
    A long description of the program should go here [...]

  %fieldset
    %legend Assessments
    assessment stuff goes here.

  %fieldset
    %legend Panels
    Panel stuff goes here.

  %fieldset
    %legend Follow-up Actions
    Follow-up stuff goes here. 

 

Once I had that in place, I was able to view the patient profile, invite the patient to the program, and have the program’s cell displayed as I needed:

Screen shot 2011 04 11 at 7 16 56 PM

Note that the bottom section of this screen shot is the actual cell, in place.

 

A Small Problem And A Workaround: Content_For Doesn’t Work

There is one little “bug” that is annoying me a bit. Due to a bug or design issue or something in Rails 3, calling “content_for” does not work from Cell views. In my case, I wanted to provide a style sheet for the cell’s view and only include it in the header of the page when the cell’s view is rendered. This is important because every “Program” will need it’s own styling for the dashboard, and I can’t put all of the styling for every program in a single stylesheet.

After a few answers from the #cells irc chat room turned up nothing, I found a work around via the content_for bug on the cells github page. At the bottom of the comments, ahmeij mentions using a helper method to put the content of a cell into a named content area. I only want to put the css file for a cell into my :css area, but the principle of what he said helped me come up with a simple helper method for my patients controller:

  def render_program_cell(*args)
    cell_name = args[0]
    args[0] = cell_name.to_s + "_patient_program"
    content_for :css do
      stylesheet_link_tag "#{cell_name}/patient_program"
    end
    render_cell *args
  end

 

This method is pretty simple, but it does a few things for me. It assumes a naming convention for my programs and the related cells. The first argument is the name of the program, minus “_patient_program”, which is used to figure out where the css file is and use generate the full name of the cell (re-adding the “_patient_program”). Then I call out to the content_for :css and supply the right stylesheet name, again using a convent of having a stylesheet named “(something)_patient_program”. And lastly, I render the actual cell by passing all the params to the Cells helper method.

From there, I can call my method in the patient profile view the same as I was calling the original render_cell method:

- @patient_programs.each do |patient_program|
  render_program_cell :some_patient_program, :display, :patient_program => patient_program

 

Now it produces the cell’s view and it puts the cell’s css in the header of the page, the way I want.

 

A Clean Solution

I generally like the solution that I found. It works well, is simple to work with, etc. Even with the helper method that I had to create, to wrap around my need for css, it’s still a much better solution than what I would have been able to accomplish with standard Rails controllers, views and partials.


Post Footer automatically generated by Add Post Footer Plugin for wordpress.

About Derick Bailey

Derick Bailey is an entrepreneur, problem solver (and creator? :P ), software developer, screecaster, writer, blogger, speaker and technology leader in central Texas (north of Austin). He runs SignalLeaf.com - the amazingly awesome podcast audio hosting service that everyone should be using, and WatchMeCode.net where he throws down the JavaScript gauntlets to get you up to speed. He has been a professional software developer since the late 90's, and has been writing code since the late 80's. Find me on twitter: @derickbailey, @mutedsolutions, @backbonejsclass Find me on the web: SignalLeaf, WatchMeCode, Kendo UI blog, MarionetteJS, My Github profile, On Google+.
This entry was posted in Model-View-Controller, Quality, Rails, Ruby. Bookmark the permalink. Follow any comments here with the RSS feed for this post.
  • http://www.facebook.com/nathanmlee Nathan Lee

    I love the layout in your screenshot. Is that a template, or did you do that yourself?

    • http://mutedsolutions.com Derick Bailey

      that’s a tool called Balsamiq Mockups. I love it. I use it constantly. http://balsamiq.com

      • http://www.facebook.com/nathanmlee Nathan Lee

        I know, I love balsamiq too! Actually I was talking about the screen shot of your app.

        • http://mutedsolutions.com Derick Bailey

          oh… i totally mis-read what you said. :) sorry…

          the core styles and design were done by Joey Beninghove and I. we’re using SASS and Compass to build the CSS for the individual pages and section layouts. It makes it really easy to do nice layouts like that.

  • http://www.dust-extractors.com Dust Extractors

    There are many reasons to wanting and purchasing dust extractors. Use http://www.Dust-Extractors.com to obtain Reviews and Information about dust extractors