Script Layout/head.php :
<html>
<head>
<!-- Basic Page Info -->
<meta charset="utf-8">
<title>Arief.com</title>
<!-- Site favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="vendors/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="vendors/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="vendors/images/favicon-16x16.png">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="vendors/styles/core.css">
<link rel="stylesheet" type="text/css" href="vendors/styles/icon-font.min.css">
<link rel="stylesheet" type="text/css" href="src/plugins/jvectormap/jquery-jvectormap-2.0.3.css">
<link rel="stylesheet" type="text/css" href="vendors/styles/style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119386393-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-119386393-1');
</script>
</head>
<body>
Script Layout/navbar.php :
<div class="header">
<div class="header-left">
<div class="menu-icon dw dw-menu"></div>
<div class="search-toggle-icon dw dw-search2" data-toggle="header_search"></div>
<div class="header-search">
<form>
<div class="form-group mb-0">
<i class="dw dw-search2 search-icon"></i>
<input type="text" class="form-control search-input" placeholder="Search Here">
<div class="dropdown">
<a class="dropdown-toggle no-arrow" href="#" role="button" data-toggle="dropdown">
<i class="ion-arrow-down-c"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<div class="form-group row">
<label class="col-sm-12 col-md-2 col-form-label">From</label>
<div class="col-sm-12 col-md-10">
<input class="form-control form-control-sm form-control-line" type="text">
</div>
</div>
<div class="form-group row">
<label class="col-sm-12 col-md-2 col-form-label">To</label>
<div class="col-sm-12 col-md-10">
<input class="form-control form-control-sm form-control-line" type="text">
</div>
</div>
<div class="form-group row">
<label class="col-sm-12 col-md-2 col-form-label">Subject</label>
<div class="col-sm-12 col-md-10">
<input class="form-control form-control-sm form-control-line" type="text">
</div>
</div>
<div class="text-right">
<button class="btn btn-primary">Search</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="header-right">
<div class="dashboard-setting user-notification">
<div class="dropdown">
<a class="dropdown-toggle no-arrow" href="javascript:;" data-toggle="right-sidebar">
<i class="dw dw-settings2"></i>
</a>
</div>
</div>
<div class="user-notification">
<div class="dropdown">
<a class="dropdown-toggle no-arrow" href="#" role="button" data-toggle="dropdown">
<i class="icon-copy dw dw-notification"></i>
<span class="badge notification-active"></span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<div class="notification-list mx-h-350 customscroll">
<ul>
<li>
<a href="#">
<img src="vendors/images/img.jpg" alt="">
<h3>John Doe</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed...</p>
</a>
</li>
<li>
<a href="#">
<img src="vendors/images/photo1.jpg" alt="">
<h3>Lea R. Frith</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed...</p>
</a>
</li>
<li>
<a href="#">
<img src="vendors/images/photo2.jpg" alt="">
<h3>Erik L. Richards</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed...</p>
</a>
</li>
<li>
<a href="#">
<img src="vendors/images/photo3.jpg" alt="">
<h3>John Doe</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed...</p>
</a>
</li>
<li>
<a href="#">
<img src="vendors/images/photo4.jpg" alt="">
<h3>Renee I. Hansen</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed...</p>
</a>
</li>
<li>
<a href="#">
<img src="vendors/images/img.jpg" alt="">
<h3>Vicki M. Coleman</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed...</p>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="user-info-dropdown">
<div class="dropdown">
<a class="dropdown-toggle" href="#" role="button" data-toggle="dropdown">
<span class="user-icon">
<img src="vendors/images/foto1.jpg" alt="">
</span>
<span class="user-name"><?php echo $_SESSION["cnama"] ?></span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-icon-list">
<?php if($_SESSION["cstatus"]=="Administrator"){ ?>
<a class="dropdown-item" href="?mnu=logout"><i class="dw dw-logout"></i> Log Out</a>
<?php } else if($_SESSION["cstatus"]=="Kasir"){ ?>
<a class="dropdown-item" href="?mnu=profile"><i class="dw dw-user1"></i> Profile</a>
<a class="dropdown-item" href="?mnu=logout"><i class="dw dw-logout"></i> Log Out</a>
<?php } else{} ?>
</div>
</div>
</div>
</div>
</div>
<div class="right-sidebar">
<div class="sidebar-title">
<h3 class="weight-600 font-16 text-blue">
Layout Settings
<span class="btn-block font-weight-400 font-12">User Interface Settings</span>
</h3>
<div class="close-sidebar" data-toggle="right-sidebar-close">
<i class="icon-copy ion-close-round"></i>
</div>
</div>
<div class="right-sidebar-body customscroll">
<div class="right-sidebar-body-content">
<h4 class="weight-600 font-18 pb-10">Header Background</h4>
<div class="sidebar-btn-group pb-30 mb-10">
<a href="javascript:void(0);" class="btn btn-outline-primary header-white active">White</a>
<a href="javascript:void(0);" class="btn btn-outline-primary header-dark">Dark</a>
</div>
<h4 class="weight-600 font-18 pb-10">Sidebar Background</h4>
<div class="sidebar-btn-group pb-30 mb-10">
<a href="javascript:void(0);" class="btn btn-outline-primary sidebar-light ">White</a>
<a href="javascript:void(0);" class="btn btn-outline-primary sidebar-dark active">Dark</a>
</div>
<h4 class="weight-600 font-18 pb-10">Menu Dropdown Icon</h4>
<div class="sidebar-radio-group pb-10 mb-10">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="sidebaricon-1" name="menu-dropdown-icon" class="custom-control-input" value="icon-style-1" checked="">
<label class="custom-control-label" for="sidebaricon-1"><i class="fa fa-angle-down"></i></label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="sidebaricon-2" name="menu-dropdown-icon" class="custom-control-input" value="icon-style-2">
<label class="custom-control-label" for="sidebaricon-2"><i class="ion-plus-round"></i></label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="sidebaricon-3" name="menu-dropdown-icon" class="custom-control-input" value="icon-style-3">
<label class="custom-control-label" for="sidebaricon-3"><i class="fa fa-angle-double-right"></i></label>
</div>
</div>
<h4 class="weight-600 font-18 pb-10">Menu List Icon</h4>
<div class="sidebar-radio-group pb-30 mb-10">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="sidebariconlist-1" name="menu-list-icon" class="custom-control-input" value="icon-list-style-1" checked="">
<label class="custom-control-label" for="sidebariconlist-1"><i class="ion-minus-round"></i></label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="sidebariconlist-2" name="menu-list-icon" class="custom-control-input" value="icon-list-style-2">
<label class="custom-control-label" for="sidebariconlist-2"><i class="fa fa-circle-o" aria-hidden="true"></i></label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="sidebariconlist-3" name="menu-list-icon" class="custom-control-input" value="icon-list-style-3">
<label class="custom-control-label" for="sidebariconlist-3"><i class="dw dw-check"></i></label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="sidebariconlist-4" name="menu-list-icon" class="custom-control-input" value="icon-list-style-4" checked="">
<label class="custom-control-label" for="sidebariconlist-4"><i class="icon-copy dw dw-next-2"></i></label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="sidebariconlist-5" name="menu-list-icon" class="custom-control-input" value="icon-list-style-5">
<label class="custom-control-label" for="sidebariconlist-5"><i class="dw dw-fast-forward-1"></i></label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="sidebariconlist-6" name="menu-list-icon" class="custom-control-input" value="icon-list-style-6">
<label class="custom-control-label" for="sidebariconlist-6"><i class="dw dw-next"></i></label>
</div>
</div>
<div class="reset-options pt-30 text-center">
<button class="btn btn-danger" id="reset-settings">Reset Settings</button>
</div>
</div>
</div>
</div>
Script Layout/sidebar.php :
<div class="left-side-bar">
<div class="brand-logo">
<a href="?mnu=home">
<img src="vendors/images/deskapp-logo.svg" alt="" class="dark-logo">
<img src="vendors/images/deskapp-logo-white.svg" alt="" class="light-logo">
</a>
<div class="close-sidebar" data-toggle="left-sidebar-close">
<i class="ion-close-round"></i>
</div>
</div>
<div class="menu-block customscroll">
<div class="sidebar-menu">
<ul id="accordion-menu">
<li class="dropdown">
<a href="?mnu=home" class="dropdown-toggle no-arrow">
<span class="micon dw dw-house-1"></span><span class="mtext">Home</span>
</a>
</li>
<?php
if($_SESSION["cstatus"]=="Administrator"){
echo'
<li class="dropdown">
<a href="?mnu=admin" class="dropdown-toggle no-arrow">
<span class="micon dw dw-edit2"></span><span class="mtext">Admin</span>
</a>
</li>
<li class="dropdown">
<a href="?mnu=pelanggan" class="dropdown-toggle no-arrow">
<span class="micon dw dw-edit2"></span><span class="mtext">Pelanggan</span>
</a>
</li>
<li class="dropdown">
<a href="?mnu=produk" class="dropdown-toggle no-arrow">
<span class="micon dw dw-library"></span><span class="mtext">Produk</span>
</a>
</li>
<li>
<a href="chat.html" class="dropdown-toggle no-arrow">
<span class="micon dw dw-chat3"></span><span class="mtext">Chat Admin</span>
</a>
</li>';
} else if($_SESSION["cstatus"]=="Kasir"){
echo'
<li class="dropdown">
<a href="?mnu=profile" class="dropdown-toggle no-arrow">
<span class="micon dw dw-edit2"></span><span class="mtext">Profil</span>
</a>
</li>
<li class="dropdown">
<a href="?mnu=kpelanggan" class="dropdown-toggle no-arrow">
<span class="micon dw dw-edit2"></span><span class="mtext">Pelanggan</span>
</a>
</li>
<li class="dropdown">
<a href="?mnu=kproduk" class="dropdown-toggle no-arrow">
<span class="micon dw dw-library"></span><span class="mtext">Produk</span>
</a>
</li>
<li>
<a href="chat.html" class="dropdown-toggle no-arrow">
<span class="micon dw dw-chat3"></span><span class="mtext">Chat Admin</span>
</a>
</li>';
} else{} ?>
<li>
<div class="dropdown-divider"></div>
</li>
</ul>
</div>
</div>
</div>
<div class="mobile-menu-overlay"></div>
Script Layout/js.php :
<!-- js -->
<script src="vendors/scripts/core.js"></script>
<script src="vendors/scripts/script.min.js"></script>
<script src="vendors/scripts/process.js"></script>
<script src="vendors/scripts/layout-settings.js"></script>
<script src="src/plugins/apexcharts/apexcharts.min.js"></script>
<script src="src/plugins/datatables/js/jquery.dataTables.min.js"></script>
<script src="src/plugins/datatables/js/dataTables.bootstrap4.min.js"></script>
<script src="src/plugins/datatables/js/dataTables.responsive.min.js"></script>
<script src="src/plugins/datatables/js/responsive.bootstrap4.min.js"></script>
<script src="vendors/scripts/dashboard.js"></script>
Script Index.php :
<?php
if (version_compare(phpversion(), "5.3.0", ">=") == 1)
error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED);
else
error_reporting(E_ALL & ~E_NOTICE);
?>
<?php
session_start();
//error_reporting(0);
require_once "konmysqli.php";
$mnu = "";
if (isset($_GET["mnu"])) {
$mnu = $_GET["mnu"];
}
if(!isset($_SESSION["cid"])){
die("<script>location.href='login.php';</script>");
}
require_once"layout/head.php";
require_once"layout/navbar.php";
require_once"layout/sidebar.php";
?>
<div class="container">
<?php
if($mnu=="profile"){include"profile.php";}
else if($mnu=="admin"){include"admin/admin.php";}
else if($mnu=="pelanggan"){include"pelanggan/pelanggan.php";}
else if($mnu=="produk"){include"produk/produk.php";}
else if($mnu=="kpelanggan"){include"pelanggan/kpelanggan.php";}
else if($mnu=="kproduk"){include"produk/kproduk.php";}
else if($mnu=="login"){include"login.php";}
else if($mnu=="register"){include"register.php";}
else if($mnu=="logout"){include"logout.php";}
else if($mnu=="produk"){include"produk.php";}
else{include"home.php";}
?>
</div>
<div class="footer-wrap pd-20 mb-20 card-box">
Terima Kasih Telah Berbelanja Diweb - Arief.com</a>
</div>
<?php
include"layout/js.php";
?>
Script Login.php :
<?php
session_start();
require_once "konmysqli.php";
?>
<html>
<head>
<!-- Basic Page Info -->
<meta charset="utf-8">
<title>Arief.com</title>
<!-- Site favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="vendors/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="vendors/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="vendors/images/favicon-16x16.png">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="vendors/styles/core.css">
<link rel="stylesheet" type="text/css" href="vendors/styles/icon-font.min.css">
<link rel="stylesheet" type="text/css" href="vendors/styles/style.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-119386393-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-119386393-1');
</script>
</head>
<body class="login-page">
<div class="login-header box-shadow">
<div class="container-fluid d-flex justify-content-between align-items-center">
<div class="brand-logo">
<a href="?mnu=login">
<img src="vendors/images/deskapp-logo.svg" alt="">
</a>
</div>
<div class="login-menu">
<ul>
<li><a href="register.php">Register</a></li>
</ul>
</div>
</div>
</div>
<div class="login-wrap d-flex align-items-center flex-wrap justify-content-center">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-lg-7">
<img src="vendors/images/login-page-img.png" alt="">
</div>
<div class="col-md-6 col-lg-5">
<div class="login-box bg-white box-shadow border-radius-10">
<div class="login-title">
<h2 class="text-center text-primary">Login To Arief.com</h2>
</div>
<form method="post">
<div class="input-group custom">
<input type="text" class="form-control form-control-lg" name="user" placeholder="Username">
<div class="input-group-append custom">
<span class="input-group-text"><i class="icon-copy dw dw-user1"></i></span>
</div>
</div>
<div class="input-group custom">
<input type="password" class="form-control form-control-lg" name="pass" placeholder="**********">
<div class="input-group-append custom">
<span class="input-group-text"><i class="dw dw-padlock1"></i></span>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="input-group mb-0">
<input class="btn btn-primary btn-lg btn-block" type="submit" name="Login" value="Sign In">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- js -->
<script src="vendors/scripts/core.js"></script>
<script src="vendors/scripts/script.min.js"></script>
<script src="vendors/scripts/process.js"></script>
<script src="vendors/scripts/layout-settings.js"></script>
</body>
</html>
<?php
if (isset($_POST["Login"])) {
$usr = $_POST["user"];
$pas = $_POST["pass"];
$sql1 = "select * from `$tbadmin` where `username`='$usr' and `password`='$pas' and `status`='Aktif'";
if (getJum($conn, $sql1) > 0) {
$d = getField($conn, $sql1);
$kode = $d["id_admin"];
$nama = $d["nama_admin"];
$bagian = $d["keterangan"];
$_SESSION["cid"] = $kode;
$_SESSION["cnama"] = $nama;
$_SESSION["cstatus"] = $bagian;
echo "<script>alert('Otentikasi " . $_SESSION["cstatus"] . " an " . $_SESSION["cnama"] . " (" . $_SESSION["cid"] . ") berhasil Login!');
document.location.href='index.php?mnu=home';</script>";
} else {
session_destroy();
echo "<script>alert('Otentikasi Login GAGAL !,Silakan cek data Anda kembali...');
document.location.href='index.php?mnu=login';</script>";
}
}
?>
Tampilan Script Login :
Tampilan Script Database Admin : db_master/tb_admin
Script home.php :
<div class="main-container">
<div class="pd-ltr-20">
<div class="card-box pd-20 height-90-p mb-30">
<div class="row align-items-center">
<div class="col-md-4">
<img src="vendors/images/banner-img.png" alt="">
</div>
<div class="col-md-8">
<h4 class="font-20 weight-500 mb-10 text-capitalize">
Selamat Datang Diweb Jual Beli Laptop Terpercaya!<div class="weight-600 font-30 text-blue"><a href="http://localhost/webadmin/" target="_blank">Arief.com!</a></div>
</h4>
<p class="font-18 max-width-600">Saya membuka usaha ruko laptop ini, agar dapat membuka lowongan pekerjaan bagi orang-orang yang belum mendapatkan pekerjaan. Alasan saya membuat bisnin tersebut yaaa biar sukses/cepet kaya-lah apalagi wkwkwk.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-3 mb-30">
<div class="card-box height-100-p widget-style1">
<div class="d-flex flex-wrap align-items-center">
<div class="progress-data">
<div id="chart"></div>
</div>
<div class="widget-data">
<div class="h4 mb-0">80%</div>
<div class="weight-600 font-14">Fast Response</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 mb-30">
<div class="card-box height-100-p widget-style1">
<div class="d-flex flex-wrap align-items-center">
<div class="progress-data">
<div id="chart2"></div>
</div>
<div class="widget-data">
<div class="h4 mb-0">26</div>
<div class="weight-600 font-14">Terjual</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 mb-30">
<div class="card-box height-100-p widget-style1">
<div class="d-flex flex-wrap align-items-center">
<div class="progress-data">
<div id="chart3"></div>
</div>
<div class="widget-data">
<div class="h4 mb-0">350</div>
<div class="weight-600 font-14">Campaign</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 mb-30">
<div class="card-box height-100-p widget-style1">
<div class="d-flex flex-wrap align-items-center">
<div class="progress-data">
<div id="chart4"></div>
</div>
<div class="widget-data">
<div class="h4 mb-0">Rp.1 Miliar</div>
<div class="weight-600 font-14">Profite</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-8 mb-30">
<div class="card-box height-100-p pd-20">
<h2 class="h4 mb-20">Activity</h2>
<div id="chart5"></div>
</div>
</div>
<div class="col-xl-4 mb-30">
<div class="card-box height-100-p pd-20">
<h2 class="h4 mb-20">Rating Toko</h2>
<div id="chart6"></div>
</div>
</div>
</div>
<div class="card-box mb-30">
<h2 class="h4 pd-20">Produk Terlaris</h2>
<table class="data-table table nowrap">
<tr>
<th>Gambar</th>
<th>Nama</th>
<th>Harga</th>
<th>Kategori</th>
<th>Status</th>
</tr>
<?php
$sql = "select * from `$tbproduk` order by `id_produk` asc";
$jum = getJum($conn, $sql);
$arr = getData($conn, $sql);
foreach ($arr as $d) {
$id_produk = $d["id_produk"];
$nama_produk = ucwords($d["nama_produk"]);
$deskripsi = $d["deskripsi"];
$gambar = $d["gambar"];
$harga = $d["harga"];
$kategori = $d["kategori"];
$status = $d["status"];
$keterangan = $d["keterangan"];
?>
<tr>
<td><img src="ypathfile/<?php echo $gambar; ?>" width="70" height="70" alt=""></td>
<td><?php echo $nama_produk; ?><br><small><?php echo $deskripsi; ?></small></td>
<td><?php echo $harga; ?></td>
<td><?php echo $kategori; ?></td>
<td><?php echo $status; ?></td>
</tr>
<?php } ?>
</table>
</div>
</div>
</div>
Tampilan Script Home :
Script profile.php :
<div class="main-container">
<div class="pd-ltr-20 xs-pd-20-10">
<div class="min-height-200px">
<div class="page-header">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="title">
<h4>Profile</h4>
</div>
<nav aria-label="breadcrumb" role="navigation">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="?mnu=home">Home</a></li>
<li class="breadcrumb-item"><a href="?mnu=profile1">Profile</li>
</nav>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-30">
<div class="pd-20 card-box height-100-p">
<div class="profile-photo">
<a href="modal" data-toggle="modal" data-target="#modal" class="edit-avatar"><i class="fa fa-pencil"></i></a>
<img src="vendors/images/foto1.jpg" alt="" class="avatar-photo">
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body pd-5">
<div class="img-container">
<img id="image" src="vendors/images/foto1.jpg" alt="Picture">
</div>
</div>
<div class="modal-footer">
<input type="submit" value="Update" class="btn btn-primary">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<?php
$id_admin = $_SESSION["cid"];
$sql = "select * from `$tbadmin` where `id_admin`='$id_admin'";
$d = getField($conn, $sql);
$id_admin = $d["id_admin"];
$nama_admin = $d["nama_admin"];
$username = $d["username"];
$password = $d["password"];
$telepon = $d["telepon"];
$email = $d["email"];
$status = $d["status"];
$keterangan = $d["keterangan"];
?>
<h5 class="text-center h5 mb-0"><?php echo $_SESSION["cnama"]; ?></h5>
<p class="text-center text-muted font-14"><?php echo $_SESSION["cstatus"]; ?></p>
<div class="profile-info">
<h5 class="mb-20 h5 text-blue">Informasi Kontak</h5>
<ul>
<li>
<span>Email Address:</span>
<?php echo $email; ?>
</li>
<li>
<span>Phone Number:</span>
<?php echo $telepon; ?>
</li>
<li>
<span>Negara:</span>
Indonesia
</li>
</ul>
</div>
<div class="profile-social">
<h5 class="mb-20 h5 text-blue">Social Media Links</h5>
<ul class="clearfix">
<li><a href="https://www.facebook.com/arief.i.fanani.1/" target="new" class="btn" data-bgcolor="#3b5998" data-color="#ffffff"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/FananiIchwan" target="new" class="btn" data-bgcolor="#1da1f2" data-color="#ffffff"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/arief_ichwan.f/?hl=id" target="new" class="btn" data-bgcolor="#f46f30" data-color="#ffffff"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<div class="profile-skills">
<h5 class="mb-20 h5 text-blue">Key Skills</h5>
<h6 class="mb-5 font-14">HTML</h6>
<div class="progress mb-20" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 100%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<h6 class="mb-5 font-14">CSS</h6>
<div class="progress mb-20" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<h6 class="mb-5 font-14">PHP</h6>
<div class="progress mb-20" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<h6 class="mb-5 font-14">Bootstrap</h6>
<div class="progress mb-20" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<h6 class="mb-5 font-14">JavaScript</h6>
<div class="progress mb-20" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: 10%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 mb-30">
<div class="card-box height-100-p overflow-hidden">
<div class="profile-tab height-100-p">
<div class="tab height-100-p">
<ul class="nav nav-tabs customtab" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#setting" role="tab">Register</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active height-100-p" id="setting" role="tabpanel">
<div class="profile-setting">
<form method="post">
<ul class="profile-edit-list row">
<li class="weight-500 col-md-6">
<h4 class="text-blue h5 mb-20">Ubah data</h4>
<div class="form-group">
<label>Nama Lengkap</label>
<input class="form-control form-control-lg" type="text" name="nama_admin" value="<?php echo $nama_admin; ?>">
</div>
<div class="form-group">
<label>Email</label>
<input class="form-control form-control-lg" type="email" name="email" value="<?php echo $email; ?>">
</div>
<div class="form-group">
<label>Telepon</label>
<input class="form-control form-control-lg " type="text" name="telepon" value="<?php echo $telepon; ?>">
</div>
<div class="form-group">
<label>Username</label>
<input class="form-control form-control-lg " type="text" name="username" value="<?php echo $username; ?>">
</div>
<div class="form-group">
<label>Password</label>
<input class="form-control form-control-lg " type="text" name="password" value="<?php echo $password; ?>">
</div> <div class="form-group">
<div class="custom-control custom-checkbox mb-5">
<input type="checkbox" class="custom-control-input" id="customCheck1-1">
<label class="custom-control-label weight-400" for="customCheck1-1">Saya setuju untuk menerima email pemberitahuan</label>
</div>
</div>
<div class="form-group mb-0">
<input type="submit" name="Update" class="btn btn-primary" value="Update Information">
<input name="id_admin" type="hidden" id="id_admin" value="<?php echo $id_admin; ?>" />
</div>
</li>
</ul>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<?php
if (isset($_POST["Update"])) {
$id_admin = strip_tags($_POST["id_admin"]);
$username = strip_tags($_POST["username"]);
$nama_admin = strip_tags($_POST["nama_admin"]);
$password = strip_tags($_POST["password"]);
$telepon = strip_tags($_POST["telepon"]);
$email = strip_tags($_POST["email"]);
$status = strip_tags($_POST["status"]);
$keterangan = strip_tags($_POST["keterangan"]);
$sql = "update `$tbadmin` set
`nama_admin`='$nama_admin',
`username`='$username',
`password`='$password',
`telepon`='$telepon' ,
`email`='$email'
where `id_admin`='$id_admin'";
$ubah = process($conn, $sql);
if ($ubah) {
echo "<script>alert('Data $nama_admin berhasil diubah !');document.location.href='?mnu=profile';</script>";
} else {
echo "<script>alert('Data $nama_admin gagal diubah...');document.location.href='?mnu=profile';</script>";
}
} //else simpan
?>
Tampilan Script profile:
Script admin.php :
<?php
$pro = "simpan";
$nama_admin = "";
$username = "";
$password = "";
$telepon = "";
$email = "";
$status = "Aktif";
$keterangan = "";
?>
<link type="text/css" href="<?php echo "$PATH/base/"; ?>ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="<?php echo "$PATH/"; ?>jquery-1.3.2.js"></script>
<script type="text/javascript" src="<?php echo "$PATH/"; ?>ui/ui.core.js"></script>
<script type="text/javascript" src="<?php echo "$PATH/"; ?>ui/ui.datepicker.js"></script>
<script type="text/javascript" src="<?php echo "$PATH/"; ?>ui/i18n/ui.datepicker-id.js"></script>
<script type="text/javascript">
function PRINT(pk) {
win = window.open('admin/admin_print.php?pk=' + pk, 'win', 'width=1000, height=400, menubar=0, scrollbars=1, resizable=0, location=0, toolbar=0, status=0');
}
</script>
<script language="JavaScript">
function buka(url) {
window.open(url, 'window_baru', 'width=800,height=600,left=320,top=100,resizable=1,scrollbars=1');
}
</script>
<?php
$sql = "select `id_admin` from `$tbadmin` order by `id_admin` desc";
$jum = getJum($conn, $sql);
$kd = "ADM";
if ($jum > 0) {
$d = getField($conn, $sql);
$idmax = $d['id_admin'];
$urut = substr($idmax, 3, 2) + 1; //01
if ($urut < 10) {
$idmax = "$kd" . "0" . $urut;
} else {
$idmax = "$kd" . $urut;
}
} else {
$idmax = "$kd" . "01";
}
$id_admin = $idmax;
?>
<?php
if (isset($_GET["pro"]) && $_GET["pro"] == "ubah") {
$id_admin = $_GET["kode"];
$sql = "select * from `$tbadmin` where `id_admin`='$id_admin'";
$d = getField($conn, $sql);
$id_admin = $d["id_admin"];
$id_admin0 = $d["id_admin"];
$nama_admin = $d["nama_admin"];
$username = $d["username"];
$password = $d["password"];
$telepon = $d["telepon"];
$email = $d["email"];
$status = $d["status"];
$keterangan = $d["keterangan"];
$pro = "ubah";
}
?>
<link rel="stylesheet" href="jsacordeon/jquery-ui.css">
<link rel="stylesheet" href="resources/demos/style.css">
<script src="jsacordeon/jquery-1.12.4.js"></script>
<script src="jsacordeon/jquery-ui.js"></script>
<script>
$(function() {
$("#accordion").accordion({
collapsible: true
});
});
</script>
<div id="accordion">
<h3>Input Data Admin</h3>
<div>
<form action="" method="post" enctype="multipart/form-data">
<table class="table">
<tr>
<th width="70"><label for="id_admin">ID Admin</label>
<th width="9">:
<th colspan="2"><b><?php echo $id_admin; ?></b>
</tr>
<tr>
<td><label for="nama_admin">Nama Admin</label>
<td>:
<td width="683"><input required name="nama_admin" class="form-control" type="text" id="nama_admin" value="<?php echo $nama_admin; ?>" size="25" />
</td>
</tr>
<tr>
<td height="24"><label for="username">Username</label>
<td>:
<td><input required name="username" class="form-control" type="text" id="username" value="<?php echo $username; ?>" size="25" /></td>
</tr>
<tr>
<td height="24"><label for="password">Password</label>
<td>:
<td><input required name="password" class="form-control" type="password" id="password" value="<?php echo $password; ?>" size="25" /></td>
</tr>
<tr>
<td height="24"><label for="telepon">Telepon</label>
<td>:
<td><input required name="telepon" class="form-control" type="number" id="telepon" value="<?php echo $telepon; ?>" size="25" />
</td>
</tr>
<tr>
<td height="24"><label for="email">Email</label>
<td>:
<td><input required name="email" class="form-control" type="email" id="email" value="<?php echo $email; ?>" size="25" />
</td>
</tr>
<tr>
<td><label for="status">Status</label>
<td>:
<td colspan="2">
<input type="radio" name="status" id="status" checked="checked" value="Aktif" <?php if ($status == "Aktif") {
echo "checked";
} ?> />Aktif
<input type="radio" name="status" id="status" value="Tidak Aktif" <?php if ($status == "Tidak Aktif") {
echo "checked";
} ?> />Tidak Aktif
</td>
</tr>
<tr>
<td height="24"><label for="keterangan">Keterangan</label>
<td>:
<td>
<textarea name="keterangan" class="form-control" cols="55" rows="2"><?php echo $keterangan; ?></textarea>
</td>
</tr>
<tr>
<td>
<td>
<td colspan="2">
<input name="Simpan" class="btn btn-danger" type="submit" id="Simpan" value="Simpan" />
<input name="pro" type="hidden" id="pro" value="<?php echo $pro; ?>" />
<input name="id_admin" type="hidden" id="id_admin" value="<?php echo $id_admin; ?>" />
<input name="id_admin0" type="hidden" id="id_admin0" value="<?php echo $id_admin0; ?>" />
<a href="?mnu=admin"><input class="btn btn-primary" name="Batal" type="button" id="Batal" value="Batal" /></a>
</td>
</tr>
</table>
</form>
</div>
<?php
$sqlc = "select distinct(`status`) from `$tbadmin` order by `status` asc";
$jumc = getJum($conn, $sqlc);
if ($jumc < 1) {
echo "<h1>Maaf data Admin belum tersedia</h1>";
}
$arrc = getData($conn, $sqlc);
foreach ($arrc as $dc) {
$status = $dc["status"];
?>
<h3>Data Admin <?php echo $status ?>:</h3>
<div>
Cetak | <img src='ypathicon/print.png' title='PRINT' OnClick="PRINT('<?php echo $status; ?>')"> |
<table class="table table-bordered">
<tr bgcolor="#cccccc">
<th width="3%">No</td>
<th width="10%">ID Admin</td>
<th width="20%">Nama Admin</td>
<th width="20%">Telepon</td>
<th width="20%">Email</td>
<th width="20%">Keterangan</td>
<th width="15%">Menu</td>
</tr>
<?php
$sql = "select * from `$tbadmin` where `status`='$status' order by `id_admin` desc";
$jum = getJum($conn, $sql);
if ($jum > 0) {
//--------------------------------------------------------------------------------------------
$batas = 10;
$page = 1;
if (isset($_GET['page'])) {
$page = $_GET['page'];
}
if (empty($page)) {
$posawal = 0;
$page = 1;
} else {
$posawal = ($page - 1) * $batas;
}
$sql2 = $sql . " LIMIT $posawal,$batas";
$no = $posawal + 1;
//--------------------------------------------------------------------------------------------
$arr = getData($conn, $sql2);
foreach ($arr as $d) {
$id_admin = $d["id_admin"];
$nama_admin = ucwords($d["nama_admin"]);
$username = $d["username"];
$password = $d["password"];
$telepon = $d["telepon"];
$email = $d["email"];
$status = $d["status"];
$keterangan = $d["keterangan"];
$color = "#dddddd";
if ($no % 2 == 0) {
$color = "#eeeeee";
}
echo "<tr bgcolor='$color'>
<td>$no</td>
<td>$id_admin</td>
<td>$nama_admin</td>
<td>$telepon</td>
<td>$email</td>
<td>$keterangan</td>
<td><div align='center'>
<a href='?mnu=admin&pro=ubah&kode=$id_admin'><img src='ypathicon/ub.png' title='ubah'></a>
<a href='?mnu=admin&pro=hapus&kode=$id_admin'><img src='ypathicon/ha.png' title='hapus'
onClick='return confirm(\"Apakah Anda benar-benar akan menghapus \"$nama_admin\" pada data admin ?..\")'></a></div></td>
</tr>";
$no++;
} //for dalam
} //if
else {
echo "<tr><td colspan='6'><blink>Maaf, Data admin belum tersedia...</blink></td></tr>";
}
?>
</table>
<?php
$jmldata = $jum;
if ($jmldata > 0) {
if ($batas < 1) {
$batas = 1;
}
$jmlhal = ceil($jmldata / $batas);
echo "<div class=paging>";
if ($page > 1) {
$prev = $page - 1;
echo "<span class=prevnext><a href='$_SERVER[PHP_SELF]?page=$prev&mnu=admin'>« Prev</a></span> ";
} else {
echo "<span class=disabled>« Prev</span> ";
}
for ($i = 1; $i <= $jmlhal; $i++)
if ($i != $page) {
echo "<a href='$_SERVER[PHP_SELF]?page=$i&mnu=admin'>$i</a> ";
} else {
echo " <span class=current>$i</span> ";
}
if ($page < $jmlhal) {
$next = $page + 1;
echo "<span class=prevnext><a href='$_SERVER[PHP_SELF]?page=$next&mnu=admin'>Next »</a></span>";
} else {
echo "<span class=disabled>Next »</span>";
}
echo "</div>";
} //if jmldata
$jmldata = $jum;
echo "<p align=center>Total data <b>$jmldata</b> item</p>";
echo "</div>";
} //for atas
?>
</div>
<?php
if (isset($_POST["Simpan"])) {
$pro = strip_tags($_POST["pro"]);
$id_admin = strip_tags($_POST["id_admin"]);
$id_admin0 = strip_tags($_POST["id_admin0"]);
$username = strip_tags($_POST["username"]);
$nama_admin = strip_tags($_POST["nama_admin"]);
$password = strip_tags($_POST["password"]);
$telepon = strip_tags($_POST["telepon"]);
$email = strip_tags($_POST["email"]);
$status = strip_tags($_POST["status"]);
$keterangan = strip_tags($_POST["keterangan"]);
if ($pro == "simpan") {
$sql = " INSERT INTO `$tbadmin` (
`id_admin` ,
`nama_admin` ,
`username` ,
`password` ,
`telepon` ,
`email` ,
`status` ,
`keterangan`
) VALUES (
'$id_admin',
'$nama_admin',
'$username',
'$password',
'$telepon',
'$email',
'$status',
'$keterangan'
)";
$simpan = process($conn, $sql);
if ($simpan) {
echo "<script>alert('Data $nama_admin berhasil disimpan !');document.location.href='?mnu=admin';</script>";
} else {
echo "<script>alert('Data $nama_admin gagal disimpan...');document.location.href='?mnu=admin';</script>";
}
} else {
$sql = "update `$tbadmin` set
`nama_admin`='$nama_admin',
`username`='$username',
`password`='$password',
`telepon`='$telepon' ,
`email`='$email',
`status`='$status',
`keterangan`='$keterangan'
where `id_admin`='$id_admin0'";
$ubah = process($conn, $sql);
if ($ubah) {
echo "<script>alert('Data $nama_admin berhasil diubah !');document.location.href='?mnu=admin';</script>";
} else {
echo "<script>alert('Data $nama_admin gagal diubah...');document.location.href='?mnu=admin';</script>";
}
} //else simpan
}
?>
<?php
if (isset($_GET["pro"]) && $_GET["pro"] == "hapus") {
$id_admin = $_GET["kode"];
$sql = "delete from `$tbadmin` where `id_admin`='$id_admin'";
$hapus = process($conn, $sql);
if ($hapus) {
echo "<script>alert('Data $id_admin berhasil dihapus !');document.location.href='?mnu=admin';</script>";
} else {
echo "<script>alert('Data $id_admin gagal dihapus...');document.location.href='?mnu=admin';</script>";
}
}
?>
Script pelanggan.php :
0 Komentar