dimanche 18 avril 2021

one-time API call that triggers Larvel queue, to update the single column in the blade file

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