aboutsummaryrefslogtreecommitdiff
path: root/resources/js/components
diff options
context:
space:
mode:
Diffstat (limited to 'resources/js/components')
-rw-r--r--resources/js/components/activities.vue26
-rw-r--r--resources/js/components/call-sign-filter.vue1
2 files changed, 25 insertions, 2 deletions
diff --git a/resources/js/components/activities.vue b/resources/js/components/activities.vue
index 976516f..01e7002 100644
--- a/resources/js/components/activities.vue
+++ b/resources/js/components/activities.vue
@@ -1,5 +1,5 @@
<template>
- <div>
+ <div @signChanged="filterChanged()">
<call-sign-filter></call-sign-filter>
<div class="table-responsive mt-2">
@@ -16,6 +16,15 @@
</tr>
</thead>
<tbody>
+ <tr v-for="activity in activities">
+ <td>{{ activity.operatorCall }}</td>
+ <td>{{ activity.fromTime }}</td>
+ <td>{{ activity.toTime }}</td>
+ <td>{{ activity.specialCall }}</td>
+ <td>{{ activity.frequencies }}</td>
+ <td>{{ activity.modes }}</td>
+ <td>{{ activity.qso }}</td>
+ </tr>
</tbody>
</table>
</div>
@@ -26,6 +35,19 @@
import callSignFilter from './call-sign-filter.vue';
export default {
- components: { callSignFilter }
+ components: { callSignFilter },
+ mounted() {
+ this.$store.dispatch('fillData');
+ },
+ computed: {
+ activities() {
+ return this.$store.getters.getData;
+ }
+ },
+ methods: {
+ filterChanged() {
+ this.$store.dispatch('fillData');
+ }
+ }
}
</script>
diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue
index 8e3228c..e8d22a5 100644
--- a/resources/js/components/call-sign-filter.vue
+++ b/resources/js/components/call-sign-filter.vue
@@ -20,6 +20,7 @@ export default {
},
set(value) {
this.$store.dispatch('setSelectedSign', value);
+ this.$emit('signChanged');
}
},
options() {