started logos on home page #1258

assets/css/app.scss

@@ -1190,6 +1190,8 @@ footer[role="tools"]{
     &>*{
       // disable grid gap
       padding-right: 0;
+      flex-grow: 0;
+      flex-shrink: 0;
     }
     #footer-tabs{
       ul{
@@ -1332,6 +1334,18 @@ footer[role="tools"]{
         }
       }
     }
+    ;
+    #logos{
+      box-sizing: content-box;
+      max-height: 50px;
+      padding:1em;
+      text-align: right;
+      img{
+        display: inline-block;
+        max-height: 100%;
+        padding-left: 1em;
+      }
+    }
   }
   h2{
     margin:0;

src/App.vue

@@ -24,6 +24,14 @@
       <div id="footer-bottom" class="row">
         <FooterTabs />
         <Search />
+        <div
+          v-if="$route.name === 'home' && (!searchResults || !searchResults.length)"
+          id="logos"
+          class="col-7"
+        >
+          <img src="/static/img/logos/labex.jpg" alt="">
+          <img src="/static/img/logos/PIA logo.png" alt="">
+        </div>
       </div>
     </footer>
   </div>
@@ -58,7 +66,8 @@ export default {
   computed: {
     ...mapState({
       resultsOpened: state => state.Search.opened,
-      editionslist: state => state.Corpus.editionslist
+      editionslist: state => state.Corpus.editionslist,
+      searchResults: state => state.Corpus.results
     })
   },
   created () {

src/components/nav/Search.vue

@@ -1,7 +1,7 @@
 <template>
-  <div id="search" class="col-11" :class="{ loading: isloading }">
+  <div id="search" class="" :class="[isloading ? loading : '', wrapperClass]">
     <form class="search-form row">
-      <fieldset class="search small-col-10 med-col-4 large-col-4">
+      <fieldset class="" :class="['search', 'small-col-10', firstFieldsetClass]">
         <div>
           <label for="keys">Search</label>
           <input
@@ -103,19 +103,31 @@ export default {
   data: () => ({
   }),
   computed: {
-    // TODO: do not synch keys instantetly (infinite loading will drop)
-    keys: {
-      get () { return this.$store.state.Search.keys },
-      set (value) { this.$store.commit('Search/setKeys', value) }
-    },
     ...mapState({
       isloading: state => state.Search.isloading,
       searchTypeOptions: state => state.Search.searchTypeOptions,
       searchTypeValue: state => state.Search.searchTypeValue,
       filters: state => state.Search.filters,
       activeFilters: state => state.Search.activeFilters,
-      corpusLoaded: state => state.Corpus.corpusLoaded
+      corpusLoaded: state => state.Corpus.corpusLoaded,
+      results: state => state.Corpus.results
     }),
+    // TODO: do not synch keys instantetly (infinite loading will drop)
+    wrapperClass () {
+      console.log('this.$route.name', this.$route.name)
+      if (this.$route.name === 'home' && (!this.results || !this.results.length)) {
+        return 'col-4'
+      } else {
+        return 'col-11'
+      }
+    },
+    firstFieldsetClass () {
+      return (this.$route.name === 'home' && (!this.results || !this.results.length)) ? 'med-col-10 large-col-10' : 'med-col-4 large-col-4'
+    },
+    keys: {
+      get () { return this.$store.state.Search.keys },
+      set (value) { this.$store.commit('Search/setKeys', value) }
+    },
     personsOptions () {
       return this.filters.persons.filter(option => !this.activeFilters.persons.includes(option))
     },
@@ -128,6 +140,7 @@ export default {
     textsOptions () {
       return this.filters.texts.filter(option => !this.activeFilters.texts.includes(option))
     }
+
   },
   methods: {
     ...mapMutations({

src/pages/Bibliographie.vue

@@ -90,7 +90,7 @@
         <p class="titles">{{ item.titles }}</p>
         <p class="edition">{{ item.edition }}</p>
         <p class="extent">{{ item.extent }}</p>
-        <p class="tei" v-html="item.tei"/>
+        <p class="tei" v-html="item.tei" />
         <ul vi-if="item.manifestations.length" class="item-list">
           <li v-for="manif in item.manifestations" :key="manif.uuid">
             <router-link

src/pages/Home.vue

@@ -18,9 +18,9 @@
           <div v-html="trimedTei(page.tei)" />
           <a
             :href="page.url"
+            class="readmore"
             @click.prevent="onclick(page.uuid)"
             @keyup.enter="onclick(page.uuid)"
-            class="readmore"
           >
             <span>Lire la suite</span>
           </a>
@@ -30,6 +30,7 @@
     </section>
 
   </div>
+
 </template>
 
 <script>

src/pages/Nominum.vue

@@ -47,8 +47,7 @@
     <!-- default slot -->
     <IndexItemOcurrences v-if="content" :content="content" />
 
-    <template v-if="content" v-slot:nav>
+    <template v-if="content" v-slot:nav />
-    </template>
   </MainContentLayout>
 </template>
 

src/pages/Static.vue

@@ -31,6 +31,18 @@ export default {
     // page () {
     // }
   },
+  watch: {
+    $route (n, o) {
+      console.log('static route changed', n, o)
+      this.uuid = n.name
+      if (this.colophon && this.colophon.length > 0) {
+        this.setPage()
+      }
+    },
+    colophon (n, o) {
+      this.setPage()
+    }
+  },
   beforeCreate () {
 
   },
@@ -44,18 +56,6 @@ export default {
       this.setPage()
     }
   },
-  watch: {
-    $route (n, o) {
-      console.log('static route changed', n, o)
-      this.uuid = n.name
-      if (this.colophon && this.colophon.length > 0) {
-        this.setPage()
-      }
-    },
-    colophon (n, o) {
-      this.setPage()
-    }
-  },
   methods: {
     ...mapActions({
       getColophon: 'Colophon/getColophon'

src/store/modules/corpus.js

@@ -10,7 +10,8 @@ export default {
     editionslist: [],
     editionsbyuuid: {},
     editionsuuids: [],
-    corpusLoaded: false
+    corpusLoaded: false,
+    numTocsItem: 0
   },
 
   // getters
@@ -45,6 +46,7 @@ export default {
         // console.log('recurseFlatToc', a)
         a.forEach((item, i) => {
           state.editionsbyuuid[eduuid].flattoc.push(item.uuid)
+          state.numTocsItem++
           if (item.children && item.children.length) {
             recurseFlatToc(state, eduuid, item.children)
           }
@@ -56,6 +58,7 @@ export default {
         recurseFlatToc(state, eduuid, state.editionsbyuuid[eduuid].toc)
         // console.log('buildFlatTocs DONE', eduuid, state.editionsbyuuid[eduuid].flattoc)
       })
+      console.log('numTocsItem', state.numTocsItem)
     },
     setPaginations (state, paginationslist) {
       // console.log('setPaginations', paginationslist)