DEV Community

Matt Layman
Matt Layman

Posted on • Originally published at mattlayman.com

1

Reordering Models - Building SaaS #80

In this episode, we looked at an UpdateView for the GradeLevel model in the homeschool application. Along the way, I had to display some UI elements on the grade to give users the ability to adjust the ordering of courses within their grade level.

We started by adding the icon link that I wanted to use to give users access to the edit page. Once the link was in place, I created the URL and copied an existing view as a starting point for the UpdateView.

As I got into the development of the UpdateView, I discovered that the template and the form already existed! I had the proper form for a pre-existing CreateView. All I had to add was a bit of context data to conditionally display "Add" vs. "Update" in the UI. I also added a "Cancel" button to the view that was missing before.

Once the view was in place, I wrote all the unit tests to prove that the code worked. I do this because it acts as my safety net for future changes.

The final change that I made was to display a table of courses that the user will be able to move each course up and down. I showed some other up and down movement views from course tasks rather than showing how to implement the movement views during the stream.

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs