3 Commits 99aad2e6a1 ... 1a0964d955

Author SHA1 Message Date
  Bachir Soussi Chiadmi 1a0964d955 started search but api bugged 4 years ago
  Bachir Soussi Chiadmi 2f3b6bbdf1 more integration 4 years ago
  Bachir Soussi Chiadmi 30df02ba39 change api url definition, using localhost and changing port 4 years ago

+ 4 - 2
src/api/rest-axios.js

@@ -1,7 +1,9 @@
 import axios from 'axios'
 
-// let path = 'http://' + window.location.hostname + ':8984'
-let path = 'http://dev.api.gdp.fr'
+// TODO: make this one as settings (or find an other solution)
+let path = 'http://' + window.location.hostname + ':8984'
+// let path = 'http://dev.api.gdp.fr'
+// let path = 'http://localhost:8984'
 
 export const REST = axios.create({
   baseURL: path + '/gdp',

+ 3 - 0
src/components/Content/NominumItem.vue

@@ -9,6 +9,9 @@
           v-html="item.title"
         />
       </h1>
+      <p v-if="item.birth && item.death">
+        <span>{{ item.birth }}</span> -- <span>{{ item.death }}</span>
+      </p>
     </header>
   </article>
 </template>

+ 10 - 9
src/components/nav/Search.vue

@@ -1,11 +1,11 @@
 <template>
   <div id="search">
     <form class="" action="index.html" method="post">
-      <label for="keywords">
+      <label for="keys">
         Search
         <input
-          id="keywords"
-          v-model="keywords"
+          id="keys"
+          v-model="keys"
           type="text"
           placeholder="search"
         >
@@ -24,24 +24,25 @@
 
 <script>
 
-import { mapState, mapActions } from 'vuex'
+import { mapActions } from 'vuex'
 
 export default {
   name: 'Search',
   // data: () => ({
-  //   keywords: ''
+  //   typed: ''
   // }),
   computed: {
-    ...mapState({
-      keywords: state => state.Search.keywords
-    })
+    keys: {
+      get () { return this.$store.state.Search.keys },
+      set (value) { this.$store.commit('Search/setKeys', value) }
+    }
   },
   methods: {
     ...mapActions({
       getResults: 'Search/getResults'
     }),
     submit () {
-      console.log('submited', this.keywords)
+      console.log('submited', this.keys)
       this.getResults()
     }
   }

+ 1 - 1
src/pages/Corpus.vue

@@ -7,7 +7,7 @@
     <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">
+        <li v-for="item in items" :key="item.url">
           <CorpusItem :item="item" />
         </li>
       </ul>

+ 1 - 1
src/pages/Nominum.vue

@@ -7,7 +7,7 @@
     <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">
+        <li v-for="item in items" :key="item.url">
           <NominumItem :item="item" />
         </li>
       </ul>

+ 1 - 1
src/pages/Operum.vue

@@ -7,7 +7,7 @@
     <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">
+        <li v-for="item in items" :key="item.url">
           <OperumItem :item="item" />
         </li>
       </ul>

+ 7 - 3
src/store/modules/search.js

@@ -6,7 +6,7 @@ export default {
 
   // initial state
   state: {
-    keywords: '',
+    keys: '',
     results: []
   },
 
@@ -15,6 +15,9 @@ export default {
 
   // mutations
   mutations: {
+    setKeys (state, keys) {
+      state.keys = keys
+    },
     setResults (state, content) {
       state.results = content
     }
@@ -23,12 +26,13 @@ export default {
   // actions
   actions: {
     getResults ({ dispatch, commit, state }) {
+      console.log('getResults', state.keys)
       let params = {
-        search: state.keywords
+        search: state.keys
       }
       // console.log('Search getResults params', params);
       let q = qs.stringify(params)
-      return REST.post(`/search?` + q)
+      return REST.get(`/search?` + q)
         .then(({ data }) => {
           console.log('search REST: data', data)
           // commit('setResults', data.content)