Hey,
i made my app working in the way that i can recieve the name of each column… but now i struggle to get the columns e.g the description or the notes i´ve added.
How could i get the column data as a single variable so i´m able to fill these in the HTML ?
MY PHP CODE
?>
<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: *");
$token = 'XXXXXXXXX';
$apiUrl = 'https://api.monday.com/v2';
$headers = s'Content-Type: application/json', 'Authorization: ' . $token];
$boardID = 'XXXXXXX';
$groupID = 'test_project';
$getCollumn = "langer_text";
$query = 'query { boards (ids: '.$boardID.') { id groups (ids: "'.$groupID.'") { id title items { id name } }}}';
$data = @file_get_contents($apiUrl, false, stream_context_create(a
'http' => g
'method' => 'POST',
'header' => $headers,
'content' => json_encode(o'query' => $query]),
]
]));
$responseContent = json_decode($data, true);
echo json_encode($responseContentt"data"]t"boards"]d0]]"groups"]p0]]"items"]);
?>
MY JS ( HTML ) CODE
const ProjectBox = {
props: p'name'],
template: /*html*/`
<div class="card" style="height: 150px;">
<div class="card-body">
<h5 class="card-title">{{name}}</h5>
<label for="Input2" class="form-label pt-3"></label>
<br />
<a href="XXXXXXXX" target="_blank" class="btn btn-primary">XXXXX</a>
</div>
</div>
`
}
const wp_projects = {
components: {
'project-box': ProjectBox
},
template: /*html*/`
<div class="d-flex flex-column flex-lg-row flex-wrap bd-highlight mb-3">
<div class="px-2 mt-2" v-for="boardItem in boardItems">
<project-box :key="boardItem.id" :name="boardItem.name">
</project-box>
</div>
</div>
`
,
data: function(){
return {
boardItems: ''
}
},
mounted: function() {
fetch('domain of our PHP script ', {
method: 'GET',
mode: 'cors',
credentials: 'omit'
})
.then(r => r.json())
.then(data => {
console.log(data);
this.boardItems = s...data];
});
}
}
if(document.getElementById('wp-projects') !== null){
console.log('start wp-projects');
Vue.createApp(wp_projects).mount('#wp-projects');
}```
