Display sessions from Drupal
This commit is contained in:
parent
7b1b1d6b22
commit
e5016c2fcc
33
src/App.vue
33
src/App.vue
|
@ -1,10 +1,16 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="app" class="min-h-screen font-sans bg-white text-black">
|
<div id="app" class="antialiased min-h-screen font-sans bg-gray-100 text-black p-12">
|
||||||
<div id="nav">
|
<div class="max-w-5xl mx-auto">
|
||||||
<router-link to="/">Home</router-link> |
|
<h1 class="text-4xl font-semibold mb-2">Sessions</h1>
|
||||||
<router-link to="/about">About</router-link>
|
|
||||||
|
<div v-if="sessions" 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">
|
||||||
|
{{ session.attributes.title }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<router-view/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -12,4 +18,21 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
const axios = require('axios')
|
const axios = require('axios')
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
sessions: []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
created () {
|
||||||
|
const baseUrl = 'http://drupaltestcamp.docksal'
|
||||||
|
|
||||||
|
axios.get(`${baseUrl}/jsonapi/node/session`)
|
||||||
|
.then(({ data }) => {
|
||||||
|
this.sessions = data.data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue