LMSN-36

Request - Fitur attachment MCU di Prime Center

Modules/HospitalPortal/Http/Controllers/Api/ClaimRequestController.php

@@ -108,7 +108,7 @@ class ClaimRequestController extends Controller
             }
         }
 
-        if ($request->hasFile('result_files')) {
+        if ($request->hasFile('kondisi_files')) {
             foreach ($request->result_files as $file) {
                 $pathFile = File::storeFile('claim-kondisi', $newClaimRequest->id, $file);
                 $newClaimRequest->files()->updateOrCreate([

Modules/Internal/Http/Controllers/Api/ClaimRequestController.php

@@ -10,6 +10,8 @@ use Illuminate\Http\Request;
 use Illuminate\Routing\Controller;
 use Modules\Internal\Transformers\ClaimRequestResource;
 use Modules\Internal\Transformers\ClaimRequestShowResource;
+use App\Models\File;
+use App\Models\FilesMcu;
 
 class ClaimRequestController extends Controller
 {
@@ -140,4 +142,27 @@ class ClaimRequestController extends Controller
         return $claimRequest;
     }
 
+    public function filesMcu(Request $request)
+    {
+        $request->validate([
+            'id' => 'required',
+            'member_id' => 'required'
+        ]);
+        if ($request->hasFile('result_files')) {
+            $pathFile = File::storeFile('claim-result', $request->id, $request->result_files);
+            $data = [
+                'member_id' => $request->id,
+                'path' => $pathFile,
+                'created_by' => auth()->user()->id
+            ];
+            FilesMcu::create($data);
+            return Helper::responseJson(data: $request->toArray(), message: 'Berhasil tambah file member '.$request->member_id.', silahkan lihat dilaporan');
+        }
+        else
+        {
+            return Helper::responseJson(data: $request->toArray(), message: 'Tidak ada file member yang ditambahkan');
+        }
+        
+    }
+
 }

Modules/Internal/Http/Controllers/ClaimEncounterController.php

@@ -263,7 +263,7 @@ class ClaimEncounterController extends Controller
         }
     }
 
-    public function x`counters($claim_id)
+    public function xcounters($claim_id)
     {
         $claim = Claim::findOrFail($claim_id);
         $encounters = $claim->encounters()->get();

Modules/Internal/Routes/api.php

@@ -158,7 +158,9 @@ Route::prefix('internal')->group(function () {
         Route::resource('doctors', DoctorController::class);
 
         Route::post('generate-log/{member_id}', [CorporateMemberController::class, 'generateLog']);
-        
+        Route::controller(ClaimRequestController::class)->group(function(){
+            Route::post('files-mcu','filesMcu');
+        });
         Route::get('claim-requests', [ClaimRequestController::class, 'index'])->name('claim-requests.index');
         Route::post('claim-requests/{id}/approve', [ClaimRequestController::class, 'approve'])->name('claim-requests.approve');
         Route::get('claim-requests/{id}', [ClaimRequestController::class, 'show'])->name('claim-requests.show');

app/Models/FilesMcu.php

@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class FilesMcu extends Model
+{
+    use HasFactory;
+    protected $table = 'filesmcu';
+    protected $primaryKey = 'id';
+    protected $fillable = ['member_id', 'path', 'created_by', 'created_at'];
+}

database/migrations/2023_07_18_104511_create_filesmcu_table.php

@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('filesmcu', function (Blueprint $table) {
+            $table->increments('id');
+            $table->integer('member_id');
+            $table->string('path');
+            $table->integer('created_by');
+            $table->integer('updated_by')->default(0);
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('filesmcu');
+    }
+};

frontend/dashboard/package.json

@@ -38,6 +38,7 @@
     ]
   },
   "dependencies": {
+    "@ajoelp/json-to-formdata": "^1.5.0",
     "@date-io/date-fns": "^2.16.0",
     "@emotion/cache": "^11.10.5",
     "@emotion/react": "^11.10.5",

frontend/dashboard/src/pages/Corporates/Member/List.tsx

@@ -28,7 +28,9 @@ import {
   ButtonGroup,
   Grid,
   Tooltip,
+  Divider,
 } from '@mui/material';
+import Iconify from '@/components/Iconify';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
 import AddIcon from '@mui/icons-material/Add';
@@ -49,8 +51,34 @@ import { enqueueSnackbar } from 'notistack';
 import { LoadingButton } from '@mui/lab';
 import DialogLog from './sections/DialogLog';
 import HistoryIcon from '@mui/icons-material/History';
+import { makeFormData } from '@/utils/jsonToFormData';
 
-export default function CorporatePlanList() {
+export default function CorporatePlanList({handleSubmitSuccess}) {
+  // Files MCU
+  const fileMcuInput = useRef<HTMLInputElement>(null);
+  const [fileMcus, setFileMcus] = useState([]);
+
+  const handleMcuInputChange = (id, member_id) => (event) => {
+    if (event.target.files[0]) {
+      const updatedFiles = Array.from(event.target.files).map((file) => ({
+        file,
+        id
+      }));
+      setFileMcus((prevFileMcus) => {
+        const newFileMcus = [...prevFileMcus, ...updatedFiles];
+        submitRequest(id, newFileMcus, member_id);
+        return newFileMcus;
+      });
+    } else {
+      console.log('Tidak ada file');
+    }
+  };
+  const removeMcuFiles = (id, index) => {
+    setFileMcus((filesState) =>
+      filesState.filter((file, fileIndex) => fileIndex !== index || file.id !== id)
+    );
+  };
+  const [submitLoading, setSubmitLoading] = useState(false);
   const { themeStretch } = useSettings();
   const { corporate_id } = useParams();
   const [searchParams, setSearchParams] = useSearchParams();
@@ -149,6 +177,44 @@ export default function CorporatePlanList() {
       </form>
     );
   }
+  function submitRequest(id, newFileMcus, member_id) {
+    setSubmitLoading(true);
+    if (newFileMcus && newFileMcus.length > 0) {
+      const fileWithId = newFileMcus.find((file) => file.id === id);
+      if (fileWithId) {
+        const formData = makeFormData({
+          id: id,
+          member_id: member_id,
+          result_files: fileWithId.file,
+        });
+        axios
+        .post('/files-mcu', formData)
+        .then((response) => {
+          const responseData = response?.data;
+          if(responseData)
+          {
+            enqueueSnackbar(responseData.message ?? 'Berhasil tambah file member '+member_id+', silahkan lihat dilaporan', { variant: 'success' });
+            handleSubmitSuccess();
+          }
+          
+        })
+        .catch(({ response }) => {
+          const responseData = response?.data;
+         if(responseData)
+         {
+           enqueueSnackbar(responseData.message ?? 'Something Went Wrong', { variant: 'error' });
+         }
+        })
+        .then(() => {
+          setSubmitLoading(false);
+        });
+
+      } else {
+        console.log(`File dengan ID ${id} tidak ditemukan`);
+      }
+    }
+  }
+  // End Files MCU
 
   function ImportForm(props: any) {
     // IMPORT
@@ -178,9 +244,7 @@ export default function CorporatePlanList() {
 
     const handleMemberList = async (appliedFilter = null) => {
         axios.get('corporates/' + corporate_id +  '/members/list').then((response) => {
-          console.log(response);
           const link = document.createElement('a');
-          console.log(response.data.data.file_name);
           link.href = response.data.data.file_url;
           link.setAttribute('download', response.data.data.file_name);
           document.body.appendChild(link);
@@ -578,20 +642,66 @@ export default function CorporatePlanList() {
                   </Grid>
                 </Grid>
 
-                <Grid>
-                  <LoadingButton
-                    id="upload-button"
-                    variant="outlined"
-                    startIcon={<InsertDriveFileIcon />}
-                    // sx={{ p: 1.8 }}
-                    // onClick={() => {handleDownloadLog(row)}}
-                    onClick={() => {
-                      setDialogLogOpen(true);
-                    }}
-                    loading={loadingLog}
-                  >
-                    Download LOG
-                  </LoadingButton>
+                <Grid spacing={1}>
+                    <Stack sx={{ marginTop: 1}}>
+                      <LoadingButton
+                        id="upload-button"
+                        variant="outlined"
+                        startIcon={<InsertDriveFileIcon />}
+                        // sx={{ p: 1.8 }}
+                        // onClick={() => {handleDownloadLog(row)}}
+                        onClick={() => {
+                          setDialogLogOpen(true);
+                        }}
+                        loading={loadingLog}
+                      >
+                        Download LOG
+                      </LoadingButton>
+                    </Stack>
+                    {/* -------------------------------Upload Dokumen MCU------------------------------- */}
+                    <Stack sx={{ marginTop: 1}}>
+                      {/*<Stack
+                        divider={<Divider orientation="horizontal" flexItem />}
+                        spacing={1}
+                        sx={{ marginY: 2}}
+                      >
+                        {fileMcus &&
+                          fileMcus
+                          .filter((datas) => datas.id === row.id)
+                          .map((datas, index) => (
+                            <Stack direction="row" justifyContent={'space-between'} key={index}>
+                              <Typography sx={{ color: "text.secondary" }}>{datas.file.name}</Typography>
+                              <Iconify
+                                icon="eva:trash-2-outline"
+                                color={'darkred'}
+                                onClick={() => {
+                                  removeMcuFiles(datas.id, index);
+                                }}
+                                sx={{ cursor: 'pointer' }}
+                              ></Iconify>
+                            </Stack>
+                          ))}
+                      </Stack>*/}
+                      <input
+                        type="file"
+                        id={`file-${row.id}`}
+                        ref={fileMcuInput}
+                        style={{ display: 'none' }}
+                        onChange={(event) => {
+                          handleMcuInputChange(row.id, row.member_id)(event);
+                        }}
+                        accept="application/pdf"
+                      />
+                      <LoadingButton
+                        variant="outlined"
+                        onClick={() => {
+                          fileMcuInput.current.click();
+                        }}
+                      >
+                        <Iconify icon="eva:plus-fill" />
+                        Add Result
+                      </LoadingButton>
+                    </Stack>
                 </Grid>
 
                 <DialogLog

frontend/dashboard/src/utils/jsonToFormData.ts

@@ -0,0 +1,6 @@
+import jsonToFormData from '@ajoelp/json-to-formdata';
+
+export function makeFormData(object: any) {
+    return jsonToFormData(object)
+}
+