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="Evaluation Time">
    <template v-if="isReadyTotalEvaluationTimeCard">
      <b-card-text class="text-bold">Total Time : {{ total_evaluation_time }}</b-card-text>
      <b-card-text class="w-200">Billable Time : {{ evaluation_billable_time }}</b-card-text>
      <b-card-text class="text-bold">Non Billable Time : {{ evaluation_non_billable_time }}</b-card-text>
    </template>
    <template v-else>
      <b-skeleton width="100px"></b-skeleton>
      <b-skeleton width="150px"></b-skeleton>
      <b-skeleton width="150px"></b-skeleton>
    </template>
  </b-card>
</template>


<script>

export default {
  name: "EvaluationTimeProjectCard",

  components: {},
  props: {
    form:{
      required:true
    },
  },
  data() {
    return {
      total_evaluation_time: '',
      evaluation_billable_time: '',
      evaluation_non_billable_time: '',
      isReadyTotalEvaluationTimeCard: false,

    }
  },
  mounted() {
    this.totalEvaluationTime();
  },
  methods: {
    totalEvaluationTime() {
      let url = `/timesheet/clientProjects/get-evaluation-time-for-project`;
      this.form.post(url)
        .then(({data}) => {
          this.total_evaluation_time = data.data.total_evaluation_time;
          this.evaluation_billable_time = data.data.evaluation_billable_time;
          this.evaluation_non_billable_time = data.data.evaluation_non_billable_time;
          this.isReadyTotalEvaluationTimeCard = true
        });
    },
  },
}
</script>

<style scoped>

</style>