Load special signs using Axios.

2 files changed, 6 insertions, 3 deletions

diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue
index 07d339d..a19b8a6 100644
--- a/resources/js/components/call-sign-filter.vue
+++ b/resources/js/components/call-sign-filter.vue
@@ -1,7 +1,7 @@
 <template>
   <select v-model="selected">
     <option value="all">All</option>
-    <option v-for="option in options" :value="option" v-text="option"></option>
+    <option v-for="option in options" :value="option.sign" v-text="option.sign"></option>
   </select>
 </template>
 
diff --git a/resources/js/store.js b/resources/js/store.js
index 461b34e..6ec3711 100644
--- a/resources/js/store.js
+++ b/resources/js/store.js
@@ -29,8 +29,11 @@ export default new Vuex.Store({
       context.commit('setSelectedSign', sign);
     },
     fillSigns(context) {
-      let data = ['test', 'TEST', 'TeSt'];
-      context.commit('fillSigns', data);
+      axios.get('/special-calls/show').then(response => {
+        context.commit('fillSigns', response.data);
+      }).catch(error => {
+        console.log(error);
+      });
     }
   }
 });