From 157f96478307a5cbe305cb953afd194a1ac678ef Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@figureslibres.io>
Date: Wed, 21 Aug 2019 11:54:20 +0200
Subject: [PATCH] added content from /gdp/corpus

---
 src/components/Content/CorpusItem.vue | 44 ++++++++++++++++++++++++
 src/pages/Corpus.vue                  | 49 +++++++++++++++------------
 src/store/index.js                    |  3 +-
 src/store/modules/corpus.js           | 35 +++++++++++++++++++
 4 files changed, 108 insertions(+), 23 deletions(-)
 create mode 100644 src/components/Content/CorpusItem.vue
 create mode 100644 src/store/modules/corpus.js

diff --git a/src/components/Content/CorpusItem.vue b/src/components/Content/CorpusItem.vue
new file mode 100644
index 0000000..6cf8a2d
--- /dev/null
+++ b/src/components/Content/CorpusItem.vue
@@ -0,0 +1,44 @@
+<template>
+  <article class="corpus item">
+    <header>
+      <h1>
+        <a
+          :href="item.url"
+          @click.prevent="onclick"
+          @keyup.enter="onclick"
+          v-html="item.title"
+        />
+      </h1>
+    </header>
+    <div class="text-quantity" v-html="item.textsQuantity"/>
+  </article>
+</template>
+
+<script>
+export default {
+  name: 'CorpusItems',
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  data: () => ({
+
+  }),
+  methods: {
+    onclick () {
+      console.log('clicked on corpus item', this.item)
+      // this.$router.push({
+      //   name:`article`,
+      //   params: { alias:this.alias },
+      //   query: { uuid: this.item.uuid }
+      //   // meta: { uuid:this.item.uuid },
+      // })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/pages/Corpus.vue b/src/pages/Corpus.vue
index d327e49..523077c 100644
--- a/src/pages/Corpus.vue
+++ b/src/pages/Corpus.vue
@@ -5,38 +5,43 @@
   >
     <h1>Corpus</h1>
     <span v-if="!items.length">Loading ...</span>
+    <div v-else class="item-list">
+      <ul>
+        <li v-for="item in items" v-bind:key="item.url">
+          <CorpusItem :item="item" />
+        </li>
+      </ul>
+    </div>
   </div>
 </template>
 
 <script>
 
-import { REST } from 'api/rest-axios'
+import CorpusItem from '../components/Content/CorpusItem'
+import { mapState, mapActions } from 'vuex'
 
 export default {
   name: 'Corpus',
+  components: {
+    CorpusItem
+  },
   data: () => ({
-    items: []
+    // items: []
   }),
-  beforeCreate () {
-    // items/gdpLeMaire1685T01BodyFr01.003.016
-    // texts/gdpSauval1724
-    REST.get(`/corpus`, {})
-      .then(({ data }) => {
-        console.log('corpus REST: data', data)
-        // if(data.length){
-        //   commit('setItems',data)
-        //   // console.log('items.length', this.items.length);
-        //   if(state.infiniteLoadingState)
-        //     state.infiniteLoadingState.loaded()
-        // }else{
-        //   if(state.infiniteLoadingState)
-        //     state.infiniteLoadingState.complete()
-        // }
-      })
-      .catch((error) => {
-        console.warn('Issue with corpus', error)
-        Promise.reject(error)
-      })
+  computed: {
+    ...mapState({
+      items: state => state.Corpus.items
+    })
+  },
+  created () {
+    if (!this.items.length) {
+      this.getItems()
+    }
+  },
+  methods: {
+    ...mapActions({
+      getItems: 'Corpus/getItems'
+    })
   }
 }
 </script>
diff --git a/src/store/index.js b/src/store/index.js
index 04e9066..16b58eb 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,11 +1,12 @@
 import Vue from 'vue'
 import Vuex from 'vuex'
 
-// https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart
+import Corpus from './modules/corpus'
 
 Vue.use(Vuex)
 export default new Vuex.Store({
   modules: {
+    Corpus
     // search
   }
 })
diff --git a/src/store/modules/corpus.js b/src/store/modules/corpus.js
new file mode 100644
index 0000000..42e159b
--- /dev/null
+++ b/src/store/modules/corpus.js
@@ -0,0 +1,35 @@
+import { REST } from 'api/rest-axios'
+
+export default {
+  namespaced: true,
+
+  // initial state
+  state: {
+    items: []
+  },
+
+  // getters
+  getters: {},
+
+  // mutations
+  mutations: {
+    setItems (state, content) {
+      state.items = state.items.concat(content)
+    }
+  },
+
+  // actions
+  actions: {
+    getItems ({ dispatch, commit, state }) {
+      return REST.get(`/corpus`, {})
+        .then(({ data }) => {
+          console.log('corpus REST: data', data)
+          commit('setItems', data.content)
+        })
+        .catch((error) => {
+          console.warn('Issue with corpus', error)
+          Promise.reject(error)
+        })
+    }
+  }
+}