Sistem Informasi Klinik Berbasis Web Menggunakan PHP dan MySQL

(1)

sikonek.php

<?php

$servername = "localhost";

$username = "root";

$password = "";

$db = "db_klinik";

// Create connection

$conn = mysqli_connect($servername, $username, $password,

$db);

if (!$conn) {

die("Connection failed: " . mysqli_connect_error());

}

?>

index.php

<!DOCTYPE html>

<head>

<title>Klinik Kasih</title>

initial-scale=1, shrink-to-fit=no">

(2)

integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ

" crossorigin="anonymous">

<?php include('/koneksi/sikonek.php'); ?>

</head>

<body>

<button onclick="topFunction()" id="myBtn" title="Go to

top">Top</button>

<br>

<nav class="navbar toggleable-md

navbar-light bg-faded" style="background-color: #ffffff">

<button class="toggler

navbar-toggler-right" type="button" toggle="collapse"

data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown"

aria-expanded="false" aria-label="Toggle navigation">

</button>

<a class="navbar-brand"><img

src="img/46.png"></a>

<div class="collapse navbar-collapse"

id="navbarNavDropdown">

<a class="nav-link"

role="button" onclick="jump('beranda')"

id="menu"><b>Home</b><span class="sr-only">(current)</span></a>

</li>

(3)

<a class="nav-link"

role="button" onclick="jump('lok_dokter')" id="menu"><b>Tenaga

Medis</b></a>

</li>

<a class="nav-link"

role="button" onclick="jump('fasilitas_lay')"

id="menu"><b>Fasilitas & Layanan</b></a>

</li>

<a class="nav-link"

role="button" onclick="jump('kirim_pesan')" id="menu"><b>Kirim

Pesan</b></a>

</li>

<a class="nav-link"

role="button" onclick="jump('jam_kerja')" id="menu"><b>Jam

Kerja</b></a>

</li>

<a class="nav-link"

role="button" onclick="jump('kegiatan_klinik')"

id="menu"><b>Kegiatan</b></a>

</li>

<a class="nav-link"

role="button" onclick="jump('tentang_kami')"

id="menu"><b>Tentang Kami</b></a>

</li>

</ul>

</div>

(4)

</div>

<div class="col-md-9"

style="color:white;">

<h1 class="display-3">Klinik Kasih

Sayang</h1>

<p class="lead"> <b>Menjadi Balai

pengobatan (Klinik) unggul dibidang pelayanan medis yang dapat

memberikan pertolongan prima pada pasien dan menindak lanjuti

untuk tahap pengobatan berikutnya, sesuai dengan standart

pengobatan kedokteran terkini.</b>

</p>

<p>Klik tombol dibawah untuk membuat

janji dengan dokter.</p>

<a class="btn btn-warning"

onclick="jump('janji_id')" role="button">

Buat Janji</a>

</p>

</div>

<div id="carouselExampleSlidesOnly"

class="carousel slide" data-ride="carousel" >

<div class="carousel-inner"

(5)

<div class="carousel-item

active">

<img class="d-block img-fluid"

id="slide_atas" src="./img/dr. Luas.jpg" alt="First slide">

</div>

id="slide_atas" src="./img/IMG-20170624-WA0000.jpg" alt="Second

slide">

</div>

id="slide_atas" src="./img/IMG-20170623-WA0002.jpg" alt="Third

slide">

</div>

id="slide_atas"

src="./img/19840101_1317611461689504_476630074_o.jpg" alt="Third

slide">

</div>

id="slide_atas" src="./img/IMG-20170621-WA0003.jpg" alt="Third

slide">

</div>

<a class="carousel-control-prev"

href="#carouselExampleSlidesOnly" role="button"

(6)

<span

class="carousel-control-prev-icon" aria-hidden="true"></span>

<span

class="sr-only">Previous</span>

</a>

<a class="carousel-control-next"

href="#carouselExampleSlidesOnly" role="button"

data-slide="next">

<span

class="carousel-control-next-icon" aria-hidden="true"></span>

<span

class="sr-only">Next</span>

</a> <br>

<marquee><h5 style="color:

white;">Dokter Jaga Klinik Kasih Sayang</h5></marquee>

</div>

