diff options
author | Mateja <mail@matejamaric.com> | 2021-03-14 21:38:01 +0100 |
---|---|---|
committer | Mateja <mail@matejamaric.com> | 2021-03-14 21:38:01 +0100 |
commit | 5d79c586b963b1249eb148816a70d1cec618511f (patch) | |
tree | 8c458357953edc9ff60644c0520cca7f4f73e4e8 /resources/js/components | |
parent | ef96b4953e0e5c89d95b6c6eb4b2fc2c3d9c9464 (diff) | |
download | yota-laravel-5d79c586b963b1249eb148816a70d1cec618511f.tar.gz yota-laravel-5d79c586b963b1249eb148816a70d1cec618511f.zip |
Work on `activities` component.
It currently doesn't update on filter change.
Diffstat (limited to 'resources/js/components')
-rw-r--r-- | resources/js/components/activities.vue | 26 | ||||
-rw-r--r-- | resources/js/components/call-sign-filter.vue | 1 |
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() { |