big refactoring, opening flagcollection (folder) on the left of main-content

web/themes/custom/materiotheme/vuejs/components/Pages/Base.vue

@@ -1,13 +1,16 @@
 <template>
   <div id="Base">
-    <div class="loading" v-if="!items.length">
+    <div class="loading" v-if="!searchinfos">
       <span>Loading ...</span>
     </div>
     <div class="cards-list" v-else>
       <aside class="search-info">
         {{ searchinfos }}
       </aside>
-      <ul>
+      <div class="loading" v-if="!items.length & !noresults">
+        <span>Loading ...</span>
+      </div>
+      <ul v-else>
         <li v-for="item in items" v-bind:key="item.uuid">
           <Card :item="item"/>
         </li>
@@ -42,6 +45,7 @@ export default {
       items: state => state.Search.items,
       searchinfos: state =>  state.Search.infos,
       count: state => state.Search.count,
+      noresults: state => state.Search.noresults,
       limit: state => state.Search.limit
     })
   },