diff --git a/src/App.vue b/src/App.vue index 2c8717b..ccd43b3 100644 --- a/src/App.vue +++ b/src/App.vue @@ -26,9 +26,7 @@ export default { mounted () { const baseUrl = 'http://drupaltestcamp.docksal' - axios.get(`${baseUrl}/jsonapi/node/session`, { params: { - 'filter[field_session_status][value]': 'accepted' - } }) + axios.get(`${baseUrl}/jsonapi/node/session`) .then(({ data }) => { this.loaded = true this.sessions = data.data diff --git a/src/components/AcceptedSessionsList.vue b/src/components/AcceptedSessionsList.vue index 0579a7b..743db36 100644 --- a/src/components/AcceptedSessionsList.vue +++ b/src/components/AcceptedSessionsList.vue @@ -2,9 +2,9 @@ <div class="max-w-5xl mx-auto"> <h1 class="text-4xl font-semibold mb-2">Sessions</h1> - <div v-if="!sessions.length == 0" class="bg-white p-6 rounded-lg border"> + <div v-if="!acceptedSessions.length == 0" class="bg-white p-6 rounded-lg border"> <ul class="-mb-3"> - <li v-for="session in sessions" :key="session.attributes.drupal_internal__nid" class="mb-3"> + <li v-for="session in acceptedSessions" :key="session.attributes.drupal_internal__nid" class="mb-3"> {{ session.attributes.title }} </li> </ul> @@ -13,12 +13,22 @@ </template> <script> +import _ from 'lodash' + export default { props: { sessions: { type: Array, required: true } + }, + + computed: { + acceptedSessions: function () { + return this.sessions.filter(session => { + return session.attributes.field_session_status === 'accepted' + }).value() + } } } </script>