opdavies/decoupling-drupal-vuejs
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Filter on session status in the API request

Browse source
This commit is contained in:
Oliver Davies 2019-08-30 13:52:33 +01:00
parent 73d4584f0a
commit 15e921239e
2 changed files with 5 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
vuejs/src/App.vue
View file

@ -32,7 +32,8 @@ export default {
const baseUrl = process.env.VUE_APP_DRUPAL_URL const baseUrl = process.env.VUE_APP_DRUPAL_URL
const params = qs.stringify({ const params = qs.stringify({
'fields[node--session]': 'title' 'fields[node--session]': 'title',
'filter[field_session_status]': 'accepted'
}) })
axios.get(`${baseUrl}/jsonapi/node/session?${params}`) axios.get(`${baseUrl}/jsonapi/node/session?${params}`)
@ -51,6 +52,7 @@ export default {
computed: { computed: {
sortedSessions: function () { sortedSessions: function () {
return _(this.sessions).sortBy(({ attributes }) => attributes.title) return _(this.sessions).sortBy(({ attributes }) => attributes.title)
.value()
} }
} }
} }

18
vuejs/src/components/AcceptedSessionsList.vue
View file

@ -2,9 +2,9 @@
<div> <div>
<h1 class="text-4xl mb-2">Sessions</h1> <h1 class="text-4xl mb-2">Sessions</h1>
<div v-if="acceptedSessions.length" class="bg-white p-6 rounded-lg border"> <div v-if="sessions.length" class="bg-white p-6 rounded-lg border">
<ul class="-mb-3"> <ul class="-mb-3">
<li v-for="{ attributes } in acceptedSessions" :key="attributes.drupal_internal__nid" class="mb-3"> <li v-for="{ attributes } in sessions" :key="attributes.drupal_internal__nid" class="mb-3">
{{ attributes.title }} {{ attributes.title }}
</li> </li>
</ul> </ul>
@ -19,20 +19,6 @@ export default {
type: Object, type: Object,
required: true required: true
} }
},
computed: {
acceptedSessions: function () {
return this.sessions
.filter(session => this.isAccepted(session))
.value()
}
},
methods: {
isAccepted: function ({ attributes }) {
return attributes.field_session_status === 'accepted'
}
} }
} }
</script> </script>