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

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div>
    <div class="pt-4">
      <label class="required-field">{{ timesheetSetting.label }}</label>

      <div v-if="filePath">
        <a :href="filePath" target="_blank">Show File</a>
      </div>
      <div v-if="uploadReady">
        <b-form-file
          v-model="timesheetSetting.value"
          accept=".jpg, .jpeg, .png, .txt, .csv, .pdf"
          placeholder="Upload File..."></b-form-file>
        <span v-if="filePath" class="text-muted small">Note: when a new file is uploaded, the existing file is automatically deleted</span>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: "FileType",
  props: {
    form: {
      required: true
    },
    timesheetSetting: {
      required: true
    },
    index: {
      required: true
    },
  },
  data() {
    return {
      filePath: null,
      uploadReady: false,
    }
  },
  mounted() {
    this.uploadReady = false;
    if (this.timesheetSetting.value !== null) {
      this.filePath = this.timesheetSetting.value;
      this.timesheetSetting.value = null;
    }
    this.uploadReady = true;
  }
}
</script>