<h3 style="text-align: center;">Tentang

Kami</h3>

(7)

</div>

style="background-color: white;">

<h3>Sejarah Klinik</h3>

<p>

Pada awal berdirinya Klinik

Kasih Sayang adalah sebuah prakter dokter umum yang didirikan

oleh dr. Lindawati pada tahun 1995 yang bertempat di kediamannya

sendiri di Jalan Sekip gang Agus Salim no. 16, Medan dimana...

<! Button trigger modal

-->

<button type="button"

class="btn btn-link" toggle="modal"

data-target="#modalsejarah">

Lihat Selengkapnya

</button>

</p>

</div>

<br/>

(8)

<p>Menjadi Balai pengobatan

(Klinik) unggul dibidang pelayanan medis yang dapat memberikan

pertolongan prima pada pasien dan...

<!-- Button trigger

modal -->

data-target="#modalvisi">

Lihat Selengkapnya

</button>

</p>

</div>

<p>

Untuk mewujudkan visi

diatas, Klinik Kasih Sayang mengemban misi sebagai berikut: <br>

1. Mutu: menghasilkan mutu

pengobatan yang dapat dipertanggung jawabkan secara medis pada

masyarakat, dan bisa dipercaya oleh...

<!-- Button trigger

modal -->

data-target="#modalmisi">

Lihat Selengkapnya

</button>

</p>

(9)

</div>

</div>

<br/>

<h3>Kegiatan Klinik Kasih Sayang</h3>

</div>

</div><br>

<div id="carouselExampleIndicators"

class="carousel slide" data-ride="carousel">

<div class="carousel-inner"

role="listbox">

<?php

$q = "SELECT * FROM k_slide";

$query = mysqli_query($conn,

(10)

$a = 0;

while($data =

mysqli_fetch_array($query)){

if($a == 0)

echo "<div

class='carousel-item active'>";

else

echo "<div

class='carousel-item'>";

echo "<img

src='img/".$data["gambar"]."' style=\"width:100%; text-align:

center; height: 500px;\" alt='...'>";

echo "<div

class='carousel-caption d-none d-md-block'>";

echo

"<h3>".$data["judul"]."</h3>";

echo "<p style='text-align:

center;'>".$data["keterangan"]."</p>";

echo "</div>";

$a++;

}

?>

</div>

<a class="carousel-control-prev"

href="#carouselExampleIndicators" role="button"

data-slide="prev">

<span

class="carousel-control-prev-icon" aria-hidden="true"></span>

<span

class="sr-only">Previous</span>

(11)

<a class="carousel-control-next"

href="#carouselExampleIndicators" role="button"

data-slide="next">

<span

class="carousel-control-next-icon" aria-hidden="true"></span>

</a>

</div>

<h3>Buat Janji</h3>

</div>

<form method="POST"

action="input_janji.php">

(12)

<label for="sel1">Pilih

Nama Dokter:</label>

<select

class="form-control" name="nama_dokter">

<?php

$q = "SELECT

* FROM t_dokter WHERE sebagai='Dokter'";

$query =

mysqli_query($conn, $q);

while($data

= mysqli_fetch_array($query)){

echo

"<option value='".$data['nama']."'>".$data['nama']."</option>";

}

?>

</select>

<label

for="exampleInputEmail1">Nama Lengkap</label>

<input type="text"

name="nama_depan" class="form-control">

<label

for="exampleInputEmail1">Telepon</label>

<input type="number"

name="telepon" class="form-control">

</div>

(13)

<label

for="exampleInputEmail1">Email*</label>

<input type="email"

class="form-control" name="email">

<label

for="exampleInputEmail1">Tanggal Janji</label>

<input type="date"

name="tanggal_janji" class="form-control"><label

for="exampleInputEmail1">Alamat</label>

<input type="text"

class="form-control" name="alamat">

</div>

<label

for="exampleTextarea">Tuliskan Pesan Anda</label>

<textarea

class="form-control" id="exampleTextarea" name="pesan" rows="3"></textarea>

</div>

</br>

<button type="submit"

class="btn btn-warning">Kirim</button>

</br>

</div>

(14)

</form>

</div>

<br>

<h3 style="text-align: center;">Fasilitas &

Jenis Layanan</h3>

</div>

<div class="jumbotron jumbotron-fluid"

style="background-color: white;">

<?php

$q = "SELECT * FROM fas_jl";

$q);

