Uploaded From CV. Swandhana Server
This commit is contained in:
Duidev Software House
No files matched your search
@@ -0,0 +1 @@
|
||||
import './bootstrap';
|
||||
Vendored
+32
@@ -0,0 +1,32 @@
|
||||
/**
|
||||
* We'll load the axios HTTP library which allows us to easily issue requests
|
||||
* to our Laravel back-end. This library automatically handles sending the
|
||||
* CSRF token as a header based on the value of the "XSRF" token cookie.
|
||||
*/
|
||||
|
||||
import axios from 'axios';
|
||||
window.axios = axios;
|
||||
|
||||
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
|
||||
|
||||
/**
|
||||
* Echo exposes an expressive API for subscribing to channels and listening
|
||||
* for events that are broadcast by Laravel. Echo and event broadcasting
|
||||
* allows your team to easily build robust real-time web applications.
|
||||
*/
|
||||
|
||||
// import Echo from 'laravel-echo';
|
||||
|
||||
import Pusher from 'pusher-js';
|
||||
window.Pusher = Pusher;
|
||||
|
||||
// window.Echo = new Echo({
|
||||
// broadcaster: 'pusher',
|
||||
// key: import.meta.env.VITE_PUSHER_APP_KEY,
|
||||
// cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1',
|
||||
// wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`,
|
||||
// wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
|
||||
// wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
|
||||
// forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
|
||||
// enabledTransports: ['ws', 'wss'],
|
||||
// });
|
||||
@@ -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
|
||||
@@ -0,0 +1,21 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Backup Database and File</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class='box-body'>
|
||||
<iframe src="{{URL::to("/")}}/backupdata/" width="100%" height="780" style="border: none;" id="document-preview"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
</div> <!-- end container -->
|
||||
</div>
|
||||
<!-- TOKEN -->
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
@endsection
|
||||
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>{{ config('global.namaapps') }} - {{ config('global.Title') }}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<meta content="{{ config('global.namaapps') }}" name="description" />
|
||||
<meta content="{{ config('global.domainapps') }}" name="author" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<link rel="shortcut icon" href="{{ asset('favicon.ico') }}">
|
||||
@include('base.partials.css-plain')
|
||||
<!--
|
||||
Programmer : Dwi Swandhana
|
||||
Website : http://duidev.com
|
||||
HP : 081359108565
|
||||
Email : swandhana17@gmail.com
|
||||
-->
|
||||
</head>
|
||||
<body>
|
||||
@include('base.partials.header-plain')
|
||||
@yield('content')
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
2024 | {{ config('global.namaapps') }} {{ config('global.domainapps') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@include('base.partials.js-plain')
|
||||
@stack('script')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,46 @@
|
||||
<!-- DataTables -->
|
||||
<link href="high/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="high/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- Responsive datatable examples -->
|
||||
<link href="high/plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- Multi Item Selection examples -->
|
||||
<link href="high/plugins/datatables/select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
||||
<!-- Sweet Alert css -->
|
||||
<link href="high/plugins/sweet-alert/sweetalert2.min.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- Plugins css -->
|
||||
<link href="high/plugins/bootstrap-timepicker/bootstrap-timepicker.min.css" rel="stylesheet">
|
||||
<link href="high/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
|
||||
<link href="high/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet">
|
||||
<link href="high/plugins/clockpicker/css/bootstrap-clockpicker.min.css" rel="stylesheet">
|
||||
<link href="high/plugins/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
|
||||
|
||||
<link href="high/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css" rel="stylesheet" />
|
||||
<link href="high/plugins/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" />
|
||||
<link href="high/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="high/plugins/switchery/switchery.min.css">
|
||||
|
||||
<!-- Toastr css -->
|
||||
<link href="high/plugins/jquery-toastr/jquery.toast.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- App css -->
|
||||
<link href="high/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="high/assets/css/icons.css" rel="stylesheet" type="text/css" />
|
||||
<link href="high/assets/css/style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<script src="high/assets/js/modernizr.min.js"></script>
|
||||
|
||||
<!-- JQWidgets -->
|
||||
<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
|
||||
<link rel="stylesheet" href="jqwidgets/styles/jqx.orange.css" type="text/css" />
|
||||
<link rel="stylesheet" href="jqwidgets/styles/jqx.classic.css" type="text/css" />
|
||||
<link rel="stylesheet" href="jqwidgets/styles/jqx.metro.css" type="text/css" />
|
||||
<link rel="stylesheet" href="jqwidgets/styles/jqx.fresh.css" type="text/css" />
|
||||
<link rel="stylesheet" href="jqwidgets/styles/jqx.energyblue.css" type="text/css" />
|
||||
<link rel="stylesheet" href="jqwidgets/styles/jqx.darkblue.css" type="text/css" />
|
||||
|
||||
<!-- FullCalendar -->
|
||||
<link href="high/plugins/fullcalendar/packages/core/main.css" rel='stylesheet' />
|
||||
<link href="high/plugins/fullcalendar/packages/daygrid/main.css" rel='stylesheet' />
|
||||
<link href="high/plugins/fullcalendar/packages/timegrid/main.css" rel='stylesheet' />
|
||||
<link href="high/plugins/fullcalendar/packages/list/main.css" rel='stylesheet' />
|
||||
@@ -0,0 +1,46 @@
|
||||
<!-- DataTables -->
|
||||
<link href="{{ asset('high/plugins/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<link href="{{ asset('high/plugins/datatables/buttons.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<!-- Responsive datatable examples -->
|
||||
<link href="{{ asset('high/plugins/datatables/responsive.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<!-- Multi Item Selection examples -->
|
||||
<link href="{{ asset('high/plugins/datatables/select.bootstrap4.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<!-- Sweet Alert css -->
|
||||
<link href="{{ asset('high/plugins/sweet-alert/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- Plugins css -->
|
||||
<link href="{{ asset('high/plugins/bootstrap-timepicker/bootstrap-timepicker.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('high/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('high/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('high/plugins/clockpicker/css/bootstrap-clockpicker.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('high/plugins/bootstrap-daterangepicker/daterangepicker.css') }}" rel="stylesheet">
|
||||
|
||||
<link href="{{ asset('high/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css') }}" rel="stylesheet" />
|
||||
<link href="{{ asset('high/plugins/bootstrap-select/css/bootstrap-select.min.css') }}" rel="stylesheet" />
|
||||
<link href="{{ asset('high/plugins/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ asset('high/plugins/switchery/switchery.min.css') }}">
|
||||
|
||||
<!-- Toastr css -->
|
||||
<link href="{{ asset('high/plugins/jquery-toastr/jquery.toast.min.css') }}" rel="stylesheet" />
|
||||
|
||||
<!-- App css -->
|
||||
<link href="{{ asset('high/assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
|
||||
<link href="{{ asset('high/assets/css/icons.css') }}" rel="stylesheet" type="text/css" />
|
||||
<link href="{{ asset('high/assets/css/style.css') }}" rel="stylesheet" type="text/css" />
|
||||
|
||||
<script src="{{ asset('high/assets/js/modernizr.min.js') }}"></script>
|
||||
|
||||
<!-- JQWidgets -->
|
||||
<link rel="stylesheet" href="{{ asset('jqwidgets/styles/jqx.base.css') }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ asset('jqwidgets/styles/jqx.orange.css') }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ asset('jqwidgets/styles/jqx.classic.css') }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ asset('jqwidgets/styles/jqx.metro.css') }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ asset('jqwidgets/styles/jqx.fresh.css') }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ asset('jqwidgets/styles/jqx.energyblue.css') }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ asset('jqwidgets/styles/jqx.darkblue.css') }}" type="text/css" />
|
||||
|
||||
<!-- FullCalendar -->
|
||||
<link href="{{ asset('high/plugins/fullcalendar/packages/core/main.css') }}" rel='stylesheet' />
|
||||
<link href="{{ asset('high/plugins/fullcalendar/packages/daygrid/main.css') }}" rel='stylesheet' />
|
||||
<link href="{{ asset('high/plugins/fullcalendar/packages/timegrid/main.css') }}" rel='stylesheet' />
|
||||
<link href="{{ asset('high/plugins/fullcalendar/packages/list/main.css') }}" rel='stylesheet' />
|
||||
@@ -0,0 +1,152 @@
|
||||
<header id="topnav">
|
||||
<div class="topbar-main">
|
||||
<div class="container-fluid">
|
||||
<!-- Logo container-->
|
||||
<div class="logo">
|
||||
<a href="{{ url('/') }}" class="logo">
|
||||
<img src="{{ asset('logo.png') }}" alt="" height="26" class="logo-small">
|
||||
<img src="{{ asset('logo.png') }}" alt="" height="40" class="logo-large">
|
||||
<b>{{ config('global.Title') }} | {{ config('global.namaapps') }}</b>
|
||||
</a>
|
||||
</div>
|
||||
<div class="menu-extras topbar-custom">
|
||||
<ul class="list-unstyled topbar-right-menu float-right mb-0">
|
||||
<li class="menu-item">
|
||||
<a class="navbar-toggle nav-link">
|
||||
<div class="lines">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
@if(Session::get('id') !== null)
|
||||
@if (isset($antrkrmsitu))
|
||||
<li class="dropdown notification-list">
|
||||
<a class="nav-link dropdown-toggle arrow-none waves-effect" data-toggle="dropdown" href="#" role="button"
|
||||
aria-haspopup="false" aria-expanded="false">
|
||||
<i class="fi-bell noti-icon"></i>
|
||||
<span class="badge badge-danger badge-pill noti-icon-badge">{{$antrkrmsitu}}</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right dropdown-lg">
|
||||
<a href="checkout" class="dropdown-item text-center text-primary notify-item notify-all">
|
||||
Sync To INSITU <i class="fi-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
@endif
|
||||
<li class="dropdown notification-list">
|
||||
<a class="nav-link dropdown-toggle waves-effect nav-user" data-toggle="dropdown" href="#" role="button"
|
||||
aria-haspopup="false" aria-expanded="false">
|
||||
<img src="{{ Session::get('photo') }}" alt="user" class="rounded-circle"><span class="ml-1 pro-user-name">{{ Session::get('nama') }}<i class="mdi mdi-chevron-down"></i> </span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right profile-dropdown ">
|
||||
<!-- item-->
|
||||
<a href="/logout" class="dropdown-item notify-item">
|
||||
<i class="fi-power"></i> <span>Logout</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
@else
|
||||
<li class="dropdown notification-list">
|
||||
<a class="nav-link dropdown-toggle waves-effect nav-user" href="/login" role="button"
|
||||
aria-haspopup="false" aria-expanded="false">
|
||||
<img src="admin.png" alt="user" class="rounded-circle"> <span class="ml-1 pro-user-name">Login</span>
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar-custom">
|
||||
<div class="container-fluid">
|
||||
<div id="navigation">
|
||||
<ul class="navigation-menu">
|
||||
@if(Session::get('previlage') == 'developer' || Session::get('previlage') == 'supervisor')
|
||||
<li><a href="/reportppds"><i class="fa fa-h-square"></i>SPV Verification</a></li>
|
||||
<li><a href="/pendaftaran"><i class="fa fa-h-square"></i>Registration</a></li>
|
||||
<li><a href="/mikro"><i class="fa fa-user-md"></i>Expertise</a></li>
|
||||
<li><a href="/pasien"><i class="fa fa-wheelchair"></i>Patient</a></li>
|
||||
<li><a href="/report"><i class="fa fa-hospital-o"></i>Report</a></li>
|
||||
<li class="has-submenu">
|
||||
<a href="#"><i class="fa fa-user-md"></i>Logbook</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="/logbookmenu">Logbook Menu</a></li>
|
||||
<li><a href="/logbookstatistik">Report and Statistik</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!--
|
||||
|
||||
<li class="has-submenu">
|
||||
<a href="#"><i class="fa fa-stethoscope"></i>Queue List</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="/list">Current List</a></li>
|
||||
<li><a href="/antrian">Queue</a></li>
|
||||
<li><a href="/pengambilan">Result Management</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
-->
|
||||
<li class="has-submenu">
|
||||
<a href="#"><i class="fa fa-medkit"></i>Settings</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="/poli">Room and Request List</a></li>
|
||||
<li><a href="/dokter">Doctor</a></li>
|
||||
<li><a href="/user">User Management</a></li>
|
||||
<li><a href="/template">Expertise Template</a></li>
|
||||
<li><a href="/sirab">Database SIRAb</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
@elseif(Session::get('previlage') == 'ppds')
|
||||
<li><a href="/mikro"><i class="fa fa-user-md"></i>Expertise</a></li>
|
||||
<li><a href="/pendaftaran"><i class="fa fa-h-square"></i>Registration</a></li>
|
||||
<li><a href="/poli"><i class="fa fa-hospital-o"></i>Room and Request List</a></li>
|
||||
<li><a href="/pasien"><i class="fa fa-wheelchair"></i>Patient</a></li>
|
||||
<li><a href="/report"><i class="fa fa-hospital-o"></i>Report</a></li>
|
||||
<!--
|
||||
<li class="has-submenu">
|
||||
<a href="#"><i class="icon-book-open"></i>Report</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="/report">Report</a></li>
|
||||
<li><a href="/pengambilan">Result Management</a></li>
|
||||
<li><a href="/viewlogbookppds/{{Session::get('id')}}">Logbook</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-submenu">
|
||||
<a href="#"><i class="fa fa-stethoscope"></i>Queue List</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="/list">Current List</a></li>
|
||||
<li><a href="/pengambilan">Result Management</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
-->
|
||||
<li class="has-submenu">
|
||||
<a href="#"><i class="fa fa-medkit"></i>Settings</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="/template">Database</a></li>
|
||||
<li><a href="/user">User Management</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
@elseif(Session::get('previlage') == 'analis')
|
||||
<li><a href="/mikro"><i class="fa fa-user-md"></i>Expertise</a></li>
|
||||
<li><a href="/pendaftaran"><i class="fa fa-h-square"></i>Registration</a></li>
|
||||
<li><a href="/poli"><i class="fa fa-hospital-o"></i>Room and Request List</a></li>
|
||||
<li><a href="/pasien"><i class="fa fa-wheelchair"></i>Patient</a></li>
|
||||
<li><a href="/report"><i class="icon-book-open"></i>Report</a></li>
|
||||
<li><a href="/template"><i class="fa fa-medkit"></i>Database</a></li>
|
||||
@elseif(Session::get('previlage') == 'admin')
|
||||
<li><a href="/pendaftaran"><i class="fa fa-h-square"></i>Pendaftaran</a></li>
|
||||
<li><a href="/poli"><i class="fa fa-hospital-o"></i>Database</a></li>
|
||||
<li><a href="/user"><i class="icon-user"></i>User Management</a></li>
|
||||
<li><a href="/pasien"><i class="fa fa-wheelchair"></i>Pasien</a></li>
|
||||
<li><a href="/report"><i class="icon-book-open"></i>Laporan</a></li>
|
||||
@else
|
||||
<li><a href="/login"><i class="icon-user"></i>Login</a></li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -0,0 +1,116 @@
|
||||
<script src="high/assets/js/jquery.min.js"></script>
|
||||
<script src="high/assets/js/popper.min.js"></script>
|
||||
<script src="high/assets/js/bootstrap.min.js"></script>
|
||||
<script src="high/assets/js/waves.js"></script>
|
||||
<script src="high/assets/js/jquery.slimscroll.js"></script>
|
||||
|
||||
<!-- CKEDITOR -->
|
||||
<script src="ckeditor/ckeditor.js"></script>
|
||||
|
||||
<!-- plugin js -->
|
||||
<script src="high/plugins/moment/moment.js"></script>
|
||||
<script src="high/plugins/bootstrap-timepicker/bootstrap-timepicker.js"></script>
|
||||
<script src="high/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
|
||||
<script src="high/plugins/clockpicker/js/bootstrap-clockpicker.min.js"></script>
|
||||
<script src="high/plugins/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
<script src="high/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
|
||||
|
||||
<script src="high/plugins/switchery/switchery.min.js"></script>
|
||||
<script src="high/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.min.js"></script>
|
||||
<script src="high/plugins/select2/js/select2.min.js" type="text/javascript"></script>
|
||||
<script src="high/plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript"></script>
|
||||
<script src="high/plugins/bootstrap-filestyle/js/bootstrap-filestyle.min.js" type="text/javascript"></script>
|
||||
<script src="high/plugins/bootstrap-maxlength/bootstrap-maxlength.js" type="text/javascript"></script>
|
||||
|
||||
<!-- Required datatable js -->
|
||||
<script src="high/plugins/datatables/jquery.dataTables.min.js"></script>
|
||||
<script src="high/plugins/datatables/dataTables.bootstrap4.min.js"></script>
|
||||
<!-- Buttons examples -->
|
||||
<script src="high/plugins/datatables/dataTables.buttons.min.js"></script>
|
||||
<script src="high/plugins/datatables/buttons.bootstrap4.min.js"></script>
|
||||
<script src="high/plugins/datatables/jszip.min.js"></script>
|
||||
<script src="high/plugins/datatables/pdfmake.min.js"></script>
|
||||
<script src="high/plugins/datatables/vfs_fonts.js"></script>
|
||||
<script src="high/plugins/datatables/buttons.html5.min.js"></script>
|
||||
<script src="high/plugins/datatables/buttons.print.min.js"></script>
|
||||
|
||||
<!-- Responsive examples -->
|
||||
<script src="high/plugins/datatables/dataTables.responsive.min.js"></script>
|
||||
<script src="high/plugins/datatables/responsive.bootstrap4.min.js"></script>
|
||||
|
||||
<!-- Selection table -->
|
||||
<script src="high/plugins/datatables/dataTables.select.min.js"></script>
|
||||
|
||||
<!-- Parsley js -->
|
||||
<script type="text/javascript" src="high/plugins/parsleyjs/parsley.min.js"></script>
|
||||
|
||||
<!-- Init js -->
|
||||
<script src="high/assets/pages/jquery.form-pickers.init.js"></script>
|
||||
<script type="text/javascript" src="high/assets/pages/jquery.form-advanced.init.js"></script>
|
||||
<script src="high/plugins/bootstrap-inputmask/bootstrap-inputmask.min.js" type="text/javascript"></script>
|
||||
<script src="high/plugins/autoNumeric/autoNumeric.js" type="text/javascript"></script>
|
||||
|
||||
<!-- Sweet Alert Js -->
|
||||
<script src="high/plugins/sweet-alert/sweetalert2.min.js"></script>
|
||||
<!-- <script src="high/assets/pages/jquery.sweet-alert.init.js"></script> -->
|
||||
|
||||
<script src="high/plugins/jquery-knob/jquery.knob.js"></script>
|
||||
|
||||
<!-- Toastr js -->
|
||||
<script src="high/plugins/jquery-toastr/jquery.toast.min.js" type="text/javascript"></script>
|
||||
<script src="high/assets/pages/jquery.toastr.js" type="text/javascript"></script>
|
||||
|
||||
<!-- App js -->
|
||||
<script src="high/assets/js/jquery.core.js"></script>
|
||||
<script src="high/assets/js/jquery.app.js"></script>
|
||||
<script src="js/JsBarcode.all.min.js"></script>
|
||||
|
||||
<!--Excell Export js-->
|
||||
<script src="high/plugins/excellexport/jquery.battatech.excelexport.js"></script>
|
||||
|
||||
<!-- JQWidgets -->
|
||||
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxdate.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxscheduler.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxscheduler.api.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxcalendar.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxdatetimeinput.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxwindow.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxmenu.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxpanel.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxcheckbox.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxlistbox.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxinput.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxdropdownlist.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxcombobox.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.sort.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.filter.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.selection.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.aggregates.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.columnsresize.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.columnsreorder.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.pager.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.edit.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxdata.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxdata.export.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxgrid.export.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxtabs.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxchart.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/jqxchart.core.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/globalization/globalize.js"></script>
|
||||
<script type="text/javascript" src="jqwidgets/globalization/globalize.culture.en-US.js"></script>
|
||||
<!-- CALENDER -->
|
||||
<script src="high/plugins/fullcalendar/packages/core/main.js"></script>
|
||||
<script src="high/plugins/fullcalendar/packages/interaction/main.js"></script>
|
||||
<script src="high/plugins/fullcalendar/packages/daygrid/main.js"></script>
|
||||
<script src="high/plugins/fullcalendar/packages/timegrid/main.js"></script>
|
||||
<script src="high/plugins/fullcalendar/packages/list/main.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
// Default Datatable
|
||||
$('#datatable').DataTable();
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,117 @@
|
||||
<script src="{{ asset('high/assets/js/jquery.min.js') }}"></script>
|
||||
<script src="{{ asset('high/assets/js/popper.min.js') }}"></script>
|
||||
<script src="{{ asset('high/assets/js/bootstrap.min.js') }}"></script>
|
||||
<script src="{{ asset('high/assets/js/waves.js') }}"></script>
|
||||
<script src="{{ asset('high/assets/js/jquery.slimscroll.js') }}"></script>
|
||||
|
||||
<!-- CKEDITOR -->
|
||||
<script src="{{ asset('ckeditor/ckeditor.js') }}"></script>
|
||||
|
||||
<script src="js/JsBarcode.all.min.js"></script>
|
||||
|
||||
<!-- plugin js -->
|
||||
<script src="{{ asset('high/plugins/moment/moment.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/bootstrap-timepicker/bootstrap-timepicker.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/clockpicker/js/bootstrap-clockpicker.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
|
||||
|
||||
<script src="{{ asset('high/plugins/switchery/switchery.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/select2/js/select2.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('high/plugins/bootstrap-select/js/bootstrap-select.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('high/plugins/bootstrap-filestyle/js/bootstrap-filestyle.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('high/plugins/bootstrap-maxlength/bootstrap-maxlength.js') }}" type="text/javascript"></script>
|
||||
|
||||
<!-- Required datatable js -->
|
||||
<script src="{{ asset('high/plugins/datatables/jquery.dataTables.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
|
||||
<!-- Buttons examples -->
|
||||
<script src="{{ asset('high/plugins/datatables/dataTables.buttons.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/datatables/buttons.bootstrap4.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/datatables/jszip.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/datatables/pdfmake.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/datatables/vfs_fonts.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/datatables/buttons.html5.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/datatables/buttons.print.min.js') }}"></script>
|
||||
|
||||
<!-- Responsive examples -->
|
||||
<script src="{{ asset('high/plugins/datatables/dataTables.responsive.min.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/datatables/responsive.bootstrap4.min.js') }}"></script>
|
||||
|
||||
<!-- Selection table -->
|
||||
<script src="{{ asset('high/plugins/datatables/dataTables.select.min.js') }}"></script>
|
||||
|
||||
<!-- Parsley js -->
|
||||
<script type="text/javascript" src="{{ asset('high/plugins/parsleyjs/parsley.min.js') }}"></script>
|
||||
|
||||
<!-- Init js -->
|
||||
<script src="{{ asset('high/assets/pages/jquery.form-pickers.init.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('high/assets/pages/jquery.form-advanced.init.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/bootstrap-inputmask/bootstrap-inputmask.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('high/plugins/autoNumeric/autoNumeric.js') }}" type="text/javascript"></script>
|
||||
|
||||
<!-- Sweet Alert Js -->
|
||||
<script src="{{ asset('high/plugins/sweet-alert/sweetalert2.min.js') }}"></script>
|
||||
<!-- <script src="{{ asset('high/assets/pages/jquery.sweet-alert.init.js') }}"></script> -->
|
||||
|
||||
<script src="{{ asset('high/plugins/jquery-knob/jquery.knob.js') }}"></script>
|
||||
|
||||
<!-- Toastr js -->
|
||||
<script src="{{ asset('high/plugins/jquery-toastr/jquery.toast.min.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('high/assets/pages/jquery.toastr.js') }}" type="text/javascript"></script>
|
||||
|
||||
<!-- App js -->
|
||||
<script src="{{ asset('high/assets/js/jquery.core.js') }}"></script>
|
||||
<script src="{{ asset('high/assets/js/jquery.app.js') }}"></script>
|
||||
|
||||
<!--Excell Export js-->
|
||||
<script src="{{ asset('high/plugins/excellexport/jquery.battatech.excelexport.js') }}"></script>
|
||||
|
||||
<!-- JQWidgets -->
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxcore.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxdate.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxscheduler.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxscheduler.api.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxcalendar.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxdatetimeinput.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxwindow.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxbuttons.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxscrollbar.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxmenu.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxpanel.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxcheckbox.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxlistbox.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxinput.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxdropdownlist.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxcombobox.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.sort.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.filter.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.selection.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.aggregates.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.columnsresize.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.columnsreorder.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.pager.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.edit.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxdata.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxdata.export.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxgrid.export.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxtabs.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxchart.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/jqxchart.core.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/globalization/globalize.js') }}"></script>
|
||||
<script type="text/javascript" src="{{ asset('jqwidgets/globalization/globalize.culture.en-US.js') }}"></script>
|
||||
<!-- CALENDER -->
|
||||
<script src="{{ asset('high/plugins/fullcalendar/packages/core/main.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/fullcalendar/packages/interaction/main.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/fullcalendar/packages/daygrid/main.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/fullcalendar/packages/timegrid/main.js') }}"></script>
|
||||
<script src="{{ asset('high/plugins/fullcalendar/packages/list/main.js') }}"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
// Default Datatable
|
||||
$('#datatable').DataTable();
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,174 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ $periksa->nmpasien }} ({{ $periksa->noregister }} - {{ $periksa->nofoto }})</title>
|
||||
<style>
|
||||
|
||||
/* Untuk memotong teks di kolom */
|
||||
.truncate {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table cellpadding="0" cellspacing="0" width="800" border="0">
|
||||
@if ($kopsurat == '')
|
||||
<tr>
|
||||
<td width="45" height="200"> </td>
|
||||
<td width="233" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="128" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="150" valign="top"> </td>
|
||||
</tr>
|
||||
@else
|
||||
<tr>
|
||||
<td colspan="8"><img src="{!! $kopsurat !!}" width="100%" /></td>
|
||||
</tr>
|
||||
@endif
|
||||
<tr>
|
||||
<td colspan="8" align="center"><strong><u>HASIL PEMERIKSAAN MIKROBIOLOGI KLINIK</u></strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td class="truncate" width="223" align="left" valign="top">Nomor Laboratorium</td>
|
||||
<td width="12">:</td>
|
||||
<td class="truncate" width="230" colspan="2" align="left" valign="top">{{ $periksa->nofoto }}</td>
|
||||
<td width="128" align="left" valign="top">Tanggal MRS</td>
|
||||
<td width="12" align="left" valign="top">:</td>
|
||||
<td class="truncate" width="150" align="left" valign="top">{!! $periksa->mulai !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">No.RM</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->noregister }}</td>
|
||||
<td class="truncate" align="left" valign="top">Dokter Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->klinisi !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Nama Pasien</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->nmpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">Ruang Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->asalpasien !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Kelamin</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->jkpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">Diagnosa</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->klinis !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Usia</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->usia }}</td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Pemeriksaan</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->reques !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal Kirim Sample</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->daftar }}</td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
<td align="center" valign="top"> </td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal Selesai Hasil</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->verifikasi }}</td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
<td align="center" valign="top"> </td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="7" width="755">
|
||||
@php
|
||||
$id_sputum = '';
|
||||
$id_swabtenggorok = '';
|
||||
$id_urine = '';
|
||||
$id_swabperineum = '';
|
||||
$keterangan = '';
|
||||
if (!empty($komponens)){
|
||||
foreach($komponens as $rows){
|
||||
if (trim($rows->komponen) == 'id_sputum') {$id_sputum = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'id_swabtenggorok') {$id_swabtenggorok = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'id_urine') {$id_urine = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'id_swabperineum') {$id_swabperineum = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'keterangan') {$keterangan = $rows->isidata; }
|
||||
}
|
||||
}
|
||||
|
||||
@endphp
|
||||
<table style="width:100%">
|
||||
<tr><td colspan="3">Pemeriksaan Candida Colonization Index :</td></tr>
|
||||
<tr>
|
||||
<td valign="top" style="width:20%">Sputum</td>
|
||||
<td valign="top" style="width:5%">:</td>
|
||||
<td valign="top" style="width:75%">{!! $id_sputum !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">Swab Tenggorok</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $id_swabtenggorok !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">Urine</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">
|
||||
{!! $id_urine !!}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">Swab perineum</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">
|
||||
{!! $id_swabperineum !!}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@if ($keterangan != '')
|
||||
<br /> {!! $keterangan !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center"> </td>
|
||||
<td valign="top" colspan="3" align="center">RSUD dr. Saiful Anwar <br />Dokter PJ Pemeriksaan Lab</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center"> </td>
|
||||
<td colspan="3" align="center" valign="top">{!! $tandatangan !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="left">{!! $ppds !!}</td>
|
||||
<td valign="top" colspan="3" align="center">{{ $periksa->nmdokter }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,132 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ $periksa->nmpasien }} ({{ $periksa->noregister }} - {{ $periksa->nofoto }})</title>
|
||||
<style>
|
||||
/* Pengaturan ukuran kertas untuk pencetakan */
|
||||
@page {
|
||||
size: 4in 6in; /* Ukuran kertas 4x6 inch */
|
||||
margin: 0; /* Menghilangkan margin default */
|
||||
}
|
||||
/* Untuk memotong teks di kolom */
|
||||
.truncate {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table cellpadding="0" cellspacing="0" width="800" border="0">
|
||||
@if ($kopsurat == '')
|
||||
<tr>
|
||||
<td width="45" height="200"> </td>
|
||||
<td width="233" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="128" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="150" valign="top"> </td>
|
||||
</tr>
|
||||
@else
|
||||
<tr>
|
||||
<td colspan="8"><img src="{!! $kopsurat !!}" width="100%" /></td>
|
||||
</tr>
|
||||
@endif
|
||||
<tr>
|
||||
<td colspan="8" align="center"><strong><u>HASIL PEMERIKSAAN MIKROBIOLOGI KLINIK</u></strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td class="truncate" width="223" align="left" valign="top">Nomor Laboratorium</td>
|
||||
<td width="12">:</td>
|
||||
<td class="truncate" width="230" colspan="2" align="left" valign="top">{{ $periksa->nofoto }}</td>
|
||||
<td width="128" align="left" valign="top">Tanggal MRS</td>
|
||||
<td width="12" align="left" valign="top">:</td>
|
||||
<td class="truncate" width="150" align="left" valign="top">{!! $periksa->mulai !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">No.RM</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->noregister }}</td>
|
||||
<td class="truncate" align="left" valign="top">Dokter Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->klinisi !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Nama Pasien</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->nmpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">Ruang Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->asalpasien !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Kelamin</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->jkpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">Diagnosa</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->klinis !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Usia</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->usia }}</td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Pemeriksaan</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->reques !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal Kirim Sample</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->daftar }}</td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
<td align="center" valign="top"> </td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal Selesai Hasil</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->verifikasi }}</td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
<td align="center" valign="top"> </td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="7" width="755">
|
||||
{!! $keterangan !!}
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center"> </td>
|
||||
<td valign="top" colspan="3" align="center">RSUD dr. Saiful Anwar <br />Dokter PJ Pemeriksaan Lab</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center"> </td>
|
||||
<td colspan="3" align="center" valign="top">{!! $tandatangan !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="left">{!! $ppds !!}</td>
|
||||
<td valign="top" colspan="3" align="center">{{ $periksa->nmdokter }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,355 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ $periksa->nmpasien }} ({{ $periksa->noregister }} - {{ $periksa->nofoto }})</title>
|
||||
<style>
|
||||
|
||||
|
||||
/* Untuk memotong teks di kolom */
|
||||
.truncate {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@php
|
||||
$data = [];
|
||||
$data['keterangan'] = $periksa->keterangan;
|
||||
if (!empty($komponens)) {
|
||||
foreach ($komponens as $rows) {
|
||||
$key = trim($rows->komponen);
|
||||
if (!empty($key)) {
|
||||
if ($key == 'keterangan') {
|
||||
$data['keterangan'] .= $rows->isidata;
|
||||
} else {
|
||||
$data[$key] = $rows->isidata;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<table cellpadding="0" cellspacing="0" width="800" border="0">
|
||||
@if ($kopsurat == '')
|
||||
<tr>
|
||||
<td width="45" height="200"> </td>
|
||||
<td width="233" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="128" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="150" valign="top"> </td>
|
||||
</tr>
|
||||
@else
|
||||
<tr>
|
||||
<td colspan="8"><img src="{!! $kopsurat !!}" width="100%" /></td>
|
||||
</tr>
|
||||
@endif
|
||||
<tr>
|
||||
<td colspan="8" align="center"><strong><u>HASIL PEMERIKSAAN MIKROBIOLOGI KLINIK</u></strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td class="truncate" width="223" align="left" valign="top">Nomor Laboratorium</td>
|
||||
<td width="12">:</td>
|
||||
<td class="truncate" width="230" colspan="2" align="left" valign="top">{{ $periksa->nofoto }}</td>
|
||||
<td width="128" align="left" valign="top">Tanggal MRS</td>
|
||||
<td width="12" align="left" valign="top">:</td>
|
||||
<td class="truncate" width="150" align="left" valign="top">{!! $periksa->mulai !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">No.RM</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->noregister }}</td>
|
||||
<td class="truncate" align="left" valign="top">Dokter Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->klinisi !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Nama Pasien</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->nmpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">Ruang Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->asalpasien !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Kelamin</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->jkpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">Diagnosa</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->klinis !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Usia</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->usia }}</td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Pemeriksaan</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->reques !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal Kirim Sample</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->daftar }}</td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
<td align="center" valign="top"> </td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal Selesai Hasil</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->verifikasi }}</td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
<td align="center" valign="top"> </td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="7" width="755">
|
||||
<table style="width:100%">
|
||||
<tr><td valign="top" colspan="3">1. Pewarnaan Gram :</td></tr>
|
||||
<tr>
|
||||
<td valign="top" style="width:20%">Sel epithel</td>
|
||||
<td valign="top" style="width:5%">:</td>
|
||||
<td valign="top" style="width:75%">@if (isset($data['id_selepitel'])) {!! $data['id_selepitel'] !!} @endif</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">Sel radang</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">@if (isset($data['id_selradang'])) {!! $data['id_selradang'] !!} @endif</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">Mikroorganisme</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">
|
||||
@if (isset($data['id_mikroorganisme']))
|
||||
{!! $data['id_mikroorganisme'] !!}
|
||||
@endif
|
||||
@if (isset($data['id_mikroorganismeoptional']))
|
||||
<br />{!! $data['id_mikroorganismeoptional'] !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top"> </td>
|
||||
<td valign="top" colspan="2">
|
||||
<table cellpadding="0" cellspacing="0" width="100%" border="1">
|
||||
<tr>
|
||||
<td width="30%" align="center"><strong>NUGGENT SCORE</strong></td>
|
||||
<td width="40%" align="center"><strong>Jumlah per lapang pandang besar</strong></td>
|
||||
<td width="30%" align="center"><strong>skor</strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lactobacillus</td>
|
||||
<td align="center">
|
||||
@if (isset($data['id_jumlahlactobacillus']))
|
||||
{!! $data['id_jumlahlactobacillus'] !!}
|
||||
@endif
|
||||
</td>
|
||||
<td align="center">
|
||||
@if (isset($data['id_lactobacillus']))
|
||||
{!! $data['id_lactobacillus'] !!}
|
||||
@php $id_lactobacillus = $data['id_lactobacillus']; @endphp
|
||||
@else
|
||||
@php $id_lactobacillus = 0; @endphp
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Gardnerella</td>
|
||||
<td align="center">
|
||||
@if (isset($data['id_jumlahgardnerella']))
|
||||
{!! $data['id_jumlahgardnerella'] !!}
|
||||
@endif
|
||||
</td>
|
||||
<td align="center">
|
||||
@if (isset($data['id_gardnerella']))
|
||||
{!! $data['id_gardnerella'] !!}
|
||||
@php $id_gardnerella = $data['id_gardnerella']; @endphp
|
||||
@else
|
||||
@php $id_gardnerella = 0; @endphp
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Mobiluncus</td>
|
||||
<td align="center">
|
||||
@if (isset($data['id_jumlahmobiluncus']))
|
||||
{!! $data['id_jumlahmobiluncus'] !!}
|
||||
@endif
|
||||
</td>
|
||||
<td align="center">
|
||||
@if (isset($data['id_mobiluncus']))
|
||||
{!! $data['id_mobiluncus'] !!}
|
||||
@php $id_mobiluncus = $data['id_mobiluncus']; @endphp
|
||||
@else
|
||||
@php $id_mobiluncus = 0; @endphp
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Total Score</td>
|
||||
<td> </td>
|
||||
<td align="center">
|
||||
@php
|
||||
$jumlah = (int)$id_lactobacillus + (int)$id_gardnerella + (int)$id_mobiluncus;
|
||||
echo $jumlah;
|
||||
if ($jumlah >= 10){
|
||||
$keterangan = "Bacterial vaginosis";
|
||||
} else if ($jumlah >= 6){
|
||||
$keterangan = "Intermediate";
|
||||
} else {
|
||||
$keterangan = "Normal";
|
||||
}
|
||||
@endphp
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3">KET : {{$keterangan}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">2. Pewarnaan Ziehl Nielsen</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">@if (isset($data['id_pewarnaanziehlnielsen'])) {!! $data['id_pewarnaanziehlnielsen'] !!} @endif</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">3. Pewarnaan KOH</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">@if (isset($data['id_pewarnaankoh'])) {!! $data['id_pewarnaankoh'] !!} @endif</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">4. Pewarnaan Neisser</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">@if (isset($data['id_pewarnaanneisser'])) {!! $data['id_pewarnaanneisser'] !!} @endif</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">5. Pewarnaan Negatif</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">@if (isset($data['id_pewarnaannegatif'])) {!! $data['id_pewarnaannegatif'] !!} @endif</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">6. Pewarnaan Spora</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">@if (isset($data['id_pewarnaanspora'])) {!! $data['id_pewarnaanspora'] !!} @endif</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">7. Pewarnaan Giemsa</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">
|
||||
@if (isset($data['id_pewarnaangiesma']))
|
||||
{!! $data['id_pewarnaangiesma'] !!}
|
||||
@endif
|
||||
@if (isset($data['id_pewarnaangiesmaoptional']))
|
||||
<br />{!! $data['id_pewarnaangiesmaoptional'] !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">8. Biakan Kultur (Aerob / Anaerob)</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">
|
||||
@if (isset($data['id_biakankultur']))
|
||||
{!! $data['id_biakankultur'] !!}
|
||||
@endif
|
||||
<table cellpadding="0" cellspacing="0" width="100%" border="0">
|
||||
<tr>
|
||||
<td width="20%">Bakteri I</td>
|
||||
<td width="5%">:</td>
|
||||
<td width="75%">
|
||||
@if (isset($data['id_bakteri01']))
|
||||
{!! $data['id_bakteri01'] !!}
|
||||
@endif
|
||||
@if (isset($data['id_bakterisir01']))
|
||||
( {!! $data['id_bakterisir01'] !!} )
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hitung Koloni</td>
|
||||
<td>:</td>
|
||||
<td>
|
||||
@if (isset($data['id_bakterihitungkol01']) AND $data['id_bakterihitungkol01'] != 'lainnya')
|
||||
{!! $data['id_bakterihitungkol01'] !!}
|
||||
@endif
|
||||
@if (isset($data['id_bakterihitungkolteks01']))
|
||||
{!! $data['id_bakterihitungkolteks01'] !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bakteri II</td>
|
||||
<td>:</td>
|
||||
<td>
|
||||
@if (isset($data['id_bakteri02']))
|
||||
{!! $data['id_bakteri02'] !!}
|
||||
@endif
|
||||
@if (isset($data['id_bakterisir02']))
|
||||
( {!! $data['id_bakterisir02'] !!} )
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hitung Koloni</td>
|
||||
<td>:</td>
|
||||
<td>
|
||||
@if (isset($data['id_bakterihitungkol02']) AND $data['id_bakterihitungkol02'] != 'lainnya')
|
||||
{!! $data['id_bakterihitungkol02'] !!}
|
||||
@endif
|
||||
@if (isset($data['id_bakterihitungkolteks02']))
|
||||
{!! $data['id_bakterihitungkolteks02'] !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@if (isset($data['keterangan']))
|
||||
{!! $data['keterangan'] !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center"> <br />Petugas</td>
|
||||
<td valign="top" colspan="3" align="center">Malang {!! $tanggal !!}<br />DPJP</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center">{!! $tandatangananalis !!}</td>
|
||||
<td colspan="3" align="center" valign="top">{!! $tandatangan !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center">{!! $ppds !!}</td>
|
||||
<td valign="top" colspan="3" align="center">{{ $periksa->nmdokter }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,233 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ $periksa->nmpasien }} ({{ $periksa->noregister }} - {{ $periksa->nofoto }})</title>
|
||||
<style>
|
||||
/* Pengaturan ukuran kertas untuk pencetakan */
|
||||
|
||||
/* Untuk memotong teks di kolom */
|
||||
.truncate {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table cellpadding="0" cellspacing="0" width="800" border="0">
|
||||
@if ($kopsurat == '')
|
||||
<tr>
|
||||
<td width="45" height="200"> </td>
|
||||
<td width="233" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="128" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="150" valign="top"> </td>
|
||||
</tr>
|
||||
@else
|
||||
<tr>
|
||||
<td colspan="8"><img src="{!! $kopsurat !!}" width="100%" /></td>
|
||||
</tr>
|
||||
@endif
|
||||
<tr>
|
||||
<td colspan="8" align="center"><strong><u>HASIL PEMERIKSAAN MIKROBIOLOGI KLINIK</u></strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td class="truncate" width="223" align="left" valign="top">Nomor Laboratorium</td>
|
||||
<td width="12">:</td>
|
||||
<td class="truncate" width="230" colspan="2" align="left" valign="top">{{ $periksa->nofoto }}</td>
|
||||
<td width="128" align="left" valign="top">Tanggal MRS</td>
|
||||
<td width="12" align="left" valign="top">:</td>
|
||||
<td class="truncate" width="150" align="left" valign="top">{!! $periksa->mulai !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">No.RM</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->noregister }}</td>
|
||||
<td class="truncate" align="left" valign="top">Dokter Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->klinisi !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Nama Pasien</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->nmpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">Ruang Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->asalpasien !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Kelamin</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->jkpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">Diagnosa</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->klinis !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Usia</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->usia }}</td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Pemeriksaan</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->reques !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal Kirim Sample</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->daftar }}</td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
<td align="center" valign="top"> </td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal Selesai Hasil</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->verifikasi }}</td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
<td align="center" valign="top"> </td>
|
||||
<td class="truncate" align="left" valign="top"> </td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="7" width="755">
|
||||
@php
|
||||
$lsg_selepitel = '';
|
||||
$lsg_selradang = '';
|
||||
$lsg_mikroorganisme = '';
|
||||
$lsg_mikroorganismeoptional = '';
|
||||
$lsg_pewarnaanziehlnielsen = '';
|
||||
$lsg_pewarnaankoh = '';
|
||||
$lsg_pewarnaanneisser = '';
|
||||
$lsg_pewarnaannegatif = '';
|
||||
$lsg_pewarnaangiesma = '';
|
||||
$lsg_pewarnaanspora = '';
|
||||
$lsg_pewarnaanlain = '';
|
||||
$lsg_ditemukanmorfologi = '';
|
||||
$keterangan = $periksa->keterangan;
|
||||
if (!empty($komponens)){
|
||||
foreach($komponens as $rows){
|
||||
if (trim($rows->komponen) == 'lsg_selepitel') {$lsg_selepitel = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_selradang') {$lsg_selradang = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_mikroorganisme') {$lsg_mikroorganisme = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_mikroorganismeoptional') {$lsg_mikroorganismeoptional = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_pewarnaanziehlnielsen') {$lsg_pewarnaanziehlnielsen = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_pewarnaankoh') {$lsg_pewarnaankoh = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_pewarnaanneisser') {$lsg_pewarnaanneisser = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_pewarnaannegatif') {$lsg_pewarnaannegatif = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_pewarnaangiesma') {$lsg_pewarnaangiesma = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_pewarnaanspora') {$lsg_pewarnaanspora = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_pewarnaanlain') {$lsg_pewarnaanlain = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'lsg_ditemukanmorfologi') {$lsg_ditemukanmorfologi = $rows->isidata; }
|
||||
if (trim($rows->komponen) == 'keterangan') {$keterangan = $keterangan.$rows->isidata; }
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<table style="width:100%">
|
||||
<tr><td colspan="3">Pewarnaan Gram :</td></tr>
|
||||
<tr>
|
||||
<td valign="top" style="width:20%">Sel epithel</td>
|
||||
<td valign="top" style="width:5%">:</td>
|
||||
<td valign="top" style="width:75%">{!! $lsg_selepitel !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">Sel radang</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $lsg_selradang !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">Mikroorganisme</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">
|
||||
{!! $lsg_mikroorganisme !!}
|
||||
@if ($lsg_mikroorganismeoptional != '')
|
||||
<br /> {!! $lsg_mikroorganismeoptional !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">Pewarnaan Ziehl Nielsen</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $lsg_pewarnaanziehlnielsen !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">Pewarnaan KOH</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $lsg_pewarnaankoh !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">Pewarnaan Neisser</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $lsg_pewarnaanneisser !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">Pewarnaan Negatif</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $lsg_pewarnaannegatif !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">Pewarnaan Giemsa</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $lsg_pewarnaangiesma !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">Pewarnaan Spora</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $lsg_pewarnaanspora !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="3"> </td></tr>
|
||||
<tr>
|
||||
<td valign="top">Pewarnaan Lain-lain</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $lsg_pewarnaanlain !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">Ditemukan morfologi</td>
|
||||
<td valign="top">:</td>
|
||||
<td valign="top">{!! $lsg_ditemukanmorfologi !!}</td>
|
||||
</tr>
|
||||
</table>
|
||||
@if ($keterangan != '')
|
||||
<br /> {!! $keterangan !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center"> </td>
|
||||
<td valign="top" colspan="3" align="center">RSUD dr. Saiful Anwar <br />Dokter PJ Pemeriksaan Lab</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center"> </td>
|
||||
<td colspan="3" align="center" valign="top">{!! $tandatangan !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="left">{!! $ppds !!}</td>
|
||||
<td valign="top" colspan="3" align="center">{{ $periksa->nmdokter }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
@@ -0,0 +1,206 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ $periksa->nmpasien }} ({{ $periksa->noregister }} - {{ $periksa->nofoto }})</title>
|
||||
<style>
|
||||
/* Untuk memotong teks di kolom */
|
||||
.truncate {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@php
|
||||
$data = [];
|
||||
$data['keterangan'] = $periksa->keterangan;
|
||||
|
||||
if (!empty($komponens)) {
|
||||
foreach ($komponens as $rows) {
|
||||
$key = trim($rows->komponen);
|
||||
if (!empty($key)) {
|
||||
if ($key == 'keterangan') {
|
||||
$data['keterangan'] .= $rows->isidata;
|
||||
} else {
|
||||
$data[$key] = $rows->isidata;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<table cellpadding="0" cellspacing="0" width="800" border="0">
|
||||
@if ($kopsurat == '')
|
||||
<tr>
|
||||
<td width="45" height="200"> </td>
|
||||
<td width="233" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="115" valign="top"> </td>
|
||||
<td width="128" valign="top"> </td>
|
||||
<td width="12" valign="top"> </td>
|
||||
<td width="150" valign="top"> </td>
|
||||
</tr>
|
||||
@else
|
||||
<tr>
|
||||
<td colspan="8"><img src="{!! $kopsurat !!}" width="100%" /></td>
|
||||
</tr>
|
||||
@endif
|
||||
<tr>
|
||||
<td colspan="8" align="center"><strong><u>HASIL PEMERIKSAAN MIKROBIOLOGI KLINIK</u></strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td class="truncate" width="223" align="left" valign="top">Nomor Laboratorium</td>
|
||||
<td width="12">:</td>
|
||||
<td class="truncate" width="230" colspan="2" align="left" valign="top">{{ $periksa->nofoto }}</td>
|
||||
<td width="128" align="left" valign="top">Tanggal Terima</td>
|
||||
<td width="12" align="left" valign="top">:</td>
|
||||
<td class="truncate" width="150" align="left" valign="top">{!! $periksa->mulai !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td class="truncate" align="left" valign="top">Nama Pasien</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->nmpasien }}</td>
|
||||
<td width="128" align="left" valign="top">Tanggal MRS</td>
|
||||
<td width="12" align="left" valign="top">:</td>
|
||||
<td class="truncate" width="150" align="left" valign="top">{!! $periksa->cetak !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Kelamin</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->jkpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">No Rekam Medik</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->noregister !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Usia</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->usia }}</td>
|
||||
<td class="truncate" align="left" valign="top">Dokter Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->klinisi !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal Lahir</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->tgllahirpasien }}</td>
|
||||
<td class="truncate" align="left" valign="top">Ruang Pengirim</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->asalpasien !!}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> </td>
|
||||
<td class="truncate" align="left" valign="top">Tanggal selesai hasil</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" colspan="2" align="left" valign="top">{{ $periksa->verifikasi }}</td>
|
||||
<td class="truncate" align="left" valign="top">Jenis Pemeriksaan</td>
|
||||
<td align="center" valign="top">:</td>
|
||||
<td class="truncate" align="left" valign="top">{!! $periksa->reques !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="7" width="755">
|
||||
<h1>HASIL PEMERIKSAAN LABORATORIUM MIKROBIOLOGI KLINIK</h1>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="7" width="755">
|
||||
@if (isset($data['vl_parameter01']) && $data['vl_parameter01'] == 'TCM-HCV VL')
|
||||
<strong>Pemeriksaan TCM-HCV Viral Load</strong>
|
||||
@else
|
||||
<strong>Pemeriksaan PCR-HIV Viral Load</strong>
|
||||
@endif
|
||||
<table cellpadding="0" cellspacing="0" width="100%" border="1">
|
||||
<tr>
|
||||
<td align="center" width="5%"><strong>No</strong></td>
|
||||
<td align="center" width="25%"><strong>Parameter</strong></td>
|
||||
<td align="center" width="25%"><strong>HASIL</strong></td>
|
||||
<td align="center" width="20%"><strong>Satuan</strong></td>
|
||||
<td align="center" width="25%"><strong>Nilai Rujukan</strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center">1</td>
|
||||
<td align="center">
|
||||
@if (isset($data['vl_parameter01']))
|
||||
{!! $data['vl_parameter01'] !!}
|
||||
@endif
|
||||
</td>
|
||||
<td align="center">
|
||||
@if (isset($data['vl_hasil01']))
|
||||
{!! $data['vl_hasil01'] !!}
|
||||
@endif
|
||||
</td>
|
||||
<td align="center">
|
||||
@if (isset($data['vl_satuan01']))
|
||||
{!! $data['vl_satuan01'] !!}
|
||||
@endif
|
||||
</td>
|
||||
<td align="center">
|
||||
@if (isset($data['vl_rujukan01']))
|
||||
{!! $data['vl_rujukan01'] !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center">2</td>
|
||||
<td align="center">
|
||||
@if (isset($data['vl_parameter02']))
|
||||
{!! $data['vl_parameter02'] !!}
|
||||
@endif
|
||||
</td>
|
||||
<td align="center">
|
||||
@if (isset($data['vl_hasil02']))
|
||||
{!! $data['vl_hasil02'] !!}
|
||||
@endif
|
||||
</td>
|
||||
<td align="center">
|
||||
@if (isset($data['vl_satuan02']))
|
||||
{!! $data['vl_satuan02'] !!}
|
||||
@endif
|
||||
</td>
|
||||
<td align="center">
|
||||
@if (isset($data['vl_rujukan02']))
|
||||
{!! $data['vl_rujukan02'] !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@if (isset($data['viralload']))
|
||||
{!! $data['viralload'] !!}
|
||||
@endif
|
||||
@if (isset($data['keterangan']))
|
||||
{!! $data['keterangan'] !!}
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center">ATLM</td>
|
||||
<td valign="top" colspan="3" align="center">Malang, {!! $tanggal !!}<br />Dokter Laboratorium</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="center">{!! $ttdanalis !!}</td>
|
||||
<td colspan="3" align="center" valign="top">{!! $tandatangan !!}</td>
|
||||
</tr>
|
||||
<tr><td colspan="8"> </td></tr>
|
||||
<tr>
|
||||
<td width="45"> </td>
|
||||
<td valign="top" colspan="4" align="left">{{ $periksa->nmanalis }}<br />{!! $ppds !!}</td>
|
||||
<td valign="top" colspan="3" align="center">{{ $periksa->nmdokter }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Cetak Label</title>
|
||||
<style>
|
||||
/* Pengaturan ukuran kertas untuk pencetakan */
|
||||
@page {
|
||||
size: 4in 6in; /* Ukuran kertas 4x6 inch */
|
||||
margin: 0; /* Menghilangkan margin default */
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 12pt; /* Ukuran font untuk label */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px; /* Padding untuk konten di label */
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.label-content {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Untuk memotong teks di kolom */
|
||||
.truncate {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table class="printiki" border="1" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td colspan="2" class="label-content truncate">
|
||||
<strong>{{$datatoprint->nmpasien}}</strong>
|
||||
</td>
|
||||
<td class="label-content truncate">
|
||||
{{$datatoprint->noregister}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="text-align:center; padding: 20px;">
|
||||
<img src="{{ route('generate.barcode', ['data' => $datatoprint->nofoto]) }}" alt="Barcode" style="max-width: 100%; height: auto;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" style="text-align:center;">
|
||||
{{$datatoprint->nofoto}}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,27 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<style>
|
||||
@page {
|
||||
size: auto;
|
||||
}
|
||||
.printiki tr td {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
|
||||
@media print {
|
||||
-ms-transform: rotate(270deg);
|
||||
/* IE 9 */
|
||||
-webkit-transform: rotate(270deg);
|
||||
/* Chrome, Safari, Opera */
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
{!! $datatoprint !!}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,92 @@
|
||||
<table cellspacing="0" cellpadding="0" width="900" border="1">
|
||||
<tr>
|
||||
<td colspan="15" align="center">
|
||||
<strong>LAPORAN JUMLAH PASIEN {{ $bulan }} {{ $tahun }}</strong>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2" align="center"><strong>TGL</strong></td>
|
||||
<td colspan="10" align="center"><strong>ASAL PENDERITA</strong></td>
|
||||
<td colspan="2" align="center"><strong>ASAL</strong></td>
|
||||
<td colspan="2" align="center"><strong>J.KEL</strong></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center"><strong>Billing</strong></td>
|
||||
<td align="center"><strong>LUAR</strong></td>
|
||||
<td align="center"><strong>UMUM</strong></td>
|
||||
<td align="center"><strong>JKN</strong></td>
|
||||
<td align="center"><strong>J.MAS</strong></td>
|
||||
<td align="center"><strong>J.DA</strong></td>
|
||||
<td align="center"><strong>TAG</strong></td>
|
||||
<td align="center"><strong>HR</strong></td>
|
||||
<td align="center"><strong>PG</strong></td>
|
||||
<td align="center"><strong>GCU</strong></td>
|
||||
<td align="center"><strong>III</strong></td>
|
||||
<td align="center"><strong>PAV</strong></td>
|
||||
<td align="center"><strong>L</strong></td>
|
||||
<td align="center"><strong>P</strong></td>
|
||||
</tr>
|
||||
@php
|
||||
use App\Periksa;
|
||||
|
||||
@endphp
|
||||
@foreach ($orderbydate as $result)
|
||||
@php
|
||||
$tanggal = $result->day;
|
||||
// Initialize counters
|
||||
$counts = [
|
||||
'm' => 0, 'f' => 0, 'jkn' => 0, 'umum' => 0, 'tag' => 0,
|
||||
'gcu' => 0, 'bill' => 0, 'swasta' => 0, 'electiv' => 0, 'cito' => 0,
|
||||
'pav' => 0, 'biasa' => 0, 'luar' => 0
|
||||
];
|
||||
|
||||
// Ambil data pasien berdasarkan tanggal
|
||||
$getalldata = Periksa::where('daftar', 'LIKE', $tanggal.'%')->get();
|
||||
|
||||
foreach ($getalldata as $rdata) {
|
||||
$jk = $rdata->jkpasien;
|
||||
$asalpasien = $rdata->asalpasien;
|
||||
$asuransi = $rdata->asuransi;
|
||||
|
||||
// Hitung berdasarkan kategori
|
||||
if ($jk == 'L') $counts['m']++;
|
||||
else $counts['f']++;
|
||||
|
||||
if ($asalpasien == 'Paviliun') $counts['pav']++;
|
||||
elseif ($asalpasien == 'Rujukan' || $asalpasien == 'APS') $counts['luar']++;
|
||||
|
||||
// Hitung asuransi
|
||||
$asuransiMap = [
|
||||
'JKN' => 'jkn', 'Umum' => 'umum', 'TAG' => 'tag', 'GCU' => 'gcu', 'Billing' => 'bill'
|
||||
];
|
||||
|
||||
if (array_key_exists($asuransi, $asuransiMap)) {
|
||||
$counts[$asuransiMap[$asuransi]]++;
|
||||
} else {
|
||||
$counts['biasa']++;
|
||||
}
|
||||
}
|
||||
@endphp
|
||||
<tr>
|
||||
<td align="left">{{ $tanggal }}</td>
|
||||
<td align="center">{{ $counts['bill'] }}</td>
|
||||
<td align="center">{{ $counts['luar'] }}</td>
|
||||
<td align="center">{{ $counts['umum'] }}</td>
|
||||
<td align="center">{{ $counts['jkn'] }}</td>
|
||||
<td align="center"></td>
|
||||
<td align="center"></td>
|
||||
<td align="center">{{ $counts['tag'] }}</td>
|
||||
<td align="center"></td>
|
||||
<td align="center"></td>
|
||||
<td align="center">{{ $counts['gcu'] }}</td>
|
||||
<td align="center">{{ $counts['biasa'] }}</td>
|
||||
<td align="center">{{ $counts['pav'] }}</td>
|
||||
<td align="center">{{ $counts['m'] }}</td>
|
||||
<td align="center">{{ $counts['f'] }}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
|
||||
<tr>
|
||||
<td align="left" colspan="15"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -0,0 +1,377 @@
|
||||
@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="#" class="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>
|
||||
<button type="button" class="btn btn-light waves-effect btnubahfoto">
|
||||
<i class="mdi mdi-account-settings-variant mr-1"></i> Change Profile Picture
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/ meta -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
|
||||
<button type="button" class="btn btn-block btn-danger" id="btnopencreator">Change Signature</button>
|
||||
<div id="templatettd">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Signature</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="small-box bg-green">
|
||||
<div class="inner">
|
||||
<img src="{{ $tandatangan }}" width="100%" id="preview"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="buattemplatettd">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Create New Signature</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-group kotakttd">
|
||||
<canvas id="signature-pad" class="signature-pad" width=320 height=200></canvas>
|
||||
<canvas id="signature-blank" width=320 height=200 style='display:none'></canvas>
|
||||
<img src="{{ asset('boxed-bg.jpg') }}" width=320 height=200 />
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-md-6">
|
||||
<button id="btnclearttd" class="btn btn-danger">Clear</button>
|
||||
<button id="btnkembali" class="btn btn-warning">Cancel</button>
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<button id="btnsimpanttd" class="btn btn-primary">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card-box bg-primary widget-flat border-info text-white">
|
||||
<i class="icon-layers"></i>
|
||||
<h3 class="m-b-10">{{ $totalppds }}</h3>
|
||||
PPDS<br />
|
||||
<a href="{{ url('user') }}"><span class="badge badge-info pull-right"> List All</span></a>
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
<div class="col-sm-4">
|
||||
<div class="card-box bg-success widget-flat border-info text-white">
|
||||
<i class="icon-paypal"></i>
|
||||
<h3 class="m-b-10">{{ $butuhverifikasi }}</h3>
|
||||
Butuh Verifikasi<br />
|
||||
<a href="{{ url('reportppds') }}"><span class="badge badge-danger pull-right"> Halaman Verifikasi</span></a>
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
<div class="col-sm-4">
|
||||
<div class="card-box bg-danger widget-flat border-info text-white">
|
||||
<i class="icon-rocket"></i>
|
||||
<h3 class="m-b-10">{{ $antrian }}</h3>
|
||||
Antrian Hari Ini<br />
|
||||
<span class="text-white pull-right"> Dari Kemarin</span> <span class="badge badge-primary pull-right"> {{$persenantrian}} </span>
|
||||
</div>
|
||||
</div><!-- end col -->
|
||||
</div>
|
||||
<div class="card-box">
|
||||
<h4 class="header-title mb-3">Kalender</h4>
|
||||
<div class="table-responsive">
|
||||
<div id="gridjadwal"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- end col -->
|
||||
|
||||
</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() }}">
|
||||
<style>
|
||||
.kotakttd {
|
||||
position: relative;
|
||||
width: 320px;
|
||||
height: 200px;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.signature-pad {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width:320px;
|
||||
height:200px;
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
@push('script')
|
||||
<!-- SIGNATURE PAD -->
|
||||
<script src="{{ asset('high/plugins/signature_pad/signature_pad.js') }}"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('#buattemplatettd').hide();
|
||||
$('#templatettd').show();
|
||||
$("#btnopencreator").click(function() {
|
||||
$('#templatettd').hide();
|
||||
$('#buattemplatettd').show();
|
||||
});
|
||||
$("#btnkembali").click(function() {
|
||||
$('#templatettd').show();
|
||||
$('#buattemplatettd').hide();
|
||||
});
|
||||
$('#btnclearttd').click(function () {
|
||||
signaturePad.clear();
|
||||
});
|
||||
var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
|
||||
backgroundColor: 'rgba(0, 0, 0, 0)',
|
||||
penColor: 'rgb(0, 0, 0)'
|
||||
});
|
||||
$('#btnsimpanttd').click(function () {
|
||||
var set01 = signaturePad.toDataURL('image/png');
|
||||
if (set01 == document.getElementById('signature-blank').toDataURL()){ set01 = ''; }
|
||||
var token = document.getElementById('token').value;
|
||||
$.post('{{ route("exTtd") }}', { val01: 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
|
||||
});
|
||||
signaturePad.clear();
|
||||
$('#templatettd').show();
|
||||
$('#buattemplatettd').hide();
|
||||
if (set01 == ''){
|
||||
$('#preview').attr('src', 'boxed-bg.jpg');
|
||||
} else {
|
||||
$('#preview').attr('src', set01);
|
||||
}
|
||||
return false;
|
||||
});
|
||||
});
|
||||
$("#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 : '95%',
|
||||
height : 600,
|
||||
source : datajsonawal,
|
||||
showLegend : true,
|
||||
theme : 'energyblue',
|
||||
view : 'agendaView',
|
||||
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
|
||||
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
@@ -0,0 +1,580 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div id="divawal">
|
||||
<div class="row">
|
||||
<div class="col-lg-7">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">List Yang Akan di Kirim</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div id="gridlist"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">Lengkapi Data Kegiatan</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="box-body">
|
||||
<div class="box-body">
|
||||
<div class="form-group">
|
||||
<label for="id_kodjenis">Jenis Penugasan/Kegiatan <font color="red">*</font></label>
|
||||
<select id="id_kodjenis" size="1" class="form-control">
|
||||
<option value="">Pilih Salah Satu</option>
|
||||
<optgroup label="PELAKSANAAN PENDIDIKAN">
|
||||
<option value="201306">Kuliah Pakar/Kuliah Klarifikasi</option>
|
||||
<option value="202101">Tutorial Fasilitator PBL/Modul</option>
|
||||
<option value="202102">Bimbingan Lab. Skill</option>
|
||||
<option value="202103">Bimbingan PANUM</option>
|
||||
<option value="202104">Bimbingan Tugas Ilmiah / Penelitian / Tesis</option>
|
||||
<option value="204302">Bimbingan Penulisan Resep</option>
|
||||
<option value="204303">Otopsi Bimbingan / Mandiri</option>
|
||||
<option value="204304">Bimbingan Bed-Side (Bed-Side Teaching)</option>
|
||||
<option value="204305">Bimbingan Poliklinik</option>
|
||||
<option value="204306">Bimbingan Morning Report</option>
|
||||
<option value="204308">Bimbingan Jaga</option>
|
||||
<option value="204309">Operasi Bimbingan / Mandiri</option>
|
||||
<option value="204310">Bimbingan tindakan medis invasif</option>
|
||||
<option value="204311">Ujian OSCE Lokal atau sejenis</option>
|
||||
<option value="204312">Ujian OSCE nasional atau sejenis</option>
|
||||
<option value="204313">Ujian Akhir Lokal / Board</option>
|
||||
<option value="204314">Ujian Akhir nasional / Board</option>
|
||||
<option value="204315">Bimbingan dan Ujian Referat Akhir (Tinjauan Kepustakaan)</option>
|
||||
<option value="204316">Bimbingan dan Ujian Referat Kecil (Tinjauan Kepustakaan)</option>
|
||||
<option value="204317">Ujian Referat Akhir</option>
|
||||
<option value="204318">Ujian Referat Kecil</option>
|
||||
<option value="204319">Bimbingan Tugas ilmiah nasional</option>
|
||||
<option value="204320">Tugas ilmiah internasional</option>
|
||||
<option value="204321">Bimbingan Case report</option>
|
||||
<option value="204322">Texbook reading</option>
|
||||
<option value="204323">Jurnal reading</option>
|
||||
<option value="204324">Ujian akhir stase</option>
|
||||
<option value="204325">Ujian Semester</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group" id="tampilankhususoperasi">
|
||||
<label for="id_role">Role</label>
|
||||
<select id="id_role" size="1" class="form-control">
|
||||
<option value="Observer">Observer</option>
|
||||
<option value="Asisten">Asisten</option>
|
||||
<option value="Operator">Operator</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group" id="tampilankhususbiasa">
|
||||
<label for="id_role2">Role</label>
|
||||
<select id="id_role2" size="1" class="form-control">
|
||||
<option value="PPDS JUNIOR">PPDS JUNIOR</option>
|
||||
<option value="PPDS MIDLLE">PPDS MIDLLE</option>
|
||||
<option value="PPDS SENIOR">PPDS SENIOR</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="form-group">
|
||||
<label>Tanggal <font color="red">*</font></label>
|
||||
<div>
|
||||
<div class="input-group">
|
||||
<input type="text" id="id_tanggal" class="form-control" placeholder="Pick Date">
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="form-group">
|
||||
<label>Waktu <font color="red">*</font></label>
|
||||
<div>
|
||||
<div class="input-group">
|
||||
<input type="text" id="id_waktu" class="form-control" placeholder="Pick Time">
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text"><i class="fa fa-hourglass-1"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<label for="id_durasi">Durasi</label>
|
||||
<select id="id_durasi" size="1" class="form-control">
|
||||
<option value="1"> 1 Jam</option>
|
||||
<option value="2"> 2 Jam</option>
|
||||
<option value="3"> 3 Jam</option>
|
||||
<option value="4-8 Jam"> 4 - 8 Jam</option>
|
||||
<option value="9-12 Jam"> 9 - 12 Jam</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<label for="id_jumlah">Jml MHS</label>
|
||||
<input type="text" id="id_jumlah" class="form-control" value="1">
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<label for="id_topik">Semester</label>
|
||||
<select id="id_topik" size="1" class="form-control">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">>7</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<label for="id_semester">TA.Akademik</label>
|
||||
<select id="id_semester" size="1" class="form-control">
|
||||
@php
|
||||
$i = 0;
|
||||
$now = date('Y');
|
||||
for($i = 0; $i < 10; $i++) {
|
||||
$tahun = (int)$now - ($i);
|
||||
echo '<option value="'.$tahun.'.1">'.$tahun.'.1</option>';
|
||||
echo '<option value="'.$tahun.'.2">'.$tahun.'.2</option>';
|
||||
}
|
||||
@endphp
|
||||
</select>
|
||||
<p class="help-block">1 Ganjil, 2 Genap</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="id_stase">Stase <font color="red">*</font></label>
|
||||
<select id="id_stase" size="1" class="form-control">
|
||||
<option value="Emergency Radiology"> Emergency Radiology</option>
|
||||
<option value="Baca Foto"> Baca Foto</option>
|
||||
<option value="Contrast Study / Fluoroscopy"> Contrast Study / Fluoroscopy</option>
|
||||
<option value="Ultrasonografi"> Ultrasonografi</option>
|
||||
<option value="CT Scan"> CT Scan</option>
|
||||
<option value="MRI"> MRI</option>
|
||||
<option value="Interventional Radiologi"> Interventional Radiologi</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="id_rumahsakit">Nama Rumah Sakit / Klinik <font color="red">*</font></label>
|
||||
<select id="id_rumahsakit" size="1" class="form-control">
|
||||
<option value="RSSA Malang"> RSSA Malang</option>
|
||||
<option value="RSUB"> RSUB</option>
|
||||
<option value="Puskesmas"> Puskesmas</option>
|
||||
<option value="RS lainnya"> RS Lainnya</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="id_rumahsakitnama">Bila Puskesmas / RS Lainnya Mohon di Lengkapi Nama Puskesmas / RS Lainnya Tersebut</label>
|
||||
<input type="text" id="id_rumahsakitnama" name="id_rumahsakitnama" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Supervisor 1<font color="red">*</font></label>
|
||||
<div class="row">
|
||||
<div class="col-lg-10">
|
||||
<select id="id_spv" size="1" class="form-control select2" style="width: 100%;">
|
||||
<option value="">Pilih Salah Satu</option>
|
||||
@if(!empty($dosens))
|
||||
@foreach($dosens as $rdosen)
|
||||
<option value="{{ $rdosen->no }}">{!! $rdosen->nama_lengkap !!}</option>
|
||||
@endforeach
|
||||
@endif
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="#" id="tombolview2" class="btn btn-danger btn-block"><i class="fa fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" id="tampilanspv2">
|
||||
<label>Supervisor 2<font color="red">*</font></label>
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<a href="#" id="tombolclose2" class="btn btn-info btn-block"><i class="fa fa-minus"></i></a>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<select id="id_spv2" size="1" class="form-control select2" style="width: 100%;">
|
||||
<option value="">Pilih Salah Satu</option>
|
||||
@if(!empty($dosens))
|
||||
@foreach($dosens as $rdosen)
|
||||
<option value="{{ $rdosen->no }}">{!! $rdosen->nama_lengkap !!}</option>
|
||||
@endforeach
|
||||
@endif
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="#" id="tombolview3" class="btn btn-danger btn-block"><i class="fa fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" id="tampilanspv3">
|
||||
<label>Supervisor 3<font color="red">*</font></label>
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<a href="#" id="tombolclose3" class="btn btn-info btn-block"><i class="fa fa-minus"></i></a>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<select id="id_spv3" size="1" class="form-control select2" style="width: 100%;">
|
||||
<option value="">Pilih Salah Satu</option>
|
||||
@if(!empty($dosens))
|
||||
@foreach($dosens as $rdosen)
|
||||
<option value="{{ $rdosen->no }}">{!! $rdosen->nama_lengkap !!}</option>
|
||||
@endforeach
|
||||
@endif
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<a href="#" id="tombolview4" class="btn btn-danger btn-block"><i class="fa fa-plus"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" id="tampilanspv4">
|
||||
<label for="id_spvnama">Bila Nama Dosen Tidak Masuk dalam List Mohon Menginputkan di bawah ini nama lengkap SPV yang dimaksud</label>
|
||||
<input type="text" id="id_spvnama" name="id_spvnama" class="form-control">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="id_deskripsi">Deskripsi / Keterangan Tambahan <font color="red">*</font></label>
|
||||
<textarea id="id_deskripsi" name="id_deskripsi"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<label>Username INSITU<font color="red">*</font></label>
|
||||
<input type="text" id="id_username" name="id_username" class="form-control">
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<label>Password INSITU<font color="red">*</font></label>
|
||||
<input type="password" id="id_password" name="id_password" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-footer">
|
||||
<div class="form-group">
|
||||
<input type="hidden" id="id_idne" name="id_idne" class="form-control">
|
||||
<button type="button" class="btn btn-success pull-left" id="btnsimpandata">SIMPAN</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tempatctk" style="overflow: hidden; display: none;">
|
||||
<div id="tabel_cetak"></div>
|
||||
<div class="form-group">
|
||||
<label for="filesk">File Pendukung 1</label>
|
||||
<input type="file" id="filesk" name="filesk">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="filesk2">File Pendukung 2</label>
|
||||
<input type="file" id="filesk2" name="filesk2">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="id_nama">Nama <font color="red">*</font></label>
|
||||
<input type="text" id="id_nama" name="id_nama" class="form-control" value="{!! Session('nama') !!}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="id_nim">NIM <font color="red">*</font></label>
|
||||
<input type="text" id="id_nim" name="id_nim" class="form-control" value="{!! Session('id') !!}">
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
<input type="hidden" id="master_set01" name="master_set01" value="ThisSync">
|
||||
<input type="hidden" id="master_set02" name="master_set02" value="new">
|
||||
<input type="hidden" id="master_set03" name="master_set03" value="{{Session('username')}}">
|
||||
<input type="hidden" id="master_set04" name="master_set04" value="">
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$('.select2').select2()
|
||||
CKEDITOR.env.isCompatible = true;
|
||||
CKEDITOR.replace( 'id_deskripsi' );
|
||||
$("#id_tanggal").datepicker({format: 'yyyy-mm-dd', autoclose: true});
|
||||
$("#id_waktu").timepicker({format: 'HH:mm:ss'});
|
||||
});
|
||||
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 token=document.getElementById('token').value;
|
||||
var sourcepasiencari = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id',type: 'text'},
|
||||
{ name: 'nofoto',type: 'text'},
|
||||
{ name: 'tlsdaftar',type: 'text'},
|
||||
{ name: 'tlsnofoto',type: 'text'},
|
||||
{ name: 'tlsnoregister',type: 'text'},
|
||||
{ name: 'noloket',type: 'text'},
|
||||
{ name: 'tlsnama',type: 'text'},
|
||||
{ name: 'tlsusia',type: 'text'},
|
||||
{ name: 'tlsreques',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: 'telpon',type: 'text'},
|
||||
{ name: 'tlstelpon',type: 'text'},
|
||||
{ name: 'analis',type: 'text'},
|
||||
{ name: 'verifikasi',type: 'text'},
|
||||
{ name: 'tlsjk',type: 'text'},
|
||||
{ name: 'dokter',type: 'text'},
|
||||
{ name: 'filefoto',type: 'text'}
|
||||
],
|
||||
type: 'POST',
|
||||
data: {val01:set01, val02:set02, val03:set03, val04:set04, _token: token},
|
||||
url: '{{ route("getListdoneonly") }}',
|
||||
};
|
||||
var dataAdapter = new $.jqx.dataAdapter(sourcepasiencari);
|
||||
$("#gridlist").jqxGrid({
|
||||
width: '100%',
|
||||
enablebrowserselection: true,
|
||||
filterable: true,
|
||||
autoheight: true,
|
||||
autorowheight: true,
|
||||
showfilterrow: true,
|
||||
source: dataAdapter,
|
||||
pageable: true,
|
||||
theme: "energyblue",
|
||||
columnsresize: true,
|
||||
pagesizeoptions: ['10', '20', '30', '50', '100'],
|
||||
columns: [
|
||||
{ text: 'Result', sortable: false, filterable: false, columntype: 'button', align: 'center', width: '8%', 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: 'SPV', datafield: 'dokter', width: '30%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Nama', datafield: 'tlsnama', width: '30%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Order', datafield: 'tlsreques', width: '25%', cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Del', editable: false, sortable: false, filterable: false, columntype: 'button', width: '7%', cellsrenderer: function () {
|
||||
return "Del";
|
||||
}, buttonclick: function (row) {
|
||||
editrow = row;
|
||||
var offset = $("#gridlist").offset();
|
||||
var dataRecord = $("#gridlist").jqxGrid('getrowdata', editrow);
|
||||
var cek = dataRecord.verifikator;
|
||||
swal({
|
||||
title: 'Apakah anda yakin ?',
|
||||
text: "Perhatian, data yang sudah di hapus tidak bisa di Undo, apakah anda yakin ingin menghapus",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonClass: 'btn btn-confirm mt-2',
|
||||
cancelButtonClass: 'btn btn-cancel ml-2 mt-2',
|
||||
confirmButtonText: 'Yes'
|
||||
}).then(function () {
|
||||
$.post('simba/destroyer', { set01: dataRecord.id, set02: 'delsynclist', _token: "{{ csrf_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
|
||||
});
|
||||
$("#gridlist").jqxGrid('updatebounddata', 'filter');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
],
|
||||
});
|
||||
}
|
||||
$(window).on('load', function () {
|
||||
openedpage();
|
||||
});
|
||||
$(document).ready(function () {
|
||||
$('#bodystatistik').hide();
|
||||
$('#bodyreport').hide();
|
||||
$('#divelogbook').hide();
|
||||
$('#divcontrol').hide();
|
||||
$('#grpbtnfeedback').hide();
|
||||
$('#loading').hide();
|
||||
$('#tampilankhususoperasi').hide();
|
||||
$('#tampilanspv2').hide();
|
||||
$('#tampilanspv3').hide();
|
||||
$('#tampilanspv4').hide();
|
||||
$('#grpbtntambah').hide();
|
||||
$('#btnawal').hide();
|
||||
$("#id_kodjenis").on('change', function () {
|
||||
var val01 = $(this).find('option:selected').attr('value');
|
||||
if (val01 == '204309'){
|
||||
$('#tampilankhususoperasi').show();
|
||||
$('#tampilankhususbiasa').hide();
|
||||
} else {
|
||||
$('#tampilankhususbiasa').show();
|
||||
$('#tampilankhususoperasi').hide();
|
||||
}
|
||||
});
|
||||
$('.btnkembali').click(function(){
|
||||
$('#divcontrol').hide();
|
||||
$('#divutama').removeClass('col-lg-7').addClass('col-lg-12');
|
||||
});
|
||||
$('#tombolclose2').click(function(){
|
||||
$('#tampilanspv2').hide();
|
||||
$('#tampilanspv3').hide();
|
||||
$('#tampilanspv4').hide();
|
||||
});
|
||||
$('#tombolclose3').click(function(){
|
||||
$('#tampilanspv2').show();
|
||||
$('#tampilanspv3').hide();
|
||||
$('#tampilanspv4').hide();
|
||||
});
|
||||
$('#tombolclose4').click(function(){
|
||||
$('#tampilanspv2').show();
|
||||
$('#tampilanspv3').show();
|
||||
$('#tampilanspv4').hide();
|
||||
});
|
||||
$('#tombolview2').click(function(){
|
||||
$('#tampilanspv2').show();
|
||||
$('#tampilanspv3').hide();
|
||||
$('#tampilanspv4').hide();
|
||||
});
|
||||
$('#tombolview3').click(function(){
|
||||
$('#tampilanspv2').show();
|
||||
$('#tampilanspv3').show();
|
||||
$('#tampilanspv4').hide();
|
||||
});
|
||||
$('#tombolview4').click(function(){
|
||||
$('#tampilanspv2').show();
|
||||
$('#tampilanspv3').show();
|
||||
$('#tampilanspv4').show();
|
||||
});
|
||||
$("#btnsimpandata").click(function(){
|
||||
var file1=document.getElementById('id_username').value;
|
||||
var file2=document.getElementById('id_password').value;
|
||||
var set01=document.getElementById('id_nim').value;
|
||||
var set02='28';
|
||||
var set03=document.getElementById('id_tanggal').value;
|
||||
var set04=document.getElementById('id_waktu').value;
|
||||
var set05=document.getElementById('id_topik').value;
|
||||
var set06=document.getElementById('id_spv').value;
|
||||
var set07=CKEDITOR.instances['id_deskripsi'].getData()
|
||||
var set08=document.getElementById('id_kodjenis').value;
|
||||
var set09=document.getElementById('id_durasi').value;
|
||||
var set10=document.getElementById('id_rumahsakit').value;
|
||||
var set11=document.getElementById('id_rumahsakitnama').value;
|
||||
var set12=document.getElementById('id_idne').value;
|
||||
var set13='DEPARTEMEN RADIOLOGI';
|
||||
var set14=document.getElementById('id_spvnama').value;
|
||||
var set15=document.getElementById('id_jumlah').value;
|
||||
var set16=document.getElementById('id_spv2').value;
|
||||
var set17=document.getElementById('id_spv3').value;
|
||||
var set18=document.getElementById('id_role').value;
|
||||
var set19=document.getElementById('id_role2').value;
|
||||
var set20=document.getElementById('id_semester').value;
|
||||
var set21=document.getElementById('id_stase').value;
|
||||
$('#loading').show();
|
||||
$('#divcontrol').hide();
|
||||
$('#divutama').removeClass('col-lg-7').addClass('col-lg-12');
|
||||
$("html, body").animate({ scrollTop: 0 }, "slow");
|
||||
var form_data = new FormData();
|
||||
form_data.append('file', file1);
|
||||
form_data.append('file2', file2);
|
||||
form_data.append('val01', set01);
|
||||
form_data.append('val02', set02);
|
||||
form_data.append('val03', set03);
|
||||
form_data.append('val04', set04);
|
||||
form_data.append('val05', set05);
|
||||
form_data.append('val06', set06);
|
||||
form_data.append('val07', set07);
|
||||
form_data.append('val08', set08);
|
||||
form_data.append('val09', set09);
|
||||
form_data.append('val10', set10);
|
||||
form_data.append('val11', set11);
|
||||
form_data.append('val12', set12);
|
||||
form_data.append('val13', set13);
|
||||
form_data.append('val14', set14);
|
||||
form_data.append('val15', set15);
|
||||
form_data.append('val16', set16);
|
||||
form_data.append('val17', set17);
|
||||
form_data.append('val18', set18);
|
||||
form_data.append('val19', set19);
|
||||
form_data.append('val20', set20);
|
||||
form_data.append('val21', set21);
|
||||
form_data.append('_token', '{{csrf_token()}}');
|
||||
$.ajax({
|
||||
url: '{{route("exDatapenugasan")}}',
|
||||
data: form_data,
|
||||
type: 'POST',
|
||||
contentType: false,
|
||||
processData: false,
|
||||
success: function (data) {
|
||||
var status = data.status;
|
||||
var message = data.message;
|
||||
var warna = data.warna;
|
||||
var icon = data.icon;
|
||||
$('#loading').hide();
|
||||
$.toast({
|
||||
heading: status,
|
||||
text: message,
|
||||
position: 'top-right',
|
||||
loaderBg: warna,
|
||||
icon: icon,
|
||||
hideAfter: 5000,
|
||||
stack: 1
|
||||
});
|
||||
$("html, body").animate({ scrollTop: 0 }, "slow");
|
||||
$("#gridlist").jqxGrid('updatebounddata');
|
||||
return false;
|
||||
},
|
||||
error: function (xhr, status, error) {
|
||||
$('#loading').hide();
|
||||
swal({
|
||||
title: 'Stop',
|
||||
text: xhr.responseText,
|
||||
type: 'warning',
|
||||
})
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Error 404 | {{ config('global.namaapps') }} - {{ config('global.Title') }}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<meta content="{{ config('global.namaapps') }}" name="description" />
|
||||
<meta content="{{ config('global.domainapps') }}" name="author" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="{{ asset('logo-ippi.png') }}">
|
||||
@include('base.partials.css-plain')
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Begin page -->
|
||||
<div class="accountbg" style="background: url('background.png');background-size: 70% 100%;"></div>
|
||||
|
||||
<div class="wrapper-page account-page-full">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
|
||||
<div class="account-box">
|
||||
|
||||
<div class="card-box p-5">
|
||||
<h2 class="text-uppercase text-center pb-4">
|
||||
<a href="{{url('/')}}" class="text-success">
|
||||
<span><img src="{{ asset('banner.png') }}" alt="" width="100%"></span>
|
||||
</a>
|
||||
</h2>
|
||||
|
||||
<div class="text-center">
|
||||
<h1 class="text-error">404</h1>
|
||||
<h4 class="text-uppercase text-danger mt-3">Page Not Found</h4>
|
||||
<p class="text-muted mt-3">It's looking like you may have taken a wrong turn. Don't worry... it happens to the best of us. Here's a little tip that might help you get back on track.</p>
|
||||
<marquee direction="left" scrollamount="3" align="center">Page Not Found, Please Call IT Staf</marquee>
|
||||
|
||||
<a class="btn btn-md btn-block btn-custom waves-effect waves-light mt-3" href="{{url('/')}}"> Return Home</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="m-t-40 text-center">
|
||||
<p class="account-copyright">2024 | {{ config('global.namaapps') }} {{ config('global.domainapps') }}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@include('base.partials.js-plain')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Error 419 | {{ config('global.namaapps') }} - {{ config('global.Title') }}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<meta content="{{ config('global.namaapps') }}" name="description" />
|
||||
<meta content="{{ config('global.domainapps') }}" name="author" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="{{ asset('logo-ippi.png') }}">
|
||||
@include('base.partials.css-plain')
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Begin page -->
|
||||
<div class="accountbg" style="background: url('background.png');background-size: 70% 100%;"></div>
|
||||
|
||||
<div class="wrapper-page account-page-full">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
|
||||
<div class="account-box">
|
||||
|
||||
<div class="card-box p-5">
|
||||
<h2 class="text-uppercase text-center pb-4">
|
||||
<a href="{{url('/')}}" class="text-success">
|
||||
<span><img src="{{ asset('banner.png') }}" alt="" width="100%"></span>
|
||||
</a>
|
||||
</h2>
|
||||
|
||||
<div class="text-center">
|
||||
<h1 class="text-error">419</h1>
|
||||
<h4 class="text-uppercase text-danger mt-3">Page Expired</h4>
|
||||
<p class="text-muted mt-3">Page Session is Expired, Please Refresh Click This Button Below</p>
|
||||
|
||||
<a class="btn btn-md btn-block btn-custom waves-effect waves-light mt-3" href="{{url('/')}}"> Return Home</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="m-t-40 text-center">
|
||||
<p class="account-copyright">2024 | {{ config('global.namaapps') }} {{ config('global.domainapps') }}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@include('base.partials.js-plain')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Error 500 | {{ config('global.namaapps') }} - {{ config('global.Title') }}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<meta content="{{ config('global.namaapps') }}" name="description" />
|
||||
<meta content="{{ config('global.domainapps') }}" name="author" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="{{ asset('logo-ippi.png') }}">
|
||||
@include('base.partials.css-plain')
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Begin page -->
|
||||
<div class="accountbg" style="background: url('background.png');background-size: 70% 100%;"></div>
|
||||
|
||||
<div class="wrapper-page account-page-full">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
|
||||
<div class="account-box">
|
||||
|
||||
<div class="card-box p-5">
|
||||
<h2 class="text-uppercase text-center pb-4">
|
||||
<a href="{{url('/')}}" class="text-success">
|
||||
<span><img src="{{ asset('banner.png') }}" alt="" width="100%"></span>
|
||||
</a>
|
||||
</h2>
|
||||
|
||||
<div class="text-center">
|
||||
<h1 class="text-error">500</h1>
|
||||
<h4 class="text-uppercase text-danger mt-3">Internal Server Error</h4>
|
||||
<p class="text-muted mt-3">Why not try refreshing your page? or you can contact Support</p>
|
||||
|
||||
<a class="btn btn-md btn-block btn-custom waves-effect waves-light mt-3" href="{{url('/')}}"> Return Home</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="m-t-40 text-center">
|
||||
<p class="account-copyright">2024 | {{ config('global.namaapps') }} {{ config('global.domainapps') }}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@include('base.partials.js-plain')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Error 500 | {{ config('global.namaapps') }} - {{ config('global.Title') }}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<meta content="{{ config('global.namaapps') }}" name="description" />
|
||||
<meta content="{{ config('global.domainapps') }}" name="author" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
<!-- App favicon -->
|
||||
<link rel="shortcut icon" href="{{ asset('logo-ippi.png') }}">
|
||||
@include('base.partials.css-plain')
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Begin page -->
|
||||
<div class="accountbg" style="background: url('background.png');background-size: 70% 100%;"></div>
|
||||
|
||||
<div class="wrapper-page account-page-full">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
|
||||
<div class="account-box">
|
||||
|
||||
<div class="card-box p-5">
|
||||
<h2 class="text-uppercase text-center pb-4">
|
||||
<a href="{{url('/')}}" class="text-success">
|
||||
<span><img src="{{ asset('banner.png') }}" alt="" width="100%"></span>
|
||||
</a>
|
||||
</h2>
|
||||
|
||||
<div class="text-center">
|
||||
<h1 class="text-error">Error</h1>
|
||||
<h4 class="text-uppercase text-danger mt-3">{!! $kalimatheader !!}</h4>
|
||||
<p class="text-muted mt-3">{!! $kalimatbody !!}</p>
|
||||
|
||||
<a class="btn btn-md btn-block btn-custom waves-effect waves-light mt-3" href="{{url('/')}}"> Return Home</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="m-t-40 text-center">
|
||||
<p class="account-copyright">2024 | {{ config('global.namaapps') }} {{ config('global.domainapps') }}</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@include('base.partials.js-plain')
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary">{{ config('global.namaapps') }} Calendar</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div id='calendar'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row -->
|
||||
</div> <!-- end container -->
|
||||
</div>
|
||||
<!-- TOKEN -->
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
@endsection
|
||||
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var calendarEl = document.getElementById('calendar');
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins : [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
|
||||
header : {
|
||||
left : 'prev,next today',
|
||||
center : 'title',
|
||||
right : 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
|
||||
},
|
||||
defaultDate : "{{date('Y-m-d')}}",
|
||||
navLinks : true,
|
||||
eventLimit : true,
|
||||
events : [
|
||||
@foreach($kalender as $task)
|
||||
{
|
||||
|
||||
title : '{{ $task['reques'] }}',
|
||||
start : '{{ $task['mulai'] }}',
|
||||
end : '{{ $task['akhir'] }}'
|
||||
},
|
||||
@endforeach
|
||||
],
|
||||
eventClick: function(info) {
|
||||
swal({
|
||||
title : 'Event Info',
|
||||
text : info.event.title,
|
||||
type : 'info',
|
||||
});
|
||||
}
|
||||
});
|
||||
calendar.render();
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,92 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>LogIn | {{ config('global.namaapps') }} - {{ config('global.Title') }}</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
||||
<meta content="{{ config('global.namaapps') }}" name="description" />
|
||||
<meta content="{{ config('global.domainapps') }}" name="author" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<link rel="shortcut icon" href="{{ asset('favicon.ico') }}">
|
||||
@include('base.partials.css-plain')
|
||||
<!--
|
||||
Programmer : Dwi Swandhana
|
||||
Website : http://duidev.com
|
||||
HP : 081359108565
|
||||
Email : swandhana17@gmail.com
|
||||
-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="accountbg" style="background: url('background.png');background-size: cover;"></div>
|
||||
<div class="wrapper-page account-page-full">
|
||||
<div class="card">
|
||||
<div class="card-block">
|
||||
<div class="account-box">
|
||||
<div class="card-box">
|
||||
<div class="form-row">
|
||||
<div class="form-group col-2">
|
||||
</div>
|
||||
<div class="form-group col-10">
|
||||
<h2 class="text-uppercase text-center pb-4">
|
||||
<a href="{{url('/')}}" class="text-success">
|
||||
<span><img src="{{ asset('lis.png') }}" alt="" width="100%"></span>
|
||||
</a>
|
||||
</h2>
|
||||
@if(Session::has('message'))
|
||||
<font color="red">{{ Session('message') }}</font>
|
||||
@else
|
||||
<marquee direction="left" scrollamount="3" align="center">Selamat Datang, Silahkan Login Untuk Melanjutkan</marquee>
|
||||
@endif
|
||||
<form action="{{ url('authenticate') }}" method="POST" class="login100-form validate-form">
|
||||
{{ csrf_field() }}
|
||||
<div class="form-group m-b-20 row">
|
||||
<div class="col-12">
|
||||
<label for="username">Username</label>
|
||||
<input class="form-control" type="text" id="username" name="username" required="" placeholder="Enter your credential">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row m-b-20">
|
||||
<div class="col-12">
|
||||
<a href="#" class="text-muted pull-right"><small>Forgot your password?</small></a>
|
||||
<label for="password">Password</label>
|
||||
<input class="form-control" type="password" required="" name="password" id="password" placeholder="Enter your password">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row m-b-20">
|
||||
<div class="col-12">
|
||||
<div class="checkbox checkbox-custom">
|
||||
<input id="remember" type="checkbox" checked="">
|
||||
<input type="hidden" name="firebaseid" class="form-control" value="{{ Session('status') }}"/>
|
||||
<label for="remember">
|
||||
Remember me
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row text-center m-t-10">
|
||||
<div class="col-12">
|
||||
<button class="btn btn-block btn-custom waves-effect waves-light" type="submit">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="row m-t-50">
|
||||
<div class="col-sm-12 text-center">
|
||||
<!-- <p class="text-muted">Don't have an account? <a href="page-register.html" class="text-dark m-l-5"><b>Sign Up</b></a></p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-t-40 text-center">
|
||||
<p class="account-copyright">2024 © Highdmin. - Coderthemes.com</p>
|
||||
</div>
|
||||
</div>
|
||||
@include('base.partials.js-plain')
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,559 @@
|
||||
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head>
|
||||
<title>
|
||||
|
||||
</title>
|
||||
<!--[if !mso]><!-- -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<!--<![endif]-->
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style type="text/css">
|
||||
#outlook a { padding:0; }
|
||||
.ReadMsgBody { width:100%; }
|
||||
.ExternalClass { width:100%; }
|
||||
.ExternalClass * { line-height:100%; }
|
||||
body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
|
||||
table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
|
||||
img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
|
||||
p { display:block;margin:13px 0; }
|
||||
</style>
|
||||
<!--[if !mso]><!-->
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
@-ms-viewport { width:320px; }
|
||||
@viewport { width:320px; }
|
||||
}
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
<!--[if mso]>
|
||||
<xml>
|
||||
<o:OfficeDocumentSettings>
|
||||
<o:AllowPNG/>
|
||||
<o:PixelsPerInch>96</o:PixelsPerInch>
|
||||
</o:OfficeDocumentSettings>
|
||||
</xml>
|
||||
<![endif]-->
|
||||
<!--[if lte mso 11]>
|
||||
<style type="text/css">
|
||||
.outlook-group-fix { width:100% !important; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if !mso]><!-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Cabin:400,700" rel="stylesheet" type="text/css">
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
|
||||
@import url(https://fonts.googleapis.com/css?family=Cabin:400,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 { width:100% !important; max-width: 100%; }
|
||||
.mj-column-per-50 { width:50% !important; max-width: 50%; }
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
</style>
|
||||
<style type="text/css">.hide_on_mobile { display: none !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_on_mobile { display: block !important;} }
|
||||
.hide_section_on_mobile { display: none !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_section_on_mobile { display: table !important;} }
|
||||
.hide_on_desktop { display: block !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_on_desktop { display: none !important;} }
|
||||
.hide_section_on_desktop { display: table !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_section_on_desktop { display: none !important;} }
|
||||
[owa] .mj-column-per-100 {
|
||||
width: 100%!important;
|
||||
}
|
||||
[owa] .mj-column-per-50 {
|
||||
width: 50%!important;
|
||||
}
|
||||
[owa] .mj-column-per-33 {
|
||||
width: 33.333333333333336%!important;
|
||||
}
|
||||
p {
|
||||
margin: 0px;
|
||||
}
|
||||
@media only print and (min-width:480px) {
|
||||
.mj-column-per-100 { width:100%!important; }
|
||||
.mj-column-per-40 { width:40%!important; }
|
||||
.mj-column-per-60 { width:60%!important; }
|
||||
.mj-column-per-50 { width: 50%!important; }
|
||||
mj-column-per-33 { width: 33.333333333333336%!important; }
|
||||
}</style>
|
||||
|
||||
</head>
|
||||
<body style="background-color:#FFFFFF;">
|
||||
|
||||
|
||||
<div style="background-color:#FFFFFF;">
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:3px 3px 3px 3px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p style="text-align: center;"><span style="font-size: 24px; font-family: verdana, geneva, sans-serif; color: #236fa1;"><strong>
|
||||
@if (isset($namaapps01))
|
||||
{{ $namaapps01 }}
|
||||
@elseif (Session('namaapps01') !== null)
|
||||
{{ Session('namaapps01') }}
|
||||
@else
|
||||
{{ config('global.Title') }}
|
||||
@endif
|
||||
</strong></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td style="background:#78B42F;font-size:0px;word-break:break-word;">
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="50" style="vertical-align:top;height:50px;">
|
||||
|
||||
<![endif]-->
|
||||
|
||||
<div style="height:50px;">
|
||||
 
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
|
||||
</td></tr></table>
|
||||
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p style="text-align: center;"><span style="text-decoration: underline;"><span style="color: #169179; font-size: 24px;"><strong>{{$subject}}</strong></span></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 1px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.2;text-align:left;color:#000000;">
|
||||
<p><span style="font-size: 16px; color: #000000;"><strong>Yth. {{$nama_lengkap}} !!</strong></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:0px 0px 0px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:7px 15px 6px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p>{!! $note !!}</p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
{{-- <tr>
|
||||
<td align="left" style="font-size:0px;padding:3px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p><span style="color: #e03e2d;"><strong><span style="background-color: #7e8c8d; font-size: 14px;">Password: {{$password}}  </span></strong></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr> --}}
|
||||
|
||||
<tr>
|
||||
<td style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
|
||||
|
||||
<p style="border-top:solid 1px #000000;font-size:1;margin:0px auto;width:100%;">
|
||||
</p>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #000000;font-size:1;margin:0px auto;width:565px;" role="presentation" width="565px"
|
||||
>
|
||||
<tr>
|
||||
<td style="height:0;line-height:0;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:300px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-50 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.2;text-align:left;color:#000000;">
|
||||
<p>         <strong> Contact</strong></p>
|
||||
<ul>
|
||||
<li>Phone : Telp. +62 81359108565</li>
|
||||
<li>WA : http://wa.me/6281359108565</li>
|
||||
|
||||
<li>Email: swandhana.fp@ub.ac.id</li>
|
||||
<li>Website: duidev.com</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:300px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-50 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.2;text-align:left;color:#000000;">
|
||||
<p>         <strong> Alamat</strong></p>
|
||||
<ul>
|
||||
<li>{!! config('global.alamat') !!}<br />{!! config('global.email') !!}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,565 @@
|
||||
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head>
|
||||
<title>
|
||||
|
||||
</title>
|
||||
<!--[if !mso]><!-- -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<!--<![endif]-->
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style type="text/css">
|
||||
#outlook a { padding:0; }
|
||||
.ReadMsgBody { width:100%; }
|
||||
.ExternalClass { width:100%; }
|
||||
.ExternalClass * { line-height:100%; }
|
||||
body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
|
||||
table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
|
||||
img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
|
||||
p { display:block;margin:13px 0; }
|
||||
</style>
|
||||
<!--[if !mso]><!-->
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
@-ms-viewport { width:320px; }
|
||||
@viewport { width:320px; }
|
||||
}
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
<!--[if mso]>
|
||||
<xml>
|
||||
<o:OfficeDocumentSettings>
|
||||
<o:AllowPNG/>
|
||||
<o:PixelsPerInch>96</o:PixelsPerInch>
|
||||
</o:OfficeDocumentSettings>
|
||||
</xml>
|
||||
<![endif]-->
|
||||
<!--[if lte mso 11]>
|
||||
<style type="text/css">
|
||||
.outlook-group-fix { width:100% !important; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if !mso]><!-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Cabin:400,700" rel="stylesheet" type="text/css">
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
|
||||
@import url(https://fonts.googleapis.com/css?family=Cabin:400,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 { width:100% !important; max-width: 100%; }
|
||||
.mj-column-per-50 { width:50% !important; max-width: 50%; }
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
</style>
|
||||
<style type="text/css">.hide_on_mobile { display: none !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_on_mobile { display: block !important;} }
|
||||
.hide_section_on_mobile { display: none !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_section_on_mobile { display: table !important;} }
|
||||
.hide_on_desktop { display: block !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_on_desktop { display: none !important;} }
|
||||
.hide_section_on_desktop { display: table !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_section_on_desktop { display: none !important;} }
|
||||
[owa] .mj-column-per-100 {
|
||||
width: 100%!important;
|
||||
}
|
||||
[owa] .mj-column-per-50 {
|
||||
width: 50%!important;
|
||||
}
|
||||
[owa] .mj-column-per-33 {
|
||||
width: 33.333333333333336%!important;
|
||||
}
|
||||
p {
|
||||
margin: 0px;
|
||||
}
|
||||
@media only print and (min-width:480px) {
|
||||
.mj-column-per-100 { width:100%!important; }
|
||||
.mj-column-per-40 { width:40%!important; }
|
||||
.mj-column-per-60 { width:60%!important; }
|
||||
.mj-column-per-50 { width: 50%!important; }
|
||||
mj-column-per-33 { width: 33.333333333333336%!important; }
|
||||
}</style>
|
||||
|
||||
</head>
|
||||
<body style="background-color:#FFFFFF;">
|
||||
|
||||
|
||||
<div style="background-color:#FFFFFF;">
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:3px 3px 3px 3px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p style="text-align: center;"><span style="font-size: 24px; font-family: verdana, geneva, sans-serif; color: #236fa1;"><strong>
|
||||
@if (isset($namaapps01))
|
||||
{{ $namaapps01 }}
|
||||
@elseif (Session('namaapps01') !== null)
|
||||
{{ Session('namaapps01') }}
|
||||
@else
|
||||
{{ config('global.Title') }}
|
||||
@endif
|
||||
</strong></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td style="background:#78B42F;font-size:0px;word-break:break-word;">
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="50" style="vertical-align:top;height:50px;">
|
||||
|
||||
<![endif]-->
|
||||
|
||||
<div style="height:50px;">
|
||||
 
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
|
||||
</td></tr></table>
|
||||
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p style="text-align: center;"><span style="text-decoration: underline;"><span style="color: #169179; font-size: 24px;"><strong>{{$subject}}</strong></span></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 1px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.2;text-align:left;color:#000000;">
|
||||
<p><span style="font-size: 16px; color: #000000;"><strong>Yth. {{$nama_lengkap}} !!</strong></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:0px 0px 0px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:7px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p>{!! $note !!}</p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" vertical-align="middle" style="font-size:0px;padding:20px 20px 20px 20px;word-break:break-word;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
|
||||
<tbody><tr>
|
||||
<td align="center" bgcolor="#e85034" role="presentation" style="border:0px solid #000;border-radius:24px;cursor:auto;mso-padding-alt:9px 26px 9px 26px;background:#e85034;" valign="middle">
|
||||
<a href="{{$url_verifikasi}}" style="display:inline-block;background:#e85034;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:100%;Margin:0;text-decoration:none;text-transform:none;padding:9px 26px 9px 26px;mso-padding-alt:0px;border-radius:24px;" target="_blank">
|
||||
Click me!
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:10px;word-break:break-word;">
|
||||
|
||||
<p style="border-top:solid 1px #000000;font-size:1;margin:0px auto;width:100%;">
|
||||
</p>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #000000;font-size:1;margin:0px auto;width:565px;" role="presentation" width="565px"
|
||||
>
|
||||
<tr>
|
||||
<td style="height:0;line-height:0;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:300px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-50 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.2;text-align:left;color:#000000;">
|
||||
<p>         <strong> Contact</strong></p>
|
||||
<ul>
|
||||
<li>Phone : Telp. +62 81359108565</li>
|
||||
<li>WA : http://wa.me/6281359108565</li>
|
||||
|
||||
<li>Email: swandhana.fp@ub.ac.id</li>
|
||||
<li>Website: duidev.com</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:300px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-50 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.2;text-align:left;color:#000000;">
|
||||
<p>         <strong> Alamat</strong></p>
|
||||
<ul>
|
||||
<li>{!! config('global.alamat') !!}<br />{!! config('global.email') !!}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,551 @@
|
||||
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head>
|
||||
<title>
|
||||
|
||||
</title>
|
||||
<!--[if !mso]><!-- -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<!--<![endif]-->
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style type="text/css">
|
||||
#outlook a { padding:0; }
|
||||
.ReadMsgBody { width:100%; }
|
||||
.ExternalClass { width:100%; }
|
||||
.ExternalClass * { line-height:100%; }
|
||||
body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
|
||||
table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
|
||||
img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
|
||||
p { display:block;margin:13px 0; }
|
||||
</style>
|
||||
<!--[if !mso]><!-->
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
@-ms-viewport { width:320px; }
|
||||
@viewport { width:320px; }
|
||||
}
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
<!--[if mso]>
|
||||
<xml>
|
||||
<o:OfficeDocumentSettings>
|
||||
<o:AllowPNG/>
|
||||
<o:PixelsPerInch>96</o:PixelsPerInch>
|
||||
</o:OfficeDocumentSettings>
|
||||
</xml>
|
||||
<![endif]-->
|
||||
<!--[if lte mso 11]>
|
||||
<style type="text/css">
|
||||
.outlook-group-fix { width:100% !important; }
|
||||
</style>
|
||||
<![endif]-->
|
||||
|
||||
<!--[if !mso]><!-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Cabin:400,700" rel="stylesheet" type="text/css">
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
|
||||
@import url(https://fonts.googleapis.com/css?family=Cabin:400,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 { width:100% !important; max-width: 100%; }
|
||||
.mj-column-per-50 { width:50% !important; max-width: 50%; }
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
</style>
|
||||
<style type="text/css">.hide_on_mobile { display: none !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_on_mobile { display: block !important;} }
|
||||
.hide_section_on_mobile { display: none !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_section_on_mobile { display: table !important;} }
|
||||
.hide_on_desktop { display: block !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_on_desktop { display: none !important;} }
|
||||
.hide_section_on_desktop { display: table !important;}
|
||||
@media only screen and (min-width: 480px) { .hide_section_on_desktop { display: none !important;} }
|
||||
[owa] .mj-column-per-100 {
|
||||
width: 100%!important;
|
||||
}
|
||||
[owa] .mj-column-per-50 {
|
||||
width: 50%!important;
|
||||
}
|
||||
[owa] .mj-column-per-33 {
|
||||
width: 33.333333333333336%!important;
|
||||
}
|
||||
p {
|
||||
margin: 0px;
|
||||
}
|
||||
@media only print and (min-width:480px) {
|
||||
.mj-column-per-100 { width:100%!important; }
|
||||
.mj-column-per-40 { width:40%!important; }
|
||||
.mj-column-per-60 { width:60%!important; }
|
||||
.mj-column-per-50 { width: 50%!important; }
|
||||
mj-column-per-33 { width: 33.333333333333336%!important; }
|
||||
}</style>
|
||||
|
||||
</head>
|
||||
<body style="background-color:#FFFFFF;">
|
||||
|
||||
|
||||
<div style="background-color:#FFFFFF;">
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:3px 3px 3px 3px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p style="text-align: center;"><span style="font-size: 24px; font-family: verdana, geneva, sans-serif; color: #236fa1;"><strong>DUIDEV MAILER</strong></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td style="background:#78B42F;font-size:0px;word-break:break-word;">
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="50" style="vertical-align:top;height:50px;">
|
||||
|
||||
<![endif]-->
|
||||
|
||||
<div style="height:50px;">
|
||||
 
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
|
||||
</td></tr></table>
|
||||
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p style="text-align: center;"><span style="text-decoration: underline;"><span style="color: #169179; font-size: 24px;"><strong>{{$subject}}</strong></span></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 1px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.2;text-align:left;color:#000000;">
|
||||
<p><span style="font-size: 16px; color: #000000;"><strong>Hi... {{$nama_lengkap}} !!</strong></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:0px 0px 0px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:600px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:7px 15px 6px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p>{!! $note !!}</p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" style="font-size:0px;padding:3px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:left;color:#000000;">
|
||||
<p><span style="color: #e03e2d;"><strong><span style="font-size: 14px;">Password: {{$password}}</span></strong></span></p>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
|
||||
|
||||
<p style="border-top:solid 1px #000000;font-size:1;margin:0px auto;width:100%;">
|
||||
</p>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #000000;font-size:1;margin:0px auto;width:565px;" role="presentation" width="565px"
|
||||
>
|
||||
<tr>
|
||||
<td style="height:0;line-height:0;">
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
<table
|
||||
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
|
||||
>
|
||||
<tr>
|
||||
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
|
||||
<![endif]-->
|
||||
|
||||
|
||||
<div style="Margin:0px auto;max-width:600px;">
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="direction:ltr;font-size:0px;padding:9px 0px 9px 0px;text-align:center;vertical-align:top;">
|
||||
<!--[if mso | IE]>
|
||||
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:300px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-50 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.2;text-align:left;color:#000000;">
|
||||
<p>         <strong> Contact</strong></p>
|
||||
<ul>
|
||||
<li>Phone : Telp. +62 81359108565</li>
|
||||
<li>WA : http://wa.me/6281359108565</li>
|
||||
|
||||
<li>Email: swandhana.fp@ub.ac.id</li>
|
||||
<li>Website: duidev.com</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="" style="vertical-align:top;width:300px;"
|
||||
>
|
||||
<![endif]-->
|
||||
|
||||
<div class="mj-column-per-50 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
||||
|
||||
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
||||
|
||||
<tbody><tr>
|
||||
<td align="left" style="font-size:0px;padding:15px 15px 15px 15px;word-break:break-word;">
|
||||
|
||||
<div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.2;text-align:left;color:#000000;">
|
||||
<p>         <strong> Alamat</strong></p>
|
||||
<ul>
|
||||
<li>{!! config('global.alamat') !!}<br />{!! config('global.email') !!}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody></table>
|
||||
|
||||
</div>
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<![endif]-->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!--[if mso | IE]>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<![endif]-->
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
File diff suppressed because it is too large
Load diff
@@ -0,0 +1,321 @@
|
||||
@extends('base.layout')
|
||||
|
||||
@section('content')
|
||||
<div class="wrapper">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-lg-5">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-warning">Search by Date Range</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-4">
|
||||
<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-4">
|
||||
<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 class="col-lg-5">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-success">Search by ?</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div class="form-row">
|
||||
<div class="form-group col-lg-4">
|
||||
<input type="text" name="valcari" id="valcari" class="form-control" placeholder="Key">
|
||||
</div>
|
||||
<div class="form-group col-lg-4">
|
||||
<select class="form-control" id="valjenis" name="valjenis">
|
||||
<option value="norm">No.RM</option>
|
||||
<option value="nofoto">No.Foto</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-lg-4">
|
||||
<button type="button" class="btn btn-success" id="btnpencarian"><i class="fa fa-search"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2">
|
||||
<button type="button" class="btn btn-block btn-primary" id="timeremaining">0</button>
|
||||
<button type="button" class="btn btn-block btn-danger" id="btnhariinidoank">This Day Only</button>
|
||||
<button type="button" class="btn btn-block btn-info" id="btnmundur2">Last 2 Days</button>
|
||||
<button type="button" class="btn btn-block btn-warning" id="btnmundur3">Last 3 Days</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="card-box ribbon-box">
|
||||
<div class="ribbon ribbon-primary" id="judul">Queue</div>
|
||||
<p class="m-b-0"></p>
|
||||
<div id="gridpemeriksaan"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||||
<input type="hidden" id="master_set01" name="master_set01" value="ThisDay">
|
||||
<input type="hidden" id="master_set02" name="master_set02" value="{{ Session('previlage') }}">
|
||||
<input type="hidden" id="master_set03" name="master_set03" value="">
|
||||
<input type="hidden" id="master_set04" name="master_set04" value="">
|
||||
|
||||
@endsection
|
||||
@push('script')
|
||||
<script type="text/javascript">
|
||||
var start = new Date();
|
||||
CountDownTimer(start, 'timeremaining');
|
||||
function CountDownTimer(dt, id) {
|
||||
var end = new Date(dt.getTime() + 60000);
|
||||
var _second = 1000;
|
||||
var _minute = _second * 60;
|
||||
var _hour = _minute * 60;
|
||||
var _day = _hour * 24;
|
||||
var timer;
|
||||
function showRemaining() {
|
||||
var now = new Date();
|
||||
var distance = end - now;
|
||||
if (distance < 0) {
|
||||
clearInterval(timer);
|
||||
var start = new Date();
|
||||
CountDownTimer(start, 'timeremaining');
|
||||
$("#gridpemeriksaan").jqxGrid('updatebounddata','filter');
|
||||
return;
|
||||
}
|
||||
var days = Math.floor(distance / _day);
|
||||
var hours = Math.floor((distance % _day) / _hour);
|
||||
var minutes = Math.floor((distance % _hour) / _minute);
|
||||
var seconds = Math.floor((distance % _minute) / _second);
|
||||
document.getElementById(id).innerHTML ='Refresh in ';
|
||||
document.getElementById(id).innerHTML += seconds + 'secs';
|
||||
}
|
||||
timer = setInterval(showRemaining, 1000);
|
||||
}
|
||||
function openedpage( jQuery ){
|
||||
var jenis = document.getElementById('master_set01').value;
|
||||
var mulai = document.getElementById('mulai').value;
|
||||
var akhir = document.getElementById('akhir').value;
|
||||
var valcari = document.getElementById('valcari').value;
|
||||
var master = 'pengambilan';
|
||||
var poli = '';
|
||||
var set06 = '';
|
||||
var token = document.getElementById('token').value;
|
||||
var sourcepasiencari = {
|
||||
datatype: "json",
|
||||
datafields: [
|
||||
{ name: 'id'},
|
||||
{ name: 'mulai', type: 'text'},
|
||||
{ name: 'akhir', type: 'text'},
|
||||
{ name: 'nofoto', type: 'text'},
|
||||
{ name: 'noregister', type: 'text'},
|
||||
{ name: 'asalpasien', type: 'text'},
|
||||
{ name: 'nmrs', type: 'text'},
|
||||
{ name: 'pasien_id', type: 'text'},
|
||||
{ name: 'nama', type: 'text'},
|
||||
{ name: 'jkpasien', type: 'text'},
|
||||
{ name: 'tgllahirpasien', type: 'text'},
|
||||
{ name: 'tlppasien', type: 'text'},
|
||||
{ name: 'alamatpasien', type: 'text'},
|
||||
{ name: 'reques', type: 'text'},
|
||||
{ name: 'usia', type: 'text'},
|
||||
{ name: 'berat', type: 'text'},
|
||||
{ name: 'ruangan_id', type: 'text'},
|
||||
{ name: 'ruangan', type: 'text'},
|
||||
{ name: 'dokter_id', type: 'text'},
|
||||
{ name: 'ppdssenior', type: 'text'},
|
||||
{ name: 'middleppds', type: 'text'},
|
||||
{ name: 'ppdsjunior', type: 'text'},
|
||||
{ name: 'ppdsmiddle2', type: 'text'},
|
||||
{ name: 'ppdsjunior2', type: 'text'},
|
||||
{ name: 'analis', type: 'text'},
|
||||
{ name: 'excutor', 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: 'nmanalis', type: 'text'},
|
||||
{ name: 'nmexcutor', type: 'text'},
|
||||
{ name: 'klinisi', type: 'text'},
|
||||
{ name: 'klinis', type: 'text'},
|
||||
{ name: 'poli_id', type: 'text'},
|
||||
{ name: 'keterangan', type: 'text'},
|
||||
{ name: 'kesimpulan', type: 'text'},
|
||||
{ name: 'asuransi', type: 'text'},
|
||||
{ name: 'urgensi', type: 'text'},
|
||||
{ name: 'diagnosa', type: 'text'},
|
||||
{ name: 'diagnosa2', type: 'text'},
|
||||
{ name: 'modality', type: 'text'},
|
||||
{ name: 'kd_spesimen', type: 'text'},
|
||||
{ name: 'nm_spesimen', type: 'text'},
|
||||
{ name: 'dlp', type: 'text'},
|
||||
{ name: 'daftar', type: 'text'},
|
||||
{ name: 'foto', type: 'text'},
|
||||
{ name: 'tgldraft', type: 'text'},
|
||||
{ name: 'nmdrafter', type: 'text'},
|
||||
{ name: 'baca', type: 'text'},
|
||||
{ name: 'nmpembaca', type: 'text'},
|
||||
{ name: 'verifikasi', type: 'text'},
|
||||
{ name: 'export', type: 'text'},
|
||||
{ name: 'tgladendum', type: 'text'},
|
||||
{ name: 'nmadendum', type: 'text'},
|
||||
{ name: 'filefoto', type: 'text'},
|
||||
{ name: 'status', type: 'text'},
|
||||
{ name: 'tandatangan', type: 'text'},
|
||||
{ name: 'jenisfont', type: 'text'},
|
||||
{ name: 'jumlah', type: 'text'},
|
||||
{ name: 'tlsstatus'},
|
||||
{ name: 'tlsnoregister'},
|
||||
{ name: 'tlsnama'},
|
||||
{ name: 'tlsjk'},
|
||||
{ name: 'daftartgl'},
|
||||
{ name: 'daftarjam'},
|
||||
{ name: 'tlsreques'}
|
||||
],
|
||||
type : 'GET',
|
||||
cache : false,
|
||||
data : {jenis:jenis, mulai:mulai, akhir:akhir, valcari:valcari, poli:poli, master:master, _token: token},
|
||||
url : '{{ route("getList") }}',
|
||||
};
|
||||
var getTanggalDaftar = function (row, column, value) {
|
||||
var mulai = $('#gridpemeriksaan').jqxGrid('getrowdata', row).daftar;
|
||||
var mulai = row ? row.mulai : null;
|
||||
if (mulai) {
|
||||
var arrmulai = mulai.split(' ');
|
||||
return arrmulai.length > 1 ? arrmulai[0] : null;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
var getJamDaftar = function (row, column, value) {
|
||||
var mulai = $('#gridpemeriksaan').jqxGrid('getrowdata', row).daftar;
|
||||
var mulai = row ? row.mulai : null;
|
||||
if (mulai) {
|
||||
var arrmulai = mulai.split(' ');
|
||||
return arrmulai.length > 1 ? arrmulai[1] : null;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
var dataAdapter = new $.jqx.dataAdapter(sourcepasiencari, { async: false, loadError: function (xhr, status, error) { console.log('Error loading "' + sourcepasiencari.url + '" : ' + error); } });
|
||||
$("#gridpemeriksaan").jqxGrid({
|
||||
width : '100%',
|
||||
filterable : true,
|
||||
showfilterrow : true,
|
||||
columnsresize : true,
|
||||
pageable : true,
|
||||
sortable : true,
|
||||
autoheight : true,
|
||||
source : dataAdapter,
|
||||
theme : "energyblue",
|
||||
altrows : true,
|
||||
columns: [
|
||||
{ text: 'Result', filterable: false, columntype: 'button', align: 'center', width: 50, cellsrenderer: function () {
|
||||
return "Print";
|
||||
}, buttonclick: function (row) {
|
||||
editrowjabatan = row;
|
||||
var offset = $("#gridpemeriksaan").offset();
|
||||
var dataRecord = $("#gridpemeriksaan").jqxGrid('getrowdata', editrowjabatan);
|
||||
var home = '{{URL::to("/")}}';
|
||||
var alamat = home+'/hasil/'+dataRecord.nofoto;
|
||||
window.open(alamat,'_blank');
|
||||
}
|
||||
},
|
||||
{ text: 'Acc.No', datafield: 'nofoto', width: 100, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Status', datafield: 'tlsstatus', width: 75, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'No.RM', datafield: 'tlsnoregister', width: 100, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Name', datafield: 'tlsnama', width: 150, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Gender', datafield: 'tlsjk', width: 50, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Date', datafield: 'daftartgl', width: 80, cellsalign: 'center', align: 'center' },
|
||||
{ text: 'Time', datafield: 'daftarjam', width: 80, cellsalign: 'center', align: 'center' },
|
||||
{ text: 'Urgensi', filtertype: 'checkedlist', datafield: 'urgensi', width: 110, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Comming From', filtertype: 'checkedlist', datafield: 'asalpasien', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Code', datafield: 'kd_spesimen', width: 80, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Spesimen', datafield: 'nm_spesimen', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'Analis', datafield: 'nmanalis', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'PPDS', datafield: 'nmppdssenior', width: 120, cellsalign: 'left', align: 'center' },
|
||||
{ text: 'SPV', datafield: 'nmdokter', width: 120, cellsalign: 'left', align: 'center' },
|
||||
]
|
||||
});
|
||||
}
|
||||
$(window).on('load', function () {
|
||||
openedpage();
|
||||
});
|
||||
$(document).ready(function () {
|
||||
$("#mulai").datepicker({format: 'yyyy-mm-dd'});
|
||||
$("#akhir").datepicker({format: 'yyyy-mm-dd'});
|
||||
$("#btnviewcustom").click(function() {
|
||||
var mulai=document.getElementById('mulai').value;
|
||||
var akhir=document.getElementById('akhir').value;
|
||||
if (mulai == ''){
|
||||
$("#err_text").val('Start Date Cannot Empty');
|
||||
$("#modalerror").modal('show');
|
||||
} else if (akhir == ''){
|
||||
$("#err_text").val('End Date Cannot Empty');
|
||||
$("#modalerror").modal('show');
|
||||
} else {
|
||||
$("#master_set01").val('searchbydate');
|
||||
$("#valjenis").val('searchbydate');
|
||||
$("#valcari").val('');
|
||||
openedpage();
|
||||
var judul='Search Result by date Between '+mulai+' and '+akhir;
|
||||
$("#judul").html(judul);
|
||||
}
|
||||
});
|
||||
$("#btnpencarian").click(function() {
|
||||
var set01=document.getElementById('valcari').value;
|
||||
var set02=document.getElementById('valjenis').value;
|
||||
var set03='inisaja';
|
||||
var judul='Search Result by key: '+set01;
|
||||
$("#valjenis").val(set02);
|
||||
$("#master_set01").val(set02);
|
||||
$("#judul").html(judul);
|
||||
openedpage();
|
||||
});
|
||||
$("#btnhariinidoank").click(function() {
|
||||
$("#master_set01").val('ThisDay');
|
||||
$("#master_set02").val('');
|
||||
$("#master_set03").val('');
|
||||
$("#master_set04").val('');
|
||||
var judul='Patient Queue This Day only';
|
||||
$("#judul").html(judul);
|
||||
$("#valcari").val('');
|
||||
$("#mulai").val('');
|
||||
$("#akhir").val('');
|
||||
$("#valjenis").val('searchbydate');
|
||||
openedpage();
|
||||
});
|
||||
$("#btnmundur2").click(function() {
|
||||
$("#master_set01").val('mundur2');
|
||||
$("#master_set02").val('');
|
||||
$("#master_set03").val('');
|
||||
$("#master_set04").val('');
|
||||
$("#valcari").val('');
|
||||
$("#mulai").val('');
|
||||
$("#akhir").val('');
|
||||
$("#valjenis").val('searchbydate');
|
||||
var judul='Patient Queue Past 2 Days';
|
||||
$("#judul").html(judul);
|
||||
openedpage();
|
||||
});
|
||||
$("#btnmundur3").click(function() {
|
||||
$("#master_set01").val('mundur3');
|
||||
$("#master_set02").val('');
|
||||
$("#master_set03").val('');
|
||||
$("#master_set04").val('');
|
||||
$("#valcari").val('');
|
||||
$("#mulai").val('');
|
||||
$("#akhir").val('');
|
||||
$("#valjenis").val('searchbydate');
|
||||
var judul='Patient Queue Past 3 Days';
|
||||
$("#judul").html(judul);
|
||||
openedpage();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@@ -0,0 +1,342 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>LogViewer - Created by ARCANEDEV</title>
|
||||
<meta name="description" content="LogViewer">
|
||||
<meta name="author" content="ARCANEDEV">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
|
||||
<style>
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding-top: 50px;
|
||||
/* Margin bottom by footer height */
|
||||
margin-bottom: 50px;
|
||||
font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.sub-header {
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #EEE;
|
||||
}
|
||||
|
||||
.navbar-inverse {
|
||||
background-color: #1a237e;
|
||||
border-color: #1a237e;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav>.active>a,
|
||||
.navbar-inverse .navbar-nav>.active>a:focus,
|
||||
.navbar-inverse .navbar-nav>.active>a:hover {
|
||||
background-color: #3949ab;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-brand {
|
||||
color: #c5cae9;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav>li>a {
|
||||
color: #c5cae9;
|
||||
}
|
||||
|
||||
.navbar-fixed-top {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.main .page-header {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
footer.main-footer {
|
||||
position: absolute;
|
||||
padding: 10px 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background-color: #e8eaf6;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
footer.main-footer p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
footer.main-footer i.fa.fa-heart {
|
||||
color: #C62828;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pagination > li > a,
|
||||
.pagination > li > span {
|
||||
padding: 4px 10px;
|
||||
}
|
||||
|
||||
.table-condensed > tbody > tr > td.stack,
|
||||
.table-condensed > tfoot > tr > td.stack,
|
||||
.table-condensed > thead > tr > td.stack {
|
||||
padding: 0;
|
||||
border-top: none;
|
||||
background-color: #F6F6F6;
|
||||
border-top: 1px solid #D1D1D1;
|
||||
max-width: 0;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.table-condensed > tbody > tr > td > p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.stack-content {
|
||||
padding: 8px;
|
||||
color: #AE0E0E;
|
||||
font-family: consolas, Menlo, Courier, monospace;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
.info-box.level {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin-bottom: 15px;
|
||||
min-height: 70px;
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.info-box.level .info-box-text,
|
||||
.info-box.level .info-box-number,
|
||||
.info-box.level .info-box-icon > i {
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.info-box.level .info-box-text {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.info-box.level .info-box-content {
|
||||
padding: 5px 10px;
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
.info-box.level .info-box-number {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.info-box.level .info-box-icon {
|
||||
border-radius: 2px 0 0 2px;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 70px; width: 70px;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
line-height: 70px;
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.info-box.level .progress {
|
||||
background: rgba(0,0,0,0.2);
|
||||
margin: 5px -10px 5px -10px;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.info-box.level .progress .progress-bar {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.info-box.level-empty {
|
||||
opacity: .6;
|
||||
-webkit-filter: grayscale(1);
|
||||
-moz-filter: grayscale(1);
|
||||
-ms-filter: grayscale(1);
|
||||
filter: grayscale(1);
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
-webkit-transition-property: -webkit-filter, opacity;
|
||||
-moz-transition-property: -moz-filter, opacity;
|
||||
-o-transition-property: filter, opacity;
|
||||
transition-property: -webkit-filter, -moz-filter, -o-filter, filter, opacity;
|
||||
}
|
||||
|
||||
.info-box.level-empty:hover {
|
||||
opacity: 1;
|
||||
-webkit-filter: grayscale(0);
|
||||
-moz-filter: grayscale(0);
|
||||
-ms-filter: grayscale(0);
|
||||
filter: grayscale(0);
|
||||
}
|
||||
|
||||
.level {
|
||||
padding: 2px 6px;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 2px;
|
||||
font-size: .9em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.badge.level-all,
|
||||
.badge.level-emergency,
|
||||
.badge.level-alert,
|
||||
.badge.level-critical,
|
||||
.badge.level-error,
|
||||
.badge.level-warning,
|
||||
.badge.level-notice,
|
||||
.badge.level-info,
|
||||
.badge.level-debug,
|
||||
.level, .level i,
|
||||
.info-box.level-all,
|
||||
.info-box.level-emergency,
|
||||
.info-box.level-alert,
|
||||
.info-box.level-critical,
|
||||
.info-box.level-error,
|
||||
.info-box.level-warning,
|
||||
.info-box.level-notice,
|
||||
.info-box.level-info,
|
||||
.info-box.level-debug {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.label-env {
|
||||
font-size: .85em;
|
||||
}
|
||||
|
||||
.badge.level-all, .level.level-all, .info-box.level-all {
|
||||
background-color: {{ log_styler()->color('all') }};
|
||||
}
|
||||
|
||||
.badge.level-emergency, .level.level-emergency, .info-box.level-emergency {
|
||||
background-color: {{ log_styler()->color('emergency') }};
|
||||
}
|
||||
|
||||
.badge.level-alert, .level.level-alert, .info-box.level-alert {
|
||||
background-color: {{ log_styler()->color('alert') }};
|
||||
}
|
||||
|
||||
.badge.level-critical, .level.level-critical, .info-box.level-critical {
|
||||
background-color: {{ log_styler()->color('critical') }};
|
||||
}
|
||||
|
||||
.badge.level-error, .level.level-error, .info-box.level-error {
|
||||
background-color: {{ log_styler()->color('error') }};
|
||||
}
|
||||
|
||||
.badge.level-warning, .level.level-warning, .info-box.level-warning {
|
||||
background-color: {{ log_styler()->color('warning') }};
|
||||
}
|
||||
|
||||
.badge.level-notice, .level.level-notice, .info-box.level-notice {
|
||||
background-color: {{ log_styler()->color('notice') }};
|
||||
}
|
||||
|
||||
.badge.level-info, .level.level-info, .info-box.level-info {
|
||||
background-color: {{ log_styler()->color('info') }};
|
||||
}
|
||||
|
||||
.badge.level-debug, .level.level-debug, .info-box.level-debug {
|
||||
background-color: {{ log_styler()->color('debug') }};
|
||||
}
|
||||
|
||||
.badge.level-empty, .level.level-empty {
|
||||
background-color: {{ log_styler()->color('empty') }};
|
||||
}
|
||||
|
||||
.badge.label-env, .label.label-env {
|
||||
background-color: #6A1B9A;
|
||||
}
|
||||
</style>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
{{-- Navbar --}}
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">@lang('Toggle navigation')</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a href="{{ route('log-viewer::dashboard') }}" class="navbar-brand">
|
||||
<i class="fa fa-fw fa-book"></i> LogViewer
|
||||
</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbar">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="{{ Route::is('log-viewer::dashboard') ? 'active' : '' }}">
|
||||
<a href="{{ route('log-viewer::dashboard') }}">
|
||||
<i class="fa fa-dashboard"></i> @lang('Dashboard')
|
||||
</a>
|
||||
</li>
|
||||
<li class="{{ Route::is('log-viewer::logs.list') ? 'active' : '' }}">
|
||||
<a href="{{ route('log-viewer::logs.list') }}">
|
||||
<i class="fa fa-archive"></i> @lang('Logs')
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{{-- Main container --}}
|
||||
<main class="container-fluid">
|
||||
@yield('content')
|
||||
</main>
|
||||
|
||||
{{-- Footer --}}
|
||||
<footer class="main-footer">
|
||||
<div class="container">
|
||||
<p class="text-muted pull-left">
|
||||
LogViewer - <span class="label label-info">version {{ log_viewer()->version() }}</span>
|
||||
</p>
|
||||
<p class="text-muted pull-right">
|
||||
Created with <i class="fa fa-heart"></i> by ARCANEDEV <sup>©</sup>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{{-- Scripts --}}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>
|
||||
<script>
|
||||
Chart.defaults.global.responsive = true;
|
||||
Chart.defaults.global.scaleFontFamily = "'Source Sans Pro'";
|
||||
Chart.defaults.global.animationEasing = "easeOutQuart";
|
||||
</script>
|
||||
@yield('modals')
|
||||
@yield('scripts')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,52 @@
|
||||
@extends('log-viewer::bootstrap-3._master')
|
||||
|
||||
@section('content')
|
||||
<h1 class="page-header">@lang('Dashboard')</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<canvas id="stats-doughnut-chart" height="300"></canvas>
|
||||
</div>
|
||||
<div class="col-md-9">
|
||||
<section class="box-body">
|
||||
<div class="row">
|
||||
@foreach($percents as $level => $item)
|
||||
<div class="col-md-4">
|
||||
<div class="info-box level level-{{ $level }} {{ $item['count'] === 0 ? 'level-empty' : '' }}">
|
||||
<span class="info-box-icon">
|
||||
{{ log_styler()->icon($level) }}
|
||||
</span>
|
||||
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text">{{ $item['name'] }}</span>
|
||||
<span class="info-box-number">
|
||||
{{ $item['count'] }} @lang('entries') - {!! $item['percent'] !!} %
|
||||
</span>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" style="width: {{ $item['percent'] }}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
$(function() {
|
||||
new Chart($('canvas#stats-doughnut-chart'), {
|
||||
type: 'doughnut',
|
||||
data: {!! $chartData !!},
|
||||
options: {
|
||||
legend: {
|
||||
position: 'bottom'
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,152 @@
|
||||
@extends('log-viewer::bootstrap-3._master')
|
||||
|
||||
<?php /** @var Illuminate\Pagination\LengthAwarePaginator $rows */ ?>
|
||||
|
||||
@section('content')
|
||||
<h1 class="page-header">@lang('Logs')</h1>
|
||||
|
||||
{{ $rows->render() }}
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-condensed table-hover table-stats">
|
||||
<thead>
|
||||
<tr>
|
||||
@foreach($headers as $key => $header)
|
||||
<th class="{{ $key == 'date' ? 'text-left' : 'text-center' }}">
|
||||
@if ($key == 'date')
|
||||
<span class="label label-info">{{ $header }}</span>
|
||||
@else
|
||||
<span class="level level-{{ $key }}">
|
||||
{{ log_styler()->icon($key) }} {{ $header }}
|
||||
</span>
|
||||
@endif
|
||||
</th>
|
||||
@endforeach
|
||||
<th class="text-right">@lang('Actions')</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($rows as $date => $row)
|
||||
<tr>
|
||||
@foreach($row as $key => $value)
|
||||
<td class="{{ $key == 'date' ? 'text-left' : 'text-center' }}">
|
||||
@if ($key == 'date')
|
||||
<span class="label label-primary">{{ $value }}</span>
|
||||
@elseif ($value == 0)
|
||||
<span class="level level-empty">{{ $value }}</span>
|
||||
@else
|
||||
<a href="{{ route('log-viewer::logs.filter', [$date, $key]) }}">
|
||||
<span class="level level-{{ $key }}">{{ $value }}</span>
|
||||
</a>
|
||||
@endif
|
||||
</td>
|
||||
@endforeach
|
||||
<td class="text-right">
|
||||
<a href="{{ route('log-viewer::logs.show', [$date]) }}" class="btn btn-xs btn-info">
|
||||
<i class="fa fa-search"></i>
|
||||
</a>
|
||||
<a href="{{ route('log-viewer::logs.download', [$date]) }}" class="btn btn-xs btn-success">
|
||||
<i class="fa fa-download"></i>
|
||||
</a>
|
||||
<a href="#delete-log-modal" class="btn btn-xs btn-danger" data-log-date="{{ $date }}">
|
||||
<i class="fa fa-trash-o"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="11" class="text-center">
|
||||
<span class="label label-default">{{ trans('log-viewer::general.empty-logs') }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
{{ $rows->render() }}
|
||||
@endsection
|
||||
|
||||
@section('modals')
|
||||
{{-- DELETE MODAL --}}
|
||||
<div id="delete-log-modal" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<form id="delete-log-form" action="{{ route('log-viewer::logs.delete') }}" method="POST">
|
||||
<input type="hidden" name="_method" value="DELETE">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
||||
<input type="hidden" name="date" value="">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title">@lang('Delete log file')</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-sm btn-default pull-left" data-dismiss="modal">@lang('Cancel')</button>
|
||||
<button type="submit" class="btn btn-sm btn-danger" data-loading-text="@lang('Loading')…">@lang('Delete')</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
$(function () {
|
||||
var deleteLogModal = $('div#delete-log-modal'),
|
||||
deleteLogForm = $('form#delete-log-form'),
|
||||
submitBtn = deleteLogForm.find('button[type=submit]');
|
||||
|
||||
$("a[href=#delete-log-modal]").on('click', function(event) {
|
||||
event.preventDefault();
|
||||
var date = $(this).data('log-date'),
|
||||
message = "@lang('Are you sure you want to DELETE this log file: :date ?')";
|
||||
|
||||
deleteLogForm.find('input[name=date]').val(date);
|
||||
deleteLogModal.find('.modal-body p').html(message.replace(':date', date));
|
||||
|
||||
deleteLogModal.modal('show');
|
||||
});
|
||||
|
||||
deleteLogForm.on('submit', function(event) {
|
||||
event.preventDefault();
|
||||
submitBtn.button('loading');
|
||||
|
||||
$.ajax({
|
||||
url: $(this).attr('action'),
|
||||
type: $(this).attr('method'),
|
||||
dataType: 'json',
|
||||
data: $(this).serialize(),
|
||||
success: function(data) {
|
||||
submitBtn.button('reset');
|
||||
if (data.result === 'success') {
|
||||
deleteLogModal.modal('hide');
|
||||
location.reload();
|
||||
}
|
||||
else {
|
||||
alert('AJAX ERROR ! Check the console !');
|
||||
console.error(data);
|
||||
}
|
||||
},
|
||||
error: function(xhr, textStatus, errorThrown) {
|
||||
alert('AJAX ERROR ! Check the console !');
|
||||
console.error(errorThrown);
|
||||
submitBtn.button('reset');
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
deleteLogModal.on('hidden.bs.modal', function() {
|
||||
deleteLogForm.find('input[name=date]').val('');
|
||||
deleteLogModal.find('.modal-body p').html('');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,286 @@
|
||||
<?php
|
||||
/**
|
||||
* @var Arcanedev\LogViewer\Entities\Log $log
|
||||
* @var Illuminate\Pagination\LengthAwarePaginator|array<string|int, Arcanedev\LogViewer\Entities\LogEntry> $entries
|
||||
* @var string|null $query
|
||||
*/
|
||||
?>
|
||||
|
||||
@extends('log-viewer::bootstrap-3._master')
|
||||
|
||||
@section('content')
|
||||
<h1 class="page-header">@lang('Log') [{{ $log->date }}]</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><i class="fa fa-fw fa-flag"></i> @lang('Levels')</div>
|
||||
<ul class="list-group">
|
||||
@foreach($log->menu() as $levelKey => $item)
|
||||
@if ($item['count'] === 0)
|
||||
<a href="#" class="list-group-item disabled">
|
||||
<span class="badge">
|
||||
{{ $item['count'] }}
|
||||
</span>
|
||||
{!! $item['icon'] !!} {{ $item['name'] }}
|
||||
</a>
|
||||
@else
|
||||
<a href="{{ $item['url'] }}" class="list-group-item {{ $levelKey }}">
|
||||
<span class="badge level-{{ $levelKey }}">
|
||||
{{ $item['count'] }}
|
||||
</span>
|
||||
<span class="level level-{{ $levelKey }}">
|
||||
{!! $item['icon'] !!} {{ $item['name'] }}
|
||||
</span>
|
||||
</a>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
{{-- Log Details --}}
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
@lang('Log info') :
|
||||
|
||||
<div class="group-btns pull-right">
|
||||
<a href="{{ route('log-viewer::logs.download', [$log->date]) }}" class="btn btn-xs btn-success">
|
||||
<i class="fa fa-download"></i> @lang('Download')
|
||||
</a>
|
||||
<a href="#delete-log-modal" class="btn btn-xs btn-danger" data-toggle="modal">
|
||||
<i class="fa fa-trash-o"></i> @lang('Delete')
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>@lang('File path') :</td>
|
||||
<td colspan="5">{{ $log->getPath() }}</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>@lang('Log entries') :</td>
|
||||
<td>
|
||||
<span class="label label-primary">{{ $entries->total() }}</span>
|
||||
</td>
|
||||
<td>@lang('Size') :</td>
|
||||
<td>
|
||||
<span class="label label-primary">{{ $log->size() }}</span>
|
||||
</td>
|
||||
<td>@lang('Created at') :</td>
|
||||
<td>
|
||||
<span class="label label-primary">{{ $log->createdAt() }}</span>
|
||||
</td>
|
||||
<td>@lang('Updated at') :</td>
|
||||
<td>
|
||||
<span class="label label-primary">{{ $log->updatedAt() }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
{{-- Search --}}
|
||||
<form action="{{ route('log-viewer::logs.search', [$log->date, $level]) }}" method="GET">
|
||||
<div class=form-group">
|
||||
<div class="input-group">
|
||||
<input id="query" name="query" class="form-control" value="{{ $query }}" placeholder="@lang('Type here to search')">
|
||||
<span class="input-group-btn">
|
||||
@unless (is_null($query))
|
||||
<a href="{{ route('log-viewer::logs.show', [$log->date]) }}" class="btn btn-default">
|
||||
(@lang(':count results', ['count' => $entries->count()])) <span class="glyphicon glyphicon-remove"></span>
|
||||
</a>
|
||||
@endunless
|
||||
<button id="search-btn" class="btn btn-primary">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Log Entries --}}
|
||||
<div class="panel panel-default">
|
||||
@if ($entries->hasPages())
|
||||
<div class="panel-heading">
|
||||
{{ $entries->appends(compact('query'))->render() }}
|
||||
|
||||
<span class="label label-info pull-right">
|
||||
{{ __('Page :current of :last', ['current' => $entries->currentPage(), 'last' => $entries->lastPage()]) }}
|
||||
</span>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="entries" class="table table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>@lang('ENV')</th>
|
||||
<th style="width: 120px;">@lang('Level')</th>
|
||||
<th style="width: 65px;">@lang('Time')</th>
|
||||
<th>@lang('Header')</th>
|
||||
<th class="text-right">@lang('Actions')</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($entries as $key => $entry)
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-env">{{ $entry->env }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="level level-{{ $entry->level }}">{!! $entry->level() !!}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="label label-default">
|
||||
{{ $entry->datetime->format('H:i:s') }}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<p>{{ $entry->header }}</p>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
@if ($entry->hasStack())
|
||||
<a class="btn btn-xs btn-default" role="button" data-toggle="collapse"
|
||||
href="#log-stack-{{ $key }}" aria-expanded="false" aria-controls="log-stack-{{ $key }}">
|
||||
<i class="fa fa-toggle-on"></i> @lang('Stack')
|
||||
</a>
|
||||
@endif
|
||||
|
||||
@if ($entry->hasContext())
|
||||
<a class="btn btn-xs btn-default" role="button" data-toggle="collapse"
|
||||
href="#log-context-{{ $key }}" aria-expanded="false" aria-controls="log-context-{{ $key }}">
|
||||
<i class="fa fa-toggle-on"></i> @lang('Context')
|
||||
</a>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@if ($entry->hasStack() || $entry->hasContext())
|
||||
<tr>
|
||||
<td colspan="5" class="stack">
|
||||
@if ($entry->hasStack())
|
||||
<div class="stack-content collapse" id="log-stack-{{ $key }}">
|
||||
{!! $entry->stack() !!}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($entry->hasContext())
|
||||
<div class="stack-content collapse" id="log-context-{{ $key }}">
|
||||
<pre>{{ $entry->context() }}</pre>
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endif
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="5" class="text-center">
|
||||
<span class="label label-default">@lang('The list of logs is empty!')</span>
|
||||
</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@if ($entries->hasPages())
|
||||
<div class="panel-footer">
|
||||
{!! $entries->appends(compact('query'))->render() !!}
|
||||
|
||||
<span class="label label-info pull-right">
|
||||
@lang('Page :current of :last', ['current' => $entries->currentPage(), 'last' => $entries->lastPage()])
|
||||
</span>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('modals')
|
||||
{{-- DELETE MODAL --}}
|
||||
<div id="delete-log-modal" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<form id="delete-log-form" action="{{ route('log-viewer::logs.delete') }}" method="POST">
|
||||
<input type="hidden" name="_method" value="DELETE">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
||||
<input type="hidden" name="date" value="{{ $log->date }}">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<h4 class="modal-title">@lang('Delete log file')</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>@lang('Are you sure you want to delete this log file: :date ?', ['date' => $log->date])</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-sm btn-default pull-left" data-dismiss="modal">@lang('Cancel')</button>
|
||||
<button type="submit" class="btn btn-sm btn-danger" data-loading-text="@lang('Loading')…">@lang('Delete')</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
$(function () {
|
||||
var deleteLogModal = $('div#delete-log-modal'),
|
||||
deleteLogForm = $('form#delete-log-form'),
|
||||
submitBtn = deleteLogForm.find('button[type=submit]');
|
||||
|
||||
deleteLogForm.on('submit', function(event) {
|
||||
event.preventDefault();
|
||||
submitBtn.button('loading');
|
||||
|
||||
$.ajax({
|
||||
url: $(this).attr('action'),
|
||||
type: $(this).attr('method'),
|
||||
dataType: 'json',
|
||||
data: $(this).serialize(),
|
||||
success: function(data) {
|
||||
submitBtn.button('reset');
|
||||
if (data.result === 'success') {
|
||||
deleteLogModal.modal('hide');
|
||||
location.replace("{{ route('log-viewer::logs.list') }}");
|
||||
}
|
||||
else {
|
||||
alert('OOPS ! This is a lack of coffee exception !')
|
||||
}
|
||||
},
|
||||
error: function(xhr, textStatus, errorThrown) {
|
||||
alert('AJAX ERROR ! Check the console !');
|
||||
console.error(errorThrown);
|
||||
submitBtn.button('reset');
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
@unless (empty(log_styler()->toHighlight()))
|
||||
@php
|
||||
$htmlHighlight = version_compare(PHP_VERSION, '7.4.0') >= 0
|
||||
? join('|', log_styler()->toHighlight())
|
||||
: join(log_styler()->toHighlight(), '|');
|
||||
@endphp
|
||||
$('.stack-content').each(function() {
|
||||
var $this = $(this);
|
||||
var html = $this.html().trim()
|
||||
.replace(/({!! $htmlHighlight !!})/gm, '<strong>$1</strong>');
|
||||
|
||||
$this.html(html);
|
||||
});
|
||||
@endunless
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,270 @@
|
||||
<!doctype html>
|
||||
<html lang="{{ app()->getLocale() }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="LogViewer">
|
||||
<meta name="author" content="ARCANEDEV">
|
||||
<title>LogViewer - Created by ARCANEDEV</title>
|
||||
{{-- Styles --}}
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
|
||||
<style>
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: .875rem;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.main-footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
background-color: #E8EAF6;
|
||||
}
|
||||
|
||||
.main-footer p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.main-footer .fa.fa-heart {
|
||||
color: #C62828;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
border-bottom: 1px solid #8a8a8a;
|
||||
}
|
||||
|
||||
/*
|
||||
* Navbar
|
||||
*/
|
||||
|
||||
.navbar-brand {
|
||||
padding: .75rem 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.navbar-nav .nav-link {
|
||||
padding-right: .5rem;
|
||||
padding-left: .5rem;
|
||||
}
|
||||
|
||||
/*
|
||||
* Boxes
|
||||
*/
|
||||
|
||||
.box {
|
||||
display: block;
|
||||
padding: 0;
|
||||
min-height: 70px;
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.box > .box-icon > i,
|
||||
.box .box-content .box-text,
|
||||
.box .box-content .box-number {
|
||||
color: #FFF;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.box > .box-icon {
|
||||
border-radius: 2px 0 0 2px;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 70px; width: 70px;
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
line-height: 70px;
|
||||
background: rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.box .box-content {
|
||||
padding: 5px 10px;
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
.box .box-content .box-text {
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.box .box-content .box-number {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.box .box-content .progress {
|
||||
background: rgba(0,0,0,0.2);
|
||||
margin: 5px -10px 5px -10px;
|
||||
}
|
||||
|
||||
.box .box-content .progress .progress-bar {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
/*
|
||||
* Log Menu
|
||||
*/
|
||||
|
||||
.log-menu .list-group-item.disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.log-menu .list-group-item.disabled .level-name {
|
||||
color: #D1D1D1;
|
||||
}
|
||||
|
||||
/*
|
||||
* Log Entry
|
||||
*/
|
||||
|
||||
.stack-content {
|
||||
color: #AE0E0E;
|
||||
font-family: consolas, Menlo, Courier, monospace;
|
||||
white-space: pre-line;
|
||||
font-size: .8rem;
|
||||
}
|
||||
|
||||
/*
|
||||
* Colors: Badge & Infobox
|
||||
*/
|
||||
|
||||
.badge.badge-env,
|
||||
.badge.badge-level-all,
|
||||
.badge.badge-level-emergency,
|
||||
.badge.badge-level-alert,
|
||||
.badge.badge-level-critical,
|
||||
.badge.badge-level-error,
|
||||
.badge.badge-level-warning,
|
||||
.badge.badge-level-notice,
|
||||
.badge.badge-level-info,
|
||||
.badge.badge-level-debug,
|
||||
.badge.empty {
|
||||
color: #FFF;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.badge.badge-level-all,
|
||||
.box.level-all {
|
||||
background-color: {{ log_styler()->color('all') }};
|
||||
}
|
||||
|
||||
.badge.badge-level-emergency,
|
||||
.box.level-emergency {
|
||||
background-color: {{ log_styler()->color('emergency') }};
|
||||
}
|
||||
|
||||
.badge.badge-level-alert,
|
||||
.box.level-alert {
|
||||
background-color: {{ log_styler()->color('alert') }};
|
||||
}
|
||||
|
||||
.badge.badge-level-critical,
|
||||
.box.level-critical {
|
||||
background-color: {{ log_styler()->color('critical') }};
|
||||
}
|
||||
|
||||
.badge.badge-level-error,
|
||||
.box.level-error {
|
||||
background-color: {{ log_styler()->color('error') }};
|
||||
}
|
||||
|
||||
.badge.badge-level-warning,
|
||||
.box.level-warning {
|
||||
background-color: {{ log_styler()->color('warning') }};
|
||||
}
|
||||
|
||||
.badge.badge-level-notice,
|
||||
.box.level-notice {
|
||||
background-color: {{ log_styler()->color('notice') }};
|
||||
}
|
||||
|
||||
.badge.badge-level-info,
|
||||
.box.level-info {
|
||||
background-color: {{ log_styler()->color('info') }};
|
||||
}
|
||||
|
||||
.badge.badge-level-debug,
|
||||
.box.level-debug {
|
||||
background-color: {{ log_styler()->color('debug') }};
|
||||
}
|
||||
|
||||
.badge.empty,
|
||||
.box.empty {
|
||||
background-color: {{ log_styler()->color('empty') }};
|
||||
}
|
||||
|
||||
.badge.badge-env {
|
||||
background-color: #6A1B9A;
|
||||
}
|
||||
|
||||
#entries {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md navbar-dark sticky-top bg-dark p-0">
|
||||
<a href="{{ route('log-viewer::dashboard') }}" class="navbar-brand mr-0">
|
||||
<i class="fa fa-fw fa-book"></i> LogViewer
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item {{ Route::is('log-viewer::dashboard') ? 'active' : '' }}">
|
||||
<a href="{{ route('log-viewer::dashboard') }}" class="nav-link">
|
||||
<i class="fa fa-dashboard"></i> @lang('Dashboard')
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item {{ Route::is('log-viewer::logs.list') ? 'active' : '' }}">
|
||||
<a href="{{ route('log-viewer::logs.list') }}" class="nav-link">
|
||||
<i class="fa fa-archive"></i> @lang('Logs')
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container-fluid">
|
||||
<main role="main" class="pt-3">
|
||||
@yield('content')
|
||||
</main>
|
||||
</div>
|
||||
|
||||
{{-- Footer --}}
|
||||
<footer class="main-footer">
|
||||
<div class="container-fluid">
|
||||
<p class="text-muted pull-left">
|
||||
LogViewer - <span class="badge badge-info">version {{ log_viewer()->version() }}</span>
|
||||
</p>
|
||||
<p class="text-muted pull-right">
|
||||
Created with <i class="fa fa-heart"></i> by ARCANEDEV <sup>©</sup>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{{-- Scripts --}}
|
||||
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" crossorigin="anonymous"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
|
||||
|
||||
@yield('modals')
|
||||
@yield('scripts')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,53 @@
|
||||
@extends('log-viewer::bootstrap-4._master')
|
||||
|
||||
@section('content')
|
||||
<div class="page-header mb-4">
|
||||
<h1>@lang('Dashboard')</h1>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<canvas id="stats-doughnut-chart" height="300" class="mb-3"></canvas>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-9">
|
||||
<div class="row">
|
||||
@foreach($percents as $level => $item)
|
||||
<div class="col-sm-6 col-md-12 col-lg-4 mb-3">
|
||||
<div class="box level-{{ $level }} {{ $item['count'] === 0 ? 'empty' : '' }}">
|
||||
<div class="box-icon">
|
||||
{!! log_styler()->icon($level) !!}
|
||||
</div>
|
||||
|
||||
<div class="box-content">
|
||||
<span class="box-text">{{ $item['name'] }}</span>
|
||||
<span class="box-number">
|
||||
{{ $item['count'] }} @lang('entries') - {!! $item['percent'] !!} %
|
||||
</span>
|
||||
<div class="progress" style="height: 3px;">
|
||||
<div class="progress-bar" style="width: {{ $item['percent'] }}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
$(function() {
|
||||
new Chart(document.getElementById("stats-doughnut-chart"), {
|
||||
type: 'doughnut',
|
||||
data: {!! $chartData !!},
|
||||
options: {
|
||||
legend: {
|
||||
position: 'bottom'
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,152 @@
|
||||
@extends('log-viewer::bootstrap-4._master')
|
||||
|
||||
<?php /** @var Illuminate\Pagination\LengthAwarePaginator $rows */ ?>
|
||||
|
||||
@section('content')
|
||||
<div class="page-header mb-4">
|
||||
<h1>@lang('Logs')</h1>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-sm table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
@foreach($headers as $key => $header)
|
||||
<th scope="col" class="{{ $key == 'date' ? 'text-left' : 'text-center' }}">
|
||||
@if ($key == 'date')
|
||||
<span class="badge badge-info">{{ $header }}</span>
|
||||
@else
|
||||
<span class="badge badge-level-{{ $key }}">
|
||||
{{ log_styler()->icon($key) }} {{ $header }}
|
||||
</span>
|
||||
@endif
|
||||
</th>
|
||||
@endforeach
|
||||
<th scope="col" class="text-right">@lang('Actions')</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($rows as $date => $row)
|
||||
<tr>
|
||||
@foreach($row as $key => $value)
|
||||
<td class="{{ $key == 'date' ? 'text-left' : 'text-center' }}">
|
||||
@if ($key == 'date')
|
||||
<span class="badge badge-primary">{{ $value }}</span>
|
||||
@elseif ($value == 0)
|
||||
<span class="badge empty">{{ $value }}</span>
|
||||
@else
|
||||
<a href="{{ route('log-viewer::logs.filter', [$date, $key]) }}">
|
||||
<span class="badge badge-level-{{ $key }}">{{ $value }}</span>
|
||||
</a>
|
||||
@endif
|
||||
</td>
|
||||
@endforeach
|
||||
<td class="text-right">
|
||||
<a href="{{ route('log-viewer::logs.show', [$date]) }}" class="btn btn-sm btn-info">
|
||||
<i class="fa fa-search"></i>
|
||||
</a>
|
||||
<a href="{{ route('log-viewer::logs.download', [$date]) }}" class="btn btn-sm btn-success">
|
||||
<i class="fa fa-download"></i>
|
||||
</a>
|
||||
<a href="#delete-log-modal" class="btn btn-sm btn-danger" data-log-date="{{ $date }}">
|
||||
<i class="fa fa-trash-o"></i>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="11" class="text-center">
|
||||
<span class="badge badge-secondary">@lang('The list of logs is empty!')</span>
|
||||
</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
{{ $rows->render() }}
|
||||
@endsection
|
||||
|
||||
@section('modals')
|
||||
{{-- DELETE MODAL --}}
|
||||
<div id="delete-log-modal" class="modal fade" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" role="document">
|
||||
<form id="delete-log-form" action="{{ route('log-viewer::logs.delete') }}" method="POST">
|
||||
<input type="hidden" name="_method" value="DELETE">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
||||
<input type="hidden" name="date" value="">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">@lang('Delete log file')</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-sm btn-secondary mr-auto" data-dismiss="modal">@lang('Cancel')</button>
|
||||
<button type="submit" class="btn btn-sm btn-danger" data-loading-text="@lang('Loading')…">@lang('Delete')</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
$(function () {
|
||||
var deleteLogModal = $('div#delete-log-modal'),
|
||||
deleteLogForm = $('form#delete-log-form'),
|
||||
submitBtn = deleteLogForm.find('button[type=submit]');
|
||||
|
||||
$("a[href='#delete-log-modal']").on('click', function(event) {
|
||||
event.preventDefault();
|
||||
var date = $(this).data('log-date'),
|
||||
message = "{{ __('Are you sure you want to delete this log file: :date ?') }}";
|
||||
|
||||
deleteLogForm.find('input[name=date]').val(date);
|
||||
deleteLogModal.find('.modal-body p').html(message.replace(':date', date));
|
||||
|
||||
deleteLogModal.modal('show');
|
||||
});
|
||||
|
||||
deleteLogForm.on('submit', function(event) {
|
||||
event.preventDefault();
|
||||
submitBtn.button('loading');
|
||||
|
||||
$.ajax({
|
||||
url: $(this).attr('action'),
|
||||
type: $(this).attr('method'),
|
||||
dataType: 'json',
|
||||
data: $(this).serialize(),
|
||||
success: function(data) {
|
||||
submitBtn.button('reset');
|
||||
if (data.result === 'success') {
|
||||
deleteLogModal.modal('hide');
|
||||
location.reload();
|
||||
}
|
||||
else {
|
||||
alert('AJAX ERROR ! Check the console !');
|
||||
console.error(data);
|
||||
}
|
||||
},
|
||||
error: function(xhr, textStatus, errorThrown) {
|
||||
alert('AJAX ERROR ! Check the console !');
|
||||
console.error(errorThrown);
|
||||
submitBtn.button('reset');
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
deleteLogModal.on('hidden.bs.modal', function() {
|
||||
deleteLogForm.find('input[name=date]').val('');
|
||||
deleteLogModal.find('.modal-body p').html('');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
@@ -0,0 +1,273 @@
|
||||
<?php
|
||||
/**
|
||||
* @var Arcanedev\LogViewer\Entities\Log $log
|
||||
* @var Illuminate\Pagination\LengthAwarePaginator|array<string|int, Arcanedev\LogViewer\Entities\LogEntry> $entries
|
||||
* @var string|null $query
|
||||
*/
|
||||
?>
|
||||
|
||||
@extends('log-viewer::bootstrap-4._master')
|
||||
|
||||
@section('content')
|
||||
<div class="page-header mb-4">
|
||||
<h1>@lang('Log') [{{ $log->date }}]</h1>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
{{-- Log Menu --}}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header"><i class="fa fa-fw fa-flag"></i> @lang('Levels')</div>
|
||||
<div class="list-group list-group-flush log-menu">
|
||||
@foreach($log->menu() as $levelKey => $item)
|
||||
@if ($item['count'] === 0)
|
||||
<a class="list-group-item list-group-item-action d-flex justify-content-between align-items-center disabled">
|
||||
<span class="level-name">{!! $item['icon'] !!} {{ $item['name'] }}</span>
|
||||
<span class="badge empty">{{ $item['count'] }}</span>
|
||||
</a>
|
||||
@else
|
||||
<a href="{{ $item['url'] }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center level-{{ $levelKey }}{{ $level === $levelKey ? ' active' : ''}}">
|
||||
<span class="level-name">{!! $item['icon'] !!} {{ $item['name'] }}</span>
|
||||
<span class="badge badge-level-{{ $levelKey }}">{{ $item['count'] }}</span>
|
||||
</a>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-10">
|
||||
{{-- Log Details --}}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
@lang('Log info') :
|
||||
<div class="group-btns pull-right">
|
||||
<a href="{{ route('log-viewer::logs.download', [$log->date]) }}" class="btn btn-sm btn-success">
|
||||
<i class="fa fa-download"></i> @lang('Download')
|
||||
</a>
|
||||
<a href="#delete-log-modal" class="btn btn-sm btn-danger" data-toggle="modal">
|
||||
<i class="fa fa-trash-o"></i> @lang('Delete')
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-condensed mb-0">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>@lang('File path') :</td>
|
||||
<td colspan="7">{{ $log->getPath() }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>@lang('Log entries') :</td>
|
||||
<td>
|
||||
<span class="badge badge-primary">{{ $entries->total() }}</span>
|
||||
</td>
|
||||
<td>@lang('Size') :</td>
|
||||
<td>
|
||||
<span class="badge badge-primary">{{ $log->size() }}</span>
|
||||
</td>
|
||||
<td>@lang('Created at') :</td>
|
||||
<td>
|
||||
<span class="badge badge-primary">{{ $log->createdAt() }}</span>
|
||||
</td>
|
||||
<td>@lang('Updated at') :</td>
|
||||
<td>
|
||||
<span class="badge badge-primary">{{ $log->updatedAt() }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
{{-- Search --}}
|
||||
<form action="{{ route('log-viewer::logs.search', [$log->date, $level]) }}" method="GET">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<input id="query" name="query" class="form-control" value="{{ $query }}" placeholder="@lang('Type here to search')">
|
||||
<div class="input-group-append">
|
||||
@unless (is_null($query))
|
||||
<a href="{{ route('log-viewer::logs.show', [$log->date]) }}" class="btn btn-secondary">
|
||||
(@lang(':count results', ['count' => $entries->count()])) <i class="fa fa-fw fa-times"></i>
|
||||
</a>
|
||||
@endunless
|
||||
<button id="search-btn" class="btn btn-primary">
|
||||
<span class="fa fa-fw fa-search"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Log Entries --}}
|
||||
<div class="card mb-4">
|
||||
@if ($entries->hasPages())
|
||||
<div class="card-header">
|
||||
<span class="badge badge-info float-right">
|
||||
{{ __('Page :current of :last', ['current' => $entries->currentPage(), 'last' => $entries->lastPage()]) }}
|
||||
</span>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="entries" class="table mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>@lang('ENV')</th>
|
||||
<th style="width: 120px;">@lang('Level')</th>
|
||||
<th style="width: 65px;">@lang('Time')</th>
|
||||
<th>@lang('Header')</th>
|
||||
<th class="text-right">@lang('Actions')</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@forelse($entries as $key => $entry)
|
||||
<tr>
|
||||
<td>
|
||||
<span class="badge badge-env">{{ $entry->env }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge badge-level-{{ $entry->level }}">
|
||||
{!! $entry->level() !!}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge badge-secondary">
|
||||
{{ $entry->datetime->format('H:i:s') }}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
{{ $entry->header }}
|
||||
</td>
|
||||
<td class="text-right">
|
||||
@if ($entry->hasStack())
|
||||
<a class="btn btn-sm btn-light" role="button" data-toggle="collapse"
|
||||
href="#log-stack-{{ $key }}" aria-expanded="false" aria-controls="log-stack-{{ $key }}">
|
||||
<i class="fa fa-toggle-on"></i> @lang('Stack')
|
||||
</a>
|
||||
@endif
|
||||
|
||||
@if ($entry->hasContext())
|
||||
<a class="btn btn-sm btn-light" role="button" data-toggle="collapse"
|
||||
href="#log-context-{{ $key }}" aria-expanded="false" aria-controls="log-context-{{ $key }}">
|
||||
<i class="fa fa-toggle-on"></i> @lang('Context')
|
||||
</a>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@if ($entry->hasStack() || $entry->hasContext())
|
||||
<tr>
|
||||
<td colspan="5" class="stack py-0">
|
||||
@if ($entry->hasStack())
|
||||
<div class="stack-content collapse" id="log-stack-{{ $key }}">
|
||||
{!! $entry->stack() !!}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($entry->hasContext())
|
||||
<div class="stack-content collapse" id="log-context-{{ $key }}">
|
||||
<pre>{{ $entry->context() }}</pre>
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endif
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="5" class="text-center">
|
||||
<span class="badge badge-secondary">@lang('The list of logs is empty!')</span>
|
||||
</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{!! $entries->appends(compact('query'))->render() !!}
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('modals')
|
||||
{{-- DELETE MODAL --}}
|
||||
<div id="delete-log-modal" class="modal fade" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog" role="document">
|
||||
<form id="delete-log-form" action="{{ route('log-viewer::logs.delete') }}" method="POST">
|
||||
<input type="hidden" name="_method" value="DELETE">
|
||||
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
||||
<input type="hidden" name="date" value="{{ $log->date }}">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">@lang('Delete log file')</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>@lang('Are you sure you want to delete this log file: :date ?', ['date' => $log->date])</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-sm btn-secondary mr-auto" data-dismiss="modal">@lang('Cancel')</button>
|
||||
<button type="submit" class="btn btn-sm btn-danger" data-loading-text="@lang('Loading')…">@lang('Delete')</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('scripts')
|
||||
<script>
|
||||
$(function () {
|
||||
var deleteLogModal = $('div#delete-log-modal'),
|
||||
deleteLogForm = $('form#delete-log-form'),
|
||||
submitBtn = deleteLogForm.find('button[type=submit]');
|
||||
|
||||
deleteLogForm.on('submit', function(event) {
|
||||
event.preventDefault();
|
||||
submitBtn.button('loading');
|
||||
|
||||
$.ajax({
|
||||
url: $(this).attr('action'),
|
||||
type: $(this).attr('method'),
|
||||
dataType: 'json',
|
||||
data: $(this).serialize(),
|
||||
success: function(data) {
|
||||
submitBtn.button('reset');
|
||||
if (data.result === 'success') {
|
||||
deleteLogModal.modal('hide');
|
||||
location.replace("{{ route('log-viewer::logs.list') }}");
|
||||
}
|
||||
else {
|
||||
alert('OOPS ! This is a lack of coffee exception !')
|
||||
}
|
||||
},
|
||||
error: function(xhr, textStatus, errorThrown) {
|
||||
alert('AJAX ERROR ! Check the console !');
|
||||
console.error(errorThrown);
|
||||
submitBtn.button('reset');
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
@unless (empty(log_styler()->toHighlight()))
|
||||
@php
|
||||
$htmlHighlight = version_compare(PHP_VERSION, '7.4.0') >= 0
|
||||
? join('|', log_styler()->toHighlight())
|
||||
: join(log_styler()->toHighlight(), '|');
|
||||
@endphp
|
||||
|
||||
$('.stack-content').each(function() {
|
||||
var $this = $(this);
|
||||
var html = $this.html().trim()
|
||||
.replace(/({!! $htmlHighlight !!})/gm, '<strong>$1</strong>');
|
||||
|
||||
$this.html(html);
|
||||
});
|
||||
@endunless
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user