5. Create partials
September 2015 · 2 minute read
Keep watching to see how I build My budgeting app.
What are partials? Partials in rails are views which enable you to create layouts with multiple content sections. I am going to nest three content partial views within the right hand column (also a partial) of my app to render a budgets summary section which will each eventually draw information from different models.
Running through the creation of a new right hand column partial to follow on from my last tutorial, I will first create the new file _rightcolumn.html.erb under app/views/welcome.
Adding the line of Ruby seen here on line 18 in app/views/welcome/index.html will render my new partial on the right hand side of the screen.
<div class="row">
<div class="col-md-8">
<%= render "welcome/leftcolumn"%>
</div>
<div class="col-md-4">
<%= render "welcome/rightcolumn"%>
</div>
</div>
In the new _righthand column partial, I have put in a header “Projections” as this is where my budget summary will be.
# Projections
<div class="row">
<%= render "welcome/next_pay_day"%>
</div>
As you can see in lines 3-5, I have also rendered another partial called _next_pay_day.html.erb which was created in the same way as above.
Next_pay_day will show summary calculations for the next pay day. This model will be replicated for End_of_month and End_of_year as well.
The _next_pay_day.html.erb partial contains the following HTML to render a summary table. Again, this model will be the same for End_of_month and End_of_year summaries too.
## Next Pay Day
<table>
<tr>
<td>
Pay
</td>
</tr>
<tr>
<td>
Balance
</td>
</tr>
<tr>
<td>
Credit Card Repayments
</td>
</tr>
<tr>
<td>
Savings
</td>
</tr>Excess Cash
</table>
Now the app is starting to come together with an overall base view and layout.
Keep watching, in the next tutorial I will be using posgreSQL and Rake Migrations to create some data storage.
*Reference