while($data =

(15)

// $string =

$data['keterangan'];

$string =

strip_tags($data['keterangan']);

if (strlen($string) >

50) {

// truncate string

$stringCut =

substr($string, 0, 250);

// make sure it ends

in a word so assassinate doesn't become ass...

$string =

substr($stringCut, 0, strrpos($stringCut, ' '));

}

$string = $string .

"...";

echo "<div

class='col-md-6'>";

echo

"<h3>".$data['nama']."</h3>";

echo "<p>".$string."

<button

type='button' class='btn btn-outline-info' data-toggle='modal'

data-target='#".$data['id']."'>

Lihat

Selengkapnya

</button></p></div>";

}

?>

</div>

(16)

</div>

<h3 style="text-align: center;">Tenaga

Medis</h3>

</div>

</div><br>

<div class="row" style="text-align:

center;">

<?php

$q = "SELECT * FROM t_dokter";

$q);

while($data =

echo "<div

class='col-md-3'>";

echo "<div class='card' >";

//style='width: 25rem;'>

echo "<img

class='card-img-top' style=\"width:100%; max-height:300px; min-height:300px;\"

(17)

echo "<div

class='card-block'>";

echo "<h4

class='card-title'>".$data["nama"]."</h4>";

echo "<p class='card-text'

style=\"text-align: center;\">".$data["keterangan"]."</p>";

echo "<button

onclick='jump(\"janji_id\")' class='btn btn-warning'>Buat

Janji</button>";

echo"</div></div></div>";

}

?>

</div>

<br/>

<h3>Kirim Pesan</h3>

</div>

(18)

<form method="POST"

action="input_kontak.php">

<label

for="exampleInputEmail1">Masukkan Email Anda</label>

<input type="email"

class="form-control" name="email" placeholder="Masukkan email

Anda">

<small

id="emailHelp" class="form-text text-muted">Kami tidak akan

menyebarluaskan email Anda kepada orang lain.</small>

</div>

<label

for="exampleTextarea">Tuliskan Pesan Anda</label>

<textarea

class="form-control" name="pesan" id="exampleTextarea"

rows="3"></textarea>

</div>

<button type="submit"

class="btn btn-warning">Kirim</button><br><br>

</div>

</form>

</div>

(19)

</div>

style="background-color: white;" >

style="text-align: center;">

<br>

<h6 style="text-align:

center;"><b>Jam Kerja</b></h6>

<p style="text-align:

center;">

<b>Senin-Kamis

8.00-22.00 WIB <br> Jumat 8.00-21.00 WIB</b>

</p>

</div>

style="text-align: center;">

<br>

<h6 class="copy">Silahkan

ikuti akun</h6>

<a

href="https://www.instagram.com/klinikkasihsayang_kks/"

target="blank"><img src="img/ins.png" id="foot"></a>

<a

(20)

href="https://www.facebook.com/pages/Klinik-Kasih-Sayang/257170234308768" target="blank"><img src="img/f.png"

id="foot"></a>

<p class="copy">Klinik Kasih

Sayang Medan 2017</p>

</div>

<h6 style="text-align:

center;"><b>Panggilan Darurat</b></h6>

<p style="text-align:

center;">

</p>

</div>

</div>

top">Top</button>

<br>

</div>

</div>

(21)

<?php

$q = "SELECT * FROM fas_jl";

$query = mysqli_query($conn, $q);

while($data = mysqli_fetch_array($query)){

echo "<div class='modal' fade id='".$data['id']."'

tabindex='-1' role='dialog'

aria-labelledby='exampleModalLongTitle' aria-hidden='true'>";

echo "<div class='modal-dialog modal-lg'

role='document'>";

echo "<div class='modal-content'>

<h5 class=\"modal-title\"

id='".$data['id']."'>".$data['nama']."</h5>

<button type=\"button\"

class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">

</button>

</div>

<img src='img/".$data['gambar_f']."'

style=\"padding-left:20%; width:80%; max-height:300px;

min-height:300px;\">

<p></br>".$data['keterangan']."</p>

</div>

<button type=\"button\" class=\"btn

btn-danger\" data-dismiss=\"modal\">Tutup</button>

</div></div></div></div>";

}

