app/templates/components/ajax-block.html

{% macro ajax_block(partials, url, key, interval=2, finished=False) %}
  {% if not finished %}
    <div
      data-module="update-content"
      data-resource="{{ url }}"
      data-key="{{ key }}"
      data-interval-seconds="{{ interval }}"
      aria-live="polite"
    >
  {% endif %}
    {{ partials[key]|safe }}
  {% if not finished %}
    </div>
  {% endif %}
{% endmacro %}
Derive markup dashboard from rendered partials This commit extends the `ajax_block` component to take a `dict` of partials, from which it can select the partial matching its `key` argument and print its HTML to the page. This means that the same markup is only rendered in one place, rather than in two (individually in the JSON endpoint and as `include`s in the parent template). 2016-06-28 11:23:43 +01:00			`{% macro ajax_block(partials, url, key, interval=2, finished=False) %}`
Make a macro for the AJAX update module This is less repetitive than typing out the HTML with all its attributes every time. It also lets us wrap up the idea of ‘finished’ as a parameter, so the AJAX code will only be initiated when it’s needed, eg if a job is still processing. 2016-06-28 09:21:46 +01:00			`{% if not finished %}`
			`<div`
			`data-module="update-content"`
			`data-resource="{{ url }}"`
			`data-key="{{ key }}"`
			`data-interval-seconds="{{ interval }}"`
			`aria-live="polite"`
			`>`
			`{% endif %}`
Derive markup dashboard from rendered partials This commit extends the `ajax_block` component to take a `dict` of partials, from which it can select the partial matching its `key` argument and print its HTML to the page. This means that the same markup is only rendered in one place, rather than in two (individually in the JSON endpoint and as `include`s in the parent template). 2016-06-28 11:23:43 +01:00			`{{ partials[key]\|safe }}`
Make a macro for the AJAX update module This is less repetitive than typing out the HTML with all its attributes every time. It also lets us wrap up the idea of ‘finished’ as a parameter, so the AJAX code will only be initiated when it’s needed, eg if a job is still processing. 2016-06-28 09:21:46 +01:00			`{% if not finished %}`
			`</div>`
			`{% endif %}`
			`{% endmacro %}`