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

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div>
    <template v-if="getDay.entries.length">
      <div v-for="(entry,index) in getDay.entries" :key="'day_'+getDay.date+'_entry_'+index">
        <data-entry :entry="entry" :index="index"
                    @edit-record="editRecord"
                    @show-delete-modal="showDeleteModal"/>
      </div>

    </template>
    <template v-else>
      <div class="p-5">
        <h4 class="text-center">
          No Entries yet!
        </h4>
      </div>
    </template>
  </div>
</template>

<script>
import DataEntry from "./Entry"

export default {
  name: "DayEntries",
  provide() {
    return {
      updateEntry: this.updateEntry
    }
  },
  components: {DataEntry},
  props: {
    day: {
      required: true
    },
    form: {
      required: false
    }
  },
  data() {
    return {
    }
  },
  computed: {
    evaluationEnabled() {
      return this.$store.getters.settings('evaluation_enabled');
    },
    getDay() {
      return this.day;
    }
  },
  methods: {
    editRecord(entry) {
      this.form.replace(entry);
      this.$emit('show-edit-entry-modal', entry);
    },
    updateEntry(entry) {
      let requireReview = false;

      this.day.entries.forEach((arr, index) => {
        if (arr.id === entry.id) {
          this.$set(this.day.entries, index, entry);
        } else {
          if (arr.has_reviewed === 0) {
            requireReview = true;
          }
        }
      });

      this.$set(this.day, 'require_review', requireReview);
    },
    showDeleteModal(entry) {
      this.$swal.fire({
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#d7d7d7',
        confirmButtonText: 'Yes, delete it!'
      }).then((result) => {
        if (result.value) {
          this.$emit('delete-entry', entry)
        }
      })
    },
  }
}
</script>

<style scoped>

</style>