(22)

<div class="modal fade " id="modalsejarah" tabindex="-1"

role="dialog" labelledby="exampleModalLongTitle"

aria-hidden="true">

<h5 class="modal-title"

id="modalsejarah">Sejarah Klinik Kasih Sayang</h5>

<button type="button" class="close"

data-dismiss="modal" aria-label="Close">

</button>

</div>

<p>

Pada awal berdirinya Klinik Kasih Sayang

adalah sebuah prakter dokter umum yang didirikan oleh dr.

Lindawati pada tahun 1995 yang bertempat di kediamannya sendiri

di Jalan Sekip gang Agus Salim no. 16, Medan dimana prakteknya

hanya ditemani oleh seorang perawat. <br> <br>

Seiring dengan berjalannya waktu,

praktek dr. Lindawati mulai dikenal masyarakat sekitas. dr.

Lindawati dikenal sebagai seorang dokter yang ramah dan baik

hati sehingga banyak sekali pasien yang datang untuk berobat ke

prakternya. Hari-hari yang dilalui dr. Lindawati semakin memacu

dirinya untuk memfokuskan pelayanannya pada masyarakat yang

membutuhkan pertolongan tanpa memandang kaya atau miskinnya

(23)

Oleh semakin banyaknya masyarakat yang

berobat ke praktek dr. Lindawati, maka tempat praktek ini

dikembangkan menjadi sebuah Balai Pengobatan (Klinik) yang

diberi nama Klinik KASIH SAYANG. Klinik ini didirikan terhitung

sejak tanggal 1 Agustus 2003 sesuai dengan ijin operasi klinik

yang diterima dari Dinas Kesehatan Kota Medan, Provinsi Sumatera

Utara. <br> <br>

Maksud didirikannya klinik ini adalah

supaya dapat memberikan pelayan kesehatan yang lebih luas pada

masyarakat. Untuk itu dipersiapkanlah tenaga medis yang dapat

bekerja lebih professional, dengan managemen klinik dipimpin

oleh Dr. Poltak Sihombing, dan masalah pengobatan diserahkan

sepenuhnya menjadi tanggung jawab dr.Lindawati. Tenaga para

medis yang bekerja pada klinik Kasih Sayang adalah tenaga kerja

yang professional, demikian juga para dokternya. Dengan demikian

Klinik dapat memberikan pelayanan yang tepat dan cepat pada

masyarakat, sehingga masyarakat yang berobat di klinik tidak

kecewa dan dilayani dengan sepenuh hati. Klinik Kasih Sayang

mengutamakan mutu dan pelayanan medis, itulah yang menjadi

andalan Klinik Kasih Sayang.<br> <br>

</p>

</div>

<button type="button" class="btn btn-danger"

data-dismiss="modal">Tutup</button>

</div>

(24)

<div class="modal fade " id="modalvisi" tabindex="-1"

aria-hidden="true">

<h5 class="modal-title" id="modalvisi">Visi

Klinik Kasih Sayang</h5>

</button>

</div>

<p> <b>

Menjadi Balai pengobatan (Klinik) unggul

dibidang pelayanan medis yang dapat memberikan pertolongan prima

pada pasien dan menindak lanjuti untuk tahap pengobatan

berikutnya, sesuai dengan standart pengobatan kedokteran

terkini.</b>

</p>

</div>

(25)

<div class="modal fade " id="modalmisi" tabindex="-1"

aria-hidden="true">

<h5 class="modal-title" id="modalmisi">Misi

Klinik Kasih Sayang</h5>

</button>

</div>

<p>

Untuk mewujudkan visi, Klinik Kasih Sayang

mengemban misi sebagai berikut: <br> <br>

1. Mutu: menghasilkan mutu pengobatan yang

dapat dipertanggung jawabkan secara medis pada masyarakat, dan

bisa dipercaya oleh masyarakat. <br> <br>

2. Pelayanan: memberikan pelayanan kesehatan

(medis) yang terbaik pada masyarakat, mengkaji, menciptakan,

