Merge branch '9-loading-animation' into 'master'

Resolve "loading animation"

Closes #9

See merge request !11

src/components/MatchForm.vue

@@ -96,6 +96,7 @@
         if(this.single.name === '') {
           return
         }
+        // todo: reset pagination
         this.test(
           {
             name: this.single.name,

src/views/Search.vue

@@ -3,10 +3,14 @@
     <div class="container-fluid">
       <SearchForm @search="preSearch"/>
     </div>
-    <div class="container-fluid">
+    <div class="container-fluid" v-if="!loading">
       <ResultList/>
       <Pagination :get="list" ref="pagination"></Pagination>
     </div>
+    <div class="container-fluid d-flex justify-content-center mb-3" v-if="loading">
+      <b-spinner variant="primary" type="grow" label="Spinning"></b-spinner>
+    </div>
+
     <div class="edit-box">
       <div class="container-fluid">
         <EditForm  ref="editform"/>
@@ -22,7 +26,8 @@ import SearchForm from '@/components/SearchForm.vue'
 import ResultList from '@/components/ResultList.vue'
 import EditForm from "@/components/EditForm";
 import Pagination from "@/components/Pagination";
-import {mapActions} from 'vuex';
+import {mapActions, mapGetters} from 'vuex';
+import {Getters} from "@/store/concordance/type";
 export default {
   name: 'Search',
   mounted() {
@@ -41,6 +46,9 @@ export default {
       this.$refs.pagination.change(1);
     }
   },
+  computed: {
+    ...mapGetters('concordance', {loading: Getters.LOADING})
+  },
   components: {
     EditForm,
     ResultList,