Merge pull request #61 from lblod/au-loader-deprecations

[DL-6517] Resolve AuLoader deprecations

Author: Windvis

app/components/search-queries/config-form.hbs

@@ -27,8 +27,7 @@
 <div class="au-c-main-container__content au-c-main-container__content--scroll">
   <div class="au-o-box">
     {{#if this.init.isRunning}}
-      <AuLoader @padding="large"/>
-      <span class="au-u-hidden-visually">Aan het laden</span>
+      <AuLoader>Aan het laden</AuLoader>
     {{else}}
       {{#if this.error}}
         <AuAlert @icon="cross"

app/components/search-queries/filter-form.hbs

@@ -2,7 +2,9 @@
   <div class="au-c-sidebar__content">
     <div class="au-c-sidebar__header">
       {{#if (or this.init.isRunning this.resetFilters.isRunning)}}
-        <AuLoader @padding="small" />
+        <AuLoader @hideMessage={{true}} class="au-o-box">
+          Aan het laden
+        </AuLoader>
       {{else}}
         <RdfForm
           @groupClass="au-o-grid__item au-u-1-2 au-u-1-1@small"

app/components/submissions/form.hbs

@@ -1,13 +1,19 @@
-<div {{did-update (perform this.loadData) @submission }} {{!template-lint-disable no-at-ember-render-modifiers}}>
+<div
+  {{did-update (perform this.loadData) @submission}}
+  {{!template-lint-disable no-at-ember-render-modifiers}}
+>
   {{#if this.loadData.isRunning}}
-    <span>Aan het laden...</span>
+    <AuLoader class="au-o-box au-o-box--large">
+      Aan het laden
+    </AuLoader>
   {{else}}
     <SubmissionForm
       @form={{this.form}}
       @graphs={{this.graphs}}
       @sourceNode={{this.sourceNode}}
       @formStore={{this.formStore}}
       @show={{true}}
-      @forceShowErrors={{false}} />
+      @forceShowErrors={{false}}
+    />
   {{/if}}
 </div>

app/templates/authorization-callback-loading.hbs

@@ -1,6 +1,6 @@
 {{page-title "Aan het aanmelden"}}
 
-<div class="au-o-box au-u-1-1" ...attributes>
+<div class="au-o-box au-o-box--large au-u-1-1" ...attributes>
   <AuLoader>
     Aan het aanmelden
   </AuLoader>

app/templates/loading.hbs

@@ -1 +1,3 @@
-<AuLoader/>
+<div class="au-o-box au-o-box--large au-u-1-1">
+  <AuLoader>Aan het laden</AuLoader>
+</div>