mengembangkan dan menerapkan pelayanan medis yang baik pada

masyarakat yang relevan dengan kebutuhan pasien dan menanamkan

motivasi yang baik pada pasien. <br> <br>

3. Para medis dan dokter: menumbuhkembangkan

ilmu keperawatan dan kedokteran yang dapat dimanfaatkan untuk

kesehatan masyarakat luas dan bertanggungjawab secara moral dan

sosial pada pengembangan kesehatan masyarakat.

(26)

</div>

</body>

integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n

" crossorigin="anonymous"></script>

<script

src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/teth

er.min.js"

integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb

<script

src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"

integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn

function jump(id){

console.log(id);

// var top = document.getElementById(id).offsetTop;

(27)

console.log(top);

window.scrollTo(0, top);

if(id === 'janji_id' && top < 0){

top = $("#"+id).offset().top;

console.log(top);

}

console.log(top);

}

// untuk map

function myMap(){

console.log("masuk");

var map = new

google.maps.Map(document.getElementById('mapCanvas'),{

zoom: 18,

center: {

lat: 3.600576,

lng: 98.664564

}

});

var marker = new google.maps.Marker({

position: {

lat: 3.600576,

lng: 98.664564

},

title:"Klinik Kasih Sayang"

});

marker.setMap(map);

(28)

window.onscroll = function() {scrollFunction()};

function scrollFunction() {

if (document.body.scrollTop > 20 ||

document.documentElement.scrollTop > 20) {

document.getElementById("myBtn").style.display =

"block";

} else {

document.getElementById("myBtn").style.display =

"none";

}

// When the user clicks on the button, scroll to the top of

the document

function topFunction() {

document.body.scrollTop = 0;

document.documentElement.scrollTop = 0;

}

</script>

<script

src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAcsLhfZJP

07mh8S3QdNKXlitVZepOE9DQ&callback=myMap" async defer></script>

</html>

input_janji.php

<?php

include('koneksi/sikonek.php');

$nama_dokter = $_POST['nama_dokter'];

$nama_depan = $_POST['nama_depan'];

$telepon = $_POST['telepon'];

(29)

$alamat = $_POST['alamat'];

$pesan = $_POST['pesan'];

$tanggal_janji = $_POST['tanggal_janji'];

$tgl=date("Y-m-d");

$q = "INSERT INTO janji(`id_janji`,`tanggal`,

`nama_depan`,`telepon`,`email`,`tgl_janji`,`pesan`,`pilih_dokter

`) VALUES

('','$tgl','$nama_depan','$telepon','$email','$tanggal_janji',

'$pesan','$nama_dokter')";

$query = mysqli_query($conn,$q);

if($query){

echo "<script type='text/javascript'>alert('Pesan

berhasil dikirim');</script>";

} else {

gagal dikirim');</script>";

}

echo "<script type='text/javascript'>window.location =

'index.php';</script>";

?>

input_kontak.php

<?php

include('koneksi/sikonek.php');

$email = $_POST['email'];

$pesan = $_POST['pesan'];

$tgl=date("Y-m-d");

$q = "INSERT INTO pesan(`id_janji`,`tanggal`,`email`,

`pesan`) VALUES ('','$tgl','$email', '$pesan')";

(30)

$query = mysqli_query($conn,$q);

if($query){

berhasil dikirim');</script>";

} else {

gagal dikirim');</script>";

}

echo "<script type='text/javascript'>window.location =

'index.php';</script>";

?>

admin.php

<?php

session_start();

