Mercurial > gemma
comparison client/src/components/importoverview/ImportOverview.vue @ 2840:503a73e9a755
client: ui: implemented global SpinnerOverlay component
to unify loading animations for boxes and other ui elements that need to be blocked
while loading/refreshing data
| author | Markus Kottlaender <markus@intevation.de> |
|---|---|
| date | Thu, 28 Mar 2019 10:22:30 +0100 |
| parents | f91ee5d2c58a |
| children | 4da07a11e6e1 |
comparison
equal
deleted
inserted
replaced
| 2839:162804509c3e | 2840:503a73e9a755 |
|---|---|
| 5 :title="importReviewLabel" | 5 :title="importReviewLabel" |
| 6 :closeCallback="$parent.close" | 6 :closeCallback="$parent.close" |
| 7 :actions="[{ callback: loadUpdatedLogs, icon: 'redo' }]" | 7 :actions="[{ callback: loadUpdatedLogs, icon: 'redo' }]" |
| 8 /> | 8 /> |
| 9 <div class="position-relative"> | 9 <div class="position-relative"> |
| 10 <transition name="fade"> | 10 <SpinnerOverlay v-if="loading" /> |
| 11 <div class="loading" v-if="loading"> | |
| 12 <font-awesome-icon icon="spinner" spin /> | |
| 13 </div> | |
| 14 </transition> | |
| 15 <div class="p-2 mb-1 d-flex flex-row flex-fill justify-content-between"> | 11 <div class="p-2 mb-1 d-flex flex-row flex-fill justify-content-between"> |
| 16 <Filters></Filters> | 12 <Filters></Filters> |
| 17 <div> | 13 <div> |
| 18 <button | 14 <button |
| 19 class="btn btn-sm btn-info" | 15 class="btn btn-sm btn-info" |