Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/ts.corals.io/frontend/components/Dashboard/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div>
    <div class="mb-3 mt-2"><h5><strong>{{ tableLabel }}</strong></h5></div>

    <b-table v-if="dataReady" class="table-bordered" striped hover :items="tableData"  empty-text="No Data Found!"
              show-empty>

      <template #cell(status)="row">
        <span v-html="row.item.status"></span>
      </template>

      <template #cell(client)="row">
        <span v-html="row.item.client"></span>
      </template>

      <template #cell(project)="row">
        <span v-html="row.item.project"></span>
      </template>

      <template #cell(invoice)="row">
        <span v-html="row.item.invoice"></span>
      </template>

      <template #cell(user)="row">
        <span v-html="row.item.user"></span>
      </template>

    </b-table>

    <b-skeleton-table v-else
                      :rows="4"
                      :columns="6"
                      :table-props="{ bordered: true, striped: true }">
    </b-skeleton-table>
  </div>
</template>

<script>

export default {
  name: 'DataLatest',
  props: {
    dashboard: {
      required: true
    },
    widget: {
      required: true
    },
    from_date:{
      required: true
    },
    to_date:{
      required: true
    },
  },
  components: {},
  data() {
    return {
      tableData: [],
      tableLabel:'',
      dataReady: false,
    }
  },
  async fetch() {
    let url = `timesheet/widgets/${this.dashboard}/${this.widget}?from_date=${this.from_date}&to_date=${this.to_date}`;

    await this.$axios.get(url).then(({data: response}) => {
      this.tableData = response.tableData;
      this.tableLabel=response.label;
      this.dataReady = true;
    });

  },
}
</script>