if(!isset($_SESSION['admin'])){

header("Location: index.php");

die();

}else{ ?>

<!DOCTYPE html>

<head>

<title>Klinik Kasih</title>

initial-scale=1, shrink-to-fit=no">

(31)

href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"

integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ

" crossorigin="anonymous">

<?php include('../koneksi/sikonek.php'); ?>

</head>

<body>

top">Top</button>

<br>

<nav class="navbar navbar-toggleable-md

navbar-light bg-faded" style="background-color: #ffffff">

<button class="toggler

navbar-toggler-right" type="button" toggle="collapse"

data-target="#navbarSupportedContent"

controls="navbarSupportedContent" expanded="false"

aria-label="Toggle navigation">

</button>

<a class="navbar-brand"><img

src="../img/46.png"></a>

<div class="collapse navbar-collapse"

id="navbarSupportedContent">

<a class="nav-link"

role="button" onclick="jump('home_admin')"><b>Home</b><span

class="sr-only">(current)</span></a>

</li>

(32)

<a class="nav-link"

role="button" onclick="jump('data_dokter')"><b> Data

Medis</b></a>

</li>

<a class="nav-link"

role="button" onclick="jump('fasilitas_lay')"><b>Fasilitas &

Layanan</b></a>

</li>

<a class="nav-link"

role="button" onclick="jump('pesan_masuk')"><b>Pesan</b></a>

</li>

<a class="nav-link"

role="button"

onclick="jump('kegiatan_klinik')"><b>Kegiatan</b></a>

</li>

<a class="nav-link"

role="button" onclick="jump('janji_konsultasi')"><b>Janji

Konsultasi</b></a>

</li>

</ul>

<a href="../" target="_blank"

class="btn btn-info">User View</a>

<a

href="proses_login.php?act=logout" class="btn link">Logout</a>

</div>

</nav>

</div>

(33)

<h6 class="display-4">Selamat datang di halaman

admin</h6>

</div>

<h3>Pesan Masuk</h3>

<table class="table hover

table-condensed table table-bordered" style="background-color:

#ffffff; border-bottom: 1px solid #ffffff; ">

<thead>

<tr>

<th style="width:

9%;">Tanggal</th>

<th style="width:

20%;">Email</th>

<th>Pesan</th>

<th style="width:

13%;">Edit</th>

</tr>

</thead>

<tbody>

<?php

$q = "SELECT * FROM `pesan`";

(34)

while($data =

echo "<tr>

<td>".$data['tanggal']."</td>

<td>".$data['email']."</td>

<td>".$data['pesan']."</td>

<td style=\"text-align:

center;\">

<a

href='p_delete.php?tab=pesan&id=".$data['id_janji']."'

class=\"btn btn-outline-danger\">Hapus</a>

</td>

</tr>";

}

?>

</tbody>

</table>

<br>

</div>

<h3>Janji Konsultasi</h3>

<table id="tab_janji" class="table

table-hover table-condensed table table-bordered"

(35)

<thead>

<tr>

<th style="width:

9%;">Tanggal</th>

<th style="width: 9%;">Tanggal

Janji</th>

<th style="width: 14%;">Nama

Dokter</th>

Lengkap</th>

<th style="width:

9%;">Telepon</th>

<th style="width:

11%;">Email</th>

<th style="width:

16%;">Pesan</th>

<th style="width:

13%;">Edit</th>

</tr>

</thead >

<tbody>

<?php

$q = "SELECT * FROM `janji`";

$q);

while ($data =

mysqli_fetch_array($query)) {

echo "<tr>

<td>".$data['tanggal']."</td>

<td

(36)

<td>".$data['pilih_dokter']."</td>

<td

class='klik_nama'>".$data['nama_depan']."</td>

<td>".$data['telepon']."</td>

<td>".$data['email']."</td>

<td>".$data['pesan']."</td>

center;\">

<button

type=\"button\" class=\"btn btn-outline-info btn_konsultasi\"

toggle=\"modal\" target=\"#tgl\"

data-whatever='".$data['id_janji']."' >Edit</button>

<a

href='p_delete.php?tab=janji&id=".$data['id_janji']."'

</td>

</tr>";

}

?>

</tbody>

</table>

<br>

</div>

(37)

<h3>Data Tenaga Medis</h3>

#ffffff">

<thead>

<tr>

<th style="width:

14%;">Nama</th>

<th style="width:

9%">Sebagai</th>

<th>Motto/Keterangan Dokter</th>

<th style="width:

35%;">Gambar</th>

<th style="width:

13%;">Edit</th>

</tr>

</thead>

<tbody>

<?php

$q = "SELECT * FROM `t_dokter`";

$q);

while($data =

echo "<tr>

<td>".$data['sebagai']."</td>

(38)

<td>".$data['gambar']."</td>

center;\">

<button

type=\"button\" class=\"btn btn-outline-info btn_dokter\"

toggle=\"modal\" target=\"#modal_dokter\"

data-whatever='".$data['id_dokter']."'>Edit</button>

<a

href='p_delete.php?tab=dokter&id=".$data['id_dokter']."'

</td>

</tr>";

}

