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/ProjectStatistics/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <b-card class="h-100" title="Uninvoiced amount">
    <template v-if="isReadyUnivoicedAmountCard">
      <b-card-text class="text-bold">Total Amount : {{ unInvoicedAmountData.amount }}</b-card-text>
      <b-card-text class="text-bold">Total Time : {{ unInvoicedAmountData.hours }}</b-card-text>
    </template>
    <template v-else>
      <b-skeleton width="100px"></b-skeleton>
      <b-skeleton width="150px"></b-skeleton>
    </template>
  </b-card>
</template>
<script>

export default {
  name: "UninvoicedAmountProjectCard",
  components: {},
  props: {
    form: {
      required: true
    },
  },
  data() {
    return {
      unInvoicedAmountData: '',
      isReadyUnivoicedAmountCard: false,
    }
  },
  mounted() {
    this.getUninvoicedAmount();
  },
  methods: {
    getUninvoicedAmount() {
      let url = `/timesheet/clientProjects/get-uninvoiced-amount-for-project`;
      this.form.post(url).then(({data}) => {
        this.unInvoicedAmountData = data.data.original.data;
        this.isReadyUnivoicedAmountCard = true
      });
    }
  },
}
</script>

<style scoped>

</style>