Uploaded From CV. Swandhana Server
This commit is contained in:
Duidev Software House
No files matched your search
@@ -0,0 +1,243 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="page-title-box">
|
||||
<div class="btn-group pull-right">
|
||||
<ol class="breadcrumb hide-phone p-0 m-0">
|
||||
<li class="breadcrumb-item active">Profile</li>
|
||||
</ol>
|
||||
</div>
|
||||
<h4 class="page-title">Profile</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<!-- meta -->
|
||||
<div class="profile-user-box card-box bg-custom">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<span class="pull-left mr-3">
|
||||
<a href="#" id="btnubahfoto">
|
||||
<img src="{{ Session('photo') }}" alt="" class="thumb-lg rounded-circle">
|
||||
</a>
|
||||
</span>
|
||||
<div class="media-body text-white">
|
||||
<h4 class="mt-1 mb-1 font-18">{{ Session('nama') }}</h4>
|
||||
<p class="font-13 text-light">{{ Session('previlage') }}</p>
|
||||
<p class="text-light mb-0">{{ config('global.Title') }} | {{ config('global.namaapps') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="text-right">
|
||||
<button type="button" class="btn btn-light waves-effect" id="btneditprofile">
|
||||
<i class="mdi mdi-account-settings-variant mr-1"></i> Edit Password
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Kalender</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="inbox-widget">
|
||||
<div id="gridjadwal"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Update User Data</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" action="{{ url('user/update') }}" method="POST">
|
||||
{{ csrf_field() }}
|
||||
<div class="form-group m-b-25">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Username</label>
|
||||
<input class="form-control" type="text" value="{{ Session('username')}}" name="username" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label>Name</label>
|
||||
<input class="form-control" type="text" value="{{ Session('nama')}}" name="nama" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>New Password</label>
|
||||
<input class="form-control" type="password" name="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Repeat Password</label>
|
||||
<input class="form-control" type="password" name="password_confirmation">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<span class="badge badge-danger">Untuk melihat perubahan setelah update data,silahkan relogin</span>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<input type="hidden" name="id_user" value="{{ Session('id')}}">
|
||||
<input type="hidden" name="previlage" value="{{ Session('previlage')}}">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="submit">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<div id="modalupdatefoto" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Pilih Foto Anda</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group m-b-0">
|
||||
<p class="mb-2 mt-4 font-weight-bold">Select Your Photo Profile</p>
|
||||
<input type="file" class="filestyle" data-placeholder="No file" data-btnClass="btn-light" id="upload_file" name="upload_file">
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<span class="badge badge-danger">Untuk melihat perubahan setelah update data,silahkan relogin</span>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="button" id="btnsimpanfoto">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$("#btneditprofile").click(function() {
|
||||
$('#updateModal').modal('show');
|
||||
});
|
||||
$("#btnubahfoto").click(function() {
|
||||
$('#modalupdatefoto').modal('show');
|
||||
});
|
||||
$("#btnsimpanfoto").click(function(){
|
||||
var filegambar = document.getElementById('upload_file');
|
||||
$('#modalupdatefoto').modal('hide');
|
||||
var form_data = new FormData();
|
||||
form_data.append('file', filegambar.files[0]);
|
||||
form_data.append('_token', '{{csrf_token()}}');
|
||||
$.ajax({
|
||||
url: '{{ url("user/updatefoto") }}',
|
||||
data: form_data,
|
||||
type: 'POST',
|
||||
contentType: false,
|
||||
processData: false,
|
||||
success: function (data) {
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
if (status == 'Failed'){
|
||||
swal({
|
||||
title: status,
|
||||
text: message,
|
||||
type: 'warning',
|
||||
})
|
||||
}else {
|
||||
$("html, body").animate({ scrollTop: 0 }, "slow");
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: '#5ba035',
|
||||
icon: 'success',
|
||||
hideAfter: 15000,
|
||||
stack: 1
|
||||
});
|
||||
}
|
||||
return false;
|
||||
},
|
||||
error: function (xhr, status, error) {
|
||||
swal({
|
||||
title: status,
|
||||
text: error,
|
||||
type: 'warning',
|
||||
})
|
||||
}
|
||||
});
|
||||
});
|
||||
var sourcekalender = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id', type: 'string' },
|
||||
{ name: 'description', type: 'string' },
|
||||
{ name: 'location', type: 'string' },
|
||||
{ name: 'subject', type: 'string' },
|
||||
{ name: 'calendar', type: 'string' },
|
||||
{ name: 'start', type: 'date' },
|
||||
{ name: 'end', type: 'date' }
|
||||
],
|
||||
id : 'id',
|
||||
url : '{{ route("getkalenderlist") }}'
|
||||
};
|
||||
var datajsonawal = new $.jqx.dataAdapter(sourcekalender);
|
||||
$("#gridjadwal").jqxScheduler({
|
||||
date : new $.jqx.date(),
|
||||
width : '100%',
|
||||
height : 600,
|
||||
source : datajsonawal,
|
||||
showLegend : true,
|
||||
view : 'agendaView',
|
||||
theme : 'energyblue',
|
||||
ready : function () {
|
||||
$("#gridjadwal").jqxScheduler('ensureAppointmentVisible', 'id1');
|
||||
},
|
||||
resources:
|
||||
{
|
||||
colorScheme : "scheme05",
|
||||
dataField : "calendar",
|
||||
source : new $.jqx.dataAdapter(sourcekalender)
|
||||
},
|
||||
appointmentDataFields:
|
||||
{
|
||||
from : "start",
|
||||
to : "end",
|
||||
id : "id",
|
||||
description : "description",
|
||||
location : "place",
|
||||
subject : "subject",
|
||||
readOnly : "readOnly",
|
||||
resourceId : "calendar",
|
||||
|
||||
},
|
||||
views :
|
||||
[
|
||||
'dayView',
|
||||
'weekView',
|
||||
'monthView',
|
||||
'agendaView'
|
||||
],
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,255 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="page-title-box">
|
||||
<div class="btn-group pull-right">
|
||||
<ol class="breadcrumb hide-phone p-0 m-0">
|
||||
<li class="breadcrumb-item active">Profile</li>
|
||||
</ol>
|
||||
</div>
|
||||
<h4 class="page-title">Profile</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<!-- meta -->
|
||||
<div class="profile-user-box card-box bg-custom">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<span class="pull-left mr-3">
|
||||
<a href="#" id="btnubahfoto">
|
||||
<img src="{{ Session('photo') }}" alt="" class="thumb-lg rounded-circle">
|
||||
</a>
|
||||
</span><div class="media-body text-white">
|
||||
<h4 class="mt-1 mb-1 font-18">{{ Session('nama') }}</h4>
|
||||
<p class="font-13 text-light">{{ Session('previlage') }}</p>
|
||||
<p class="text-light mb-0">{{ config('global.Title') }} | {{ config('global.namaapps') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="text-right">
|
||||
<button type="button" class="btn btn-light waves-effect" id="btneditprofile">
|
||||
<i class="mdi mdi-account-settings-variant mr-1"></i> Edit Password
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ meta -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<div class="card-box bg-primary widget-flat border-info text-white">
|
||||
<i class="icon-layers"></i>
|
||||
<h3 class="m-b-10">{{ $totalkasus }}</h3>
|
||||
Total Kasus
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Kalender</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="inbox-widget">
|
||||
<div id="gridjadwal"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end container -->
|
||||
</div>
|
||||
<!-- TOKEN -->
|
||||
<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Update User Data</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" action="{{ url('user/update') }}" method="POST">
|
||||
{{ csrf_field() }}
|
||||
<div class="form-group m-b-25">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Username</label>
|
||||
<input class="form-control" type="text" value="{{ Session('username')}}" name="username" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label>Name</label>
|
||||
<input class="form-control" type="text" value="{{ Session('nama')}}" name="nama" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>New Password</label>
|
||||
<input class="form-control" type="password" name="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Repeat Password</label>
|
||||
<input class="form-control" type="password" name="password_confirmation">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<span class="badge badge-danger">Untuk melihat perubahan setelah update data,silahkan relogin</span>
|
||||
</div>
|
||||
<input type="hidden" name="id_user" value="{{ Session('id')}}">
|
||||
<input type="hidden" name="previlage" value="{{ Session('previlage')}}">
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="submit">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<div id="modalupdatefoto" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Pilih Foto Anda</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group m-b-0">
|
||||
<p class="mb-2 mt-4 font-weight-bold">Select Your Photo Profile</p>
|
||||
<input type="file" class="filestyle" data-placeholder="No file" data-btnClass="btn-light" id="upload_file" name="upload_file">
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<span class="badge badge-danger">Untuk melihat perubahan setelah update data,silahkan relogin</span>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="button" id="btnsimpanfoto">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$("#btneditprofile").click(function() {
|
||||
$('#updateModal').modal('show');
|
||||
});
|
||||
$("#btnubahfoto").click(function() {
|
||||
$('#modalupdatefoto').modal('show');
|
||||
});
|
||||
$("#btnsimpanfoto").click(function(){
|
||||
var filegambar = document.getElementById('upload_file');
|
||||
$('#modalupdatefoto').modal('hide');
|
||||
var form_data = new FormData();
|
||||
form_data.append('file', filegambar.files[0]);
|
||||
form_data.append('_token', '{{csrf_token()}}');
|
||||
$.ajax({
|
||||
url: '{{ url("user/updatefoto") }}',
|
||||
data: form_data,
|
||||
type: 'POST',
|
||||
contentType: false,
|
||||
processData: false,
|
||||
success: function (data) {
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
if (status == 'Failed'){
|
||||
swal({
|
||||
title: status,
|
||||
text: message,
|
||||
type: 'warning',
|
||||
})
|
||||
}else {
|
||||
$("html, body").animate({ scrollTop: 0 }, "slow");
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: '#5ba035',
|
||||
icon: 'success',
|
||||
hideAfter: 15000,
|
||||
stack: 1
|
||||
});
|
||||
}
|
||||
return false;
|
||||
},
|
||||
error: function (xhr, status, error) {
|
||||
swal({
|
||||
title: status,
|
||||
text: error,
|
||||
type: 'warning',
|
||||
})
|
||||
}
|
||||
});
|
||||
});
|
||||
var sourcekalender = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id', type: 'string' },
|
||||
{ name: 'description', type: 'string' },
|
||||
{ name: 'location', type: 'string' },
|
||||
{ name: 'subject', type: 'string' },
|
||||
{ name: 'calendar', type: 'string' },
|
||||
{ name: 'start', type: 'date' },
|
||||
{ name: 'end', type: 'date' }
|
||||
],
|
||||
id : 'id',
|
||||
url : '{{ route("getkalenderlist") }}'
|
||||
};
|
||||
var datajsonawal = new $.jqx.dataAdapter(sourcekalender);
|
||||
$("#gridjadwal").jqxScheduler({
|
||||
date : new $.jqx.date(),
|
||||
width : 1024,
|
||||
height : 600,
|
||||
source : datajsonawal,
|
||||
showLegend : true,
|
||||
view : 'agendaView',
|
||||
theme : 'energyblue',
|
||||
ready : function () {
|
||||
$("#gridjadwal").jqxScheduler('ensureAppointmentVisible', 'id1');
|
||||
},
|
||||
resources:
|
||||
{
|
||||
colorScheme : "scheme05",
|
||||
dataField : "calendar",
|
||||
source : new $.jqx.dataAdapter(sourcekalender)
|
||||
},
|
||||
appointmentDataFields:
|
||||
{
|
||||
from : "start",
|
||||
to : "end",
|
||||
id : "id",
|
||||
description : "description",
|
||||
location : "place",
|
||||
subject : "subject",
|
||||
readOnly : "readOnly",
|
||||
resourceId : "calendar",
|
||||
|
||||
},
|
||||
views :
|
||||
[
|
||||
'dayView',
|
||||
'weekView',
|
||||
'monthView',
|
||||
'agendaView'
|
||||
],
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,200 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Doctor List</div>
|
||||
<p class="m-b-0"></p>
|
||||
<button type="button" class="btn btn-custom waves-light waves-effect" data-toggle="modal" data-target="#addModal">Add New Data</button>
|
||||
<br><br>
|
||||
@if(Session::has('message'))
|
||||
<div class="alert {{ Session::get('alert-class') }} alert-dismissable">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
<h4><i class="icon fa fa-check"></i> {{ Session::get('status') }}</h4>
|
||||
{!! Session::get('message') !!}
|
||||
</div>
|
||||
@endif
|
||||
<table id="datatable" class="table table-bordered display">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Gender</th>
|
||||
<th>Birth Date</th>
|
||||
<th>City</th>
|
||||
<th>Address</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($dokters as $dokter)
|
||||
<tr>
|
||||
<td>{{ $dokter->nama }}</td>
|
||||
<td>{{ $dokter->jk }}</td>
|
||||
<td>{{ $dokter->tgl_lahir }}</td>
|
||||
<td>{{ $dokter->kota }}</td>
|
||||
<td>{{ $dokter->alamat }}</td>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-light dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="false"> <i class="icon-settings"></i> </button>
|
||||
<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
|
||||
<a class="dropdown-item update" href="#" dokter-id="{{ $dokter->id }}" data-toggle="modal" data-target="#updateModal">Update</a>
|
||||
<a class="dropdown-item delete" href="#" dokter-id="{{ $dokter->id }}">Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
<form id="formDelete" action="{{ route('deleteDokter') }}" method="POST">
|
||||
{{ csrf_field() }}
|
||||
<input type="hidden" name="dokter_id" id="delete_dokter">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end container -->
|
||||
</div>
|
||||
|
||||
<!-- Add Modal -->
|
||||
<div id="addModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Form Add New Doctor</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Please Add From User Management</p>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<a href="/user">Go To User Management Pages</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Update Modal Poli -->
|
||||
<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Update Data</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" action="{{ url('dokter/update') }}" method="POST">
|
||||
{{ csrf_field() }}
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Name</label>
|
||||
<input class="form-control" type="text" id="nama" name="nama" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Gender</label>
|
||||
<div class="radio">
|
||||
<input type="radio" name="jk" id="radio3" value="L">
|
||||
<label for="radio3">Laki-laki</label> 
|
||||
<input type="radio" name="jk" id="radio4" value="P">
|
||||
<label for="radio4">Perempuan</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Birth Date</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="tgl_lahir" placeholder="yyyy-mm-dd" id="tgl">
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>City</label>
|
||||
<input class="form-control" type="text" id="kota" name="kota" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Address</label>
|
||||
<textarea class="form-control" id="alamat" name="alamat" rows="5"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="id_dokter" id="id_dokter">
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="submit">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$("#tgl_lahir").datepicker({format: 'yyyy-mm-dd'});
|
||||
$("#tgl").datepicker({format: 'yyyy-mm-dd'});
|
||||
$('form').parsley();
|
||||
});
|
||||
|
||||
$('.delete').click(function () {
|
||||
var dokter_id = $(this).attr("dokter-id");
|
||||
$("#delete_dokter").val(dokter_id);
|
||||
swal({
|
||||
title: 'Are you sure?',
|
||||
text: "Do you realy want to delete this data!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonClass: 'btn btn-confirm mt-2',
|
||||
cancelButtonClass: 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then(function () {
|
||||
swal({
|
||||
title: 'Deleted !',
|
||||
text: "Data has been deleted",
|
||||
type: 'success',
|
||||
confirmButtonClass: 'btn btn-confirm mt-2'
|
||||
})
|
||||
$("#formDelete").submit();
|
||||
})
|
||||
});
|
||||
|
||||
$(document).on('click', '.update', function(e) {
|
||||
var id = $(this).attr('dokter-id');
|
||||
console.log(id);
|
||||
$.ajax({
|
||||
type : 'POST',
|
||||
url : '{{ route("getDokter") }}',
|
||||
data : {'id' : id, _token : "{{ csrf_token() }}"},
|
||||
success : function(response) {
|
||||
var data = JSON.parse(response);
|
||||
$("#nama").val(data['nama']);
|
||||
var jk = data['jk'];
|
||||
if (jk == 'L') {
|
||||
document.getElementById("radio3").checked = true;
|
||||
} else {
|
||||
document.getElementById("radio4").checked = true;
|
||||
}
|
||||
$(".tgl").val(data['tgl_lahir']);
|
||||
$("#kota").val(data['kota']);
|
||||
$("#alamat").val(data['alamat']);
|
||||
$("#id_dokter").val(data['id']);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,432 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<!-- end page title end breadcrumb -->
|
||||
<div id="divawal">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary" id="judul">Patient</div>
|
||||
<p class="m-b-0"></p>
|
||||
<button type="button" class="btn btn-danger" id="btnhariinidoank">This Day Only</button>
|
||||
<button type="button" class="btn btn-info" id="btnmundur2">Last 2 Days</button>
|
||||
<button type="button" class="btn btn-warning" id="btnmundur3">Last 3 Days</button>
|
||||
<div id="gridlist"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="divdetail">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger">Patient Data Edit</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="nofoto" class="col-form-label">No. Foto</label>
|
||||
<input type="text" id="nofoto" class="form-control" readonly>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="norm" class="col-form-label">No. RM</label>
|
||||
<input type="text" id="norm" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="nonama" class="col-form-label">Name</label>
|
||||
<input type="text"id="nonama" class="form-control">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="nokel" class="col-form-label">Gender</label>
|
||||
<select class="form-control" id="nokel" name="nokel">
|
||||
<option value="L">Laki-Laki</option>
|
||||
<option value="P">Perempuan</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="tgllahir" class="col-form-label">Birth Date</label>
|
||||
<input type="text" class="form-control" id="tgllahir">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="noservis" class="col-form-label">Service</label>
|
||||
<input type="text" id="noservis" class="form-control" readonly>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="nokamar" class="col-form-label">Rooms</label>
|
||||
<input type="text" class="form-control" id="nokamar" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="nostatus" class="col-form-label">Status</label>
|
||||
<select class="form-control" id="nostatus" name="status">
|
||||
<option value="">Empty</option>
|
||||
<option value="Diperiksa di Laboratorium">Diperiksa di Laboratorium</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-warning">Rooms and Doctor Data Edit</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="ruangan" class="col-form-label">Rooms Update</label>
|
||||
<select class="form-control select" id="ruangan" name="ruangan">
|
||||
<option>Pilih</option>
|
||||
@php
|
||||
$keys = array_keys($ruangans);
|
||||
for($i = 0; $i < count($ruangans); $i++) {
|
||||
@endphp
|
||||
<optgroup label="{{ $ruangpolis[$i] }}">
|
||||
@php
|
||||
foreach($ruangans[$keys[$i]] as $key => $value) {
|
||||
@endphp
|
||||
<option value="{{ $value['id'] }}">{{ $value['ruangan'] }}</option>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</optgroup>
|
||||
@php
|
||||
}
|
||||
@endphp
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="dokter" class="col-form-label">Doctor</label>
|
||||
<select class="form-control select2" id="dokter" name="dokter">
|
||||
<option>Pilih</option>
|
||||
@foreach($dokters as $dokter)
|
||||
<option value="{{ $dokter->id }}">{{ $dokter->nama }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="periksa_id" name="periksa_id">
|
||||
<button type="button" id="btnkembali" class="btn btn-custom">Back</button>
|
||||
<button type="button" id="btnUpdate" class="btn btn-custom pull-right">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="modalhapus" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Alasan Pembatalan</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Tulis alasan pembatalan</label>
|
||||
<input type="text" class="form-control" id="id_alasan">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<input type="hidden" id="id_pemeriksaan">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" id="btnpembatalan" type="button">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="master_set01" name="master_set01" value="ThisDay">
|
||||
<input type="hidden" id="master_set02" name="master_set02" value="">
|
||||
<input type="hidden" id="master_set03" name="master_set03" value="">
|
||||
<input type="hidden" id="master_set04" name="master_set04" value="">
|
||||
<input type="hidden" id="master_judul" name="master_judul" value="Queue">
|
||||
<input type="hidden" id="master_lokasi" name="master_lokasi" value="">
|
||||
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
function openedpage( jQuery ){
|
||||
var token=document.getElementById('token').value;
|
||||
var set01=document.getElementById('master_set01').value;
|
||||
var set02=document.getElementById('master_set02').value;
|
||||
var set03=document.getElementById('master_set03').value;
|
||||
var set04=document.getElementById('master_set04').value;
|
||||
var set05=document.getElementById('master_lokasi').value;
|
||||
var set06=document.getElementById('master_judul').value;
|
||||
var token=document.getElementById('token').value;
|
||||
if (set01 == 'ThisDay'){
|
||||
var judul='Patient Queue This Day on '+set06;
|
||||
$("#judul").html(judul);
|
||||
} else if (set01 == 'mundur2'){
|
||||
var judul='Patient Queue Last 2 Day on '+set06;
|
||||
$("#judul").html(judul);
|
||||
} else if (set01 == 'mundur3'){
|
||||
var judul='Patient Queue Last 3 Day on '+set06;
|
||||
$("#judul").html(judul);
|
||||
} else if (set01 == 'searchbydate'){
|
||||
if (set04 == 'inisaja'){
|
||||
var judul='Patient From '+set02+' until '+set03+' on '+set06;
|
||||
} else {
|
||||
var judul='Patient From '+set02+' until '+set03+' All Poli';
|
||||
}
|
||||
$("#judul").html(judul);
|
||||
} else {
|
||||
if (set04 == 'inisaja'){
|
||||
var judul='Search Result by key: '+set02+' on '+set06;
|
||||
$("#judul").html(judul);
|
||||
} else if (set04 == 'semua') {
|
||||
var judul='Search Result by key: '+set02+' All Poli ';
|
||||
$("#judul").html(judul);
|
||||
} else {
|
||||
//nothingtodo
|
||||
}
|
||||
}
|
||||
var sourcepasiencari = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'idpasien', type: 'text'},
|
||||
{ name: 'nofoto', type: 'text'},
|
||||
{ name: 'noregister', type: 'text'},
|
||||
{ name: 'nama', type: 'text'},
|
||||
{ name: 'jk', type: 'text'},
|
||||
{ name: 'usia', type: 'text'},
|
||||
{ name: 'urgensi', type: 'text'},
|
||||
{ name: 'tlsnofoto', type: 'text'},
|
||||
{ name: 'tlsnoregister', type: 'text'},
|
||||
{ name: 'tlsnama', type: 'text'},
|
||||
{ name: 'tlsjk', type: 'text'},
|
||||
{ name: 'tlsusia', type: 'text'},
|
||||
{ name: 'tlsurgensi', type: 'text'},
|
||||
{ name: 'tlsreques', type: 'text'},
|
||||
{ name: 'tlsruangan', type: 'text'},
|
||||
{ name: 'tlsdaftar', type: 'text'},
|
||||
{ name: 'tlsstatus', type: 'text'},
|
||||
{ name: 'poli', type: 'text'},
|
||||
{ name: 'ruangan', type: 'text'},
|
||||
{ name: 'daftartgl', type: 'text'},
|
||||
{ name: 'daftarjam', type: 'text'},
|
||||
{ name: 'status', type: 'text'},
|
||||
{ name: 'keterangan', type: 'text'},
|
||||
{ name: 'kesimpulan', type: 'text'},
|
||||
{ name: 'idruangan', type: 'text'},
|
||||
{ name: 'iddokter', type: 'text'},
|
||||
{ name: 'ppdssenior', type: 'text'},
|
||||
{ name: 'middleppds', type: 'text'},
|
||||
{ name: 'ppdsjunior', type: 'text'},
|
||||
{ name: 'diagnosa', type: 'text'},
|
||||
{ name: 'diagnosa2', type: 'text'},
|
||||
{ name: 'kd_spesimen', type: 'text'},
|
||||
{ name: 'nm_spesimen', type: 'text'},
|
||||
{ name: 'asalpasien', type: 'text'},
|
||||
{ name: 'klinis', type: 'text'},
|
||||
{ name: 'klinisi', type: 'text'},
|
||||
{ name: 'berat', type: 'text'},
|
||||
{ name: 'telpon', type: 'text'},
|
||||
{ name: 'dlp', type: 'text'},
|
||||
{ name: 'excutor', type: 'text'},
|
||||
{ name: 'analis', type: 'text'},
|
||||
{ name: 'nmexcutor', type: 'text'},
|
||||
{ name: 'nmanalis', type: 'text'},
|
||||
{ name: 'jumlah', type: 'text'},
|
||||
{ name: 'modality', type: 'text'},
|
||||
{ name: 'dokter', type: 'text'},
|
||||
{ name: 'ppds1', type: 'text'},
|
||||
{ name: 'ppds2', type: 'text'},
|
||||
{ name: 'timestamp1', type: 'text'},
|
||||
{ name: 'timestamp2', type: 'text'},
|
||||
{ name: 'durasi', type: 'text'},
|
||||
{ name: 'ppdsas', type: 'text'},
|
||||
{ name: 'otherppds', type: 'text'},
|
||||
],
|
||||
updaterow : function (rowid, rowdata, commit) {commit(true);},
|
||||
type : 'GET',
|
||||
data : {jenis:set01, mulai:'', akhir:'', valcari:'', poli:'', master:'', _token: token},
|
||||
url : '{{ route("getListpencarianpaged") }}',
|
||||
root : 'data',
|
||||
totalrecords: 'total',
|
||||
cache : false,
|
||||
filter : function () {$("#gridlist").jqxGrid('updatebounddata', 'filter');},
|
||||
sort : function () {$("#gridlist").jqxGrid('updatebounddata', 'sort');},
|
||||
beforeprocessing: function (data) {
|
||||
if (data != null) {
|
||||
sourcepasiencari.totalrecords = data.total;
|
||||
}
|
||||
}
|
||||
};
|
||||
var dataAdapter = new $.jqx.dataAdapter(sourcepasiencari);
|
||||
$("#gridlist").jqxGrid({
|
||||
width: '100%',
|
||||
enablebrowserselection: true,
|
||||
filterable: true,
|
||||
showfilterrow: true,
|
||||
columnsresize: true,
|
||||
pageable: true,
|
||||
sortable: true,
|
||||
autoheight: true,
|
||||
source: dataAdapter,
|
||||
theme: "energyblue",
|
||||
virtualmode : true,
|
||||
rendergridrows : function(obj) {
|
||||
return obj.data;
|
||||
},
|
||||
pagesizeoptions: ['10', '20', '30', '50', '100'],
|
||||
altrows: true,
|
||||
columns: [
|
||||
{ text: 'No.Pic', datafield: 'nofoto', width: '10%', align: 'center', cellsalign: 'left'},
|
||||
{ text: 'No.RM', datafield: 'tlsnoregister', width: '7%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Name', datafield: 'tlsnama', width: '12%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'M/W', datafield: 'tlsjk', sortable: false, filterable: false, width: '5%', cellsalign: 'center', align: 'center' },
|
||||
{ text: 'Age', sortable: false, filterable: false, datafield: 'tlsusia', width: '11%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'From', datafield: 'asalpasien', width: '7%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Service', datafield: 'tlsreques', width: '10%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Room', datafield: 'tlsruangan', width: '7%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Time', sortable: false, filterable: false, datafield: 'daftarjam', width: '5%', cellsalign: 'center', align: 'center' },
|
||||
{ text: 'Status', sortable: false, filterable: false, datafield: 'tlsstatus', width: '14%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Edit', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '5%', cellsrenderer: function () {
|
||||
return "Edit";
|
||||
}, buttonclick: function (row) {
|
||||
editrowjabatan = row;
|
||||
var offset = $("#gridlist").offset();
|
||||
var dataRecord = $("#gridlist").jqxGrid('getrowdata', editrowjabatan);
|
||||
var goook = dataRecord.id;
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("listDetail") }}', { id: goook, _token: token },
|
||||
function(data){
|
||||
var datas = JSON.parse(data);
|
||||
$("#nofoto").val(dataRecord.nofoto);
|
||||
$("#norm").val(dataRecord.noregister);
|
||||
$("#nonama").val(dataRecord.nama);
|
||||
$("#nokel").val(dataRecord.jk);
|
||||
$("#tgllahir").val(dataRecord.tgllahir);
|
||||
$("#noservis").val(dataRecord.poli);
|
||||
$("#nokamar").val(dataRecord.ruangan);
|
||||
$("#ruangan").val(dataRecord.idruangan);
|
||||
$("#nostatus").val(dataRecord.status);
|
||||
$("#periksa_id").val(dataRecord.id);
|
||||
$('#divdetail').show();
|
||||
$('#divawal').hide();
|
||||
return false;
|
||||
});
|
||||
}
|
||||
},
|
||||
{ text: 'Batalkan', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '7%', cellsrenderer: function () {
|
||||
return "Batalkan";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridlist").offset();
|
||||
var dataRecord = $("#gridlist").jqxGrid('getrowdata', editrow);
|
||||
$("#id_pemeriksaan").val(dataRecord.id);
|
||||
$("#id_alasan").val('');
|
||||
$('#modalhapus').modal('show');
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
}
|
||||
$(window).on('load', function () {
|
||||
openedpage();
|
||||
});
|
||||
setTimeout(function() {
|
||||
openedpage();
|
||||
}, 300000);
|
||||
|
||||
$(function() {
|
||||
//CKEDITOR.env.isCompatible = true;
|
||||
//CKEDITOR.replace( 'keterangan');
|
||||
});
|
||||
$(document).ready(function () {
|
||||
$('#divdetail').hide();
|
||||
$("#btnkembali").click(function() {
|
||||
$('#divdetail').hide();
|
||||
$('#divawal').show();
|
||||
$("#gridlist").jqxGrid('updatebounddata');
|
||||
});
|
||||
$("#btnhariinidoank").click(function() {
|
||||
$("#master_set01").val('ThisDay');
|
||||
$("#master_set02").val('');
|
||||
$("#master_set03").val('');
|
||||
$("#master_set04").val('');
|
||||
var set01=document.getElementById('master_judul').value;
|
||||
var judul='Patient Queue This Day on '+set01;
|
||||
$("#judul").html(judul);
|
||||
openedpage();
|
||||
});
|
||||
$("#btnmundur2").click(function() {
|
||||
$("#master_set01").val('mundur2');
|
||||
$("#master_set02").val('');
|
||||
$("#master_set03").val('');
|
||||
$("#master_set04").val('');
|
||||
openedpage();
|
||||
});
|
||||
$("#btnmundur3").click(function() {
|
||||
$("#master_set01").val('mundur3');
|
||||
$("#master_set02").val('');
|
||||
$("#master_set03").val('');
|
||||
$("#master_set04").val('');
|
||||
openedpage();
|
||||
});
|
||||
$("#btnUpdate").click(function(){
|
||||
var noregister = document.getElementById('norm').value;
|
||||
var status = document.getElementById('nostatus').value;
|
||||
var ruangan = document.getElementById('ruangan').value;
|
||||
var dokter = document.getElementById('dokter').value;
|
||||
var tgllahir = document.getElementById('tgllahir').value;
|
||||
var nokel = document.getElementById('nokel').value;
|
||||
var nonama = document.getElementById('nonama').value;
|
||||
var periksa_id = document.getElementById('periksa_id').value;
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("updateList") }}', { id: periksa_id, noregister: noregister, status: status, ruangan: ruangan, dokter: dokter, nokel: nokel, tgllahir: tgllahir, nonama: nonama, _token: token },
|
||||
function(data){
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: '#bf441d',
|
||||
icon: 'info',
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$("#gridlist").jqxGrid('updatebounddata');
|
||||
$('#divdetail').hide();
|
||||
$('#divawal').show();
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#btnpembatalan").click(function(){
|
||||
var periksa_id = document.getElementById('id_pemeriksaan').value;
|
||||
var alasan = document.getElementById('id_alasan').value;
|
||||
var token = document.getElementById('token').value;
|
||||
var tabel = 'aktif';
|
||||
$.post('{{ route("deleteList") }}', { val01: periksa_id, val02: alasan, val03: tabel, _token: token },
|
||||
function(data){
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: '#bf441d',
|
||||
icon: 'info',
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$("#gridlist").jqxGrid('updatebounddata');
|
||||
$('#modalhapus').modal('hide');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
File diff suppressed because it is too large
Load diff
@@ -0,0 +1,440 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-9">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger">Log Book Menu</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div id="divawal"><div class="box-body"><div id='gridk1'></div></div></div>
|
||||
<div id="divpermission">
|
||||
<div class="box-body">
|
||||
<div class="form-group">
|
||||
<label>Add Sub Menu</label>
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<button class="btn btn-white btn-danger btn-round btn-block" id="btnkembali"><i class="ace-icon fa fa-arrow-left bigger-120 red"></i>Back</button>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<input type="text" id="set_kelompok" class="form-control" disabled="disable">
|
||||
<input type="hidden" id="set_kode" class="form-control" disabled="disable">
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="input-group">
|
||||
<input type="text" id="set_penyakit" class="form-control" Placeholder="Write Disease Name to Add New">
|
||||
<div class="input-group-btn">
|
||||
<button type="button" id="btnaddnewrules" class="btn btn-danger no-border btn-sm"><i class="ace-icon fa fa-check icon-on-right bigger-110"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id='griddetail'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Control Panel</div>
|
||||
<p class="m-b-0"></p>
|
||||
<button type="button" class="btn btn-custom waves-light waves-effect" id="btnaddnewstase">Add New Stase</button>
|
||||
<br><br>
|
||||
<div id="message"></div>
|
||||
</div>
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger">History</div>
|
||||
<p class="m-b-0"></p>
|
||||
<br><br>
|
||||
@if(isset($riwayat) && !empty($riwayat))
|
||||
<table class="table table-striped table-hover">
|
||||
<thead><tr><th>Action</th><th>PIC</th><th>Date</th></tr></thead>
|
||||
<tbody>
|
||||
@foreach($riwayat as $pengumuman)
|
||||
<tr><td>{!! $pengumuman['jawaban'] !!}</td><td>{!! $pengumuman['inputor'] !!}</td><td>{!! $pengumuman['created_at'] !!}</td></tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="modaladdstase" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Modal Add Stase</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label>Code</label>
|
||||
<input type="text" id="id_kodene" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Full Stase Name</label>
|
||||
<input type="text" id="id_stase" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-warning pull-right" id="btnaddstase">Add Stase</button>
|
||||
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
<div id="modalhapusstase" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Modal Del Stase </h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label>Stase Name</label>
|
||||
<input type="text" id="del_nama" name="del_nama" class="form-control" disabled="disable">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Are you sure.? if you do write "SURE" at this form</label>
|
||||
<input type="text" id="del_verifikasi" name="del_verifikasi" class="form-control">
|
||||
</div>
|
||||
<div class="center">
|
||||
<p><strong><font color=red>If You delete this, all dieases in this group will be deleted to</font></strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<input type="hidden" class="form-control" id="del_idstase">
|
||||
<button type="button" class="btn btn-success pull-right" id="btndeletestase">DEL</button>
|
||||
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
<div id="modalhapusmenu" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Modal Del Disease</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label>Disease Name</label>
|
||||
<input type="text" id="delmenu_nama" name="delmenu_nama" class="form-control" disabled="disable">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Are you sure.? if you do write "SURE" at this form</label>
|
||||
<input type="text" id="delmenu_verifikasi" name="delmenu_verifikasi" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<input type="hidden" class="form-control" id="del_idpenyakit">
|
||||
<button type="button" class="btn btn-success pull-right" id="btnhapusmenu">HAPUS</button>
|
||||
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
<div id="modaleditkuota" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Modal Edit Disease</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label>Disease Name</label>
|
||||
<input type="text" id="edit_penyakit" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Target Senior</label>
|
||||
<input type="text" id="edit_target" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Kuota Senior (1 Patient For x PPDS)</label>
|
||||
<input type="text" id="edit_kuota" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Target Middle</label>
|
||||
<input type="text" id="edit_target3" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Kuota Middle (1 Patient For x PPDS)</label>
|
||||
<input type="text" id="edit_kuota3" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Target Junior</label>
|
||||
<input type="text" id="edit_target2" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Kuota Junior (1 Patient For x PPDS)</label>
|
||||
<input type="text" id="edit_kuota2" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<input type="hidden" class="form-control" id="edit_idne">
|
||||
<button type="button" class="btn btn-success pull-right" id="btneditdata">Save</button>
|
||||
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
<input type="hidden" id="getuserid" value="{{ Session('id') }}">
|
||||
<input type="hidden" id="getkelompok" value="{{ Session('previlage') }}">
|
||||
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
function opendatalogbook( jQuery ){
|
||||
var set01=document.getElementById('getuserid').value;
|
||||
var set02='Examination';
|
||||
var set03=document.getElementById('getkelompok').value;
|
||||
var sourcedatalogbook = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'kode',type: 'text'},
|
||||
{ name: 'kepanjangan',type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: {val01:set01, val02:set02, val03:set03, _token: "{{ csrf_token() }}"},
|
||||
url: "logbook/datalistlogbook"
|
||||
};
|
||||
var jsondatalogbook = new $.jqx.dataAdapter(sourcedatalogbook);
|
||||
$("#gridk1").jqxGrid({
|
||||
width: '100%',
|
||||
enablebrowserselection: true,
|
||||
pageable: true,
|
||||
autoheight: true,
|
||||
filterable: true,
|
||||
filtermode: 'excel',
|
||||
source: jsondatalogbook,
|
||||
columnsresize: true,
|
||||
theme: "energyblue",
|
||||
selectionmode: 'multiplecellsextended',
|
||||
columns: [
|
||||
{ text: 'Code', datafield: 'kode', width: '20%', align: 'center' },
|
||||
{ text: 'Full Name', datafield: 'kepanjangan', width: '60%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Disease List', columntype: 'button', width: '10%', align: 'center', cellsrenderer: function () {
|
||||
return "View";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridk1").offset();
|
||||
var dataRecord = $("#gridk1").jqxGrid('getrowdata', editrow);
|
||||
var val01 = dataRecord.kode;
|
||||
var val02 = '0';
|
||||
$("#set_kelompok").val(dataRecord.kepanjangan);
|
||||
$("#set_kode").val(dataRecord.kode);
|
||||
var source = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id2'},
|
||||
{ name: 'kuota',type: 'text'},
|
||||
{ name: 'target',type: 'text'},
|
||||
{ name: 'kuota2',type: 'text'},
|
||||
{ name: 'target2',type: 'text'},
|
||||
{ name: 'kuota3',type: 'text'},
|
||||
{ name: 'target3',type: 'text'},
|
||||
{ name: 'kode2',type: 'text'},
|
||||
{ name: 'kepanjangan2',type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: {set01:val01, set02:val02, _token: "{{ csrf_token() }}"},
|
||||
url: "logbook/jsonviewlistlogbookppds"
|
||||
};
|
||||
$('#divpermission').show();
|
||||
$('#divawal').hide();
|
||||
var dataAdapter = new $.jqx.dataAdapter(source);
|
||||
$("#griddetail").jqxGrid({
|
||||
width: '100%',
|
||||
enablebrowserselection: true,
|
||||
filterable: true,
|
||||
filtermode: 'excel',
|
||||
source: dataAdapter,
|
||||
columnsresize: true,
|
||||
theme: "orange",
|
||||
sortable: true,
|
||||
autoheight: true,
|
||||
selectionmode: 'multiplecellsextended',
|
||||
columns: [
|
||||
{ text: 'Edit', columntype: 'button', width: '7%', align: 'center', cellsrenderer: function () {
|
||||
return "Edit";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#griddetail").offset();
|
||||
var dataRecord = $("#griddetail").jqxGrid('getrowdata', editrow);
|
||||
var goook = dataRecord.id;
|
||||
$("#edit_idne").val(dataRecord.id2);
|
||||
$("#edit_penyakit").val(dataRecord.kepanjangan2);
|
||||
$("#edit_kuota").val(dataRecord.kuota);
|
||||
$("#edit_target").val(dataRecord.target);
|
||||
$("#edit_kuota2").val(dataRecord.kuota2);
|
||||
$("#edit_target2").val(dataRecord.target2);
|
||||
$("#edit_kuota3").val(dataRecord.kuota3);
|
||||
$("#edit_target3").val(dataRecord.target3);
|
||||
$("#modaleditkuota").modal('show');
|
||||
}
|
||||
},
|
||||
{ text: 'Stase', datafield: 'kode2', width: '7%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Full Disease Name', datafield: 'kepanjangan2', width: '37%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Target', columngroup: 'senior', datafield: 'target', width: '7%', align: 'center' },
|
||||
{ text: 'Kuota', columngroup: 'senior', datafield: 'kuota', width: '7%', align: 'center' },
|
||||
{ text: 'Target', columngroup: 'middle', datafield: 'target3', width: '7%', align: 'center' },
|
||||
{ text: 'Kuota', columngroup: 'middle', datafield: 'kuota3', width: '7%', align: 'center' },
|
||||
{ text: 'Target', columngroup: 'junior', datafield: 'target2', width: '7%', align: 'center' },
|
||||
{ text: 'Kuota', columngroup: 'junior', datafield: 'kuota2', width: '7%', align: 'center' },
|
||||
{ text: 'Del', columntype: 'button', width: '7%', align: 'center', cellsrenderer: function () {
|
||||
return "Del";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#griddetail").offset();
|
||||
var dataRecord = $("#griddetail").jqxGrid('getrowdata', editrow);
|
||||
var goook = dataRecord.id;
|
||||
$("#delmenu_nama").val(dataRecord.kepanjangan2);
|
||||
$("#del_idpenyakit").val(dataRecord.id2);
|
||||
$("#modalhapusmenu").modal('show');
|
||||
}
|
||||
},
|
||||
],
|
||||
columngroups:
|
||||
[
|
||||
{ text: 'Senior', align: 'center', name: 'senior' },
|
||||
{ text: 'Middle', align: 'center', name: 'middle' },
|
||||
{ text: 'Junior', align: 'center', name: 'junior' }
|
||||
]
|
||||
});
|
||||
}
|
||||
},
|
||||
{ text: 'DEL', columntype: 'button', width: '8%', align: 'center', cellsrenderer: function () {
|
||||
return "DEL";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridk1").offset();
|
||||
var dataRecord = $("#gridk1").jqxGrid('getrowdata', editrow);
|
||||
var goook = dataRecord.id;
|
||||
$("#del_nama").val(dataRecord.kepanjangan);
|
||||
$("#del_idstase").val(dataRecord.id);
|
||||
$("#modalhapusstase").modal('show');
|
||||
}
|
||||
},
|
||||
],
|
||||
});
|
||||
}
|
||||
$(window).on('load', function () {
|
||||
opendatalogbook();
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$('#divpermission').hide();
|
||||
$("#btnkembali").click(function(){
|
||||
$('#divpermission').hide();
|
||||
$('#divawal').show();
|
||||
});
|
||||
|
||||
$("#btneditdata").click(function(){
|
||||
var val01=document.getElementById('edit_idne').value;
|
||||
var val02=document.getElementById('edit_kuota').value;
|
||||
var val03=document.getElementById('set_kelompok').value;
|
||||
var val04=document.getElementById('edit_target').value;
|
||||
var val05=document.getElementById('edit_penyakit').value;
|
||||
var val06=document.getElementById('edit_kuota2').value;
|
||||
var val07=document.getElementById('edit_target2').value;
|
||||
var val08=document.getElementById('edit_kuota3').value;
|
||||
var val09=document.getElementById('edit_target3').value;
|
||||
$.post('logbook/exmenuslogbook', { _token: "{{ csrf_token() }}", set01: val01, set02: val02, set03: val03, set04: val04, set05: val05, set06: val06, set07: val07, set08: val08, set09: val09 },
|
||||
function(data){
|
||||
$("#modaleditkuota").modal('hide');
|
||||
$("#griddetail").jqxGrid('updatebounddata');
|
||||
$.toast({
|
||||
heading: data.status,
|
||||
text: data.message,
|
||||
position: 'top-right',
|
||||
loaderBg: data.warna,
|
||||
icon: data.icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#btnhapusmenu").click(function(){
|
||||
var val01=document.getElementById('delmenu_verifikasi').value;
|
||||
var val02=document.getElementById('del_idpenyakit').value;
|
||||
var val03='delpenyakit';
|
||||
var val04='-';
|
||||
$.post('logbook/exmenuslogbook', { _token: "{{ csrf_token() }}", set01: val01, set02: val02, set03: val03, set04: val04, set05: '', set06: '', set07: '', set08: '', set09: '' },
|
||||
function(data){
|
||||
$("#modalhapusmenu").modal('hide');
|
||||
$("#griddetail").jqxGrid('updatebounddata');
|
||||
$.toast({
|
||||
heading: data.status,
|
||||
text: data.message,
|
||||
position: 'top-right',
|
||||
loaderBg: data.warna,
|
||||
icon: data.icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#btndeletestase").click(function(){
|
||||
var val01=document.getElementById('del_verifikasi').value;
|
||||
var val02=document.getElementById('del_idstase').value;
|
||||
var val03='delstase';
|
||||
var val04='-';
|
||||
$.post('logbook/exmenuslogbook', { _token: "{{ csrf_token() }}", set01: val01, set02: val02, set03: val03, set04: val04, set05: '', set06: '', set07: '', set08: '', set09: '' },
|
||||
function(data){
|
||||
$("#modalhapusstase").modal('hide');
|
||||
$("#gridk1").jqxGrid('updatebounddata');
|
||||
$.toast({
|
||||
heading: data.status,
|
||||
text: data.message,
|
||||
position: 'top-right',
|
||||
loaderBg: data.warna,
|
||||
icon: data.icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#btnaddstase").click(function(){
|
||||
var val01=document.getElementById('id_kodene').value;
|
||||
var val02=document.getElementById('id_stase').value;
|
||||
var val03='stase';
|
||||
var val04='-';
|
||||
$.post('logbook/exmenuslogbook', { _token: "{{ csrf_token() }}", set01: val01, set02: val02, set03: val03, set04: val04, set05: '', set06: '', set07: '', set08: '', set09: '' },
|
||||
function(data){
|
||||
$("#modaladdstase").modal('hide');
|
||||
$("#gridk1").jqxGrid('updatebounddata');
|
||||
$.toast({
|
||||
heading: data.status,
|
||||
text: data.message,
|
||||
position: 'top-right',
|
||||
loaderBg: data.warna,
|
||||
icon: data.icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#btnaddnewrules").click(function(){
|
||||
var val02=document.getElementById('set_penyakit').value;
|
||||
$("#edit_penyakit").val(val02);
|
||||
$("#edit_idne").val('new');
|
||||
$("#modaleditkuota").modal('show');
|
||||
});
|
||||
$("#btnaddnewstase").click(function(){
|
||||
$("#modaladdstase").modal('show');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,881 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger">Log Book Statistik</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-6">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-info">Log Book PPDS</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-4">
|
||||
<input type="text" name="tanggal" id="tanggal" class="form-control" placeholder="Range">
|
||||
</div>
|
||||
<div class="form-group col-lg-4">
|
||||
<select class="form-control select2" id="ppds" name="ppds">
|
||||
<option value="">Pilih</option>
|
||||
@foreach($allppds as $ppds)
|
||||
<option value="{{ $ppds->id }}">{{ $ppds->nama }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-lg-4">
|
||||
<button type="button" class="btn btn-info" id="btnviewppds"><i class="fa fa-search"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group col-lg-6">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-warning">SPV Report</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-6">
|
||||
<select class="form-control select2" id="spv" name="spv">
|
||||
<option value="">Pilih</option>
|
||||
@foreach($allspv as $spv)
|
||||
<option value="{{ $spv->id }}" id1="{{ $spv->nama }}" id2="{{ $spv->tandatangan }}">{{ $spv->nama }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-lg-2">
|
||||
<input type="text" name="mulai" id="mulai" class="form-control" placeholder="Start Date" data-mask="9999-99-99">
|
||||
</div>
|
||||
<div class="form-group col-lg-2">
|
||||
<input type="text" name="akhir" id="akhir" class="form-control" placeholder="End Date" data-mask="9999-99-99">
|
||||
</div>
|
||||
<div class="form-group col-lg-2">
|
||||
<button type="button" class="btn btn-warning" id="btnviewcustom"><i class="fa fa-search"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12" id="divreportspv">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger" id="judul">Log Book Statistik</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-12">
|
||||
<button class="btn btn-white btn-warning btn-round pull-right" id="btnexport">
|
||||
<i class="fa fa-print"></i>
|
||||
PRINT
|
||||
</button>
|
||||
<div id="gridpencarian"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12" id="divreportppds">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary" id="judul">Log Book PPDS </div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-6">
|
||||
<div id='grafikvindicate' style="width:100%; height:480px;"></div>
|
||||
</div>
|
||||
<div class="form-group col-lg-6">
|
||||
<div id='grafiksistemorgan' style="width:100%; height:480px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger" id="judul">Log Book PPDS as Junior</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-12">
|
||||
<button class="btn btn-white btn-warning btn-round pull-right" id="btnexportjunior">
|
||||
<i class="fa fa-print"></i>
|
||||
PRINT
|
||||
</button>
|
||||
<div id="gridjunior"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger" id="judul">Log Book PPDS as Middle</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-12">
|
||||
<button class="btn btn-white btn-warning btn-round pull-right" id="btnexportmiddle">
|
||||
<i class="fa fa-print"></i>
|
||||
PRINT
|
||||
</button>
|
||||
<div id="gridmiddle"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger" id="judul">Log Book PPDS as Senior</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-12">
|
||||
<button class="btn btn-white btn-warning btn-round pull-right" id="btnexportsenior">
|
||||
<i class="fa fa-print"></i>
|
||||
PRINT
|
||||
</button>
|
||||
<div id="gridsenior"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="getuserid" value="{{ Session('id') }}">
|
||||
<input type="hidden" id="getkelompok" value="{{ Session('previlage') }}">
|
||||
<input type="hidden" id="getnama" value="{{ Session('nama') }}">
|
||||
<input type="hidden" id="getsubmenu">
|
||||
<input type="hidden" id="gettandatangan">
|
||||
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
jQuery.browser = {};
|
||||
(function () {
|
||||
jQuery.browser.msie = false;
|
||||
jQuery.browser.version = 0;
|
||||
if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {
|
||||
jQuery.browser.msie = true;
|
||||
jQuery.browser.version = RegExp.$1;
|
||||
}
|
||||
})();
|
||||
$(function() {
|
||||
$('input[name="tanggal"]').daterangepicker({
|
||||
opens: 'left'
|
||||
}, function(start, end, label) {
|
||||
//console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
|
||||
});
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$('#divreportspv').hide();
|
||||
$('#divreportppds').hide();
|
||||
$('#btnexport').click(function(){
|
||||
var tulisjudul = document.getElementById('getsubmenu').value;
|
||||
var ppds = document.getElementById('getnama').value;
|
||||
var tandatangan = document.getElementById('gettandatangan').value;
|
||||
var gridContent = $("#gridpencarian").jqxGrid('exportdata', 'html');
|
||||
var newWindow = window.open('', '', 'width=1024, height=500'),
|
||||
cetak = newWindow.document.open(),
|
||||
pageContent =
|
||||
'<!DOCTYPE html>\n' +
|
||||
'<html>\n' +
|
||||
'<head>\n' +
|
||||
'<meta charset="utf-8" />\n' +
|
||||
'<title>Export Data</title>\n' +
|
||||
'</head>\n' +
|
||||
'<body>' +
|
||||
'<table id="printiki" width="100%" border="0" cellspacing="0" cellpadding="0">' +
|
||||
'<thead><tr>' +
|
||||
'<td width="171" rowspan="4" align="center"><img src="{{ asset("logo.png") }}" width="102" height="96" alt=""/></td>' +
|
||||
'<td colspan="8" ><b>Laboratory Information System - RSSA</td></tr>' +
|
||||
'<td colspan="8" ><b>'+ tulisjudul + ' Logbook</td></tr>' +
|
||||
'<tr><td colspan="8" align="left"></td></tr></thead></table>' +
|
||||
gridContent +
|
||||
'<strong>RSUD dr. Saiful Anwar <br />Dokter Penanggung Jawab<br />'+
|
||||
'<strong><img src="'+tandatangan+'" width="120" height="100"><br />'+
|
||||
'<strong>'+ppds+'</body>\n</html>';
|
||||
cetak.write(pageContent);
|
||||
cetak.close();
|
||||
});
|
||||
$('#btnexportsenior').click(function(){
|
||||
var tulisjudul = document.getElementById('getsubmenu').value;
|
||||
var ppds = document.getElementById('getnama').value;
|
||||
var tandatangan = document.getElementById('gettandatangan').value;
|
||||
var gridContent = $("#gridsenior").jqxGrid('exportdata', 'html');
|
||||
var newWindow = window.open('', '', 'width=1024, height=500'),
|
||||
cetak = newWindow.document.open(),
|
||||
pageContent =
|
||||
'<!DOCTYPE html>\n' +
|
||||
'<html>\n' +
|
||||
'<head>\n' +
|
||||
'<meta charset="utf-8" />\n' +
|
||||
'<title>Export Data</title>\n' +
|
||||
'</head>\n' +
|
||||
'<body>' +
|
||||
'<table id="printiki" width="100%" border="0" cellspacing="0" cellpadding="0">' +
|
||||
'<thead><tr>' +
|
||||
'<td width="171" rowspan="4" align="center"><img src="{{ asset("logo.png") }}" width="102" height="96" alt=""/></td>' +
|
||||
'<td colspan="8" ><b>Laboratory Information System - RSSA</td></tr>' +
|
||||
'<td colspan="8" ><b>'+ tulisjudul + ' Logbook</td></tr>' +
|
||||
'<tr><td colspan="8" align="left"></td></tr></thead></table>' +
|
||||
gridContent +
|
||||
'</body>\n</html>';
|
||||
cetak.write(pageContent);
|
||||
cetak.close();
|
||||
});
|
||||
$('#btnexportmiddle').click(function(){
|
||||
var tulisjudul = document.getElementById('getsubmenu').value;
|
||||
var ppds = document.getElementById('getnama').value;
|
||||
var tandatangan = document.getElementById('gettandatangan').value;
|
||||
var gridContent = $("#gridmiddle").jqxGrid('exportdata', 'html');
|
||||
var newWindow = window.open('', '', 'width=1024, height=500'),
|
||||
cetak = newWindow.document.open(),
|
||||
pageContent =
|
||||
'<!DOCTYPE html>\n' +
|
||||
'<html>\n' +
|
||||
'<head>\n' +
|
||||
'<meta charset="utf-8" />\n' +
|
||||
'<title>Export Data</title>\n' +
|
||||
'</head>\n' +
|
||||
'<body>' +
|
||||
'<table id="printiki" width="100%" border="0" cellspacing="0" cellpadding="0">' +
|
||||
'<thead><tr>' +
|
||||
'<td width="171" rowspan="4" align="center"><img src="{{ asset("logo.png") }}" width="102" height="96" alt=""/></td>' +
|
||||
'<td colspan="8" ><b>Laboratory Information System - RSSA</td></tr>' +
|
||||
'<td colspan="8" ><b>'+ tulisjudul + ' Logbook</td></tr>' +
|
||||
'<tr><td colspan="8" align="left"></td></tr></thead></table>' +
|
||||
gridContent +
|
||||
'</body>\n</html>';
|
||||
cetak.write(pageContent);
|
||||
cetak.close();
|
||||
});
|
||||
$('#btnexportjunior').click(function(){
|
||||
var tulisjudul = document.getElementById('getsubmenu').value;
|
||||
var ppds = document.getElementById('getnama').value;
|
||||
var tandatangan = document.getElementById('gettandatangan').value;
|
||||
var gridContent = $("#gridjunior").jqxGrid('exportdata', 'html');
|
||||
var newWindow = window.open('', '', 'width=1024, height=500'),
|
||||
cetak = newWindow.document.open(),
|
||||
pageContent =
|
||||
'<!DOCTYPE html>\n' +
|
||||
'<html>\n' +
|
||||
'<head>\n' +
|
||||
'<meta charset="utf-8" />\n' +
|
||||
'<title>Export Data</title>\n' +
|
||||
'</head>\n' +
|
||||
'<body>' +
|
||||
'<table id="printiki" width="100%" border="0" cellspacing="0" cellpadding="0">' +
|
||||
'<thead><tr>' +
|
||||
'<td width="171" rowspan="4" align="center"><img src="{{ asset("logo.png") }}" width="102" height="96" alt=""/></td>' +
|
||||
'<td colspan="8" ><b>Laboratory Information System - RSSA</td></tr>' +
|
||||
'<td colspan="8" ><b>'+ tulisjudul + ' Logbook</td></tr>' +
|
||||
'<tr><td colspan="8" align="left"></td></tr></thead></table>' +
|
||||
gridContent +
|
||||
'</body>\n</html>';
|
||||
cetak.write(pageContent);
|
||||
cetak.close();
|
||||
});
|
||||
$("#btnviewppds").click(function(){
|
||||
var idppds = document.getElementById('ppds').value;
|
||||
var tanggal = document.getElementById('tanggal').value;
|
||||
$('#divreportspv').hide();
|
||||
$('#divreportppds').show();
|
||||
|
||||
var sourcepasiencari1 = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'idpasien', type: 'text'},
|
||||
{ name: 'nofoto', type: 'text'},
|
||||
{ name: 'noregister', type: 'text'},
|
||||
{ name: 'nama', type: 'text'},
|
||||
{ name: 'jk', type: 'text'},
|
||||
{ name: 'usia', type: 'text'},
|
||||
{ name: 'urgensi', type: 'text'},
|
||||
{ name: 'tlsnofoto', type: 'text'},
|
||||
{ name: 'tlsnoregister', type: 'text'},
|
||||
{ name: 'tlsnama', type: 'text'},
|
||||
{ name: 'tlsjk', type: 'text'},
|
||||
{ name: 'tlsusia', type: 'text'},
|
||||
{ name: 'tlsurgensi', type: 'text'},
|
||||
{ name: 'tlsreques', type: 'text'},
|
||||
{ name: 'tlsruangan', type: 'text'},
|
||||
{ name: 'tlsdaftar', type: 'text'},
|
||||
{ name: 'tlsstatus', type: 'text'},
|
||||
{ name: 'poli', type: 'text'},
|
||||
{ name: 'ruangan', type: 'text'},
|
||||
{ name: 'daftartgl', type: 'text'},
|
||||
{ name: 'daftarjam', type: 'text'},
|
||||
{ name: 'status', type: 'text'},
|
||||
{ name: 'keterangan', type: 'text'},
|
||||
{ name: 'kesimpulan', type: 'text'},
|
||||
{ name: 'idruangan', type: 'text'},
|
||||
{ name: 'iddokter', type: 'text'},
|
||||
{ name: 'ppdssenior', type: 'text'},
|
||||
{ name: 'middleppds', type: 'text'},
|
||||
{ name: 'ppdsjunior', type: 'text'},
|
||||
{ name: 'nmppdssenior', type: 'text'},
|
||||
{ name: 'nmmiddleppds', type: 'text'},
|
||||
{ name: 'nmppdsjunior', type: 'text'},
|
||||
{ name: 'nmppdsmiddle2', type: 'text'},
|
||||
{ name: 'nmppdsjunior2', type: 'text'},
|
||||
{ name: 'diagnosa', type: 'text'},
|
||||
{ name: 'diagnosa2', type: 'text'},
|
||||
{ name: 'kd_spesimen', type: 'text'},
|
||||
{ name: 'nm_spesimen', type: 'text'},
|
||||
{ name: 'asalpasien', type: 'text'},
|
||||
{ name: 'klinis', type: 'text'},
|
||||
{ name: 'klinisi', type: 'text'},
|
||||
{ name: 'berat', type: 'text'},
|
||||
{ name: 'telpon', type: 'text'},
|
||||
{ name: 'dlp', type: 'text'},
|
||||
{ name: 'excutor', type: 'text'},
|
||||
{ name: 'analis', type: 'text'},
|
||||
{ name: 'nmexcutor', type: 'text'},
|
||||
{ name: 'nmanalis', type: 'text'},
|
||||
{ name: 'jumlah', type: 'text'},
|
||||
{ name: 'modality', type: 'text'},
|
||||
{ name: 'dokter', type: 'text'},
|
||||
{ name: 'ppds1', type: 'text'},
|
||||
{ name: 'ppds2', type: 'text'},
|
||||
{ name: 'timestamp1', type: 'text'},
|
||||
{ name: 'timestamp2', type: 'text'},
|
||||
{ name: 'durasi', type: 'text'},
|
||||
{ name: 'ppdsas', type: 'text'},
|
||||
{ name: 'otherppds', type: 'text'},
|
||||
],
|
||||
updaterow : function (rowid, rowdata, commit) {commit(true);},
|
||||
type : 'GET',
|
||||
data : {jenis:'junior', mulai:tanggal, akhir:'', valcari:idppds, poli:'', master:'logbook', _token: "{{ csrf_token() }}"},
|
||||
url : '{{ route("getList") }}',
|
||||
root : 'data',
|
||||
totalrecords: 'total',
|
||||
cache : false,
|
||||
filter : function () {$("#gridjunior").jqxGrid('updatebounddata', 'filter');},
|
||||
sort : function () {$("#gridjunior").jqxGrid('updatebounddata', 'sort');},
|
||||
beforeprocessing: function (data) {
|
||||
if (data != null) {
|
||||
sourcepasiencari1.totalrecords = data.total;
|
||||
}
|
||||
}
|
||||
};
|
||||
var dataAdapter1 = new $.jqx.dataAdapter(sourcepasiencari1);
|
||||
var rendergridrows1 = $('#gridjunior').jqxGrid('rendergridrows');
|
||||
$("#gridjunior").jqxGrid({
|
||||
width : '100%',
|
||||
enablebrowserselection: true,
|
||||
filterable : true,
|
||||
showfilterrow : true,
|
||||
columnsresize : true,
|
||||
virtualmode : true,
|
||||
pageable : true,
|
||||
pagesizeoptions : ['10', '20', '30', '50'],
|
||||
rendergridrows : function(obj) {
|
||||
return obj.data;
|
||||
},
|
||||
sortable : true,
|
||||
autoheight : true,
|
||||
source : dataAdapter1,
|
||||
theme : "energyblue",
|
||||
selectionmode : 'checkbox',
|
||||
altrows : true,
|
||||
columns: [
|
||||
{ text: 'Report', sortable: false, filterable: false, columntype: 'button', align: 'center', width: 70, cellsrenderer: function () {
|
||||
return "Print";
|
||||
}, buttonclick: function (row) {
|
||||
editrowjabatan = row;
|
||||
var offset = $("#gridjunior").offset();
|
||||
var dataRecord = $("#gridjunior").jqxGrid('getrowdata', editrowjabatan);
|
||||
var url = "{{URL::to("/")}}/hasil/"+dataRecord.nofoto;
|
||||
var windowName = dataRecord.nofoto;
|
||||
var windowSize = "width=800,height=800";
|
||||
window.open(url, windowName, windowSize);
|
||||
event.preventDefault();
|
||||
return false;
|
||||
}
|
||||
},
|
||||
{ text: 'No.RM', datafield: 'tlsnoregister', width: 100, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Name', datafield: 'tlsnama', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Urgensi', filtertype: 'checkedlist', datafield: 'tlsurgensi', width: 110, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Comming From', filtertype: 'checkedlist', datafield: 'asalpasien', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Service', datafield: 'tlsreques', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Room', filtertype: 'checkedlist', datafield: 'tlsruangan', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Status', filtertype: 'checkedlist', datafield: 'tlsstatus', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Junior', datafield: 'nmppdsjunior', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Middle', datafield: 'nmmiddleppds', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Senior', datafield: 'nmppdssenior', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Other', datafield: 'otherppds', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Timestamp Register', filterable: false, datafield: 'timestamp1', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Timestamp Verification', filterable: false, datafield: 'timestamp2', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Duration', datafield: 'durasi', width: 100, cellsalign: 'left', align: 'center' },
|
||||
]
|
||||
});
|
||||
var sourcepasiencari2 = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'idpasien', type: 'text'},
|
||||
{ name: 'nofoto', type: 'text'},
|
||||
{ name: 'noregister', type: 'text'},
|
||||
{ name: 'nama', type: 'text'},
|
||||
{ name: 'jk', type: 'text'},
|
||||
{ name: 'usia', type: 'text'},
|
||||
{ name: 'urgensi', type: 'text'},
|
||||
{ name: 'tlsnofoto', type: 'text'},
|
||||
{ name: 'tlsnoregister', type: 'text'},
|
||||
{ name: 'tlsnama', type: 'text'},
|
||||
{ name: 'tlsjk', type: 'text'},
|
||||
{ name: 'tlsusia', type: 'text'},
|
||||
{ name: 'tlsurgensi', type: 'text'},
|
||||
{ name: 'tlsreques', type: 'text'},
|
||||
{ name: 'tlsruangan', type: 'text'},
|
||||
{ name: 'tlsdaftar', type: 'text'},
|
||||
{ name: 'tlsstatus', type: 'text'},
|
||||
{ name: 'poli', type: 'text'},
|
||||
{ name: 'ruangan', type: 'text'},
|
||||
{ name: 'daftartgl', type: 'text'},
|
||||
{ name: 'daftarjam', type: 'text'},
|
||||
{ name: 'status', type: 'text'},
|
||||
{ name: 'keterangan', type: 'text'},
|
||||
{ name: 'kesimpulan', type: 'text'},
|
||||
{ name: 'idruangan', type: 'text'},
|
||||
{ name: 'iddokter', type: 'text'},
|
||||
{ name: 'ppdssenior', type: 'text'},
|
||||
{ name: 'middleppds', type: 'text'},
|
||||
{ name: 'ppdsjunior', type: 'text'},
|
||||
{ name: 'nmppdssenior', type: 'text'},
|
||||
{ name: 'nmmiddleppds', type: 'text'},
|
||||
{ name: 'nmppdsjunior', type: 'text'},
|
||||
{ name: 'nmppdsmiddle2', type: 'text'},
|
||||
{ name: 'nmppdsjunior2', type: 'text'},
|
||||
{ name: 'diagnosa', type: 'text'},
|
||||
{ name: 'diagnosa2', type: 'text'},
|
||||
{ name: 'kd_spesimen', type: 'text'},
|
||||
{ name: 'nm_spesimen', type: 'text'},
|
||||
{ name: 'asalpasien', type: 'text'},
|
||||
{ name: 'klinis', type: 'text'},
|
||||
{ name: 'klinisi', type: 'text'},
|
||||
{ name: 'berat', type: 'text'},
|
||||
{ name: 'telpon', type: 'text'},
|
||||
{ name: 'dlp', type: 'text'},
|
||||
{ name: 'excutor', type: 'text'},
|
||||
{ name: 'analis', type: 'text'},
|
||||
{ name: 'nmexcutor', type: 'text'},
|
||||
{ name: 'nmanalis', type: 'text'},
|
||||
{ name: 'jumlah', type: 'text'},
|
||||
{ name: 'modality', type: 'text'},
|
||||
{ name: 'dokter', type: 'text'},
|
||||
{ name: 'ppds1', type: 'text'},
|
||||
{ name: 'ppds2', type: 'text'},
|
||||
{ name: 'timestamp1', type: 'text'},
|
||||
{ name: 'timestamp2', type: 'text'},
|
||||
{ name: 'durasi', type: 'text'},
|
||||
{ name: 'ppdsas', type: 'text'},
|
||||
{ name: 'otherppds', type: 'text'},
|
||||
],
|
||||
updaterow : function (rowid, rowdata, commit) {commit(true);},
|
||||
type : 'GET',
|
||||
data : {jenis:'middle', mulai:tanggal, akhir:'', valcari:idppds, poli:'', master:'logbook', _token: "{{ csrf_token() }}"},
|
||||
url : '{{ route("getList") }}',
|
||||
root : 'data',
|
||||
totalrecords: 'total',
|
||||
cache : false,
|
||||
filter : function () {$("#gridmiddle").jqxGrid('updatebounddata', 'filter');},
|
||||
sort : function () {$("#gridmiddle").jqxGrid('updatebounddata', 'sort');},
|
||||
beforeprocessing: function (data) {
|
||||
if (data != null) {
|
||||
sourcepasiencari2.totalrecords = data.total;
|
||||
}
|
||||
}
|
||||
};
|
||||
var dataAdapter2 = new $.jqx.dataAdapter(sourcepasiencari2);
|
||||
var rendergridrows2 = $('#gridjunior').jqxGrid('rendergridrows');
|
||||
$("#gridmiddle").jqxGrid({
|
||||
width : '100%',
|
||||
enablebrowserselection: true,
|
||||
filterable : true,
|
||||
showfilterrow : true,
|
||||
columnsresize : true,
|
||||
virtualmode : true,
|
||||
pageable : true,
|
||||
pagesizeoptions : ['10', '20', '30', '50'],
|
||||
rendergridrows : function(obj) {
|
||||
return obj.data;
|
||||
},
|
||||
sortable : true,
|
||||
autoheight : true,
|
||||
source : dataAdapter2,
|
||||
theme : "energyblue",
|
||||
selectionmode : 'checkbox',
|
||||
altrows : true,
|
||||
columns: [
|
||||
{ text: 'Report', sortable: false, filterable: false, columntype: 'button', align: 'center', width: 70, cellsrenderer: function () {
|
||||
return "Print";
|
||||
}, buttonclick: function (row) {
|
||||
editrowjabatan = row;
|
||||
var offset = $("#gridmiddle").offset();
|
||||
var dataRecord = $("#gridmiddle").jqxGrid('getrowdata', editrowjabatan);
|
||||
var url = "{{URL::to("/")}}/hasil/"+dataRecord.nofoto;
|
||||
var windowName = dataRecord.nofoto;
|
||||
var windowSize = "width=800,height=800";
|
||||
window.open(url, windowName, windowSize);
|
||||
event.preventDefault();
|
||||
return false;
|
||||
}
|
||||
},
|
||||
{ text: 'No.RM', datafield: 'tlsnoregister', width: 100, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Name', datafield: 'tlsnama', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Urgensi', filtertype: 'checkedlist', datafield: 'tlsurgensi', width: 110, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Comming From', filtertype: 'checkedlist', datafield: 'asalpasien', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Service', datafield: 'tlsreques', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Room', filtertype: 'checkedlist', datafield: 'tlsruangan', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Status', filtertype: 'checkedlist', datafield: 'tlsstatus', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Junior', datafield: 'nmppdsjunior', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Middle', datafield: 'nmmiddleppds', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Senior', datafield: 'nmppdssenior', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Other', datafield: 'otherppds', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Timestamp Register', filterable: false, datafield: 'timestamp1', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Timestamp Verification', filterable: false, datafield: 'timestamp2', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Duration', datafield: 'durasi', width: 100, cellsalign: 'left', align: 'center' },
|
||||
]
|
||||
});
|
||||
var sourcepasiencari3 = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'idpasien', type: 'text'},
|
||||
{ name: 'nofoto', type: 'text'},
|
||||
{ name: 'noregister', type: 'text'},
|
||||
{ name: 'nama', type: 'text'},
|
||||
{ name: 'jk', type: 'text'},
|
||||
{ name: 'usia', type: 'text'},
|
||||
{ name: 'urgensi', type: 'text'},
|
||||
{ name: 'tlsnofoto', type: 'text'},
|
||||
{ name: 'tlsnoregister', type: 'text'},
|
||||
{ name: 'tlsnama', type: 'text'},
|
||||
{ name: 'tlsjk', type: 'text'},
|
||||
{ name: 'tlsusia', type: 'text'},
|
||||
{ name: 'tlsurgensi', type: 'text'},
|
||||
{ name: 'tlsreques', type: 'text'},
|
||||
{ name: 'tlsruangan', type: 'text'},
|
||||
{ name: 'tlsdaftar', type: 'text'},
|
||||
{ name: 'tlsstatus', type: 'text'},
|
||||
{ name: 'poli', type: 'text'},
|
||||
{ name: 'ruangan', type: 'text'},
|
||||
{ name: 'daftartgl', type: 'text'},
|
||||
{ name: 'daftarjam', type: 'text'},
|
||||
{ name: 'status', type: 'text'},
|
||||
{ name: 'keterangan', type: 'text'},
|
||||
{ name: 'kesimpulan', type: 'text'},
|
||||
{ name: 'idruangan', type: 'text'},
|
||||
{ name: 'iddokter', type: 'text'},
|
||||
{ name: 'ppdssenior', type: 'text'},
|
||||
{ name: 'middleppds', type: 'text'},
|
||||
{ name: 'ppdsjunior', type: 'text'},
|
||||
{ name: 'nmppdssenior', type: 'text'},
|
||||
{ name: 'nmmiddleppds', type: 'text'},
|
||||
{ name: 'nmppdsjunior', type: 'text'},
|
||||
{ name: 'nmppdsmiddle2', type: 'text'},
|
||||
{ name: 'nmppdsjunior2', type: 'text'},
|
||||
{ name: 'diagnosa', type: 'text'},
|
||||
{ name: 'diagnosa2', type: 'text'},
|
||||
{ name: 'kd_spesimen', type: 'text'},
|
||||
{ name: 'nm_spesimen', type: 'text'},
|
||||
{ name: 'asalpasien', type: 'text'},
|
||||
{ name: 'klinis', type: 'text'},
|
||||
{ name: 'klinisi', type: 'text'},
|
||||
{ name: 'berat', type: 'text'},
|
||||
{ name: 'telpon', type: 'text'},
|
||||
{ name: 'dlp', type: 'text'},
|
||||
{ name: 'excutor', type: 'text'},
|
||||
{ name: 'analis', type: 'text'},
|
||||
{ name: 'nmexcutor', type: 'text'},
|
||||
{ name: 'nmanalis', type: 'text'},
|
||||
{ name: 'jumlah', type: 'text'},
|
||||
{ name: 'modality', type: 'text'},
|
||||
{ name: 'dokter', type: 'text'},
|
||||
{ name: 'ppds1', type: 'text'},
|
||||
{ name: 'ppds2', type: 'text'},
|
||||
{ name: 'timestamp1', type: 'text'},
|
||||
{ name: 'timestamp2', type: 'text'},
|
||||
{ name: 'durasi', type: 'text'},
|
||||
{ name: 'ppdsas', type: 'text'},
|
||||
{ name: 'otherppds', type: 'text'},
|
||||
],
|
||||
updaterow : function (rowid, rowdata, commit) {commit(true);},
|
||||
type : 'GET',
|
||||
data : {jenis:'senior', mulai:tanggal, akhir:'', valcari:idppds, poli:'', master:'logbook', _token: "{{ csrf_token() }}"},
|
||||
url : '{{ route("getList") }}',
|
||||
root : 'data',
|
||||
totalrecords: 'total',
|
||||
cache : false,
|
||||
filter : function () {$("#gridsenior").jqxGrid('updatebounddata', 'filter');},
|
||||
sort : function () {$("#gridsenior").jqxGrid('updatebounddata', 'sort');},
|
||||
beforeprocessing: function (data) {
|
||||
if (data != null) {
|
||||
sourcepasiencari3.totalrecords = data.total;
|
||||
}
|
||||
}
|
||||
};
|
||||
var dataAdapter3 = new $.jqx.dataAdapter(sourcepasiencari3);
|
||||
var rendergridrows3 = $('#gridjunior').jqxGrid('rendergridrows');
|
||||
$("#gridsenior").jqxGrid({
|
||||
width : '100%',
|
||||
enablebrowserselection: true,
|
||||
filterable : true,
|
||||
showfilterrow : true,
|
||||
columnsresize : true,
|
||||
virtualmode : true,
|
||||
pageable : true,
|
||||
pagesizeoptions : ['10', '20', '30', '50'],
|
||||
rendergridrows : function(obj) {
|
||||
return obj.data;
|
||||
},
|
||||
sortable : true,
|
||||
autoheight : true,
|
||||
source : dataAdapter3,
|
||||
theme : "energyblue",
|
||||
selectionmode : 'checkbox',
|
||||
altrows : true,
|
||||
columns: [
|
||||
{ text: 'Report', sortable: false, filterable: false, columntype: 'button', align: 'center', width: 70, cellsrenderer: function () {
|
||||
return "Print";
|
||||
}, buttonclick: function (row) {
|
||||
editrowjabatan = row;
|
||||
var offset = $("#gridsenior").offset();
|
||||
var dataRecord = $("#gridsenior").jqxGrid('getrowdata', editrowjabatan);
|
||||
var url = "{{URL::to("/")}}/hasil/"+dataRecord.nofoto;
|
||||
var windowName = dataRecord.nofoto;
|
||||
var windowSize = "width=800,height=800";
|
||||
window.open(url, windowName, windowSize);
|
||||
event.preventDefault();
|
||||
return false;
|
||||
}
|
||||
},
|
||||
{ text: 'No.RM', datafield: 'tlsnoregister', width: 100, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Name', datafield: 'tlsnama', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Urgensi', filtertype: 'checkedlist', datafield: 'tlsurgensi', width: 110, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Comming From', filtertype: 'checkedlist', datafield: 'asalpasien', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Service', datafield: 'tlsreques', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Room', filtertype: 'checkedlist', datafield: 'tlsruangan', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Status', filtertype: 'checkedlist', datafield: 'tlsstatus', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Junior', datafield: 'nmppdsjunior', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Middle', datafield: 'nmmiddleppds', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Senior', datafield: 'nmppdssenior', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Other', datafield: 'otherppds', width: 180, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Timestamp Register', filterable: false, datafield: 'timestamp1', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Timestamp Verification', filterable: false, datafield: 'timestamp2', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Duration', datafield: 'durasi', width: 100, cellsalign: 'left', align: 'center' },
|
||||
]
|
||||
});
|
||||
var sourcestatistik1 = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'sebagai', type: 'text'},
|
||||
{ name: 'total', type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: {val01:idppds, val02:'vindicate', val03:tanggal, _token: "{{ csrf_token() }}"},
|
||||
url: '{{ route("jsonViewlogbook") }}'
|
||||
};
|
||||
var DAstatistik1 = new $.jqx.dataAdapter(sourcestatistik1);
|
||||
var settings1 = {
|
||||
title: "Grafik PPDS",
|
||||
description: 'Per VINDICATE',
|
||||
enableAnimations: true,
|
||||
padding: { left: 5, top: 5, right: 5, bottom: 5 },
|
||||
titlePadding: { left: 50, top: 0, right: 0, bottom: 10 },
|
||||
source: DAstatistik1,
|
||||
xAxis:
|
||||
{
|
||||
dataField: 'sebagai',
|
||||
displayText: 'Position',
|
||||
showGridLines: true,
|
||||
labels:
|
||||
{
|
||||
angle: 90,
|
||||
horizontalAlignment: 'right',
|
||||
verticalAlignment: 'left',
|
||||
rotationPoint: 'left',
|
||||
offset: { x: 0, y: 5 }
|
||||
}
|
||||
},
|
||||
colorScheme: 'scheme01',
|
||||
seriesGroups:
|
||||
[
|
||||
{
|
||||
type: 'column',
|
||||
columnsGapPercent: 50,
|
||||
seriesGapPercent: 0,
|
||||
valueAxis:
|
||||
{
|
||||
displayValueAxis: true,
|
||||
description: 'Kasus Yang di Kerjakan',
|
||||
axisSize: 'auto',
|
||||
tickMarksColor: '#888888'
|
||||
},
|
||||
series: [
|
||||
{ dataField: 'total', displayText: ' Kasus'}
|
||||
]
|
||||
},
|
||||
|
||||
]
|
||||
};
|
||||
$('#grafikvindicate').jqxChart(settings1);
|
||||
var sourcestatistik2 = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'sebagai', type: 'text'},
|
||||
{ name: 'total', type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: {val01:idppds, val02:'stase', val03:tanggal, _token: "{{ csrf_token() }}"},
|
||||
url: '{{ route("jsonViewlogbook") }}'
|
||||
};
|
||||
var DAstatistik2 = new $.jqx.dataAdapter(sourcestatistik2);
|
||||
var settings2 = {
|
||||
title: "Grafik PPDS",
|
||||
description: 'Per Stase Organ',
|
||||
enableAnimations: true,
|
||||
padding: { left: 5, top: 5, right: 5, bottom: 5 },
|
||||
titlePadding: { left: 50, top: 0, right: 0, bottom: 10 },
|
||||
source: DAstatistik2,
|
||||
xAxis:
|
||||
{
|
||||
dataField: 'sebagai',
|
||||
displayText: 'Position',
|
||||
showGridLines: true,
|
||||
labels:
|
||||
{
|
||||
angle: 90,
|
||||
horizontalAlignment: 'right',
|
||||
verticalAlignment: 'left',
|
||||
rotationPoint: 'left',
|
||||
offset: { x: 0, y: 5 }
|
||||
}
|
||||
},
|
||||
colorScheme: 'scheme01',
|
||||
seriesGroups:
|
||||
[
|
||||
{
|
||||
type: 'column',
|
||||
columnsGapPercent: 50,
|
||||
seriesGapPercent: 0,
|
||||
valueAxis:
|
||||
{
|
||||
displayValueAxis: true,
|
||||
description: 'Kasus Yang di Kerjakan',
|
||||
axisSize: 'auto',
|
||||
tickMarksColor: '#888888'
|
||||
},
|
||||
series: [
|
||||
{ dataField: 'total', displayText: ' Kasus'}
|
||||
]
|
||||
},
|
||||
|
||||
]
|
||||
};
|
||||
$('#grafiksistemorgan').jqxChart(settings2);
|
||||
});
|
||||
$("#spv").on('change', function () {
|
||||
var nama = $(this).find('option:selected').attr('id1');
|
||||
var ttd = $(this).find('option:selected').attr('id2');
|
||||
$("#getnama").val(nama);
|
||||
$("#gettandatangan").val(ttd);
|
||||
$('#divreportspv').hide();
|
||||
});
|
||||
$('#btnviewcustom').click(function () {
|
||||
var set01=document.getElementById('spv').value;
|
||||
var set02=document.getElementById('mulai').value;
|
||||
var set03=document.getElementById('akhir').value;
|
||||
var set04=document.getElementById('getnama').value;
|
||||
var set05=document.getElementById('gettandatangan').value;
|
||||
var tgl01=set02+' to '+set03;
|
||||
$("#getsubmenu").val(tgl01);
|
||||
$("#judul").html(set04);
|
||||
var source = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id',type: 'text'},
|
||||
{ name: 'nofoto',type: 'text'},
|
||||
{ name: 'telpon',type: 'text'},
|
||||
{ name: 'noregister',type: 'text'},
|
||||
{ name: 'noloket',type: 'text'},
|
||||
{ name: 'nama',type: 'text'},
|
||||
{ name: 'reques',type: 'text'},
|
||||
{ name: 'usia',type: 'text'},
|
||||
{ name: 'ruangan',type: 'text'},
|
||||
{ name: 'kesimpulan', type: 'text'},
|
||||
{ name: 'poli', type: 'text'},
|
||||
{ name: 'jkn', type: 'text'},
|
||||
{ name: 'umm', type: 'text'},
|
||||
{ name: 'swasta', type: 'text'},
|
||||
{ name: 'billing', type: 'text'},
|
||||
{ name: 'ele', type: 'text'},
|
||||
{ name: 'cito', type: 'text'},
|
||||
{ name: 'daftar', type: 'text'},
|
||||
{ name: 'foto',type: 'text'},
|
||||
{ name: 'baca',type: 'text'},
|
||||
{ name: 'cetak',type: 'text'},
|
||||
{ name: 'tanggal',type: 'text'},
|
||||
{ name: 'dokter',type: 'text'},
|
||||
{ name: 'ppds1',type: 'text'},
|
||||
{ name: 'ppds2',type: 'text'},
|
||||
{ name: 'ppds3',type: 'text'},
|
||||
{ name: 'diagnosa',type: 'text'},
|
||||
{ name: 'modality',type: 'text'},
|
||||
{ name: 'kd_spesimen',type: 'text'},
|
||||
{ name: 'nm_spesimen',type: 'text'},
|
||||
{ name: 'asalpasien',type: 'text'},
|
||||
{ name: 'status',type: 'text'},
|
||||
{ name: 'nmrs',type: 'text'},
|
||||
{ name: 'berat',type: 'text'},
|
||||
{ name: 'klinisi',type: 'text'},
|
||||
{ name: 'klinis',type: 'text'},
|
||||
{ name: 'analis',type: 'text'},
|
||||
{ name: 'durasi',type: 'text'},
|
||||
{ name: 'dokter',type: 'text'},
|
||||
{ name: 'timestamp1',type: 'text'},
|
||||
{ name: 'timestamp2',type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: {val01:set01, val02:set02, val03:set03, val04:set04, _token: "{{ csrf_token() }}" },
|
||||
url: "logbook/jpencarianspv"
|
||||
};
|
||||
var dataAdapter = new $.jqx.dataAdapter(source);
|
||||
var editrow = -1;
|
||||
$('#divreportspv').show();
|
||||
$('#divreportppds').hide();
|
||||
$("#gridpencarian").jqxGrid({
|
||||
width: '100%',
|
||||
enablebrowserselection: true,
|
||||
filterable: true,
|
||||
showfilterrow: true,
|
||||
source: dataAdapter,
|
||||
pageable: false,
|
||||
theme: "orange",
|
||||
columnsresize: true,
|
||||
selectionmode: 'multiplecellsextended',
|
||||
columns: [
|
||||
{ text: 'View', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '7%', cellsrenderer: function () {
|
||||
return "View";
|
||||
}, buttonclick: function (row) {
|
||||
editrowjabatan = row;
|
||||
var offset = $("#gridlist").offset();
|
||||
var dataRecord = $("#gridlist").jqxGrid('getrowdata', editrowjabatan);
|
||||
var url = "{{URL::to("/")}}/hasil/"+dataRecord.nofoto;
|
||||
var windowName = dataRecord.nofoto;
|
||||
var windowSize = "width=800,height=800";
|
||||
window.open(url, windowName, windowSize);
|
||||
event.preventDefault();
|
||||
return false;
|
||||
}
|
||||
},
|
||||
{ text: 'NO', datafield: 'id', width: '5%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Acc.No', datafield: 'nofoto', width: '8%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'No.RM', datafield: 'noregister', width: '9%', align: 'center', cellsalign: 'left'},
|
||||
{ text: 'Nama', datafield: 'nama', width: '11%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Order', datafield: 'reques', width: '11%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Senior PPDS', datafield: 'ppds1', width: '9%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Middle PPDS', datafield: 'ppds2', width: '9%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Junior PPDS', datafield: 'ppds3', width: '9%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Timestamp Register', filterable: false, datafield: 'timestamp1', width: '8%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Timestamp Verification', filterable: false, datafield: 'timestamp2', width: '8%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Duration', datafield: 'durasi', width: '6%', cellsalign: 'left', align: 'center' },
|
||||
]
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@@ -0,0 +1,302 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Patient List</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-4">
|
||||
<button type="button" class="btn btn-custom waves-light waves-effect" data-toggle="modal" data-target="#addModal">Add New Patient Data</button>
|
||||
</div>
|
||||
<div class="form-group col-lg-4">
|
||||
<input type="text" id="getnorm" name="getnorm" class="form-control">
|
||||
</div>
|
||||
<div class="form-group col-lg-4">
|
||||
<button type="button" class="btn btn-success pull-left" id="btnimport">Import Data Pasien By No.RM</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="gridk1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="addModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Form Add New Patient</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" action="{{ url('pasien/store') }}" method="POST">
|
||||
{{ csrf_field() }}
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-4">
|
||||
<label>No.RM</label>
|
||||
<input class="form-control" type="text" name="norm">
|
||||
</div>
|
||||
<div class="col-8">
|
||||
<label>Name</label>
|
||||
<input class="form-control" type="text" name="nama" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Gender</label>
|
||||
<div class="radio">
|
||||
<input type="radio" name="jk" id="radio1" value="L">
|
||||
<label for="radio1">Laki-laki</label> 
|
||||
<input type="radio" name="jk" id="radio2" value="P">
|
||||
<label for="radio2">Perempuan</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Birth Date</label>
|
||||
<div class="input-group">
|
||||
<input type="text" name="tgl_lahir" class="form-control" placeholder="yyyy-mm-dd" id="tgl_lahir">
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>City</label>
|
||||
<input class="form-control" type="text" name="kota" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Origin Address</label>
|
||||
<textarea class="form-control" name="alamat" rows="5"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Phone</label>
|
||||
<input class="form-control" type="text" id="telpon" name="telpon" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="submit">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Update Patient Data</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" action="{{ url('pasien/update') }}" method="POST">
|
||||
{{ csrf_field() }}
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-lg-4">
|
||||
<label>No.RM</label>
|
||||
<input class="form-control" type="text" id="id_norm" name="norm">
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<label>Name</label>
|
||||
<input class="form-control" type="text" id="id_nama" name="nama" required="" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-lg-12">
|
||||
<label>Gender</label>
|
||||
<div class="radio">
|
||||
<input type="radio" name="jk" id="radio3" value="L">
|
||||
<label for="radio3">Laki-laki</label> 
|
||||
<input type="radio" name="jk" id="radio4" value="P">
|
||||
<label for="radio4">Perempuan</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-lg-12">
|
||||
<label>Birth Date</label>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" name="tgl_lahir" placeholder="yyyy-mm-dd" id="id_tgl">
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-lg-12">
|
||||
<label>City</label>
|
||||
<input class="form-control" type="text" id="id_kota" name="kota" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-lg-12">
|
||||
<label>Origin Address</label>
|
||||
<textarea class="form-control" id="id_alamat" name="alamat" rows="5"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-lg-12">
|
||||
<label>Phone</label>
|
||||
<input class="form-control" type="text" id="id_telpon" name="telpon" required="">
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="id_pasien" id="id_pasien">
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-lg-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="submit">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$("#tgl_lahir").datepicker({format: 'yyyy-mm-dd'});
|
||||
$("#id_tgl").datepicker({format: 'yyyy-mm-dd'});
|
||||
$("#btnimport").click(function(){
|
||||
var val01 = document.getElementById('getnorm').value;
|
||||
$.post('{{ route("getnamebyrm") }}', { id: val01, _token: "{{ csrf_token() }}" },
|
||||
function(data){
|
||||
$("#id_pasien").val(data.id);
|
||||
$("#id_tgl").val(data.tgl);
|
||||
$("#id_kota").val(data.kota);
|
||||
$("#id_alamat").val(data.alamt);
|
||||
$("#id_telpon").val(data.telpon);
|
||||
$("#id_nama").val(data.nama);
|
||||
$("#id_norm").val(data.norm);
|
||||
var jk = data.jk;
|
||||
if (jk == 'L') {
|
||||
document.getElementById("radio3").checked = true;
|
||||
} else {
|
||||
document.getElementById("radio4").checked = true;
|
||||
}
|
||||
$("#updateModal").modal('show');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
var source = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'nama', type: 'text'},
|
||||
{ name: 'norm', type: 'text'},
|
||||
{ name: 'alamat', type: 'text'},
|
||||
{ name: 'kota', type: 'text'},
|
||||
{ name: 'jk', type: 'text'},
|
||||
{ name: 'tgl_lahir', type: 'text'},
|
||||
{ name: 'telpon', type: 'text'},
|
||||
{ name: 'keterangan', type: 'text'},
|
||||
],
|
||||
type : 'GET',
|
||||
url : '{{ route("getPatienalllist") }}',
|
||||
};
|
||||
var dataAdapter = new $.jqx.dataAdapter(source);
|
||||
$("#gridk1").jqxGrid({
|
||||
width : '100%',
|
||||
filterable : true,
|
||||
pageable : true,
|
||||
autoheight : true,
|
||||
showfilterrow : true,
|
||||
source : dataAdapter,
|
||||
columnsresize : true,
|
||||
pagesizeoptions : ['10', '20', '30', '50', '100'],
|
||||
columns: [
|
||||
{ text: 'Edit', editable: false, sortable: false, filterable: false, columntype: 'button', width: '5%', cellsrenderer: function () {
|
||||
return "Edit";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridk1").offset();
|
||||
var dataRecord = $("#gridk1").jqxGrid('getrowdata', editrow);
|
||||
var id = dataRecord.id;
|
||||
var norm = dataRecord.norm;
|
||||
var nama = dataRecord.nama;
|
||||
var jk = dataRecord.jk;
|
||||
var tgl = dataRecord.tgl_lahir;
|
||||
var kota = dataRecord.kota;
|
||||
var alamt = dataRecord.alamat;
|
||||
var telpon = dataRecord.telpon;
|
||||
$("#id_pasien").val(id);
|
||||
$("#id_tgl").val(tgl);
|
||||
$("#id_kota").val(kota);
|
||||
$("#id_alamat").val(alamt);
|
||||
$("#id_telpon").val(telpon);
|
||||
$("#id_nama").val(nama);
|
||||
$("#id_norm").val(norm);
|
||||
if (jk == 'L') {
|
||||
document.getElementById("radio3").checked = true;
|
||||
} else {
|
||||
document.getElementById("radio4").checked = true;
|
||||
}
|
||||
$("#updateModal").modal('show');
|
||||
}
|
||||
},
|
||||
{ text: 'Nama', datafield: 'nama', width: '20%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'No.RM', datafield: 'norm', width: '15%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Alamat', datafield: 'alamat', width: '10%', align: 'center', cellsalign: 'left'},
|
||||
{ text: 'Kota', filtertype: 'checkedlist', datafield: 'kota', width: '15%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Telpon', datafield: 'telpon', width: '15%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Keterangan', datafield: 'keterangan', width: '15%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Delete', editable: false, sortable: false, filterable: false, columntype: 'button', width: '5%', cellsrenderer: function () {
|
||||
return "Delete";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridk1").offset();
|
||||
var dataRecord = $("#gridk1").jqxGrid('getrowdata', editrow);
|
||||
swal({
|
||||
title: 'Are you sure?',
|
||||
text: "Do you realy want to delete this data!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonClass: 'btn btn-confirm mt-2',
|
||||
cancelButtonClass: 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText: 'Yes, confirm it!'
|
||||
}).then(function () {
|
||||
var set01 = dataRecord.id;
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("deletePasien") }}', { pasien_id: set01, _token: token },
|
||||
function(data){
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
var warna = data.warna;
|
||||
var icon = data.icon;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: warna,
|
||||
icon: icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$("#gridk1").jqxGrid('updatebounddata', 'filter');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,887 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-7">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Request List</div>
|
||||
<p class="m-b-0"></p>
|
||||
<button type="button" class="btn btn-custom waves-light waves-effect" data-toggle="modal" data-target="#addModalPoli">Add New</button>
|
||||
<br><br>
|
||||
<div id="gridpoli"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger">Rooms List</div>
|
||||
<p class="m-b-0"></p>
|
||||
<button type="button" class="btn btn-custom waves-light waves-effect" data-toggle="modal" data-target="#addModalRuangan">Add New</button>
|
||||
<br><br>
|
||||
<div id="gridruangan"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger">Specimen List</div>
|
||||
<p class="m-b-0"></p>
|
||||
<button type="button" class="btn btn-custom waves-light waves-effect" id="btnaddModalSpecimen">Add New</button>
|
||||
<br><br>
|
||||
<div id="gridbakteri"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
</div> <!-- end container -->
|
||||
</div>
|
||||
<!-- Add Modal Poli -->
|
||||
<div id="addModalPoli" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Add New Services</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Category</label>
|
||||
<input class="form-control" type="text" name="add_poli" id="add_poli" value="Mikrobiologi">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Request Name</label>
|
||||
<input class="form-control" type="text" name="add_subpoli" id="add_subpoli" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Code Name</label>
|
||||
<input class="form-control" type="text" id="add_subsubpoli" name="add_subsubpoli">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" id="btnAddPoli" type="button">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- Update Modal Poli -->
|
||||
<div id="updateModalPoli" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Update Services Name</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Category</label>
|
||||
<input class="form-control" type="text" name="poli" id="poli" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Request Name</label>
|
||||
<input class="form-control" type="text" id="subpoli" name="subpoli" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Code Name</label>
|
||||
<input class="form-control" type="text" id="subsubpoli" name="subsubpoli">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" id="id_poli" name="id_poli">
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" id="btnUpdatePoli" type="button">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- Add Modal Ruangan -->
|
||||
<div id="addModalRuangan" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Form Add New Rooms</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<div class="col-12">
|
||||
<label>Clinic</label>
|
||||
<input class="form-control" type="text" name="poli" id="add_idruangan" required="">
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Rooms Name</label>
|
||||
<input class="form-control" type="text" id="add_ruangan" name="ruangan" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" id="btnAddRuangan" type="button">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<!-- Update Modal Ruangan -->
|
||||
<div id="updateModalRuangan" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Update Rooms</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<div class="col-12">
|
||||
<label>Clinic</label>
|
||||
<input class="form-control" type="text" name="poli" id="poli_ruangan" required="">
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Rooms Name</label>
|
||||
<input class="form-control" type="text" id="ruangan" name="ruangan" required="">
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" id="id_ruangan" name="id_ruangan">
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" id="btnUpdateRuangan" type="button">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<div id="ModalMikroandBakteri" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Editor Data</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Name</label>
|
||||
<input type="text" class="form-control" id="mb_name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Category Name</label>
|
||||
<input type="text" class="form-control" id="mb_kategori">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<input type="hidden" class="form-control" id="mb_id">
|
||||
<input type="hidden" class="form-control" id="mb_kelompok">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" id="btnAddMB" type="button">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
<div style="overflow: hidden; display: none;">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Mapping</label>
|
||||
<select class="form-control" id="add_modaliti" name="add_modaliti">
|
||||
<option value="OT">OT - Other</option>
|
||||
<option value="CR">CR - Computed Radiography</option>
|
||||
<option value="CT">CT - Computed Tomography</option>
|
||||
<option value="DX">DX - Digital Radiography</option>
|
||||
<option value="MG">MG - Mammography</option>
|
||||
<option value="MR">MR - Magnetic Resonance</option>
|
||||
<option value="PX">PX - Panoramic X-Ray</option>
|
||||
<option value="AR">AR - Autorefraction</option>
|
||||
<option value="RF">RF - Radio Fluoroscopy</option>
|
||||
<option value="RG">RG - Radiographic imaging (conventional film/screen)</option>
|
||||
<option value="TG">TG - Thermography</option>
|
||||
<option value="US">US - Ultrasound</option>
|
||||
<option value="VA">VA - Visual Acuity</option>
|
||||
<option value="XA">XA - X-Ray Angiography</option>
|
||||
<option value="XC">XC - External-camera Photography</option>
|
||||
<option value="ASMT">ASMT - Content Assessment Results</option>
|
||||
<option value="AU">AU - Audio</option>
|
||||
<option value="BDUS">BDUS - Bone Densitometry (ultrasound)</option>
|
||||
<option value="BI">BI - Biomagnetic imaging</option>
|
||||
<option value="BMD">BMD - Bone Densitometry (X-Ray)</option>
|
||||
<option value="DG">DG - Diaphanography</option>
|
||||
<option value="DOC">DOC - Document</option>
|
||||
<option value="ECG">ECG - Electrocardiography</option>
|
||||
<option value="EPS">EPS - Cardiac Electrophysiology</option>
|
||||
<option value="ES">ES - Endoscopy</option>
|
||||
<option value="FID">FID - Fiducials</option>
|
||||
<option value="GM">GM - General Microscopy</option>
|
||||
<option value="HC">HC - Hard Copy</option>
|
||||
<option value="HD">HD - Hemodynamic Waveform</option>
|
||||
<option value="IO">IO - Intra-Oral Radiography</option>
|
||||
<option value="IOL">IOL - Intraocular Lens Data</option>
|
||||
<option value="IVOCT">IVOCT - Intravascular Optical Coherence Tomography</option>
|
||||
<option value="IVUS">IVUS - Intravascular Ultrasound</option>
|
||||
<option value="KER">KER - Keratometry</option>
|
||||
<option value="KO">KO - Key Object Selection</option>
|
||||
<option value="LEN">LEN - Lensometry</option>
|
||||
<option value="LS">LS - Laser surface scan</option>
|
||||
<option value="NM">NR - Nuclear Medicine</option>
|
||||
<option value="OAM">OAM - Ophthalmic Axial Measurements</option>
|
||||
<option value="OCT">OCT - Optical Coherence Tomography (non-Ophthalmic)</option>
|
||||
<option value="OP">OP - Ophthalmic Photography</option>
|
||||
<option value="OPM">OPM - Ophthalmic Mapping</option>
|
||||
<option value="OPT">OPT - Ophthalmic Tomography</option>
|
||||
<option value="OPV">OPV - Ophthalmic Visual Field</option>
|
||||
<option value="OSS">OSS - Optical Surface Scan</option>
|
||||
<option value="PLAN">PLAN - Plan</option>
|
||||
<option value="PR">PR - Presentation State</option>
|
||||
<option value="PT">PT - Positron emission tomography (PET)</option>
|
||||
<option value="REG">REG - Registration</option>
|
||||
<option value="RESP">RESP - Respiratory Waveform</option>
|
||||
<option value="RTDOSE">RTDOSE - Radiotherapy Dose</option>
|
||||
<option value="RTIMAGE">RTIMAGE - Radiotherapy Image</option>
|
||||
<option value="RTPLAN">RTPLAN - Radiotherapy Plan</option>
|
||||
<option value="RTRECORD">RTRECORD - RT Treatment Record</option>
|
||||
<option value="RTSTRUCT">RTSTRUCT - Radiotherapy Structure Set</option>
|
||||
<option value="RWV">RWV - Real World Value Map</option>
|
||||
<option value="SEG">SEG - Segmentation</option>
|
||||
<option value="SM">SM - Slide Microscopy</option>
|
||||
<option value="SMR">SMR - Stereometric Relationship</option>
|
||||
<option value="SR">SR - SR Document</option>
|
||||
<option value="SRF">SRF - Subjective Refraction</option>
|
||||
<option value="STAIN">STAIN - Automated Slide Stainer</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Secondary Mapping</label>
|
||||
<select class="form-control" id="add_modaliti2" name="add_modaliti2">
|
||||
<option value="OT">OT - Other</option>
|
||||
<option value="CR">CR - Computed Radiography</option>
|
||||
<option value="CT">CT - Computed Tomography</option>
|
||||
<option value="DX">DX - Digital Radiography</option>
|
||||
<option value="MG">MG - Mammography</option>
|
||||
<option value="MR">MR - Magnetic Resonance</option>
|
||||
<option value="PX">PX - Panoramic X-Ray</option>
|
||||
<option value="AR">AR - Autorefraction</option>
|
||||
<option value="RF">RF - Radio Fluoroscopy</option>
|
||||
<option value="RG">RG - Radiographic imaging (conventional film/screen)</option>
|
||||
<option value="TG">TG - Thermography</option>
|
||||
<option value="US">US - Ultrasound</option>
|
||||
<option value="VA">VA - Visual Acuity</option>
|
||||
<option value="XA">XA - X-Ray Angiography</option>
|
||||
<option value="XC">XC - External-camera Photography</option>
|
||||
<option value="ASMT">ASMT - Content Assessment Results</option>
|
||||
<option value="AU">AU - Audio</option>
|
||||
<option value="BDUS">BDUS - Bone Densitometry (ultrasound)</option>
|
||||
<option value="BI">BI - Biomagnetic imaging</option>
|
||||
<option value="BMD">BMD - Bone Densitometry (X-Ray)</option>
|
||||
<option value="DG">DG - Diaphanography</option>
|
||||
<option value="DOC">DOC - Document</option>
|
||||
<option value="ECG">ECG - Electrocardiography</option>
|
||||
<option value="EPS">EPS - Cardiac Electrophysiology</option>
|
||||
<option value="ES">ES - Endoscopy</option>
|
||||
<option value="FID">FID - Fiducials</option>
|
||||
<option value="GM">GM - General Microscopy</option>
|
||||
<option value="HC">HC - Hard Copy</option>
|
||||
<option value="HD">HD - Hemodynamic Waveform</option>
|
||||
<option value="IO">IO - Intra-Oral Radiography</option>
|
||||
<option value="IOL">IOL - Intraocular Lens Data</option>
|
||||
<option value="IVOCT">IVOCT - Intravascular Optical Coherence Tomography</option>
|
||||
<option value="IVUS">IVUS - Intravascular Ultrasound</option>
|
||||
<option value="KER">KER - Keratometry</option>
|
||||
<option value="KO">KO - Key Object Selection</option>
|
||||
<option value="LEN">LEN - Lensometry</option>
|
||||
<option value="LS">LS - Laser surface scan</option>
|
||||
<option value="NM">NR - Nuclear Medicine</option>
|
||||
<option value="OAM">OAM - Ophthalmic Axial Measurements</option>
|
||||
<option value="OCT">OCT - Optical Coherence Tomography (non-Ophthalmic)</option>
|
||||
<option value="OP">OP - Ophthalmic Photography</option>
|
||||
<option value="OPM">OPM - Ophthalmic Mapping</option>
|
||||
<option value="OPT">OPT - Ophthalmic Tomography</option>
|
||||
<option value="OPV">OPV - Ophthalmic Visual Field</option>
|
||||
<option value="OSS">OSS - Optical Surface Scan</option>
|
||||
<option value="PLAN">PLAN - Plan</option>
|
||||
<option value="PR">PR - Presentation State</option>
|
||||
<option value="PT">PT - Positron emission tomography (PET)</option>
|
||||
<option value="REG">REG - Registration</option>
|
||||
<option value="RESP">RESP - Respiratory Waveform</option>
|
||||
<option value="RTDOSE">RTDOSE - Radiotherapy Dose</option>
|
||||
<option value="RTIMAGE">RTIMAGE - Radiotherapy Image</option>
|
||||
<option value="RTPLAN">RTPLAN - Radiotherapy Plan</option>
|
||||
<option value="RTRECORD">RTRECORD - RT Treatment Record</option>
|
||||
<option value="RTSTRUCT">RTSTRUCT - Radiotherapy Structure Set</option>
|
||||
<option value="RWV">RWV - Real World Value Map</option>
|
||||
<option value="SEG">SEG - Segmentation</option>
|
||||
<option value="SM">SM - Slide Microscopy</option>
|
||||
<option value="SMR">SMR - Stereometric Relationship</option>
|
||||
<option value="SR">SR - SR Document</option>
|
||||
<option value="SRF">SRF - Subjective Refraction</option>
|
||||
<option value="STAIN">STAIN - Automated Slide Stainer</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Mapping</label>
|
||||
<select class="form-control" id="modaliti" name="modaliti">
|
||||
<option value="OT">OT - Other</option>
|
||||
<option value="CR">CR - Computed Radiography</option>
|
||||
<option value="CT">CT - Computed Tomography</option>
|
||||
<option value="DX">DX - Digital Radiography</option>
|
||||
<option value="MG">MG - Mammography</option>
|
||||
<option value="MR">MR - Magnetic Resonance</option>
|
||||
<option value="PX">PX - Panoramic X-Ray</option>
|
||||
<option value="AR">AR - Autorefraction</option>
|
||||
<option value="RF">RF - Radio Fluoroscopy</option>
|
||||
<option value="RG">RG - Radiographic imaging (conventional film/screen)</option>
|
||||
<option value="TG">TG - Thermography</option>
|
||||
<option value="US">US - Ultrasound</option>
|
||||
<option value="VA">VA - Visual Acuity</option>
|
||||
<option value="XA">XA - X-Ray Angiography</option>
|
||||
<option value="XC">XC - External-camera Photography</option>
|
||||
<option value="ASMT">ASMT - Content Assessment Results</option>
|
||||
<option value="AU">AU - Audio</option>
|
||||
<option value="BDUS">BDUS - Bone Densitometry (ultrasound)</option>
|
||||
<option value="BI">BI - Biomagnetic imaging</option>
|
||||
<option value="BMD">BMD - Bone Densitometry (X-Ray)</option>
|
||||
<option value="DG">DG - Diaphanography</option>
|
||||
<option value="DOC">DOC - Document</option>
|
||||
<option value="ECG">ECG - Electrocardiography</option>
|
||||
<option value="EPS">EPS - Cardiac Electrophysiology</option>
|
||||
<option value="ES">ES - Endoscopy</option>
|
||||
<option value="FID">FID - Fiducials</option>
|
||||
<option value="GM">GM - General Microscopy</option>
|
||||
<option value="HC">HC - Hard Copy</option>
|
||||
<option value="HD">HD - Hemodynamic Waveform</option>
|
||||
<option value="IO">IO - Intra-Oral Radiography</option>
|
||||
<option value="IOL">IOL - Intraocular Lens Data</option>
|
||||
<option value="IVOCT">IVOCT - Intravascular Optical Coherence Tomography</option>
|
||||
<option value="IVUS">IVUS - Intravascular Ultrasound</option>
|
||||
<option value="KER">KER - Keratometry</option>
|
||||
<option value="KO">KO - Key Object Selection</option>
|
||||
<option value="LEN">LEN - Lensometry</option>
|
||||
<option value="LS">LS - Laser surface scan</option>
|
||||
<option value="NM">NR - Nuclear Medicine</option>
|
||||
<option value="OAM">OAM - Ophthalmic Axial Measurements</option>
|
||||
<option value="OCT">OCT - Optical Coherence Tomography (non-Ophthalmic)</option>
|
||||
<option value="OP">OP - Ophthalmic Photography</option>
|
||||
<option value="OPM">OPM - Ophthalmic Mapping</option>
|
||||
<option value="OPT">OPT - Ophthalmic Tomography</option>
|
||||
<option value="OPV">OPV - Ophthalmic Visual Field</option>
|
||||
<option value="OSS">OSS - Optical Surface Scan</option>
|
||||
<option value="PLAN">PLAN - Plan</option>
|
||||
<option value="PR">PR - Presentation State</option>
|
||||
<option value="PT">PT - Positron emission tomography (PET)</option>
|
||||
<option value="REG">REG - Registration</option>
|
||||
<option value="RESP">RESP - Respiratory Waveform</option>
|
||||
<option value="RTDOSE">RTDOSE - Radiotherapy Dose</option>
|
||||
<option value="RTIMAGE">RTIMAGE - Radiotherapy Image</option>
|
||||
<option value="RTPLAN">RTPLAN - Radiotherapy Plan</option>
|
||||
<option value="RTRECORD">RTRECORD - RT Treatment Record</option>
|
||||
<option value="RTSTRUCT">RTSTRUCT - Radiotherapy Structure Set</option>
|
||||
<option value="RWV">RWV - Real World Value Map</option>
|
||||
<option value="SEG">SEG - Segmentation</option>
|
||||
<option value="SM">SM - Slide Microscopy</option>
|
||||
<option value="SMR">SMR - Stereometric Relationship</option>
|
||||
<option value="SR">SR - SR Document</option>
|
||||
<option value="SRF">SRF - Subjective Refraction</option>
|
||||
<option value="STAIN">STAIN - Automated Slide Stainer</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Secondary Mapping</label>
|
||||
<select class="form-control" id="modaliti2" name="modaliti2">
|
||||
<option value="OT">OT - Other</option>
|
||||
<option value="CR">CR - Computed Radiography</option>
|
||||
<option value="CT">CT - Computed Tomography</option>
|
||||
<option value="DX">DX - Digital Radiography</option>
|
||||
<option value="MG">MG - Mammography</option>
|
||||
<option value="MR">MR - Magnetic Resonance</option>
|
||||
<option value="PX">PX - Panoramic X-Ray</option>
|
||||
<option value="AR">AR - Autorefraction</option>
|
||||
<option value="RF">RF - Radio Fluoroscopy</option>
|
||||
<option value="RG">RG - Radiographic imaging (conventional film/screen)</option>
|
||||
<option value="TG">TG - Thermography</option>
|
||||
<option value="US">US - Ultrasound</option>
|
||||
<option value="VA">VA - Visual Acuity</option>
|
||||
<option value="XA">XA - X-Ray Angiography</option>
|
||||
<option value="XC">XC - External-camera Photography</option>
|
||||
<option value="ASMT">ASMT - Content Assessment Results</option>
|
||||
<option value="AU">AU - Audio</option>
|
||||
<option value="BDUS">BDUS - Bone Densitometry (ultrasound)</option>
|
||||
<option value="BI">BI - Biomagnetic imaging</option>
|
||||
<option value="BMD">BMD - Bone Densitometry (X-Ray)</option>
|
||||
<option value="DG">DG - Diaphanography</option>
|
||||
<option value="DOC">DOC - Document</option>
|
||||
<option value="ECG">ECG - Electrocardiography</option>
|
||||
<option value="EPS">EPS - Cardiac Electrophysiology</option>
|
||||
<option value="ES">ES - Endoscopy</option>
|
||||
<option value="FID">FID - Fiducials</option>
|
||||
<option value="GM">GM - General Microscopy</option>
|
||||
<option value="HC">HC - Hard Copy</option>
|
||||
<option value="HD">HD - Hemodynamic Waveform</option>
|
||||
<option value="IO">IO - Intra-Oral Radiography</option>
|
||||
<option value="IOL">IOL - Intraocular Lens Data</option>
|
||||
<option value="IVOCT">IVOCT - Intravascular Optical Coherence Tomography</option>
|
||||
<option value="IVUS">IVUS - Intravascular Ultrasound</option>
|
||||
<option value="KER">KER - Keratometry</option>
|
||||
<option value="KO">KO - Key Object Selection</option>
|
||||
<option value="LEN">LEN - Lensometry</option>
|
||||
<option value="LS">LS - Laser surface scan</option>
|
||||
<option value="NM">NR - Nuclear Medicine</option>
|
||||
<option value="OAM">OAM - Ophthalmic Axial Measurements</option>
|
||||
<option value="OCT">OCT - Optical Coherence Tomography (non-Ophthalmic)</option>
|
||||
<option value="OP">OP - Ophthalmic Photography</option>
|
||||
<option value="OPM">OPM - Ophthalmic Mapping</option>
|
||||
<option value="OPT">OPT - Ophthalmic Tomography</option>
|
||||
<option value="OPV">OPV - Ophthalmic Visual Field</option>
|
||||
<option value="OSS">OSS - Optical Surface Scan</option>
|
||||
<option value="PLAN">PLAN - Plan</option>
|
||||
<option value="PR">PR - Presentation State</option>
|
||||
<option value="PT">PT - Positron emission tomography (PET)</option>
|
||||
<option value="REG">REG - Registration</option>
|
||||
<option value="RESP">RESP - Respiratory Waveform</option>
|
||||
<option value="RTDOSE">RTDOSE - Radiotherapy Dose</option>
|
||||
<option value="RTIMAGE">RTIMAGE - Radiotherapy Image</option>
|
||||
<option value="RTPLAN">RTPLAN - Radiotherapy Plan</option>
|
||||
<option value="RTRECORD">RTRECORD - RT Treatment Record</option>
|
||||
<option value="RTSTRUCT">RTSTRUCT - Radiotherapy Structure Set</option>
|
||||
<option value="RWV">RWV - Real World Value Map</option>
|
||||
<option value="SEG">SEG - Segmentation</option>
|
||||
<option value="SM">SM - Slide Microscopy</option>
|
||||
<option value="SMR">SMR - Stereometric Relationship</option>
|
||||
<option value="SR">SR - SR Document</option>
|
||||
<option value="SRF">SRF - Subjective Refraction</option>
|
||||
<option value="STAIN">STAIN - Automated Slide Stainer</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
function openedpage( jQuery ){
|
||||
var token = document.getElementById('token').value;
|
||||
var sourcebakteri = {
|
||||
datatype : "json",
|
||||
datafields : [
|
||||
{ name: 'id',type: 'text'},
|
||||
{ name: 'name',type: 'text'},
|
||||
{ name: 'category',type: 'text'},
|
||||
{ name: 'kelompok',type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: { val01:'listkodespesimen', _token: token },
|
||||
url : '{{ route("getriwayat") }}',
|
||||
};
|
||||
var jsonBakteri = new $.jqx.dataAdapter(sourcebakteri);
|
||||
$("#gridbakteri").jqxGrid({
|
||||
width : '100%',
|
||||
showfilterrow : true,
|
||||
filterable : true,
|
||||
source : jsonBakteri,
|
||||
columnsresize : true,
|
||||
theme : "energyblue",
|
||||
autoheight : true,
|
||||
pageable : true,
|
||||
altrows : true,
|
||||
selectionmode : 'multiplecellsextended',
|
||||
columns : [
|
||||
{ text: 'Edit', filterable: false, columntype: 'button', cellsalign: 'center', align: 'center', width: '10%', cellsrenderer: function () {
|
||||
return "Edit";
|
||||
}, buttonclick: function (row) {
|
||||
editrowpoli = row;
|
||||
var offset = $("#gridbakteri").offset();
|
||||
var dataRecord = $("#gridbakteri").jqxGrid('getrowdata', editrowpoli);
|
||||
$("#mb_id").val(dataRecord.id);
|
||||
$("#mb_kelompok").val(dataRecord.kelompok);
|
||||
$("#mb_kategori").val(dataRecord.category);
|
||||
$("#mb_name").val(dataRecord.name);
|
||||
$('#ModalMikroandBakteri').modal('show');
|
||||
}
|
||||
},
|
||||
{ text: 'Name', datafield: 'name', width: '60%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Category', datafield: 'category', width: '20%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Delete', editable: false, sortable: false, filterable: false, columntype: 'button', width: '10%', cellsrenderer: function () {
|
||||
return "Delete";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridbakteri").offset();
|
||||
var dataRecord = $("#gridbakteri").jqxGrid('getrowdata', editrow);
|
||||
swal({
|
||||
title : 'Are you sure?',
|
||||
text : "Do you realy want to delete this data!",
|
||||
type : 'warning',
|
||||
showCancelButton : true,
|
||||
confirmButtonClass : 'btn btn-confirm mt-2',
|
||||
cancelButtonClass : 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText : 'Yes, confirm it!'
|
||||
}).then(function () {
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("deleteJawaban") }}', { id: 'mikroorganisme', idsirab: dataRecord.id, _token: token }, function(data){
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
var warna = data.warna;
|
||||
var icon = data.icon;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: warna,
|
||||
icon: icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$("#gridbakteri").jqxGrid('updatebounddata', 'filter');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
}
|
||||
$(window).on('load', function () {
|
||||
openedpage();
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$('form').parsley();
|
||||
});
|
||||
var sourcepoli = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'poli', type: 'text'},
|
||||
{ name: 'subpoli', type: 'text'},
|
||||
{ name: 'subsubpoli', type: 'text'},
|
||||
{ name: 'modaliti', type: 'text'},
|
||||
{ name: 'modaliti2', type: 'text'}
|
||||
],
|
||||
updaterow: function (rowid, rowdata, commit) {
|
||||
commit(true);
|
||||
},
|
||||
url: '{{ route("getListPoli") }}',
|
||||
cache: false
|
||||
};
|
||||
var dataAdapterpoli = new $.jqx.dataAdapter(sourcepoli);
|
||||
$("#gridpoli").jqxGrid({
|
||||
width : '100%',
|
||||
enablebrowserselection : true,
|
||||
filterable : true,
|
||||
showfilterrow : true,
|
||||
pageable : true,
|
||||
autoheight : true,
|
||||
source : dataAdapterpoli,
|
||||
theme : "energyblue",
|
||||
selectionmode : 'multiplecellsextended',
|
||||
columns : [
|
||||
{ text: 'Category', filtertype: 'checkedlist', datafield: 'poli', width: '15%', align: 'center', cellsalign: 'left'},
|
||||
{ text: 'Request Name', datafield: 'subpoli', width: '40%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Code Name', datafield: 'subsubpoli', width: '25%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Update', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '10%', cellsrenderer: function () {
|
||||
return "Update";
|
||||
}, buttonclick: function (row) {
|
||||
editrowpoli = row;
|
||||
var offset = $("#gridpoli").offset();
|
||||
var dataRecord = $("#gridpoli").jqxGrid('getrowdata', editrowpoli);
|
||||
$("#id_poli").val(dataRecord.id);
|
||||
$("#poli").val(dataRecord.poli);
|
||||
$("#subpoli").val(dataRecord.subpoli);
|
||||
$("#subsubpoli").val(dataRecord.subsubpoli);
|
||||
$("#modaliti").val(dataRecord.modaliti);
|
||||
$("#modaliti2").val(dataRecord.modaliti2);
|
||||
$('#updateModalPoli').modal('show');
|
||||
}
|
||||
},
|
||||
{ text: 'Delete', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '10%', cellsrenderer: function () {
|
||||
return "Delete";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridpoli").offset();
|
||||
var dataRecord = $("#gridpoli").jqxGrid('getrowdata', editrow);
|
||||
var goook = dataRecord.id;
|
||||
var token = document.getElementById('token').value;
|
||||
swal({
|
||||
title: 'Are you sure?',
|
||||
text: "Do you realy want to delete this data!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonClass: 'btn btn-confirm mt-2',
|
||||
cancelButtonClass: 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then(function () {
|
||||
swal({
|
||||
title: 'Deleted !',
|
||||
text: "Your Data has been deleted",
|
||||
type: 'success',
|
||||
confirmButtonClass: 'btn btn-confirm mt-2'
|
||||
})
|
||||
$.post('{{ route("deletePoli") }}', { id: goook, _token: token },
|
||||
function(data){
|
||||
$("#gridpoli").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
})
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
var sourceruangan = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'poli', type: 'text'},
|
||||
{ name: 'ruangan', type: 'text'}
|
||||
],
|
||||
updaterow: function (rowid, rowdata, commit) {
|
||||
commit(true);
|
||||
},
|
||||
url: '{{ route("getListRuangan") }}',
|
||||
cache: false
|
||||
};
|
||||
var dataAdapterruangan = new $.jqx.dataAdapter(sourceruangan);
|
||||
$("#gridruangan").jqxGrid({
|
||||
width : '100%',
|
||||
enablebrowserselection : true,
|
||||
filterable : true,
|
||||
showfilterrow : true,
|
||||
pageable : true,
|
||||
autoheight : true,
|
||||
source : dataAdapterruangan,
|
||||
theme : "energyblue",
|
||||
selectionmode : 'multiplecellsextended',
|
||||
columns : [
|
||||
{ text: 'Group', filtertype: 'checkedlist', datafield: 'poli', width: '38%', align: 'center', cellsalign: 'left'},
|
||||
{ text: 'Rooms Name', datafield: 'ruangan', width: '38%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Update', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '12%', cellsrenderer: function () {
|
||||
return "Update";
|
||||
}, buttonclick: function (row) {
|
||||
editrowruangan = row;
|
||||
var offset = $("#gridruangan").offset();
|
||||
var dataRecord = $("#gridruangan").jqxGrid('getrowdata', editrowruangan);
|
||||
$("#id_ruangan").val(dataRecord.id);
|
||||
$("#poli_ruangan").val(dataRecord.poli);
|
||||
$("#ruangan").val(dataRecord.ruangan);
|
||||
$('#updateModalRuangan').modal('show');
|
||||
}
|
||||
},
|
||||
{ text: 'Delete', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '12%', cellsrenderer: function () {
|
||||
return "Delete";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridruangan").offset();
|
||||
var dataRecord = $("#gridruangan").jqxGrid('getrowdata', editrow);
|
||||
var goook = dataRecord.id;
|
||||
var token = document.getElementById('token').value;
|
||||
swal({
|
||||
title: 'Are you sure?',
|
||||
text: "Do you realy want to delete this data!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonClass: 'btn btn-confirm mt-2',
|
||||
cancelButtonClass: 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then(function () {
|
||||
swal({
|
||||
title: 'Deleted !',
|
||||
text: "Your Data has been deleted",
|
||||
type: 'success',
|
||||
confirmButtonClass: 'btn btn-confirm mt-2'
|
||||
})
|
||||
$.post('{{ route("deleteRuangan") }}', { id: goook, _token: token },
|
||||
function(data){
|
||||
$("#gridruangan").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
})
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
$("#btnaddModalSpecimen").click(function() {
|
||||
$("#mb_id").val('new');
|
||||
$("#mb_kelompok").val('listkodespesimen');
|
||||
$('#ModalMikroandBakteri').modal('show');
|
||||
});
|
||||
$("#btnAddMB").click(function(){
|
||||
var set01 = document.getElementById('mb_name').value;
|
||||
var set02 = document.getElementById('mb_kategori').value;
|
||||
var set03 = document.getElementById('mb_kelompok').value;
|
||||
var set04 = document.getElementById('mb_id').value;
|
||||
if (set01 == '' || set02 == '' || set03 == ''){
|
||||
swal({
|
||||
title : 'Mohon diLengkapi',
|
||||
text : 'Data Dasar Wajib di Isi',
|
||||
type : 'warning',
|
||||
});
|
||||
} else {
|
||||
$('#ModalMikroandBakteri').modal('hide');
|
||||
var form_data = new FormData();
|
||||
form_data.append('name', set01);
|
||||
form_data.append('category', set02);
|
||||
form_data.append('kelompok', set03);
|
||||
form_data.append('id', set04);
|
||||
form_data.append('tabel', 'Organisme');
|
||||
form_data.append('_token', '{{csrf_token()}}');
|
||||
$.ajax({
|
||||
url : '{{ route("exSIRAb") }}',
|
||||
data : form_data,
|
||||
type : 'POST',
|
||||
contentType : false,
|
||||
processData : false,
|
||||
success : function (data) {
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
var icon = data.icon;
|
||||
var warna = data.warna;
|
||||
$("html, body").animate({ scrollTop: 0 }, "slow");
|
||||
$.toast({
|
||||
heading : status,
|
||||
text : message,
|
||||
position : 'top-right',
|
||||
loaderBg : warna,
|
||||
icon : icon,
|
||||
hideAfter : 3000,
|
||||
stack : 1
|
||||
});
|
||||
$("#gridbakteri").jqxGrid('updatebounddata', 'filter');
|
||||
$("#gridmikroorganisme").jqxGrid('updatebounddata', 'filter');
|
||||
return false;
|
||||
},
|
||||
error : function (xhr, status, error) {
|
||||
var response = xhr.responseJSON || {};
|
||||
var traceText = response.trace ? JSON.stringify(response.trace) : null;
|
||||
swal({
|
||||
title : response,
|
||||
text : traceText,
|
||||
type : 'error',
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
$("#btnAddPoli").click(function(){
|
||||
var poli = document.getElementById('add_poli').value;
|
||||
var subpoli = document.getElementById('add_subpoli').value;
|
||||
var subsubpoli = document.getElementById('add_subsubpoli').value;
|
||||
var modaliti = document.getElementById('add_modaliti').value;
|
||||
var modaliti2 = document.getElementById('add_modaliti2').value;
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("storePoli") }}', { poli: poli, subpoli: subpoli, subsubpoli: subsubpoli, modaliti: modaliti, modaliti2: modaliti2, _token: token },
|
||||
function(data){
|
||||
var message = data.message;
|
||||
var status = data.status;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: '#bf441d',
|
||||
icon: 'info',
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$('#addModalPoli').modal('hide');
|
||||
$("#gridpoli").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#btnAddRuangan").click(function(){
|
||||
var poli = document.getElementById('add_idruangan').value;
|
||||
var ruangan = document.getElementById('add_ruangan').value;
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("storeRuangan") }}', { poli: poli, ruangan: ruangan, _token: token },
|
||||
function(data){
|
||||
$.toast({
|
||||
heading: 'Status Info',
|
||||
text: 'Data Berhasil diupdate',
|
||||
position: 'top-right',
|
||||
loaderBg: '#bf441d',
|
||||
icon: 'info',
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$('#addModalRuangan').modal('hide');
|
||||
$("#gridruangan").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#btnUpdatePoli").click(function(){
|
||||
var poli = document.getElementById('poli').value;
|
||||
var subpoli = document.getElementById('subpoli').value;
|
||||
var subsubpoli = document.getElementById('subsubpoli').value;
|
||||
var poli_id = document.getElementById('id_poli').value;
|
||||
var modaliti = document.getElementById('modaliti').value;
|
||||
var modaliti2 = document.getElementById('modaliti2').value;
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("updatePoli") }}', { id: poli_id, poli: poli, subpoli: subpoli, subsubpoli: subsubpoli, modaliti: modaliti, modaliti2: modaliti2, _token: token },
|
||||
function(data){
|
||||
var message = data.message;
|
||||
var status = data.status;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: '#bf441d',
|
||||
icon: 'info',
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$('#updateModalPoli').modal('hide');
|
||||
$("#gridpoli").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#btnUpdateRuangan").click(function(){
|
||||
var poli = document.getElementById('poli_ruangan').value;
|
||||
var ruangan = document.getElementById('ruangan').value;
|
||||
var id_ruangan = document.getElementById('id_ruangan').value;
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("updateRuangan") }}', { id: id_ruangan, poli: poli, ruangan: ruangan, _token: token },
|
||||
function(data){
|
||||
$.toast({
|
||||
heading: 'Status Info',
|
||||
text: 'Data Berhasil diupdate',
|
||||
position: 'top-right',
|
||||
loaderBg: '#bf441d',
|
||||
icon: 'info',
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$('#updateModalRuangan').modal('hide');
|
||||
$("#gridruangan").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,517 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<!-- end page title end breadcrumb -->
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Pick Report Range</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-3">
|
||||
<select class="form-control" id="bulan" name="bulan">
|
||||
<option value="ALL">Setahun</option>
|
||||
<option value="01">Januari</option>
|
||||
<option value="02">Februari</option>
|
||||
<option value="03">Maret</option>
|
||||
<option value="04">April</option>
|
||||
<option value="05">Mei</option>
|
||||
<option value="06">Juni</option>
|
||||
<option value="07">Juli</option>
|
||||
<option value="08">Agustus</option>
|
||||
<option value="09">September</option>
|
||||
<option value="10">Oktober</option>
|
||||
<option value="11">November</option>
|
||||
<option value="12">Desember</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<input type="text" name="tahun" id="tahun" class="form-control" value="{{ date('Y')}}">
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="button" class="btn btn-primary" id="btnReport">Detail</button>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="button" class="btn btn-warning" id="btnrekap">Rekap</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-info">Pick Date Report</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-3">
|
||||
<input type="text" name="tanggal" id="tanggal" class="form-control">
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<button type="button" class="btn btn-info" id="btndatereport">Show</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="divlaporan">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-box table-responsive">
|
||||
<h4 class="m-t-0 header-title">Result</h4>
|
||||
<button type="button" id="downexcell" class="btn btn-custom waves-light waves-effect">Export to Excell</button>
|
||||
<div id="result"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="divlaporanharian">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-box table-responsive">
|
||||
<h4 class="m-t-0 header-title">Result</h4>
|
||||
<button type="button" id="downexcellharian" class="btn btn-custom waves-light waves-effect">Export to Excell</button>
|
||||
<div id="resultharian"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end container -->
|
||||
</div>
|
||||
<div id="tempatctk" style="overflow: hidden; display: none;">
|
||||
<div id="tabel_cetak"></div>
|
||||
</div>
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
$('#divlaporan').hide();
|
||||
$('#divlaporanharian').hide();
|
||||
$("#tanggal").datepicker({format: 'yyyy-mm-dd'});
|
||||
$('#btnReport').click(function () {
|
||||
var bulan = document.getElementById('bulan').value;
|
||||
var tahun = document.getElementById('tahun').value;
|
||||
var token = document.getElementById('token').value;
|
||||
var source = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id',type: 'text'},
|
||||
{ name: 'nofoto',type: 'text'},
|
||||
{ name: 'noregister',type: 'text'},
|
||||
{ name: 'nmpasien',type: 'text'},
|
||||
{ name: 'usia',type: 'text'},
|
||||
{ name: 'l',type: 'text'},
|
||||
{ name: 'p', type: 'text'},
|
||||
{ name: 'jenis',type: 'text'},
|
||||
{ name: 'ruangan',type: 'text'},
|
||||
{ name: 'kesimpulan', type: 'text'},
|
||||
{ name: 'poli', type: 'text'},
|
||||
{ name: 'jkn', type: 'text'},
|
||||
{ name: 'umm', type: 'text'},
|
||||
{ name: 'swasta', type: 'text'},
|
||||
{ name: 'gcu', type: 'text'},
|
||||
{ name: 'tag', type: 'text'},
|
||||
{ name: 'swasta', type: 'text'},
|
||||
{ name: 'billing', type: 'text'},
|
||||
{ name: 'ele', type: 'text'},
|
||||
{ name: 'cito', type: 'text'},
|
||||
{ name: 'daftar', type: 'text'},
|
||||
{ name: 'foto',type: 'text'},
|
||||
{ name: 'baca',type: 'text'},
|
||||
{ name: 'export',type: 'text'},
|
||||
{ name: 'created_at',type: 'text'},
|
||||
{ name: 'nmdokter',type: 'text'},
|
||||
{ name: 'nmppdssenior',type: 'text'},
|
||||
{ name: 'nmmiddleppds',type: 'text'},
|
||||
{ name: 'nmppdsjunior',type: 'text'},
|
||||
{ name: 'nmppdsmiddle2',type: 'text'},
|
||||
{ name: 'nmppdsjunior2',type: 'text'},
|
||||
{ name: 'diagnosa2',type: 'text'},
|
||||
{ name: 'modality',type: 'text'},
|
||||
{ name: 'dlp',type: 'text'},
|
||||
{ name: 'nm_spesimen',type: 'text'},
|
||||
{ name: 'kd_spesimen',type: 'text'},
|
||||
{ name: 'asalpasien',type: 'text'},
|
||||
{ name: 'status',type: 'text'},
|
||||
{ name: 'nmrs',type: 'text'},
|
||||
{ name: 'berat',type: 'text'},
|
||||
{ name: 'klinisi',type: 'text'},
|
||||
{ name: 'klinis',type: 'text'},
|
||||
{ name: 'tlppasien',type: 'text'},
|
||||
{ name: 'nmanalis',type: 'text'},
|
||||
{ name: 'verifikasi',type: 'text'},
|
||||
{ name: 'noloket',type: 'text'},
|
||||
{ name: 'jumlah',type: 'text'},
|
||||
{ name: 'nmdrafter',type: 'text'},
|
||||
{ name: 'tgldraft',type: 'text'},
|
||||
{ name: 'nmpembaca',type: 'text'},
|
||||
{ name: 'tgladendum',type: 'text'},
|
||||
{ name: 'nmadendum',type: 'text'},
|
||||
{ name: 'filefoto',type: 'text'},
|
||||
{ name: 'durasi', type: 'text'},
|
||||
],
|
||||
updaterow : function (rowid, rowdata, commit) {commit(true);},
|
||||
type : 'POST',
|
||||
data : {bulan: bulan, tahun: tahun, _token: token },
|
||||
url : '{{ route("reportPeriksa") }}',
|
||||
};
|
||||
var dataAdapter = new $.jqx.dataAdapter(source);
|
||||
$('#divlaporan').show();
|
||||
$('#divlaporanharian').hide();
|
||||
$("#result").jqxGrid({
|
||||
width : '100%',
|
||||
enablebrowserselection : true,
|
||||
filterable : true,
|
||||
autoheight : true,
|
||||
showfilterrow : true,
|
||||
altrows : true,
|
||||
source : dataAdapter,
|
||||
pageable : true,
|
||||
theme : "energyblue",
|
||||
columnsresize : true,
|
||||
selectionmode : 'multiplecellsextended',
|
||||
columns : [
|
||||
{ text: 'File Report', editable: false, sortable: false, filterable: false, datafield: 'filefoto', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'No.Loket', datafield: 'noloket', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'No.RM', datafield: 'noregister', width: 70, align: 'center', cellsalign: 'left'},
|
||||
{ text: 'Nama', datafield: 'nmpasien', width: 160, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'No.HP', datafield: 'tlppasien', width: 100, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Umur', datafield: 'usia', width: 70, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'M', editable: false, sortable: false, filterable: false, datafield: 'l', width: 20, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'F', editable: false, sortable: false, filterable: false, datafield: 'p', width: 20, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Order', editable: false, sortable: false, filterable: false, datafield: 'jenis', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'JKN', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'jkn', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'UMM', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'umm', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'TAG', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'tag', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'GCU', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'gcu', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Billing', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'billing', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'SWASTA', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'swasta', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Elective', editable: false, sortable: false, filterable: false, columngroup: 'urgensi', datafield: 'ele', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'CITO', editable: false, sortable: false, filterable: false, columngroup: 'urgensi', datafield: 'cito', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Sample Masuk', columngroup: 'waktu', datafield: 'daftar', width: 160, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Draft By', columngroup: 'waktu', datafield: 'nmdrafter', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Tgl. Draft', columngroup: 'waktu', datafield: 'tgldraft', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Expertise By', columngroup: 'waktu', datafield: 'nmpembaca', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Supervisor', columngroup: 'waktu', datafield: 'nmdokter', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Verifikasi', columngroup: 'waktu', datafield: 'verifikasi', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Cetak', columngroup: 'waktu', datafield: 'export', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Asal Pasien', datafield: 'asalpasien', width: 100, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'Asal RS', datafield: 'nmrs', width: 100, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'Klinisi', datafield: 'klinisi', width: 150, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'Klinis', datafield: 'klinis', width: 150, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'Analis', datafield: 'nmanalis', width: 150, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'PPDS', datafield: 'nmppdssenior', width: 150, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'Device', datafield: 'modality', width: 150, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'Code', datafield: 'kd_spesimen', width: 150, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'Speciment', datafield: 'nm_spesimen', width: 150, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'Template', datafield: 'dlp', width: 150, cellsalign: 'left', align: 'center'},
|
||||
{ text: 'Duration', editable: false, sortable: false, filterable: false, datafield: 'durasi', width: 100, cellsalign: 'left', align: 'center'},
|
||||
],
|
||||
columngroups:
|
||||
[
|
||||
{ text: 'Riwayat Tindakan', align: 'center', name: 'waktu' },
|
||||
{ text: 'Urgensi', align: 'center', name: 'urgensi' },
|
||||
{ text: 'Insurance', align: 'center', name: 'asuransi' }
|
||||
]
|
||||
});
|
||||
});
|
||||
$('#btnrekap').click(function () {
|
||||
var bulan = document.getElementById('bulan').value;
|
||||
var tahun = document.getElementById('tahun').value;
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("rekapPeriksa") }}', { bulan: bulan, tahun: tahun, _token: token },
|
||||
function(data){
|
||||
$('#tabel_cetak').html(data);
|
||||
$("#tabel_cetak").btechco_excelexport({
|
||||
containerid: "tabel_cetak"
|
||||
, datatype: $datatype.Table
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$('#btndatereport').click(function () {
|
||||
var bulan = 'pertanggal';
|
||||
var tahun = document.getElementById('tanggal').value;
|
||||
var token = document.getElementById('token').value;
|
||||
var source = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id',type: 'text'},
|
||||
{ name: 'nofoto',type: 'text'},
|
||||
{ name: 'noregister',type: 'text'},
|
||||
{ name: 'nmpasien',type: 'text'},
|
||||
{ name: 'usia',type: 'text'},
|
||||
{ name: 'l',type: 'text'},
|
||||
{ name: 'p', type: 'text'},
|
||||
{ name: 'jenis',type: 'text'},
|
||||
{ name: 'ruangan',type: 'text'},
|
||||
{ name: 'kesimpulan', type: 'text'},
|
||||
{ name: 'poli', type: 'text'},
|
||||
{ name: 'jkn', type: 'text'},
|
||||
{ name: 'umm', type: 'text'},
|
||||
{ name: 'swasta', type: 'text'},
|
||||
{ name: 'gcu', type: 'text'},
|
||||
{ name: 'tag', type: 'text'},
|
||||
{ name: 'swasta', type: 'text'},
|
||||
{ name: 'billing', type: 'text'},
|
||||
{ name: 'ele', type: 'text'},
|
||||
{ name: 'cito', type: 'text'},
|
||||
{ name: 'daftar', type: 'text'},
|
||||
{ name: 'foto',type: 'text'},
|
||||
{ name: 'baca',type: 'text'},
|
||||
{ name: 'export',type: 'text'},
|
||||
{ name: 'created_at',type: 'text'},
|
||||
{ name: 'nmdokter',type: 'text'},
|
||||
{ name: 'nmppdssenior',type: 'text'},
|
||||
{ name: 'nmmiddleppds',type: 'text'},
|
||||
{ name: 'nmppdsjunior',type: 'text'},
|
||||
{ name: 'nmppdsmiddle2',type: 'text'},
|
||||
{ name: 'nmppdsjunior2',type: 'text'},
|
||||
{ name: 'diagnosa2',type: 'text'},
|
||||
{ name: 'modality',type: 'text'},
|
||||
{ name: 'dlp',type: 'text'},
|
||||
{ name: 'nm_spesimen',type: 'text'},
|
||||
{ name: 'kd_spesimen',type: 'text'},
|
||||
{ name: 'asalpasien',type: 'text'},
|
||||
{ name: 'status',type: 'text'},
|
||||
{ name: 'nmrs',type: 'text'},
|
||||
{ name: 'berat',type: 'text'},
|
||||
{ name: 'klinisi',type: 'text'},
|
||||
{ name: 'klinis',type: 'text'},
|
||||
{ name: 'tlppasien',type: 'text'},
|
||||
{ name: 'nmanalis',type: 'text'},
|
||||
{ name: 'verifikasi',type: 'text'},
|
||||
{ name: 'noloket',type: 'text'},
|
||||
{ name: 'jumlah',type: 'text'},
|
||||
{ name: 'nmdrafter',type: 'text'},
|
||||
{ name: 'tgldraft',type: 'text'},
|
||||
{ name: 'nmpembaca',type: 'text'},
|
||||
{ name: 'tgladendum',type: 'text'},
|
||||
{ name: 'nmadendum',type: 'text'},
|
||||
{ name: 'durasi', type: 'text'},
|
||||
|
||||
],
|
||||
updaterow : function (rowid, rowdata, commit) {commit(true);},
|
||||
type : 'POST',
|
||||
data : {bulan: bulan, tahun: tahun, _token: token },
|
||||
url : '{{ route("reportPeriksa") }}',
|
||||
|
||||
};
|
||||
var dataAdapter = new $.jqx.dataAdapter(source);
|
||||
$('#divlaporan').hide();
|
||||
$('#divlaporanharian').show();
|
||||
var editrowjabatan = -1;
|
||||
$("#resultharian").jqxGrid({
|
||||
width : '100%',
|
||||
enablebrowserselection : true,
|
||||
filterable : true,
|
||||
autoheight : true,
|
||||
showfilterrow : true,
|
||||
altrows : true,
|
||||
source : dataAdapter,
|
||||
pageable : true,
|
||||
theme : "energyblue",
|
||||
columnsresize : true,
|
||||
selectionmode : 'multiplecellsextended',
|
||||
columns : [
|
||||
{ text: 'File Report', editable: false, sortable: false, filterable: false, datafield: 'filefoto', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'No.Loket', datafield: 'noloket', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'No.RM', datafield: 'noregister', width: 70, align: 'center', cellsalign: 'left'},
|
||||
{ text: 'Nama', datafield: 'nmpasien', width: 160, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'No.HP', datafield: 'tlppasien', width: 100, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Umur', datafield: 'usia', width: 70, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'M', editable: false, sortable: false, filterable: false, datafield: 'l', width: 20, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'F', editable: false, sortable: false, filterable: false, datafield: 'p', width: 20, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Order', editable: false, sortable: false, filterable: false, datafield: 'jenis', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'JKN', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'jkn', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'UMM', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'umm', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'TAG', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'tag', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'GCU', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'gcu', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Billing', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'billing', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'SWASTA', editable: false, sortable: false, filterable: false, columngroup: 'asuransi', datafield: 'swasta', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Elective', editable: false, sortable: false, filterable: false, columngroup: 'urgensi', datafield: 'ele', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'CITO', editable: false, sortable: false, filterable: false, columngroup: 'urgensi', datafield: 'cito', width: 40, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Sample Masuk', columngroup: 'waktu', datafield: 'daftar', width: 160, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Draft By', columngroup: 'waktu', datafield: 'nmdrafter', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Tgl. Draft', columngroup: 'waktu', datafield: 'tgldraft', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Expertise By', columngroup: 'waktu', datafield: 'nmpembaca', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Supervisor', columngroup: 'waktu', datafield: 'nmdokter', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Verifikasi', columngroup: 'waktu', datafield: 'verifikasi', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Cetak', columngroup: 'waktu', datafield: 'export', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Asal Pasien', datafield: 'asalpasien', width: 100, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Asal RS', datafield: 'nmrs', width: 100, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Klinisi', datafield: 'klinisi', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Klinis', datafield: 'klinis', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Analis', datafield: 'nmanalis', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'PPDS', datafield: 'nmppdssenior', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Device', datafield: 'modality', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Code', datafield: 'kd_spesimen', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Speciment', datafield: 'nm_spesimen', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Template', datafield: 'dlp', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Duration', editable: false, sortable: false, filterable: false, datafield: 'durasi', width: 100, cellsalign: 'left', align: 'center' },
|
||||
],
|
||||
columngroups:
|
||||
[
|
||||
{ text: 'Riwayat Tindakan', align: 'center', name: 'waktu' },
|
||||
{ text: 'Urgensi', align: 'center', name: 'urgensi' },
|
||||
{ text: 'Insurance', align: 'center', name: 'asuransi' }
|
||||
]
|
||||
});
|
||||
});
|
||||
$('#downexcell').click(function(){
|
||||
var gridContent = $("#result").jqxGrid('exportdata', 'json');
|
||||
data = $.parseJSON(gridContent);
|
||||
var noOfContacts = data.length;
|
||||
if(noOfContacts>0){
|
||||
var table = document.createElement("table");
|
||||
table.style.width = '100%';
|
||||
table.setAttribute('border', '1');
|
||||
table.setAttribute('cellspacing', '0');
|
||||
table.setAttribute('cellpadding', '5');
|
||||
table.setAttribute('id', 'tabelcetak');
|
||||
table.setAttribute('class', 'text');
|
||||
var col = [];
|
||||
for (var i = 0; i < noOfContacts; i++) {
|
||||
for (var key in data[i]) {
|
||||
if (col.indexOf(key) === -1) {
|
||||
col.push(key);
|
||||
}
|
||||
}
|
||||
}
|
||||
var tHead = document.createElement("thead");
|
||||
var hRow = document.createElement("tr");
|
||||
for (var i = 0; i < col.length; i++) {
|
||||
var th = document.createElement("th");
|
||||
th.innerHTML = col[i];
|
||||
hRow.appendChild(th);
|
||||
}
|
||||
tHead.appendChild(hRow);
|
||||
table.appendChild(tHead);
|
||||
var tBody = document.createElement("tbody");
|
||||
for (var i = 0; i < noOfContacts; i++) {
|
||||
var bRow = document.createElement("tr");
|
||||
for (var j = 0; j < col.length; j++) {
|
||||
var td = document.createElement("td");
|
||||
var isi = data[i][col[j]];
|
||||
var isi2 = isi.toString();
|
||||
var pjg = isi2.length;
|
||||
if (pjg > 8){
|
||||
if (pjg == 9 || pjg == 10 || pjg == 11 || pjg == 12 || pjg == 13){
|
||||
if( isi2.indexOf(',') != -1 ){
|
||||
var res = isi2.replace(/,/g, "");
|
||||
td.innerHTML = res;
|
||||
}
|
||||
else {
|
||||
var res = isi2;
|
||||
td.setAttribute('style', 'mso-number-format: "\@";');
|
||||
td.innerHTML = res;
|
||||
}
|
||||
}
|
||||
else {
|
||||
var res = isi2;
|
||||
td.setAttribute('style', 'mso-number-format: "\@";');
|
||||
td.innerHTML = res;
|
||||
}
|
||||
}
|
||||
else {
|
||||
var res = isi2.replace(/,/g, "");
|
||||
td.innerHTML = res;
|
||||
}
|
||||
|
||||
bRow.appendChild(td);
|
||||
}
|
||||
tBody.appendChild(bRow)
|
||||
}
|
||||
table.appendChild(tBody);
|
||||
var divContainer = document.getElementById("tabel_cetak");
|
||||
divContainer.innerHTML = "";
|
||||
divContainer.appendChild(table);
|
||||
}
|
||||
|
||||
$("#tabel_cetak").btechco_excelexport({
|
||||
containerid: "tabel_cetak"
|
||||
, datatype: $datatype.Table
|
||||
});
|
||||
return false;
|
||||
});
|
||||
$('#downexcellharian').click(function(){
|
||||
var gridContent = $("#resultharian").jqxGrid('exportdata', 'json');
|
||||
data = $.parseJSON(gridContent);
|
||||
var noOfContacts = data.length;
|
||||
if(noOfContacts>0){
|
||||
var table = document.createElement("table");
|
||||
table.style.width = '100%';
|
||||
table.setAttribute('border', '1');
|
||||
table.setAttribute('cellspacing', '0');
|
||||
table.setAttribute('cellpadding', '5');
|
||||
table.setAttribute('id', 'tabelcetak');
|
||||
table.setAttribute('class', 'text');
|
||||
var col = [];
|
||||
for (var i = 0; i < noOfContacts; i++) {
|
||||
for (var key in data[i]) {
|
||||
if (col.indexOf(key) === -1) {
|
||||
col.push(key);
|
||||
}
|
||||
}
|
||||
}
|
||||
var tHead = document.createElement("thead");
|
||||
var hRow = document.createElement("tr");
|
||||
for (var i = 0; i < col.length; i++) {
|
||||
var th = document.createElement("th");
|
||||
th.innerHTML = col[i];
|
||||
hRow.appendChild(th);
|
||||
}
|
||||
tHead.appendChild(hRow);
|
||||
table.appendChild(tHead);
|
||||
var tBody = document.createElement("tbody");
|
||||
for (var i = 0; i < noOfContacts; i++) {
|
||||
var bRow = document.createElement("tr");
|
||||
for (var j = 0; j < col.length; j++) {
|
||||
var td = document.createElement("td");
|
||||
var isi = data[i][col[j]];
|
||||
var isi2 = isi.toString();
|
||||
var pjg = isi2.length;
|
||||
if (pjg > 8){
|
||||
if (pjg == 9 || pjg == 10 || pjg == 11 || pjg == 12 || pjg == 13){
|
||||
if( isi2.indexOf(',') != -1 ){
|
||||
var res = isi2.replace(/,/g, "");
|
||||
td.innerHTML = res;
|
||||
}
|
||||
else {
|
||||
var res = isi2;
|
||||
td.setAttribute('style', 'mso-number-format: "\@";');
|
||||
td.innerHTML = res;
|
||||
}
|
||||
}
|
||||
else {
|
||||
var res = isi2;
|
||||
td.setAttribute('style', 'mso-number-format: "\@";');
|
||||
td.innerHTML = res;
|
||||
}
|
||||
}
|
||||
else {
|
||||
var res = isi2.replace(/,/g, "");
|
||||
td.innerHTML = res;
|
||||
}
|
||||
|
||||
bRow.appendChild(td);
|
||||
}
|
||||
tBody.appendChild(bRow)
|
||||
}
|
||||
table.appendChild(tBody);
|
||||
var divContainer = document.getElementById("tabel_cetak");
|
||||
divContainer.innerHTML = "";
|
||||
divContainer.appendChild(table);
|
||||
}
|
||||
|
||||
$("#tabel_cetak").btechco_excelexport({
|
||||
containerid: "tabel_cetak"
|
||||
, datatype: $datatype.Table
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,285 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger">SIR Ab</div>
|
||||
<p></p>
|
||||
<div class="card-body">
|
||||
<button type="button" class="btn btn-light waves-effect" id="btnaddnewsirab">
|
||||
<i class="mdi mdi-briefcase-plus mr-1"></i> Add New
|
||||
</button>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div id="gridviralload"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="modalsirab" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Add New SIR Ab</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Family</label>
|
||||
<input type="text" class="form-control" id="family">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label>Spesies</label>
|
||||
<input type="text" class="form-control" id="spesies">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label>Antibiotik</label>
|
||||
<input type="text" class="form-control" id="antibiotik">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label>Sub Antibiotik</label>
|
||||
<input type="text" class="form-control" id="subantibiotik">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="col-lg-3">
|
||||
<label>Disc</label>
|
||||
<input type="text" class="form-control" id="diskcontent">
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<label>S</label>
|
||||
<input type="text" class="form-control" id="batasatas">
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<label>I</label>
|
||||
<input type="text" class="form-control" id="midrange">
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<label>R</label>
|
||||
<input type="text" class="form-control" id="batasbawah">
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<label>Sumber</label>
|
||||
<input type="text" class="form-control" id="sumber">
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<label>ATU</label>
|
||||
<input type="text" class="form-control" id="atu">
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<label>Groub</label>
|
||||
<input type="text" class="form-control" id="kelompok">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<input type="hidden" class="form-control" id="id">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" id="btnAddSirab" type="button">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
function openedpage( jQuery ){
|
||||
var token = document.getElementById('token').value;
|
||||
var sourcesirab = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id',type: 'text'},
|
||||
{ name: 'family',type: 'text'},
|
||||
{ name: 'spesies',type: 'text'},
|
||||
{ name: 'antibiotik',type: 'text'},
|
||||
{ name: 'subantibiotik',type: 'text'},
|
||||
{ name: 'diskcontent',type: 'text'},
|
||||
{ name: 'batasatas',type: 'text'},
|
||||
{ name: 'midrange',type: 'text'},
|
||||
{ name: 'batasbawah',type: 'text'},
|
||||
{ name: 'sumber',type: 'text'},
|
||||
{ name: 'kodedok',type: 'text'},
|
||||
{ name: 'atu',type: 'text'},
|
||||
{ name: 'kelompok',type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: { val01:'sirab', _token: token },
|
||||
url: '{{ route("getriwayat") }}',
|
||||
};
|
||||
var jsonSirab = new $.jqx.dataAdapter(sourcesirab);
|
||||
$("#gridviralload").jqxGrid({
|
||||
width : '100%',
|
||||
showfilterrow : true,
|
||||
filterable : true,
|
||||
source : jsonSirab,
|
||||
columnsresize : true,
|
||||
theme : "energyblue",
|
||||
autoheight : true,
|
||||
pageable : true,
|
||||
altrows : true,
|
||||
selectionmode : 'multiplecellsextended',
|
||||
columns : [
|
||||
{ text: 'Edit', filterable: false, columntype: 'button', cellsalign: 'center', align: 'center', width: '4%', cellsrenderer: function () {
|
||||
return "Edit";
|
||||
}, buttonclick: function (row) {
|
||||
editrowpoli = row;
|
||||
var offset = $("#gridviralload").offset();
|
||||
var dataRecord = $("#gridviralload").jqxGrid('getrowdata', editrowpoli);
|
||||
$("#id").val(dataRecord.id);
|
||||
$("#family").val(dataRecord.family);
|
||||
$("#spesies").val(dataRecord.spesies);
|
||||
$("#antibiotik").val(dataRecord.antibiotik);
|
||||
$("#subantibiotik").val(dataRecord.subantibiotik);
|
||||
$("#diskcontent").val(dataRecord.diskcontent);
|
||||
$("#batasatas").val(dataRecord.batasatas);
|
||||
$("#midrange").val(dataRecord.midrange);
|
||||
$("#batasbawah").val(dataRecord.batasbawah);
|
||||
$("#sumber").val(dataRecord.sumber);
|
||||
$("#atu").val(dataRecord.atu);
|
||||
$("#kelompok").val(dataRecord.kelompok);
|
||||
$('#modalsirab').modal('show');
|
||||
}
|
||||
},
|
||||
{ text: 'Family', datafield: 'family', width: '10%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Spesies', datafield: 'spesies', width: '20%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Antibiotik', datafield: 'antibiotik', width: '13%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Sub', datafield: 'subantibiotik', width: '11%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Disk Content', datafield: 'diskcontent', width: '7%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'S', datafield: 'batasatas', width: '5%', cellsalign: 'center', align: 'center' },
|
||||
{ text: 'I', datafield: 'midrange', width: '5%', cellsalign: 'center', align: 'center' },
|
||||
{ text: 'R', datafield: 'batasbawah', width: '5%', cellsalign: 'center', align: 'center' },
|
||||
{ text: 'Contributor', datafield: 'kodedok', width: '6%', cellsalign: 'center', align: 'center' },
|
||||
{ text: 'ATU', datafield: 'atu', width: '5%', cellsalign: 'center', align: 'center' },
|
||||
{ text: 'Groub', datafield: 'kelompok', width: '5%', cellsalign: 'center', align: 'center' },
|
||||
{ text: 'Del', editable: false, sortable: false, filterable: false, columntype: 'button', width: '4%', cellsrenderer: function () {
|
||||
return "Del";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridviralload").offset();
|
||||
var dataRecord = $("#gridviralload").jqxGrid('getrowdata', editrow);
|
||||
swal({
|
||||
title : 'Are you sure?',
|
||||
text : "Do you realy want to delete this data!",
|
||||
type : 'warning',
|
||||
showCancelButton : true,
|
||||
confirmButtonClass : 'btn btn-confirm mt-2',
|
||||
cancelButtonClass : 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText : 'Yes, confirm it!'
|
||||
}).then(function () {
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("deleteJawaban") }}', { id: 'sirab', idsirab: dataRecord.id, _token: token }, function(data){
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
var warna = data.warna;
|
||||
var icon = data.icon;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: warna,
|
||||
icon: icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$("#gridviralload").jqxGrid('updatebounddata', 'filter');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
}
|
||||
$(window).on('load', function () {
|
||||
openedpage();
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$("#btnAddSirab").click(function(){
|
||||
var set01 = document.getElementById('family').value;
|
||||
var set02 = document.getElementById('spesies').value;
|
||||
var set03 = document.getElementById('antibiotik').value;
|
||||
var set04 = document.getElementById('subantibiotik').value;
|
||||
var set05 = document.getElementById('diskcontent').value;
|
||||
var set06 = document.getElementById('batasatas').value;
|
||||
var set07 = document.getElementById('midrange').value;
|
||||
var set08 = document.getElementById('batasbawah').value;
|
||||
var set09 = document.getElementById('sumber').value;
|
||||
var set10 = document.getElementById('atu').value;
|
||||
var set11 = document.getElementById('kelompok').value;
|
||||
var set12 = document.getElementById('id').value;
|
||||
if (set01 == '' || set02 == '' || set03 == ''){
|
||||
swal({
|
||||
title : 'Mohon diLengkapi',
|
||||
text : 'Data Dasar Seperti Family, Spesies dan Antibiotik Wajib di Isi',
|
||||
type : 'warning',
|
||||
});
|
||||
} else {
|
||||
$('#modalsirab').modal('hide');
|
||||
var form_data = new FormData();
|
||||
form_data.append('family', set01);
|
||||
form_data.append('spesies', set02);
|
||||
form_data.append('antibiotik', set03);
|
||||
form_data.append('subantibiotik', set04);
|
||||
form_data.append('diskcontent', set05);
|
||||
form_data.append('batasatas', set06);
|
||||
form_data.append('midrange', set07);
|
||||
form_data.append('batasbawah', set08);
|
||||
form_data.append('sumber', set09);
|
||||
form_data.append('atu', set10);
|
||||
form_data.append('kelompok', set11);
|
||||
form_data.append('id', set12);
|
||||
form_data.append('tabel', 'SIRAB');
|
||||
form_data.append('_token', '{{csrf_token()}}');
|
||||
$.ajax({
|
||||
url : '{{ route("exSIRAb") }}',
|
||||
data : form_data,
|
||||
type : 'POST',
|
||||
contentType : false,
|
||||
processData : false,
|
||||
success : function (data) {
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
var icon = data.icon;
|
||||
var warna = data.warna;
|
||||
$("html, body").animate({ scrollTop: 0 }, "slow");
|
||||
$.toast({
|
||||
heading : status,
|
||||
text : message,
|
||||
position : 'top-right',
|
||||
loaderBg : warna,
|
||||
icon : icon,
|
||||
hideAfter : 3000,
|
||||
stack : 1
|
||||
});
|
||||
$("#gridviralload").jqxGrid('updatebounddata', 'filter');
|
||||
return false;
|
||||
},
|
||||
error : function (xhr, status, error) {
|
||||
var response = xhr.responseJSON || {};
|
||||
var traceText = response.trace ? JSON.stringify(response.trace) : null;
|
||||
swal({
|
||||
title : response,
|
||||
text : traceText,
|
||||
type : 'error',
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
$("#btnaddnewsirab").click(function() {
|
||||
$("#id").val('new');
|
||||
$('#modalsirab').modal('show');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,721 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Category</div>
|
||||
<div id="gridkategori"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-custom">Sub Category</div>
|
||||
<div id="divawal">
|
||||
<div id="griddetail"></div>
|
||||
</div>
|
||||
<div id="divtambahdata">
|
||||
<p></p>
|
||||
<h4 class="m-t-0 header-title">Add/Edit Expertise Template</h4>
|
||||
<div class="form-group">
|
||||
<label for="id_judul" class="col-form-label">Title</label>
|
||||
<input type="text" class="form-control" id="id_judul">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="id_jawaban" class="col-form-label">Expertise</label>
|
||||
<textarea id="id_jawaban" style="width: 100%; height: 200px; font-size: 12px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="hidden" id="id_idjawaban">
|
||||
<button type="button" id="btnkembali" class="btn btn-custom">Back</button>
|
||||
<button type="button" id="btnAddDetail" class="btn btn-custom pull-right">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-danger">Mikroorganisme</div>
|
||||
<p></p>
|
||||
<div class="card-body">
|
||||
<button type="button" class="btn btn-light waves-effect" id="btnaddnewmikroorganisme">
|
||||
<i class="mdi mdi-briefcase-plus mr-1"></i> Add New
|
||||
</button>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div id="gridmikroorganisme"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-warning">Bakteri</div>
|
||||
<p></p>
|
||||
<div class="card-body">
|
||||
<button type="button" class="btn btn-light waves-effect" id="btnaddnewbakteri">
|
||||
<i class="mdi mdi-briefcase-plus mr-1"></i> Add New
|
||||
</button>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div id="gridbakteri"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-info">Kop Surat</div>
|
||||
<p></p>
|
||||
<div class="card-body">
|
||||
<button type="button" class="btn btn-light waves-effect btnubahfoto">
|
||||
<i class="mdi mdi-account-settings-variant mr-1"></i> Change Picture
|
||||
</button>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<img src="{{ url('/templateimage/kopsurat.png') }}" width="100%" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="modalgakdipake">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Gakdipake..!!!</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group">
|
||||
<label for="id_kesimpulan" class="col-form-label">Conclusion</label>
|
||||
<textarea id="id_kesimpulan" style="width: 100%; height: 200px; font-size: 12px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
||||
<div id="ModalKategori" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Add New Category</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Category Name</label>
|
||||
<input type="text" class="form-control" id="id_kategori">
|
||||
<input type="hidden" id="id_idkategori">
|
||||
<input type="hidden" id="id_idjawaban">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" id="btnAddKategori" type="button">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<div id="modalupdatefoto" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Pilih Gambar</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group m-b-0">
|
||||
<p class="mb-2 mt-4 font-weight-bold">Select Your Pic</p>
|
||||
<input type="file" class="filestyle" data-placeholder="No file" data-btnClass="btn-light" id="upload_file" name="upload_file">
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<span class="badge badge-danger">Untuk melihat perubahan setelah update data, silahkan refresh</span>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="button" id="btnsimpanfoto">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ModalMikroandBakteri" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Editor Data</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Name</label>
|
||||
<input type="text" class="form-control" id="mb_name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Category Name</label>
|
||||
<input type="text" class="form-control" id="mb_kategori">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<input type="hidden" class="form-control" id="mb_id">
|
||||
<input type="hidden" class="form-control" id="mb_kelompok">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" id="btnAddMB" type="button">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
CKEDITOR.env.isCompatible = true;
|
||||
CKEDITOR.replace( 'id_jawaban');
|
||||
CKEDITOR.replace( 'id_kesimpulan');
|
||||
});
|
||||
function openedpage( jQuery ){
|
||||
var token = document.getElementById('token').value;
|
||||
var sourcemikroorganisme = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id',type: 'text'},
|
||||
{ name: 'name',type: 'text'},
|
||||
{ name: 'category',type: 'text'},
|
||||
{ name: 'kelompok',type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: { val01:'Mikroorganisme', _token: token },
|
||||
url: '{{ route("getriwayat") }}',
|
||||
};
|
||||
var jsonMikroorganisme = new $.jqx.dataAdapter(sourcemikroorganisme);
|
||||
$("#gridmikroorganisme").jqxGrid({
|
||||
width : '100%',
|
||||
showfilterrow : true,
|
||||
filterable : true,
|
||||
source : jsonMikroorganisme,
|
||||
columnsresize : true,
|
||||
theme : "energyblue",
|
||||
autoheight : true,
|
||||
pageable : true,
|
||||
altrows : true,
|
||||
selectionmode : 'multiplecellsextended',
|
||||
columns : [
|
||||
{ text: 'Edit', filterable: false, columntype: 'button', cellsalign: 'center', align: 'center', width: '10%', cellsrenderer: function () {
|
||||
return "Edit";
|
||||
}, buttonclick: function (row) {
|
||||
editrowpoli = row;
|
||||
var offset = $("#gridmikroorganisme").offset();
|
||||
var dataRecord = $("#gridmikroorganisme").jqxGrid('getrowdata', editrowpoli);
|
||||
$("#mb_id").val(dataRecord.id);
|
||||
$("#mb_kelompok").val(dataRecord.kelompok);
|
||||
$("#mb_kategori").val(dataRecord.category);
|
||||
$("#mb_name").val(dataRecord.name);
|
||||
$('#ModalMikroandBakteri').modal('show');
|
||||
}
|
||||
},
|
||||
{ text: 'Name', datafield: 'name', width: '40%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Category', datafield: 'category', width: '40%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Delete', editable: false, sortable: false, filterable: false, columntype: 'button', width: '10%', cellsrenderer: function () {
|
||||
return "Delete";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridmikroorganisme").offset();
|
||||
var dataRecord = $("#gridmikroorganisme").jqxGrid('getrowdata', editrow);
|
||||
swal({
|
||||
title : 'Are you sure?',
|
||||
text : "Do you realy want to delete this data!",
|
||||
type : 'warning',
|
||||
showCancelButton : true,
|
||||
confirmButtonClass : 'btn btn-confirm mt-2',
|
||||
cancelButtonClass : 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText : 'Yes, confirm it!'
|
||||
}).then(function () {
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("deleteJawaban") }}', { id: 'mikroorganisme', idsirab: dataRecord.id, _token: token }, function(data){
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
var warna = data.warna;
|
||||
var icon = data.icon;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: warna,
|
||||
icon: icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$("#gridmikroorganisme").jqxGrid('updatebounddata', 'filter');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
var sourcebakteri = {
|
||||
datatype : "json",
|
||||
datafields : [
|
||||
{ name: 'id',type: 'text'},
|
||||
{ name: 'name',type: 'text'},
|
||||
{ name: 'category',type: 'text'},
|
||||
{ name: 'kelompok',type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: { val01:'Bakteri', _token: token },
|
||||
url : '{{ route("getriwayat") }}',
|
||||
};
|
||||
var jsonBakteri = new $.jqx.dataAdapter(sourcebakteri);
|
||||
$("#gridbakteri").jqxGrid({
|
||||
width : '100%',
|
||||
showfilterrow : true,
|
||||
filterable : true,
|
||||
source : jsonBakteri,
|
||||
columnsresize : true,
|
||||
theme : "energyblue",
|
||||
autoheight : true,
|
||||
pageable : true,
|
||||
altrows : true,
|
||||
selectionmode : 'multiplecellsextended',
|
||||
columns : [
|
||||
{ text: 'Edit', filterable: false, columntype: 'button', cellsalign: 'center', align: 'center', width: '10%', cellsrenderer: function () {
|
||||
return "Edit";
|
||||
}, buttonclick: function (row) {
|
||||
editrowpoli = row;
|
||||
var offset = $("#gridbakteri").offset();
|
||||
var dataRecord = $("#gridbakteri").jqxGrid('getrowdata', editrowpoli);
|
||||
$("#mb_id").val(dataRecord.id);
|
||||
$("#mb_kelompok").val(dataRecord.kelompok);
|
||||
$("#mb_kategori").val(dataRecord.category);
|
||||
$("#mb_name").val(dataRecord.name);
|
||||
$('#ModalMikroandBakteri').modal('show');
|
||||
}
|
||||
},
|
||||
{ text: 'Name', datafield: 'name', width: '40%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Category', datafield: 'category', width: '40%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Delete', editable: false, sortable: false, filterable: false, columntype: 'button', width: '10%', cellsrenderer: function () {
|
||||
return "Delete";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridbakteri").offset();
|
||||
var dataRecord = $("#gridbakteri").jqxGrid('getrowdata', editrow);
|
||||
swal({
|
||||
title : 'Are you sure?',
|
||||
text : "Do you realy want to delete this data!",
|
||||
type : 'warning',
|
||||
showCancelButton : true,
|
||||
confirmButtonClass : 'btn btn-confirm mt-2',
|
||||
cancelButtonClass : 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText : 'Yes, confirm it!'
|
||||
}).then(function () {
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("deleteJawaban") }}', { id: 'mikroorganisme', idsirab: dataRecord.id, _token: token }, function(data){
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
var warna = data.warna;
|
||||
var icon = data.icon;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: warna,
|
||||
icon: icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$("#gridbakteri").jqxGrid('updatebounddata', 'filter');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
}
|
||||
$(window).on('load', function () {
|
||||
openedpage();
|
||||
});
|
||||
$(document).ready(function() {
|
||||
$(".btnubahfoto").click(function() {
|
||||
$('#modalupdatefoto').modal('show');
|
||||
});
|
||||
$("#btnAddMB").click(function(){
|
||||
var set01 = document.getElementById('mb_name').value;
|
||||
var set02 = document.getElementById('mb_kategori').value;
|
||||
var set03 = document.getElementById('mb_kelompok').value;
|
||||
var set04 = document.getElementById('mb_id').value;
|
||||
if (set01 == '' || set02 == '' || set03 == ''){
|
||||
swal({
|
||||
title : 'Mohon diLengkapi',
|
||||
text : 'Data Dasar Wajib di Isi',
|
||||
type : 'warning',
|
||||
});
|
||||
} else {
|
||||
$('#ModalMikroandBakteri').modal('hide');
|
||||
var form_data = new FormData();
|
||||
form_data.append('name', set01);
|
||||
form_data.append('category', set02);
|
||||
form_data.append('kelompok', set03);
|
||||
form_data.append('id', set04);
|
||||
form_data.append('tabel', 'Organisme');
|
||||
form_data.append('_token', '{{csrf_token()}}');
|
||||
$.ajax({
|
||||
url : '{{ route("exSIRAb") }}',
|
||||
data : form_data,
|
||||
type : 'POST',
|
||||
contentType : false,
|
||||
processData : false,
|
||||
success : function (data) {
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
var icon = data.icon;
|
||||
var warna = data.warna;
|
||||
$("html, body").animate({ scrollTop: 0 }, "slow");
|
||||
$.toast({
|
||||
heading : status,
|
||||
text : message,
|
||||
position : 'top-right',
|
||||
loaderBg : warna,
|
||||
icon : icon,
|
||||
hideAfter : 3000,
|
||||
stack : 1
|
||||
});
|
||||
$("#gridbakteri").jqxGrid('updatebounddata', 'filter');
|
||||
$("#gridmikroorganisme").jqxGrid('updatebounddata', 'filter');
|
||||
return false;
|
||||
},
|
||||
error : function (xhr, status, error) {
|
||||
var response = xhr.responseJSON || {};
|
||||
var traceText = response.trace ? JSON.stringify(response.trace) : null;
|
||||
swal({
|
||||
title : response,
|
||||
text : traceText,
|
||||
type : 'error',
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
$("#btnaddnewmikroorganisme").click(function() {
|
||||
$("#mb_id").val('new');
|
||||
$("#mb_kelompok").val('mikroorganisme');
|
||||
$('#ModalMikroandBakteri').modal('show');
|
||||
});
|
||||
$("#btnaddnewbakteri").click(function() {
|
||||
$("#mb_id").val('new');
|
||||
$("#mb_kelompok").val('biakankultur');
|
||||
$('#ModalMikroandBakteri').modal('show');
|
||||
});
|
||||
$("#btnsimpanfoto").click(function(){
|
||||
var filegambar = document.getElementById('upload_file');
|
||||
$('#modalupdatefoto').modal('hide');
|
||||
var form_data = new FormData();
|
||||
form_data.append('file', filegambar.files[0]);
|
||||
form_data.append('_token', '{{csrf_token()}}');
|
||||
$.ajax({
|
||||
url: '{{ url("template/uploadkop") }}',
|
||||
data: form_data,
|
||||
type: 'POST',
|
||||
contentType: false,
|
||||
processData: false,
|
||||
success: function (data) {
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
if (status == 'Failed'){
|
||||
swal({
|
||||
title: status,
|
||||
text: message,
|
||||
type: 'warning',
|
||||
})
|
||||
}else {
|
||||
$("html, body").animate({ scrollTop: 0 }, "slow");
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: '#5ba035',
|
||||
icon: 'success',
|
||||
hideAfter: 15000,
|
||||
stack: 1
|
||||
});
|
||||
}
|
||||
return false;
|
||||
},
|
||||
error: function (xhr, status, error) {
|
||||
swal({
|
||||
title: status,
|
||||
text: error,
|
||||
type: 'warning',
|
||||
})
|
||||
}
|
||||
});
|
||||
});
|
||||
$('#divtambahdata').hide();
|
||||
$('#divawal').hide();
|
||||
$("#btnkembali").click(function() {
|
||||
$('#divtambahdata').hide();
|
||||
$('#divawal').show();
|
||||
});
|
||||
var sourcekategori = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'jawaban', type: 'text'}
|
||||
],
|
||||
updaterow: function (rowid, rowdata, commit) {
|
||||
commit(true);
|
||||
},
|
||||
url: '{{ route("getListJawaban") }}',
|
||||
cache: false
|
||||
};
|
||||
var dataAdaptercat = new $.jqx.dataAdapter(sourcekategori);
|
||||
$("#gridkategori").jqxGrid({
|
||||
width: '100%',
|
||||
enablebrowserselection: true,
|
||||
filterable: true,
|
||||
showfilterrow: true,
|
||||
pageable: false,
|
||||
autoheight: true,
|
||||
source: dataAdaptercat,
|
||||
theme: "energyblue",
|
||||
selectionmode: 'multiplecellsextended',
|
||||
columns: [
|
||||
{ text: 'Category', datafield: 'jawaban', width: '52%', align: 'center', cellsalign: 'left'},
|
||||
{ text: 'Detail', sortable: false, filterable: false, columntype: 'button', width: '15%', align: 'center', cellsrenderer: function () {
|
||||
return "Detail";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridkategori").offset();
|
||||
var dataRecord = $("#gridkategori").jqxGrid('getrowdata', editrow);
|
||||
var set01 = dataRecord.id;
|
||||
var set02 = dataRecord.jawaban;
|
||||
$("#id_idkategori").val(set01);
|
||||
var token = document.getElementById('token').value;
|
||||
var source = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'kategori', type: 'text'},
|
||||
{ name: 'judul', type: 'text'},
|
||||
{ name: 'isine', type: 'text'},
|
||||
{ name: 'kesimpulan', type: 'text'},
|
||||
],
|
||||
type: 'POST',
|
||||
data: {val01:set01, val02:set02, _token: token},
|
||||
url: '{{ route("getListSubjawaban") }}'
|
||||
};
|
||||
$('#divawal').show();
|
||||
var dataAdapter = new $.jqx.dataAdapter(source);
|
||||
$("#griddetail").jqxGrid({
|
||||
width: '100%',
|
||||
enablebrowserselection: true,
|
||||
filterable: true,
|
||||
showfilterrow: true,
|
||||
autoheight: true,
|
||||
pageable: false,
|
||||
source: dataAdapter,
|
||||
columnsresize: true,
|
||||
theme: "energyblue",
|
||||
selectionmode: 'multiplecellsextended',
|
||||
columns: [
|
||||
{ text: 'Category', sortable: false, filterable: false, datafield: 'kategori', width: '20%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Title', datafield: 'judul', width: '60%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Add/Edit', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '10%', cellsrenderer: function () {
|
||||
return "Add/Edit";
|
||||
}, buttonclick: function (row) {
|
||||
editrowruangan = row;
|
||||
var offset = $("#griddetail").offset();
|
||||
var dataRecord = $("#griddetail").jqxGrid('getrowdata', editrowruangan);
|
||||
var cek = dataRecord.id;
|
||||
if (cek == 'gakboleh'){
|
||||
swal({
|
||||
title: 'Not Allowed',
|
||||
text: "Please The Category First!",
|
||||
type: 'warning',
|
||||
})
|
||||
} else if (cek == 'new'){
|
||||
$("#id_idjawaban").val(dataRecord.id);
|
||||
$("#id_judul").val('');
|
||||
CKEDITOR.instances['id_jawaban'].setData('')
|
||||
CKEDITOR.instances['id_kesimpulan'].setData('')
|
||||
$('#divtambahdata').show();
|
||||
$('#divawal').hide();
|
||||
} else {
|
||||
$("#id_idjawaban").val(dataRecord.id);
|
||||
$("#id_judul").val(dataRecord.judul);
|
||||
CKEDITOR.instances['id_jawaban'].setData(dataRecord.isine)
|
||||
CKEDITOR.instances['id_kesimpulan'].setData(dataRecord.kesimpulan)
|
||||
$('#divtambahdata').show();
|
||||
$('#divawal').hide();
|
||||
}
|
||||
}
|
||||
},
|
||||
{ text: 'Delete', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '10%', cellsrenderer: function () {
|
||||
return "Delete";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#griddetail").offset();
|
||||
var dataRecord = $("#griddetail").jqxGrid('getrowdata', editrow);
|
||||
var goook = dataRecord.id;
|
||||
var token = document.getElementById('token').value;
|
||||
swal({
|
||||
title: 'Are you sure?',
|
||||
text: "Do you realy want to delete this data!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonClass: 'btn btn-confirm mt-2',
|
||||
cancelButtonClass: 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then(function () {
|
||||
swal({
|
||||
title: 'Deleted !',
|
||||
text: "Your Data has been deleted",
|
||||
type: 'success',
|
||||
confirmButtonClass: 'btn btn-confirm mt-2'
|
||||
})
|
||||
$.post('{{ route("deleteSubjawaban") }}', { id: goook, _token: token },
|
||||
function(data){
|
||||
$("#griddetail").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
})
|
||||
}
|
||||
},
|
||||
],
|
||||
});
|
||||
}
|
||||
},
|
||||
{ text: 'Add/Edit', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '18%', cellsrenderer: function () {
|
||||
return "Add/Edit";
|
||||
}, buttonclick: function (row) {
|
||||
editrowpoli = row;
|
||||
var offset = $("#gridkategori").offset();
|
||||
var dataRecord = $("#gridkategori").jqxGrid('getrowdata', editrowpoli);
|
||||
var cek = dataRecord.id;
|
||||
if (cek == 'new'){
|
||||
var jawaban = '';
|
||||
}
|
||||
else {
|
||||
var jawaban = dataRecord.jawaban;
|
||||
}
|
||||
$("#id_idkategori").val(dataRecord.id);
|
||||
$("#id_kategori").val(jawaban);
|
||||
$('#ModalKategori').modal('show');
|
||||
}
|
||||
},
|
||||
{ text: 'Delete', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '15%', cellsrenderer: function () {
|
||||
return "Delete";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridkategori").offset();
|
||||
var dataRecord = $("#gridkategori").jqxGrid('getrowdata', editrow);
|
||||
var goook = dataRecord.id;
|
||||
if (goook == 'new'){
|
||||
swal({
|
||||
title: 'Not Deleteable Data!',
|
||||
type: 'warning',
|
||||
})
|
||||
}
|
||||
else {
|
||||
var token = document.getElementById('token').value;
|
||||
swal({
|
||||
title: 'Are you sure?',
|
||||
text: "Do you realy want to delete this data!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonClass: 'btn btn-confirm mt-2',
|
||||
cancelButtonClass: 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then(function () {
|
||||
swal({
|
||||
title: 'Deleted !',
|
||||
text: "Your Data has been deleted",
|
||||
type: 'success',
|
||||
confirmButtonClass: 'btn btn-confirm mt-2'
|
||||
})
|
||||
$.post('{{ route("deleteJawaban") }}', { id: goook, _token: token },function(data){
|
||||
$("#gridkategori").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
]
|
||||
});
|
||||
$("#btnAddKategori").click(function(){
|
||||
var set01 = document.getElementById('id_kategori').value;
|
||||
var set02 = document.getElementById('id_idkategori').value;
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("updateJawaban") }}', { val01: set01, val02: set02, _token: token },
|
||||
function(data){
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: '#bf441d',
|
||||
icon: 'info',
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$('#ModalKategori').modal('hide');
|
||||
$("#gridkategori").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#btnAddDetail").click(function(){
|
||||
var set01 = document.getElementById('id_idkategori').value;
|
||||
var set02 = document.getElementById('id_idjawaban').value;
|
||||
var set03 = document.getElementById('id_judul').value;
|
||||
var set04 = CKEDITOR.instances['id_jawaban'].getData()
|
||||
var set05 = CKEDITOR.instances['id_kesimpulan'].getData()
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("updateSubjawaban") }}', { val01: set01, val02: set02, val03: set03, val04: set04, val05: set05, _token: token },
|
||||
function(data){
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: '#bf441d',
|
||||
icon: 'info',
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$('#divtambahdata').hide();
|
||||
$('#divawal').show();
|
||||
$("#griddetail").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,329 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">User List</div>
|
||||
<p class="m-b-0"></p>
|
||||
<button type="button" class="btn btn-info waves-light waves-effect" data-toggle="modal" data-target="#addModal">Add New User</button>
|
||||
|
||||
@if(Session::has('message'))
|
||||
<div class="alert {{ Session::get('alert-class') }} alert-dismissable">
|
||||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||||
<h4><i class="icon fa fa-check"></i> {{ Session::get('status') }}</h4>
|
||||
{!! Session::get('message') !!}
|
||||
</div>
|
||||
@endif
|
||||
<div class="table-responsive">
|
||||
<table id="datatable" class="table table-bordered display">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Username</th>
|
||||
<th>Previlage</th>
|
||||
<th>Register</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($users as $user)
|
||||
<tr>
|
||||
<td>{{ $user->nama }}</td>
|
||||
<td>{{ $user->username }}</td>
|
||||
<td>{{ $user->previlage }}</td>
|
||||
<td>{{ $user->created_at }}</td>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="btn btn-light dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="false"> <i class="icon-settings"></i> </button>
|
||||
<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
|
||||
<a class="dropdown-item update" href="#" user-id="{{ $user->id }}" data-toggle="modal" data-target="#updateModal">Update</a>
|
||||
<a class="dropdown-item delete" href="#" user-id="{{ $user->id }}">Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<form id="formDelete" action="{{ route('deleteUser') }}" method="POST">
|
||||
{{ csrf_field() }}
|
||||
<input type="hidden" name="user_id" id="delete_user">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Add Modal -->
|
||||
<div id="addModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Add Users</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" action="{{ url('user/store') }}" method="POST">
|
||||
{{ csrf_field() }}
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Full Name</label>
|
||||
<input class="form-control" type="text" name="nama" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Username</label>
|
||||
<input class="form-control" type="text" name="username" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Password</label>
|
||||
<input class="form-control" type="password" name="password" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Privilage</label>
|
||||
<select class="form-control" name="previlage">
|
||||
<option value="">Pilih Akses</option>
|
||||
<option value="supervisor">Supervisor</option>
|
||||
<option value="admin">Pendaftaran</option>
|
||||
<option value="analis">Analis</option>
|
||||
<option value="ppds">PPDS</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="submit">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Update User Data</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" action="{{ url('user/update') }}" method="POST">
|
||||
{{ csrf_field() }}
|
||||
<div class="form-group m-b-25">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Username</label>
|
||||
<input class="form-control" type="text" id="username" name="username" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label>Name</label>
|
||||
<input class="form-control" type="text" id="nama" name="nama" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>New Password</label>
|
||||
<input class="form-control" type="password" name="password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Repeat Password</label>
|
||||
<input class="form-control" type="password" name="password_confirmation">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Privilage</label>
|
||||
<select class="form-control" name="previlage">
|
||||
<option value="">Pilih Akses</option>
|
||||
<option value="supervisor">Supervisor</option>
|
||||
<option value="admin">Pendaftaran</option>
|
||||
<option value="analis">Analis</option>
|
||||
<option value="ppds">PPDS</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="id_user" id="id_user">
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="submit">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
<div id="modaladdmodlist" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title" id="myModalLabel">Add Modality List</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>AE Title</label>
|
||||
<input class="form-control" type="text" id="work_title">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>IP Address</label>
|
||||
<input class="form-control" type="text" id="work_ipaddress">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Port Number</label>
|
||||
<input class="form-control" type="text" id="work_port">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Modality</label>
|
||||
<select class="form-control" id="work_modaliti" name="modaliti">
|
||||
<option value="OT">Other</option>
|
||||
<option value="AR">Autorefraction</option>
|
||||
<option value="ASMT">Content Assessment Results</option>
|
||||
<option value="AU">Audio</option>
|
||||
<option value="BDUS">Bone Densitometry (ultrasound)</option>
|
||||
<option value="BI">Biomagnetic imaging</option>
|
||||
<option value="BMD">Bone Densitometry (X-Ray)</option>
|
||||
<option value="CR">Computed Radiography</option>
|
||||
<option value="CT">Computed Tomography</option>
|
||||
<option value="DG">Diaphanography</option>
|
||||
<option value="DOC">Document</option>
|
||||
<option value="DX">Digital Radiography</option>
|
||||
<option value="ECG">Electrocardiography</option>
|
||||
<option value="EPS">Cardiac Electrophysiology</option>
|
||||
<option value="ES">Endoscopy</option>
|
||||
<option value="FID">Fiducials</option>
|
||||
<option value="GM">General Microscopy</option>
|
||||
<option value="HC">Hard Copy</option>
|
||||
<option value="HD">Hemodynamic Waveform</option>
|
||||
<option value="IO">Intra-Oral Radiography</option>
|
||||
<option value="IOL">Intraocular Lens Data</option>
|
||||
<option value="IVOCT">Intravascular Optical Coherence Tomography</option>
|
||||
<option value="IVUS">Intravascular Ultrasound</option>
|
||||
<option value="KER">Keratometry</option>
|
||||
<option value="KO">Key Object Selection</option>
|
||||
<option value="LEN">Lensometry</option>
|
||||
<option value="LS">Laser surface scan</option>
|
||||
<option value="MG">Mammography</option>
|
||||
<option value="MR">Magnetic Resonance</option>
|
||||
<option value="NM">Nuclear Medicine</option>
|
||||
<option value="OAM">Ophthalmic Axial Measurements</option>
|
||||
<option value="OCT">Optical Coherence Tomography (non-Ophthalmic)</option>
|
||||
<option value="OP">Ophthalmic Photography</option>
|
||||
<option value="OPM">Ophthalmic Mapping</option>
|
||||
<option value="OPT">Ophthalmic Tomography</option>
|
||||
<option value="OPV">Ophthalmic Visual Field</option>
|
||||
<option value="OSS">Optical Surface Scan</option>
|
||||
<option value="PLAN">Plan</option>
|
||||
<option value="PR">Presentation State</option>
|
||||
<option value="PT">Positron emission tomography (PET)</option>
|
||||
<option value="PX">Panoramic X-Ray</option>
|
||||
<option value="REG">Registration</option>
|
||||
<option value="RESP">Respiratory Waveform</option>
|
||||
<option value="RF">Radio Fluoroscopy</option>
|
||||
<option value="RG">Radiographic imaging (conventional film/screen)</option>
|
||||
<option value="RTDOSE">Radiotherapy Dose</option>
|
||||
<option value="RTIMAGE">Radiotherapy Image</option>
|
||||
<option value="RTPLAN">Radiotherapy Plan</option>
|
||||
<option value="RTRECORD">RT Treatment Record</option>
|
||||
<option value="RTSTRUCT">Radiotherapy Structure Set</option>
|
||||
<option value="RWV">Real World Value Map</option>
|
||||
<option value="SEG">Segmentation</option>
|
||||
<option value="SM">Slide Microscopy</option>
|
||||
<option value="SMR">Stereometric Relationship</option>
|
||||
<option value="SR">SR Document</option>
|
||||
<option value="SRF">Subjective Refraction</option>
|
||||
<option value="STAIN">Automated Slide Stainer</option>
|
||||
<option value="TG">Thermography</option>
|
||||
<option value="US">Ultrasound</option>
|
||||
<option value="VA">Visual Acuity</option>
|
||||
<option value="XA">X-Ray Angiography</option>
|
||||
<option value="XC">External-camera Photography</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group m-b-25">
|
||||
<div class="col-12">
|
||||
<label>Location</label>
|
||||
<input class="form-control" type="text" id="work_location" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group account-btn text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<input class="form-control" type="hidden" id="work_idne">
|
||||
<button class="btn w-lg btn-custom waves-effect waves-light" type="button" id="btnsaveworklist">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('form').parsley();
|
||||
$("#btnaddmod").click(function(){
|
||||
$("#work_idne").val('new');
|
||||
$('#modaladdmodlist').modal('show');
|
||||
});
|
||||
});
|
||||
$('.delete').click(function () {
|
||||
var user_id = $(this).attr("user-id");
|
||||
$("#delete_user").val(user_id);
|
||||
swal({
|
||||
title: 'Are you sure?',
|
||||
text: "Do you realy want to delete this data!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonClass: 'btn btn-confirm mt-2',
|
||||
cancelButtonClass: 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then(function () {
|
||||
swal({
|
||||
title: 'Deleted !',
|
||||
text: "Data has been deleted",
|
||||
type: 'success',
|
||||
confirmButtonClass: 'btn btn-confirm mt-2'
|
||||
})
|
||||
$("#formDelete").submit();
|
||||
})
|
||||
});
|
||||
$(document).on('click', '.update', function(e) {
|
||||
var id = $(this).attr('user-id');
|
||||
$.ajax({
|
||||
type : 'POST',
|
||||
url : '{{ route("getUser") }}',
|
||||
data : {'id' : id, _token : "{{ csrf_token() }}"},
|
||||
success : function(response) {
|
||||
var data = JSON.parse(response);
|
||||
$("#nama").val(data['nama']);
|
||||
$("#username").val(data['username']);
|
||||
$("#previlage").val(data['previlage']);
|
||||
$("#id_user").val(data['id']);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
Reference in New Issue
Block a user