?>

</tbody>

</table>

<button type="button" class="btn

btn-warning" toggle="modal"

data-target="#modal_dokter">Tambah</button>

</div>

<br>

</div>

(39)

<h3>Kegiatan Klinik</h3>

#ffffff">

<thead>

<tr>

<th style="width:

23%;">Judul</th>

<th>Keterangan kegiatan</th>

<th style="width:

27%;">Gambar</th>

<th style="width:

13%;">Edit</th>

</tr>

</thead>

<tbody>

<?php

$q = "SELECT * FROM `k_slide`";

while ($data =

echo "<tr>

<td>".$data['judul']."</td>

<td>".$data['keterangan']."</td>

(40)

center;\">

<button

type=\"button\" class=\"btn btn-outline-info btn_klinik\"

toggle=\"modal\" target=\"#modal_klinik\"

data-whatever='".$data['id_slide']."'>Edit</button>

<a

href='p_delete.php?tab=k_slide&id=".$data['id_slide']."'

</td>

</tr>";

}

?>

</tbody>

</table>

data-target="#modal_klinik">Tambah</button>

</div>

<br>

</div>

(41)

<h3>Fasilitas & Jenis Layanan</h3>

#ffffff">

<thead>

<tr>

Fas. atau Layanan</th>

<th style="width:

39%;">Keterangan Terkait</th>

<th>Gambar</th>

<th style="width:

13%;">Edit</th>

</tr>

</thead>

<tbody>

<?php

$q = "SELECT * FROM `fas_jl`";

while ($data =

echo "<tr>

<td>".$data['keterangan']."</td>

<td>".$data['gambar_f']."</td>

center;\">

<button

(42)

toggle=\"modal\" target=\"#modal_fas_jl\"

data-whatever='".$data['id']."'>Edit</button>

<a

href='p_delete.php?tab=fas_jl&id=".$data['id']."' class=\"btn

btn-outline-danger\">Hapus</a>

</td>

</tr>";

}

?>

</tbody>

</table>

data-target="#modal_fas_jl">Tambah</button>

</div>

</div>

<br>

<div class="row" style="background-color:

#ffffff">

<div class="col-md-4" style="text-align:

(43)

<p class="copy"><b>Klinik Kasih

Sayang Medan 2017 </b></p>

</div>

</div>

</div>

<div class="modal fade" id="tgl" tabindex="-1"

role="dialog" labelledby="exampleModalLabel"

aria-hidden="true">

<form action="p_edit.php?tab=konsultasi"

method="POST">

<h5 class="modal-title"

id="tgl">Edit Tanggal Konsultasi</h5>

<span

aria-hidden="true">×</span>

</button>

</div>

<input type="hidden"

class="form-control" id="id_konsultasi" name="id_konsultasi">

<input type="date" name="tanggal"

(44)

</div>

<button type="submit" class="btn

btn-info">Simpan</button>

</div>

</form>

</div>

<div class="modal fade" id="modal_dokter" tabindex="-1"

aria-hidden="true">

<h5 class="modal-title">Data Dokter</h5>

</button>

</div>

<form method="POST" action="p_simpan.php?tab=dokter"

enctype="multipart/form-data" id="form_dokter">

<label

for="exampleInputEmail1">Nama Dokter</label>

(45)

<input type="text"

class="form-control" id="nama_dokter" name="nama"

aria-describedby="emailHelp">

</div>

<label for="sel1">Pilih Nama

Dokter:</label>

<select class="form-control"

id="jabatan" name="sebagai">

<option

value='Dokter'>Dokter</option>

<option

value='Perawat'>Perawat</option>

</select>

</div>

<label

for="exampleTextarea">Motto/Keterangan Dokter</label>

<textarea class="form-control"

rows="3" name="keterangan" id="keterangan_dokter"></textarea>

</div>

<div><label>Masukkan

Gambar</label><br>

<input type="file" name="gambar"

value="Masukkan Gambar"><br><br>

</div>

(46)

</div>

