I need a progress bar
for the each grid column
with the Values
from the query, Where the tableA
contains data such as Name, goal. The Value is determined from the Table C
, where the col in the TableC is not NULL. All the NON- NULL fields will be counted until the Goal
is achieved.
Query:
$value = SELECT count(*) FROM tableA->Name(Table C) WHERE tableB->question != null;
I have a grid columns with the static progress widget, with the mock value
.
-<div class="container">
<div class="row justify-content-center" v-for = "TableAdata in tableA">
<div class="col-md-8">
<div class="card">
<div class="card-header"></div>
<div class="card-body">
<progress-widget> </progress-widget>
</div>
<div class="card-goal">
<div> </div>
</div>
<div class="card-value">
<div> </div>
</div>
</div>
</div>
</div>
</div>
In the script
<script>
export default {
data: function() {
return {
tableA:[],
value: 30
}
},
mounted() {
this.loadContents();
},
methods: {
loadContents: function() {
//load Api
axios.get('/api/tableA')
.then((response) => {
this.tableA = response.data;
}}}
I have just mocked the value
for all the goals. The value should be dynamic, based on the value the progress widget should be updated for the single card.
How can I do this? API call should be for individual project Name, each card.
No bulk requests.
How can I make a controller to get the Value
for each project? How to trigger a laravel queue to do a push ? Could anyone please help? Since I am new to laravel.
Thanks.
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire