| Server IP : 88.222.222.164 / Your IP : 216.73.217.80 Web Server : LiteSpeed System : Linux id-dci-web1986.main-hosting.eu 5.14.0-611.26.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Jan 29 05:24:47 EST 2026 x86_64 User : u686484674 ( 686484674) PHP Version : 8.0.30 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u686484674/domains/idikotabandung.com/public_html/IDI/superadmin/ |
Upload File : |
<?php include "koneksi.php";
session_start();
// cek apakah yang mengakses halaman ini sudah login
if($_SESSION['status']<>"login"){
header("location:location:../login.php");
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<head>
<title>IDI | List Kategori</title>
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template-->
<link href="css/sb-admin-2.min.css" rel="stylesheet">
<!-- Custom styles for this page -->
<link href="vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
<style type="text/css">
body{
font-family: roboto;
}
table {
margin: 0 auto;
border-collapse: collapse;
}
tbody {
color: #000;
}
table td {
padding: 5px 10px;
border: 1px solid #e0e0e0;
font: normal 12px Tahoma, Geneva, sans-serif;
}
table tr {
font: normal 12px Tahoma, Geneva, sans-serif;
}
textarea {
width: 250px;
max-width: 320px;
height: 100px;
line-height: 150%;
}
/* untuk ukuran layar 700px kebawah */
@media screen and (max-width: 780px) {
.header,
.footer{
text-align: center;
}
.left {
width: auto;
float: none;
}
.middle {
width: auto;
float: none;
}
.right {
width: auto;
float: none;
}
}
#form-div {
background-image: linear-gradient(to right, #4682B4, #00FFFF, #00FA9A);
background:;
padding-left:35px;
padding-right:35px;
padding-top:35px;
padding-bottom:5px;
width: 900px;
float: left;
left: 50%;
margin-top:30px;
margin-left:200px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #dedede;
}
@media only screen and (max-width: 580px) {
#form-div{
left: 3%;
margin-right: 3%;
width: 100%;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 1%;
padding-right: 1%;
font-size: 14px;
}
}
</style>
<style type="text/css">
/* Table demo-table */
table {
margin: auto;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";
font-size: 12px;
}
.demo-table {
border-collapse: collapse;
font-size: 11px;
}
.demo-table th,
.demo-table td {
border-bottom: 1px solid #e1edff;
border-left: 1px solid #e1edff;
padding: 5px 10px;
}
.demo-table th,
.demo-table td:last-child {
border-right: 1px solid #e1edff;
}
.demo-table td:first-child {
border-top: 1px solid #e1edff;
}
.demo-table td:last-child{
border-bottom: 0;
}
caption {
caption-side: top;
margin-bottom: 10px;
}
/* Table Header */
.demo-table thead th {
background-color: #508abb;
color: #FFFFFF;
border-color: #6ea1cc !important;
text-transform: uppercase;
}
/* Table Body */
.demo-table tbody td {
color: #353535;
}
.demo-table tbody tr:nth-child(odd) td {
background-color: #f4fbff;
}
.demo-table tbody tr:hover th,
.demo-table tbody tr:hover td {
background-color: #ffffa2;
border-color: #ffff0f;
transition: all .2s;
}
.table-container {
overflow: auto;
}
#italic {
font-style:italic;
}
.adm {
font-size: 14px;
color:red;
}
/* side bar jqery*/
@media only screen and (max-width: 480px) {
table {
width: 100%;
}
thead th.column-primary {
width: 100%;
}
thead th:not(.column-primary) {
display:none;
}
th[scope="row"] {
vertical-align: top;
}
td {
display: block;
width: auto;
text-align: right;
}
thead th::before {
text-transform: uppercase;
font-weight: bold;
content: attr(data-header);
}
thead th:first-child span {
display: none;
}
td::before {
float: left;
text-transform: uppercase;
font-weight: bold;
content: attr(data-header);
}
}
</style>
</head>
<body id="page-top">
<body>
<!-- Page Wrapper -->
<div id="wrapper">
<?php include "sidebar.php"; ?>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<!-- Main Content -->
<div id="content">
<?php include "topbar.php";?>
<!-- Begin Page Content -->
<div class="container-fluid">
<!-- DataTales Example -->
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">List Post</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<!doctype html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<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" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="custom.css">
<style>
.chat-main{
bottom: 0;
right:120px;
position: fixed;
}
.chat-header{
background: #E5EFC1;
border:1px solid #D7DF71;
}
.image img{
height: 40px;
width: 40px;
}
.user-detail h6{
display: inline-block;
}
.user-detail .active{
color: #32B92D;
font-size: 12px;
}
.options i{
color: #a1a1a1;
font-size: 19px;
cursor: pointer;
}
.chat-content, .chat-content .sender, .user-detail h6{
font-size: 14px;
}
.chat-content ul{
height: 260px;
overflow-x: scroll;
overflow-x: hidden;
}
.chat-content ul li{
list-style: none;
background: #F5F5F5;
}
.chat-content .msg-box{
background: #e1e1e1;
}
.chat-content .msg-box .send-btn{
background: #39AEA9;
}
.chat-content .time{
font-size: 10px;
color: #a1a1a1;
}
.waktu {
font-size: 9px;
}
</style>
</head>
<body>
<div id="form-div">
<div class="container">
<div class="col-md-12 chat-header rounded-top p-2">
<div class="row">
<div class="col-md-2 image">
<?php
$npm=$_GET['npm'];
$query_month=$konek->query("SELECT * FROM h_anggota where npm='$npm' ");
$df=$query_month->fetch_assoc();
$nmlead=$df['nmlead'];
$gambar=$df['gambar'];
?>
<?php
if($gambar <> ''){
?>
<img src=../file/<?php echo $gambar ?> width="10" height="10" class="rounded">
<?php
}else{
?>
<img src=../file/<?php echo 'dr.jpg' ?> width="10" height="10" class="rounded">
<p> </p>
<?php
}
?>
</div>
<div class="col-md-7 user-detail pt-2">
<h6 class="pt-1"><?php echo $nmlead ?></h6>
<i class="fa fa-circle active ml-1" aria-hidden="true"></i>
</div>
<div class="col-md-3 options text-right pt-2">
<i class="fa fa-ellipsis-h mr-1 hide-chat-box"></i>
<i class="fa fa-times hide-chat-box"></i>
</div>
</div>
</div>
<?php
$npm=$_GET['npm'];
$id=$_GET['id'];
//$query=$konek->query("SELECT chat.*,chat_d.jawaban,chat_d.wkt as wkt2 FROM chat JOIN chat_d ON chat.npm=chat_d.npm where chat.npm='$npm' ");
$query=$konek->query("SELECT * FROM chat where npm='$npm' AND no='$id' limit 3 ");
while ($dc=$query->fetch_assoc()) {
$waktu = date('Y-m-d H:i');
$id=$dc['no'];
$komentar=$dc['komentar'];
$wkt=$dc['wkt'];
$jawaban=$dc['jawab'];
$wkt2=$dc['wkt2'];
?>
<table id="example" class="display nowrap table-striped table-bordered table" style="width:100%">
<tr>
<td ><span class="waktu" ><?php echo $nmlead ?>, <?php echo $wkt ?></span><br>
<textarea name="user" placeholder="Jawaban Admin" readonly><?php echo $komentar ?></textarea><br>
<?php
if($jawaban <> ''){
?>
<br>
<span class="waktu font-weight-bold">
<span class="mr-2 d-none d-lg-inline text-gray-600 small"></span>
<img class="img-profile rounded-circle" width="30" height="30" class="rounded"
src="../anggota/img/undraw_profile.svg ">
<strong class="adm font-italic"></i> Admin,</strong> <?php echo $wkt2 ?></span><br>
<textarea name="komen" placeholder="Jawaban Admin" readonly id="italic"><?php echo $jawaban ?></textarea>
</td>
<?php
}
?>
</tr>
<?php
}
?>
</table>
<p class="text-center mb-2 sender font-italic">Admin</p>
<div class="msg-box p-1">
<div class="row">
<form method="post" action="" enctype="multipart/form-data"//>
<input name="npm" type ="hidden" value="<?php echo $npm ?>" //>
<input name="id" type ="hidden" value="<?php echo $id ?>" //>
<input name="gambar" type ="hidden" value="<?php echo $gambar ?>" //>
<input name="nmlead" type ="hidden" value="<?php echo $nmlead ?>" //>
<input name="waktu" type ="hidden" value="<?php echo $waktu ?>" //>
<div class="col-md-9">
<textarea name="jawab" placeholder="message ..."></textarea>
</div>
<br>
<div class="col-md-3 pl-0">
<button class="btn btn-success">Send</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<?php
if($_SERVER['REQUEST_METHOD']=='POST'){
//variabel untuk menampung inputan dari form
$id = $_POST['id'];
$npm = $_POST['npm'];
$jawab = $_POST['jawab'];
$waktu = $_POST['waktu'];
$gambar = 'dr.jpg';
$nmlead = 'admin';
//mysqli_query($konek, "INSERT INTO chat_d(npm,admin,jawaban,wkt,gambar,nmlead,pengirim) values('$npm','admin','$komen','$waktu','$gambar','$nmlead','$nmlead')");
mysqli_query($konek, "update chat SET jawab='$jawab',wkt2='$waktu',status='y' where no='$id'" );
echo "<script> document.location.href='chat.php?npm=$npm&id=$id'; </script>";
}
//}
?>
<br>
</div>
<!-- End Main Content -->
</div>
<!-- End Page Wrapper -->
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/sb-admin-2.min.js"></script>
<!-- Page level plugins -->
<script src="vendor/datatables/jquery.dataTables.min.js"></script>
<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>
<!-- Page level custom scripts -->
<script src="js/demo/datatables-demo.js"></script>
</div>
</body>
</html>