</form>

</div>

<div class="modal fade" id="modal_klinik" tabindex="-1"

aria-hidden="true">

<h5 class="modal-title">Kegiatan

KLinik</h5>

</button>

</div>

<form method="POST"

action="p_simpan.php?tab=k_slide" enctype="multipart/form-data"

id="form_klinik">

<label

for="exampleInputEmail1">Judul Kegiatan</label>

(47)

<input type="text"

class="form-control" id="judul_klinik" name="judul_klinik"

aria-describedby="emailHelp">

</div>

<label

for="exampleTextarea">Ringkasan Singkat Kegiatan</label>

<textarea

class="form-control" name="ringkas_klinik" rows="3"

id="ringkas_klinik"></textarea>

</div>

Gambar</label><br>

</div>

</form>

</div>

<div class="modal fade" id="modal_fas_jl" tabindex="-1"

(48)

<h5 class="modal-title">Failitas atau

Layanan</h5>

</button>

</div>

<form method="POST"

action="p_simpan.php?tab=fas_jl" enctype="multipart/form-data"

id="form_fast_jl">

<label

for="exampleInputEmail1">Nama Fasilitas atau Layanan</label>

class="form-control" id="id_fas_jl" name="id_fas_jl">

<input type="text"

class="form-control" id="nama_fas_jl" name="nama">

</div>

<label

for="exampleTextarea">Keterangan Terkait</label>

<textarea class="form-control"

rows="3" id="keterangan_fas_jl" name="keterangan"></textarea>

</div>

(49)

</div>

btn-danger" data-dismiss="modal">Tutup</button>

</div>

</form>

</div>

<script

src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/teth

er.min.js"

integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb

integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n

<script

src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"

integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn

(50)

<script

src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.de

bug.js"></script>

</body>

function jump(id){

console.log(id);

// var top = document.getElementById(id).offsetTop;

var top = $("#"+id).offset().top;

console.log(top);

}

$('#tgl').on('show.bs.modal', function (event) {

console.log(event);

var button = $(event.relatedTarget); // Button that

triggered the modal

var recipient = button.data('whatever'); // Extract info

from data-* attributes

// If necessary, you could initiate an AJAX request here

(and then do the updating in a callback).

// Update the modal's content. We'll use jQuery here,

but you could use a data binding library or other methods

instead.

var modal = $(this);

modal.find('#id_konsultasi').val(recipient)

})

$(".btn_konsultasi").click(function() {

(51)

var text = row.find(".tanggal_janji").text(); // Find

the text

// Let's test it out

// var $tds = row.find("td");

// $.each($tds, function() {

// console.log($(this).text());

// });

console.log(text);

$("#tgl_konsultasi").val(text);

});

// MODAL DOKTER

$('#modal_dokter').on('show.bs.modal', function (event) {

console.log(event);

triggered the modal

instead.

modal.find('#id_dokter').val(recipient)

})

$(".btn_dokter").click(function() {

var row = $(this).closest("tr"); // Find the row

var tds = row.find("td");

(52)

$.each(tds, function(index, val) {

if (index < 3)

arr.push($(this).text());

});

console.log(arr);

$("#nama_dokter").val(arr[0]);

$("#jabatan").val(arr[1]);

$("#keterangan_dokter").val(arr[2]);

$('#form_dokter').attr('action',

'p_edit.php?tab=dokter');

});

// MODAL KEGIATAN KELINIK

$('#modal_klinik').on('show.bs.modal', function (event) {

console.log(event);

triggered the modal

instead.

modal.find('#id_klinik').val(recipient)

})

$(".btn_klinik").click(function() {

(53)

var arr = [];

$.each(tds, function(index, val) {

if (index < 2)

arr.push($(this).text());

});

console.log(arr);

$("#judul_klinik").val(arr[0]);

$("#ringkas_klinik").val(arr[1]);

$('#form_klinik').attr('action',

'p_edit.php?tab=k_slide');

});

// MODAL fasilitas dan jenis layanan

$('#modal_fas_jl').on('show.bs.modal', function (event) {

console.log(event);

triggered the modal

instead.

modal.find('#id_fas_jl').val(recipient)

})

$(".btn_fas_jl").click(function() {