showing-progress.hbs

{{#with (ajax-get '/products') as |request|}}
  {{#with (async request request.fetch) as |result|}} 
  
    {{#if result.isPending}}
      <progress value={{request.progress}} max=100></progress>
    {{else}}
      <button onclick={{action request.reset}}>Reload</button>      
    {{/if}}
  
    {{#loading-overlay result.isPending}}
      {{#with (list result) as |items|}}
      
        {{#each items as |product}}
          {{product.title}}
          <button onclick={{ajax-delete 'products/:id' 
               data=(hash id=item.id) 
               on-success=(action products.remove product)
               on-error=(action notifications.error 'Could not delete item')
             }}>Delete</button>
        {{/each}}
        
    {{/with}}
   {{/loading-overlay}}
   
  {{/with}}
{{/with}}