app/templates/views/dashboard/_usage.html

{% from "components/big-number.html" import big_number %}

<div class='grid-row ajax-block-container'>
  <div class='column-half'>
    <div class="keyline-block">
      {{ big_number("Unlimited", 'free email allowance', smaller=True) }}
    </div>
  </div>
  <div class='column-half'>
    <div class="keyline-block">
      {% if sms_chargeable %}
        {{ big_number(
          total_sms_cost,
          'spent on text messages',
          currency="£",
          smaller=True
        ) }}
      {% else %}
        {{ big_number(sms_allowance_remaining, 'free text messages left', smaller=True) }}
      {% endif %}
    </div>
  </div>
</div>
Refactor dashboard templates Previously the structure was ``` dashboard.html \|_ today.html \|_ some random html \|_ a few things split into partials ``` This commit simplifies the structure to just be: ``` dashboard.html \|_ partial \|_ partial \|_ … ``` 2016-06-28 08:59:08 +01:00			`{% from "components/big-number.html" import big_number %}`

Make sure partials always have a wrapping `<div>` The diffDOM Javascript sometimes throws an error if it can’t calculate a diff between the original content of the page and the updated HTML delivered via AJAX. The problem seems to be when there’s not one, consistent top-level element for it to base its calculations on. This commit: - makes sure that all AJAX-delivered partials have a wrapping `<div>` - that this `<div>` has a consistent class name to make it clear why it’s there 2016-09-01 11:06:52 +01:00			`<div class='grid-row ajax-block-container'>`
Refactor dashboard templates Previously the structure was ``` dashboard.html \|_ today.html \|_ some random html \|_ a few things split into partials ``` This commit simplifies the structure to just be: ``` dashboard.html \|_ partial \|_ partial \|_ … ``` 2016-06-28 08:59:08 +01:00			`<div class='column-half'>`
			`<div class="keyline-block">`
			`{{ big_number("Unlimited", 'free email allowance', smaller=True) }}`
			`</div>`
			`</div>`
			`<div class='column-half'>`
			`<div class="keyline-block">`
			`{% if sms_chargeable %}`
			`{{ big_number(`
Wire in the new API method that calculates the total cost and total billable units. - Used on dashboard to calculate free tier/cost - Update tests to mock new method - Two new tests to check output on dashboard page 2017-05-24 10:35:52 +01:00			`total_sms_cost,`
Refactor dashboard templates Previously the structure was ``` dashboard.html \|_ today.html \|_ some random html \|_ a few things split into partials ``` This commit simplifies the structure to just be: ``` dashboard.html \|_ partial \|_ partial \|_ … ``` 2016-06-28 08:59:08 +01:00			`'spent on text messages',`
			`currency="£",`
			`smaller=True`
			`) }}`
			`{% else %}`
			`{{ big_number(sms_allowance_remaining, 'free text messages left', smaller=True) }}`
			`{% endif %}`
			`</div>`
			`</div>`
			`</div>`