Prescription

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

@@ -0,0 +1,96 @@
+<?php
+
+namespace Modules\Internal\Http\Controllers\Api;
+
+
+use App\Models\OLDLMS\Prescription;
+use Illuminate\Http\Request;
+use Illuminate\Http\Response;
+use Illuminate\Routing\Controller;
+
+class PrescriptionController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     * @param int|null $id
+     * @return \Illuminate\Http\JsonResponse
+     */
+    public function index($id = null)
+    {
+        $query = Prescription::query();
+        if ($id !== null) {
+            $query->where('nID', $id);
+        }
+        
+        $prescriptions = $query->select('nID','nIDLiveChat', 'nIDLiveChatSummary', 'nIDDokter', 'sDokterName', 'dTanggalResep', 'sSource', 'nIDUser', 'sKodeResep', 'sDiagnose', 'sStatus')
+        ->get();
+
+        // $prescriptions->toArray();
+        // dd($prescriptions);
+
+        return response()->json($prescriptions);
+        // return response()->json(Helper::paginateResources(LivechatResource::collection($livechat)));
+    }
+
+
+
+
+    /**
+     * Show the form for creating a new resource.
+     * @return Renderable
+     */
+    public function create()
+    {
+        return view('internal::create');
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     * @param Request $request
+     * @return Renderable
+     */
+    public function store(Request $request)
+    {
+    }
+
+    /**
+     * Show the specified resource.
+     * @param int $id
+     * @return Renderable
+     */
+    public function show($id)
+    {
+
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     * @param int $id
+     * @return Renderable
+     */
+    public function edit($id)
+    {
+        return view('internal::edit');
+    }
+
+    /**
+     * Update the specified resource in storage.
+     * @param Request $request
+     * @param int $id
+     * @return Renderable
+     */
+    public function update(Request $request, $id)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     * @param int $id
+     * @return Renderable
+     */
+    public function destroy($id)
+    {
+        //
+    }
+}

Modules/Internal/Routes/api.php

@@ -28,6 +28,7 @@ use Modules\Internal\Http\Controllers\Api\OptionController;
 use Modules\Internal\Http\Controllers\Api\OrganizationController;
 use Modules\Internal\Http\Controllers\Api\PlanController;
 use Modules\Internal\Http\Controllers\Api\ProvinceController;
+use Modules\Internal\Http\Controllers\Api\PrescriptionController;
 use Modules\Internal\Http\Controllers\Api\SpecialityController;
 use Modules\Internal\Http\Controllers\Api\VillageController;
 use Modules\Internal\Http\Controllers\Api\AuditTrailController;
@@ -151,6 +152,8 @@ Route::prefix('internal')->group(function () {
         Route::resource('organizations', OrganizationController::class);
         Route::resource('appointments', AppointmentController::class);
         Route::resource('live-chat', LivechatController::class);
+        Route::get('prescription', [PrescriptionController::class, 'index']);
+        Route::get('prescription/{id}', [PrescriptionController::class, 'index']);
 
         Route::resource('doctors', DoctorController::class);
 

app/Models/OLDLMS/Prescription.php

@@ -0,0 +1,38 @@
+<?php
+
+namespace App\Models\OLDLMS;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Model;
+
+class Prescription extends Model
+{
+    use HasFactory;
+
+
+    // public $sStatusNames = [
+    //     0 => 'Menunggu Konfirmasi',
+    //     1 => 'Diterima',
+    //     2 => 'Ditolak',
+    //     3 => 'Selesai',
+    //     4 => 'Expired',
+    // ];
+
+    const CREATED_AT = 'dCreateOn';
+    const UPDATED_AT = 'dUpdateOn';
+    const DELETED_AT = 'dDeleteOn';
+
+    protected $connection = 'oldlms';
+
+    protected $table = 'tx_prescriptions';
+
+    // protected $appends = [
+    //     'status_name',
+    // ];
+
+    protected $casts = [
+        'dTanggalResep' => 'datetime',
+    ];
+
+}

frontend/dashboard/src/layouts/dashboard/navbar/NavConfig.tsx

@@ -82,6 +82,7 @@ const navConfig = [
           { title: 'Appointment', path: '/report/appointments' },
           { title: 'Live Chat', path: '/report/live-chat' },
           { title: 'Linksehat Payment', path: '/report/linksehat-payments' },
+          { title: 'Prescription', path: '/report/prescription' },
         ],
       },
       {

frontend/dashboard/src/pages/Report/Prescription/Index.tsx

@@ -0,0 +1,37 @@
+import { Card, Grid, Container } from '@mui/material';
+import { useParams } from 'react-router-dom';
+import HeaderBreadcrumbs from '@/components/HeaderBreadcrumbs';
+import Page from '@/components/Page';
+import useSettings from '@/hooks/useSettings';
+import List from '../Prescription/List';
+
+export default function Prescription(){
+    const { themeStretch } = useSettings();
+
+    const { id } = useParams();
+
+    const pageTitle = 'Prescription';
+
+    return(
+        <Page title = {pageTitle}>
+            <Container maxWidth = {themeStretch ? false : 'xl'}>
+                <HeaderBreadcrumbs heading= {pageTitle}
+                links={[
+                    {
+                        name: 'Report',
+                        href: '/report',
+
+                    },
+                    {
+                        name: 'Prescription',
+                        href: '/prescription',
+                    },
+                ]}
+                />
+
+                <List/>
+
+            </Container>
+        </Page>
+    );
+}

frontend/dashboard/src/pages/Report/Prescription/List.tsx

@@ -0,0 +1,440 @@
+import {
+    Box,
+    Button,
+    Card,
+    Collapse,
+    Paper,
+    Select,
+    SelectChangeEvent,
+    Table,
+    TableBody,
+    TableCell,
+    TableContainer,
+    TableHead,
+    TableRow,
+    TextField,
+    Typography,
+    Stack,
+    ButtonGroup,
+    Grid,
+    Chip,
+    Dialog,
+    DialogContent,
+    DialogContentText,
+    DialogActions,
+    FormControl,
+    Autocomplete,
+    InputAdornment,
+    IconButton,
+  } from '@mui/material';
+  
+  import {
+    Link,
+    NavLink as RouterLink,
+    useSearchParams,
+    useNavigate,
+    useParams,
+  } from 'react-router-dom';
+  // hooks
+  import React, { ChangeEvent, Component, useEffect, useRef, useState } from 'react';
+  import useSettings from '../../../hooks/useSettings';
+  // components
+  import axios from '../../../utils/axios';
+  import { LaravelPaginatedData } from '../../../@types/paginated-data';
+  import { Icd } from '../../../@types/diagnosis';
+  import BasePagination from '../../../components/BasePagination';
+  import { Practitioner } from '../../../@types/doctor';
+  import CreateIcon from '@mui/icons-material/Create';
+  import { Props } from '../../../components/editor/index';
+  import { red } from '@mui/material/colors';
+  import { margin, padding } from '@mui/system';
+  import { enqueueSnackbar } from 'notistack';
+  import { Controller } from 'react-hook-form';
+  
+  import SvgIconStyle from '../../../components/SvgIconStyle';
+  import { GridSearchIcon } from '@mui/x-data-grid';
+  import { Search } from '@mui/icons-material';
+  import { Icon } from '@iconify/react';
+  import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+  import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+
+  export default function List(){
+
+    const navigate = useNavigate();
+    const { organization_id } = useParams();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const [searchParamsOrganizations, setSearchParamsOrganizations] = useSearchParams();
+    const [searchParamsSpecialities, setSearchParamsSpecialities] = useSearchParams();
+    const [searchParamsFilter, setSearchParamsFilter] = useSearchParams();
+
+    function Filter(props: any) {
+        // SEARCH
+        const searchInput = useRef<HTMLInputElement>(null);
+        const [searchText, setSearchText] = useState('');
+    
+        //handle search
+        const handleSearchChange = (event: any) => {
+          const newSearchText = event.target.value ?? '';
+          setSearchText(newSearchText);
+        };
+    
+        const handleSearchSubmit = (event: any) => {
+          event.preventDefault();
+    
+          props.onSearch(searchText);
+        };
+
+        useEffect(() => {
+            // Trigger First Search
+            setSearchText(searchParams.get('search') ?? '');
+          }, []);
+      
+          const item = [
+            {
+              id: '',
+              value: '',
+              name: 'Semua',
+            },
+          ];
+
+          return (
+            <form style={{ width: '100%' }}>
+                <Grid container spacing={2} sx={{ justifyContent: 'space-between', alignItems: 'center' }}>
+                <Grid item xs={12} sm={12} md={12} lg={12}>
+                    <TextField
+                    id="search-input"
+                    ref={searchInput}
+                    variant="outlined"
+                    fullWidth
+                    onChange={handleSearchChange}
+                    onKeyDown={(event) => {
+                        if (event.key === 'Enter') {
+                        handleSearchSubmit(event);
+                        }
+                    }}
+                    value={searchText}
+                    InputProps={{
+                        startAdornment: (
+                        <InputAdornment position="start">
+                            <Search />
+                        </InputAdornment>
+                        ),
+                        placeholder: 'Search',
+                    }}
+                    />
+                </Grid>
+                </Grid>
+            </form> 
+          );
+  }
+  function FilterForm(props: any) {
+    return(
+        <Grid
+        container
+        spacing={2}
+        sx={{ p: 2, justifyContent: 'space-between', alignItems: 'center' }}
+      >
+        <Grid item xs={12} md={12} lg={12}>
+          <Filter onSearch={applyItems} />
+        </Grid>
+      </Grid>
+    );
+  }
+
+  function createData(doctor: Practitioner): Practitioner {
+    return {
+      ...doctor,
+    };
+  }
+
+  function Row(props: { row: ReturnType<typeof createData> }) {
+    const { row } = props;
+    const [open, setOpen] = React.useState(false);
+    const [openDialog, setOpenDialog] = React.useState(false);
+
+
+
+    return (
+      <React.Fragment>
+        <TableRow>
+          <TableCell>
+            <IconButton aria-label="expand row" size="small" onClick={() => setOpen(!open)}>
+              {open ? <KeyboardArrowDownIcon /> : <KeyboardArrowRightIcon />}
+            </IconButton>
+          </TableCell>
+          <TableCell align="left">{row.nID ? row.nID : '-'}</TableCell>
+          <TableCell align="left">
+            {row.nIDUser ? row.nIDUser : '-'}
+          </TableCell>
+          <TableCell align="left">{row.nIDDokter ? row.nIDDokter : '-'}</TableCell>
+          <TableCell align="left">{row.sDokterName ? row.sDokterName : '-'}</TableCell>
+          <TableCell align="left">{row.dTanggalResep ? row.dTanggalResep : '-'}</TableCell>
+          <TableCell align="left">{row.sSource ? row.sSource : '-'}</TableCell>
+          <TableCell align="left">{row.sKodeResep ? row.sKodeResep : '-'}</TableCell>
+          <TableCell align="left">{row.sDiagnose ? row.sDiagnose : '-'}</TableCell>
+          <TableCell align="left">{row.sStatus ? row.sStatus : '-'}</TableCell>
+          {/* <TableCell align="center">
+            <ButtonGroup variant="text" aria-label="text button group">
+              <Link to={'/report/prescription/' + row.id + '/show'}>
+                <Button>
+                  <Icon icon="ph:eye-bold" style={{ width: '24px', height: '24px' }} />
+                </Button>
+              </Link>
+            </ButtonGroup>
+          </TableCell> */}
+        </TableRow>
+        {/* COLLAPSIBLE ROW */}
+        <TableRow>
+          <TableCell
+            style={{ paddingBottom: 0, paddingTop: 0, backgroundColor: 'rgba(244, 246, 248, 0.5)' }}
+            colSpan={6}
+          >
+{/*             <Collapse in={open} timeout="auto" unmountOnExit>
+              <Box sx={{ margin: 1, pb: 2, pl: 4 }}>
+                <Grid container>
+                  <Grid item xs={12} sx={{ padding: 2 }}>
+                    <Grid container>
+                      <Grid item xs={6}>
+                        Metode Pembayaran
+                      </Grid>
+                      <Grid item xs={6}>
+                        : {row.payment_method ? row.payment_method : '-'}
+                      </Grid>
+
+                      <Grid item xs={6}>
+                        Jenis Benefit
+                      </Grid>
+                      <Grid item xs={6}>
+                        : -
+                      </Grid>
+                      <Grid item xs={6}>
+                        Durasi
+                      </Grid>
+                      <Grid item xs={6}>
+                        : {row.duration ? row.duration : '-'}
+                      </Grid>
+                    </Grid>
+                  </Grid>
+                </Grid>
+              </Box>
+            </Collapse> */}
+          </TableCell>
+        </TableRow>
+
+        {/* END COLLAPSIBLE ROW */}
+        <Dialog
+          open={openDialog}
+          onClose={() => {
+            setOpenDialog(false);
+          }}
+          aria-labelledby="alert-dialog-title"
+          aria-describedby="alert-dialog-description"
+        >
+          <DialogContent sx={{ p: 5 }}>
+            <Icon
+              icon="eva:trash-2-outline"
+              style={{
+                width: '100px',
+                height: '100px',
+                color: '#FF0000',
+                margin: 'auto',
+                display: 'block',
+                marginBottom: '20px',
+                alignContent: 'center',
+              }}
+            />
+            <DialogContentText sx={{ fontWeight: 'bold', pb: 1 }} id="alert-dialog-title">
+              Apakah anda yakin ingin menghapus
+            </DialogContentText>
+            <Typography sx={{ fontWeight: 'bold' }} id="alert-dialog-title">
+              {row.name}?
+            </Typography>
+          </DialogContent>
+          <DialogActions>
+            <Button
+              onClick={() => {
+                setOpenDialog(false);
+              }}
+              color="primary"
+            >
+              Batal
+            </Button>
+            {/* <Button
+              onClick={() => {
+                handleDelete(row.id);
+              }}
+              color="primary"
+              autoFocus
+            >
+              Hapus
+            </Button> */}
+          </DialogActions>
+        </Dialog>
+      </React.Fragment>
+    );
+  }
+    
+  const headStyle = {
+    fontWeight: 'bold',
+  };
+  // Dummy Default Data
+  const [dataTableIsLoading, setDataTableLoading] = useState(true);
+  const [dataTableLastRequest, setDataTableLastRequest] = useState(0);
+  const [dataTableResponseState, setDataTableResponseState] = useState('idle');
+  const [dataTableData, setDataTableData] = useState<LaravelPaginatedData>({
+    current_page: 1,
+    data: [],
+    path: '',
+    first_page_url: '',
+    last_page: 1,
+    last_page_url: '',
+    next_page_url: '',
+    prev_page_url: '',
+    per_page: 10,
+    from: 0,
+    to: 0,
+    total: 0,
+  });
+  const [dataTablePage, setDataTablePage] = useState(5);
+
+  const loadDataTableData = async (appliedFilter: any | null = null) => {
+    setDataTableLoading(true);
+    const filter = appliedFilter ? appliedFilter : Object.fromEntries([...searchParams.entries()]);
+    const response = await axios.get('/prescription', {
+      params: filter,
+    });
+    setDataTableLoading(false);
+    setDataTableData(response.data);
+  };
+
+  // const applyFilter = async (searchFilter: string) => {
+  //   await loadDataTableData({ search: searchFilter });
+  //   setSearchParams({ search: searchFilter });
+  // };
+
+  const applyItems = async (
+    searchFilter: string,
+    searchFilterOrganization: string,
+    searchFilterSpecialities: string
+  ) => {
+    await loadDataTableData({
+      search: searchFilter,
+      organization_id: searchFilterOrganization,
+      speciality_id: searchFilterSpecialities,
+    });
+    setSearchParamsFilter({
+      search: searchFilter,
+      organization_id: searchFilterOrganization,
+      speciality_id: searchFilterSpecialities,
+    });
+  };
+
+  const handlePageChange = (event: ChangeEvent, value: number) => {
+    const filter = Object.fromEntries([...searchParams.entries(), ['page', value]]);
+    loadDataTableData(filter);
+    setSearchParams(filter);
+  };
+
+  useEffect(() => {
+    loadDataTableData();
+  }, []);
+
+  return (
+    <Stack>
+      {/* <Ambulace /> */}
+
+      <Card sx={{ marginTop: '30px' }}>
+        <FilterForm sx={{ marginTop: '100px' }} />
+
+        {/* The Main Table */}
+        <TableContainer component={Paper}>
+          <Table>
+            <TableBody>
+              <TableRow>
+                {/* <TableCell colSpan={8} rowSpan={1} align="center" /> */}
+                <TableCell style={headStyle} align="left" />
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  ID Booking
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  ID User
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  ID Dokter
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  Nama Dokter
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  Tanggal Resep
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  Source
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                    Kode Resep
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  Diagnosa
+                </TableCell>
+                <TableCell style={headStyle} rowSpan={2} align="left">
+                  Status
+                </TableCell>
+              </TableRow>
+{/*               <TableRow>
+                <TableCell style={headStyle} align="left" />
+                <TableCell style={headStyle} align="left">
+                  Tanggal Booking
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Tanggal Appointment
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Faskes
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Nama Dokter
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Spesialisasi
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Pasien
+                </TableCell>
+                <TableCell style={headStyle} align="left">
+                  Dokter
+                </TableCell>
+              </TableRow> */}
+            </TableBody>
+            {dataTableIsLoading ? (
+              <TableBody>
+                <TableRow>
+                  <TableCell colSpan={8} align="center">
+                    Loading
+                  </TableCell>
+                </TableRow>
+              </TableBody>
+            ) : (dataTableData.data && dataTableData.data.length === 0) ? (
+
+              <TableBody>
+                <TableRow>
+                  <TableCell colSpan={8} align="center">
+                    No Data
+                  </TableCell>
+                </TableRow>
+              </TableBody>
+            ) : (
+              <TableBody>
+                {dataTableData && dataTableData.map((row) => (
+                  <Row key={row.id} row={row} />
+                ))}
+              </TableBody>
+            )}
+          </Table>
+        </TableContainer>
+
+        <BasePagination paginationData={dataTableData} onPageChange={handlePageChange} />
+      </Card>
+    </Stack>
+  );
+}

frontend/dashboard/src/routes/index.tsx

@@ -12,6 +12,7 @@ import VerifyCode from '../pages/auth/VerifyCode';
 import { AuthProvider } from '../contexts/LaravelAuthContext';
 import AuthGuard from '../guards/AuthGuard';
 import { Link, useParams, useSearchParams } from 'react-router-dom';
+import Prescription from '@/pages/Report/Prescription/Index';
 
 // ----------------------------------------------------------------------
 
@@ -285,6 +286,10 @@ export default function Router() {
           path: 'report/live-chat/:id/edit',
           element: <LivechatCreate />,
         },
+        {
+          path: 'report/prescription',
+          element: <Prescription/>,
+        },
         {
           path: 'report/linksehat-payments',
           element: <LinksehatPayment />,