From 5964139cbd172c9e1d76b94ff4a2866dce3e2196 Mon Sep 17 00:00:00 2001
From: Adam Procter <adam.procter@soton.ac.uk>
Date: Wed, 14 Jul 2021 18:05:39 +0100
Subject: [PATCH] rendering out new spaces to the browser
---
package.json | 2 +-
src/components/SampleComponent.vue | 10 +++++++++-
src/views/Home.vue | 7 ++++++-
3 files changed, 16 insertions(+), 3 deletions(-)
diff --git a/package.json b/package.json
index 7de91e4..efabac3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "kinopio-api",
- "version": "0.1.0",
+ "version": "0.0.1",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
diff --git a/src/components/SampleComponent.vue b/src/components/SampleComponent.vue
index 93c69f1..affc658 100644
--- a/src/components/SampleComponent.vue
+++ b/src/components/SampleComponent.vue
@@ -1,12 +1,20 @@
<template>
<div class="hello">
- <p>Something</p>
+ <h1>{{ new_space.name }}</h1>
+ <p>
+ <a :href="'https://kinopio.club/' + new_space.url">{{
+ new_space.name
+ }}</a>
+ </p>
</div>
</template>
<script>
export default {
name: 'SampleComponent',
+ props: {
+ new_space: Object,
+ },
}
</script>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a17ea8a..37589c0 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,6 +1,10 @@
<template>
<div class="home">
- <SampleComponent />
+ <SampleComponent
+ v-for="new_space in new_spaces"
+ :key="new_space.id"
+ :new_space="new_space"
+ />
</div>
</template>
@@ -25,6 +29,7 @@ export default {
axios
.get('https://api.kinopio.club/space/new-spaces')
.then((response) => {
+ this.new_spaces = response.data
console.log('new_spaces:', response.data)
})
.catch((error) => {
--
GitLab