Untitled

<template>
  <div class="grid formgrid p-fluid flex-column w-full">
    <div class="field col-12 md:col-6 w-full mb-5">
      <span class="lb-desc line-height-2">{{ $tl('descAddHonor') }}</span>
    </div>
    <JleafMessage />
    <div class="field col-12 md:col-6 w-full">
      <FileUpload :name="uploader.nameField()" :url="uploader.urlUpload()" :multiple="true" @before-send="uploader.beforeSend($event, () => { }, {
        configType: 'UploadTxtHondokRawatJalan',
        parameterList: context.fileList
      })" :auto="false" ref="fileUploadRawatJalanController" :accept="uploader.acceptTxt()" :maxFileSize="10000000"
        chooseLabel="Browse" :showUploadButton="false" class="flex justify-content-center"
        :invalidFileTypeMessage="$tl('invalidTypeFileUpload')" :previewWidth="0" @upload="uploader.doneUpload($event, (isOk) => {
        logger.log('ok', isOk);
        if (isOk = true) {
          context.dialogRef.close();
          context.activeTab = 2;
          context.loading['updateFile'] = false;
        }
      })">
        <template #empty>
          <p>{{ $tl('descUploadFile') }}</p>
        </template>
      </FileUpload>
      <div class="flex justify-content-end mt-3">
        <Button :label="$tl('upload')" @click="handleCustomUploadRawatJalan" :loading="context.loading['updateFile']"
          :disabled="isUploadDisabled" icon="pi pi-upload" class="w-auto p-button p-button-primary"></Button>
      </div>
    </div>
  </div>
</template>

<script setup>
import { inject, onMounted, ref, computed } from "vue";
import { useRoute } from "vue-router";
import { useUploadFileBpjsStore } from '../store/upload-file-bpjs.store';
import { uploader } from '@/utils/upload-server-connect';
import logger from "@/utils/logger";

const context = useUploadFileBpjsStore();
const route = useRoute();
const id = route.params.id;
context.dialogRef = inject('dialogRef');
const fileUploadRawatJalanController = ref();

onMounted(async () => {
  await context.getProcessHonorId(id);
});

const handleCustomUploadRawatJalan = async (event) => {
  const files = fileUploadRawatJalanController.value.files;
  await context.updateFileListRawatJalan(files);
  const result = context.resultUpdateFileListRawatInap;
  if (result.isOk) {
    fileUploadRawatJalanController.value.upload();
  }
};

const isUploadDisabled = computed(() => {
  return !fileUploadRawatJalanController.value || fileUploadRawatJalanController.value.files.length === 0;
});
</script>