From 865bb1f30a0c4567522525fb0be9fd99bd796ecf Mon Sep 17 00:00:00 2001 From: Mateja Date: Sat, 13 Mar 2021 17:56:37 +0100 Subject: Adding boilerplate code. --- resources/js/components/activities.vue | 9 +++++++++ resources/js/components/call-sign-description.vue | 9 +++++++++ resources/js/components/call-sign-filter.vue | 9 +++++++++ resources/js/components/reservation.vue | 9 +++++++++ resources/js/components/reservations.vue | 9 +++++++++ 5 files changed, 45 insertions(+) create mode 100644 resources/js/components/activities.vue create mode 100644 resources/js/components/call-sign-description.vue create mode 100644 resources/js/components/call-sign-filter.vue create mode 100644 resources/js/components/reservation.vue create mode 100644 resources/js/components/reservations.vue (limited to 'resources/js/components') diff --git a/resources/js/components/activities.vue b/resources/js/components/activities.vue new file mode 100644 index 0000000..48e54f5 --- /dev/null +++ b/resources/js/components/activities.vue @@ -0,0 +1,9 @@ + + + diff --git a/resources/js/components/call-sign-description.vue b/resources/js/components/call-sign-description.vue new file mode 100644 index 0000000..48e54f5 --- /dev/null +++ b/resources/js/components/call-sign-description.vue @@ -0,0 +1,9 @@ + + + diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue new file mode 100644 index 0000000..48e54f5 --- /dev/null +++ b/resources/js/components/call-sign-filter.vue @@ -0,0 +1,9 @@ + + + diff --git a/resources/js/components/reservation.vue b/resources/js/components/reservation.vue new file mode 100644 index 0000000..48e54f5 --- /dev/null +++ b/resources/js/components/reservation.vue @@ -0,0 +1,9 @@ + + + diff --git a/resources/js/components/reservations.vue b/resources/js/components/reservations.vue new file mode 100644 index 0000000..48e54f5 --- /dev/null +++ b/resources/js/components/reservations.vue @@ -0,0 +1,9 @@ + + + -- cgit v1.2.3 From 2e570c76bda80def3e07ecc3478d8eb95905acbb Mon Sep 17 00:00:00 2001 From: Mateja Date: Sat, 13 Mar 2021 23:57:41 +0100 Subject: Work on call-sign-filter component. --- resources/js/components/call-sign-filter.vue | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) (limited to 'resources/js/components') diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue index 48e54f5..9ad202d 100644 --- a/resources/js/components/call-sign-filter.vue +++ b/resources/js/components/call-sign-filter.vue @@ -1,9 +1,27 @@ -- cgit v1.2.3 From c3a0c1a40262343e1c7e6ec9a0bba9772054ba6d Mon Sep 17 00:00:00 2001 From: Mateja Date: Sun, 14 Mar 2021 01:13:32 +0100 Subject: Use computed setter in call-sign-filter component. --- resources/js/components/call-sign-filter.vue | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) (limited to 'resources/js/components') diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue index 9ad202d..658b0d2 100644 --- a/resources/js/components/call-sign-filter.vue +++ b/resources/js/components/call-sign-filter.vue @@ -9,18 +9,20 @@ import store from '../store.js'; export default { - data() { - return { - selected: store.state.selectedSign, - //options: store.state.callSigns - } - }, mounted() { - store.dispatch('getSigns'); + store.dispatch('fillSigns'); }, computed: { + selected: { + get() { + return store.getters.getSelectedSign; + }, + set(value) { + store.dispatch('setSelectedSign', value); + } + }, options() { - return store.state.callSigns; + return store.getters.getSigns; } } } -- cgit v1.2.3 From 00abd5229c63b570af751406fc322e197c4f51c0 Mon Sep 17 00:00:00 2001 From: Mateja Date: Sun, 14 Mar 2021 14:04:28 +0100 Subject: Better import/export. --- resources/js/components/call-sign-filter.vue | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) (limited to 'resources/js/components') diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue index 658b0d2..07d339d 100644 --- a/resources/js/components/call-sign-filter.vue +++ b/resources/js/components/call-sign-filter.vue @@ -6,23 +6,21 @@ -- cgit v1.2.3 From 682803b3a6d39f00aaf64499e1226859e6fda801 Mon Sep 17 00:00:00 2001 From: Mateja Date: Sun, 14 Mar 2021 19:53:12 +0100 Subject: Add label to `call-sign-filter` component. --- resources/js/components/call-sign-filter.vue | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'resources/js/components') diff --git a/resources/js/components/call-sign-filter.vue b/resources/js/components/call-sign-filter.vue index a19b8a6..8e3228c 100644 --- a/resources/js/components/call-sign-filter.vue +++ b/resources/js/components/call-sign-filter.vue @@ -1,8 +1,11 @@ -- cgit v1.2.3 From 5d79c586b963b1249eb148816a70d1cec618511f Mon Sep 17 00:00:00 2001 From: Mateja Date: Sun, 14 Mar 2021 21:38:01 +0100 Subject: Work on `activities` component. It currently doesn't update on filter change. --- resources/js/components/activities.vue | 26 ++++++++++++++++++++++++-- resources/js/components/call-sign-filter.vue | 1 + 2 files changed, 25 insertions(+), 2 deletions(-) (limited to 'resources/js/components') 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 @@ -- cgit v1.2.3 From 4e6fa681c3f8f01a44a3446f80524842a4f42274 Mon Sep 17 00:00:00 2001 From: Mateja Date: Mon, 15 Mar 2021 23:12:32 +0100 Subject: Update activities on filter change. I had to use kebab-case for event and listen directly on child component. --- resources/js/components/activities.vue | 4 ++-- resources/js/components/call-sign-filter.vue | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) (limited to 'resources/js/components') diff --git a/resources/js/components/activities.vue b/resources/js/components/activities.vue index 928bae6..2f2cf03 100644 --- a/resources/js/components/activities.vue +++ b/resources/js/components/activities.vue @@ -1,6 +1,6 @@ + + -- cgit v1.2.3 From 074bff2e79d91610a936f329ac8f603049c3b334 Mon Sep 17 00:00:00 2001 From: Mateja Date: Thu, 18 Mar 2021 19:37:53 +0100 Subject: Better styling for `reservation.vue` component. --- resources/js/components/reservation.vue | 32 +++++++++++++++++--------------- 1 file changed, 17 insertions(+), 15 deletions(-) (limited to 'resources/js/components') diff --git a/resources/js/components/reservation.vue b/resources/js/components/reservation.vue index fbb5fdc..85348bd 100644 --- a/resources/js/components/reservation.vue +++ b/resources/js/components/reservation.vue @@ -1,20 +1,18 @@