Skip to content
Snippets Groups Projects
Commit 1721d77c authored by Anders Høvik's avatar Anders Høvik
Browse files

Added dynamic text to history from endpoints

parent f314d311
No related branches found
No related tags found
1 merge request!86Feature/history endpoint
...@@ -12,6 +12,7 @@ let cardTitles = ["Spain tour", "Food waste", "Coffee", "Concert", "New book", " ...@@ -12,6 +12,7 @@ let cardTitles = ["Spain tour", "Food waste", "Coffee", "Concert", "New book", "
let hasHistory = ref(true) let hasHistory = ref(true)
let firstname = ref(); let firstname = ref();
let lastname = ref(); let lastname = ref();
let goals = ref([]);
let username = ref() let username = ref()
...@@ -40,7 +41,7 @@ function toRoadmap(){ ...@@ -40,7 +41,7 @@ function toRoadmap(){
//todo Make a store of a friend-instance //todo Make a store of a friend-instance
onMounted(async () => { onMounted(async () => {
try { try {
let response = await UserService.getProfile({ goals = await UserService.getProfile({
userId: id.value.id userId: id.value.id
}) })
profile = response; profile = response;
...@@ -186,9 +187,9 @@ onMounted(() =>{ ...@@ -186,9 +187,9 @@ onMounted(() =>{
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">{{ cardTitles[index - 1] }}</h5> <h5 class="card-title">{{ goals[index]['name'] }}</h5>
<p class="card-text">Penger spart: 200 <br />Du har fullført en utfordring: 21</p> <p class="card-text">{{goals[index]['description']}}</p>
<p class="card-text"><small class="text-muted">Sist oppdatert for 3 minutter siden</small></p> <p class="card-text"><small class="text-muted">{{goals[index]['targetAmount']}}</small></p>
<a href="#" class="btn stretched-link" @click="toRoadmap"></a> <a href="#" class="btn stretched-link" @click="toRoadmap"></a>
</div> </div>
</div> </div>
......
...@@ -19,12 +19,20 @@ const badges = ref([] as any); ...@@ -19,12 +19,20 @@ const badges = ref([] as any);
const backgroundName = ref(""); const backgroundName = ref("");
let goalName = ref('');
let goalDescription = ref('');
let targetAmount = ref('');
let targetDate = ref('');
let createdAt = ref('');
let goals = ref([])
async function getGoals() { async function getGoals() {
let response = await GoalService.getGoals(); goals = await GoalService.getGoals();
console.log("number of goals: ", response.length ) console.log("number of goals: ", goals.length )
console.log('The id of a goal: ', response[0]) console.log('The id of a goal: ', goals[0])
if(response.length > 0) { if(goals.length > 0) {
hasHistory.value = true hasHistory.value = true
goalName.value = goals
...@@ -180,8 +188,8 @@ onMounted(()=>{ ...@@ -180,8 +188,8 @@ onMounted(()=>{
<div class="container-fluid mb-5"> <div class="container-fluid mb-5">
<h1 class="mt-1 text-start history-text">Historie</h1> <h1 class="mt-1 text-start history-text">Historie</h1>
<div v-if="hasHistory" class="row scrolling-wrapper-history"> <div v-if="hasHistory" class="row scrolling-wrapper-history">
<div v-for="index in numberOfHistory" :key="index" <div v-for="index in goals" :key="index"
class="col-md-4 col-sm-4 col-lg-4 col-xs-4 col-xl-4 control-label"> class="col-md-4 col-sm-4 col-lg-4 col-xs-4 col-xl-4 control-label">
<div class="card history-block"> <div class="card history-block">
<div class="card mb-3" style="max-width: 540px;"> <div class="card mb-3" style="max-width: 540px;">
<div class="row g-0"> <div class="row g-0">
...@@ -191,10 +199,9 @@ onMounted(()=>{ ...@@ -191,10 +199,9 @@ onMounted(()=>{
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">{{ cardTitles[index - 1] }}</h5> <h5 class="card-title">{{ goals[index]['name'] }}</h5>
<p class="card-text">Penger spart: 200 <br />Du har fullført en utfordring: 21</p> <p class="card-text">{{goals[index]['description']}}</p>
<p class="card-text"><small class="text-muted">Sist oppdatert for 3 minutter <p class="card-text"><small class="text-muted">{{goals[index]['targetAmount']}}</small></p>
siden</small></p>
<a href="#" class="btn stretched-link" @click="toRoadmap"></a> <a href="#" class="btn stretched-link" @click="toRoadmap"></a>
</div> </div>
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment