| DIR:/home/u1105814/public_html/tscore.id/demo/ |
| Current File : /home/u1105814/public_html/tscore.id/demo/index.php |
<!DOCTYPE html>
<html>
<head>
<?php include 'attribute/attribute_head.php';?>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<?php include 'attribute/attribute_header.php';?>
<?php include 'attribute/attribute_sidebar.php';?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
E-Arsip
<small>Dashboard</small>
</h1>
<ol class="breadcrumb">
<li>
<a href="#"><i class="fa fa-dashboard"></i> Home</a>
</li>
<li class="active">Dashboard</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Small boxes (Stat box) -->
<div class="row">
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-aqua">
<div class="inner">
<h3>15</h3>
<p>Kelurahan</p>
</div>
<div class="icon">
<i class="ion ion-bag"></i>
</div>
<a href="#" class="small-box-footer" data-toggle="modal" data-target="#kelurahanModal">More
info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-green">
<div class="inner">
<h3>53</h3>
<!-- <h3>53<sup style="font-size: 20px">%</sup></h3> -->
<p>Komoditi</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
<a href="#" class="small-box-footer" data-toggle="modal" data-target="#komoditiModal">More
info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-yellow">
<div class="inner">
<h3>44</h3>
<p>User Registrations</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
<a href="#" class="small-box-footer" data-toggle="modal" data-target="#userModal">More info
<i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-3 col-xs-6">
<!-- small box -->
<div class="small-box bg-red">
<div class="inner">
<h3>76</h3>
<p>Distirbutor</p>
</div>
<div class="icon">
<i class="ion ion-pie-graph"></i>
</div>
<a href="#" class="small-box-footer" data-toggle="modal"
data-target="#distributorModal">More info <i class="fa fa-arrow-circle-right"></i></a>
</div>
</div>
<!-- ./col -->
</div>
<!-- /.row -->
<!-- Main row -->
<div class="row">
<!-- Left col -->
<section class="col-lg-7 connectedSortable">
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">Ketersediaan Komoditi</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<table id="ketersedian" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th style="width: 10px">#</th>
<th>Keluarahan</th>
<th>Ketersedian</th>
<th style="width: 40px">Presentase</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>Keluarahan A</td>
<td>
<div class="progress progress-xs">
<div class="progress-bar progress-bar-danger" style="width: 55%">
</div>
</div>
</td>
<td><span class="badge bg-red">55%</span></td>
</tr>
<tr>
<td>2.</td>
<td>Keluarahan B</td>
<td>
<div class="progress progress-xs">
<div class="progress-bar progress-bar-yellow" style="width: 70%">
</div>
</div>
</td>
<td><span class="badge bg-yellow">70%</span></td>
</tr>
<tr>
<td>3.</td>
<td>Keluarahan C</td>
<td>
<div class="progress progress-xs progress-striped active">
<div class="progress-bar progress-bar-primary" style="width: 30%">
</div>
</div>
</td>
<td><span class="badge bg-light-blue">30%</span></td>
</tr>
<tr>
<td>4.</td>
<td>Keluarahan D</td>
<td>
<div class="progress progress-xs progress-striped active">
<div class="progress-bar progress-bar-success" style="width: 90%">
</div>
</div>
</td>
<td><span class="badge bg-green">90%</span></td>
</tr>
<tr>
<td>4.</td>
<td>Keluarahan E</td>
<td>
<div class="progress progress-xs progress-striped active">
<div class="progress-bar progress-bar-default" style="width: 20%">
</div>
</div>
</td>
<td><span class="badge bg-green">90%</span></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- /.box -->
</section>
<!-- /.Left col -->
<section class="col-lg-5 connectedSortable">
<!-- TO DO List -->
<div class="box box-primary">
<div class="box-header">
<i class="ion ion-clipboard"></i>
<h3 class="box-title">Data Permintaan</h3>
<div class="box-tools pull-right">
<ul class="pagination pagination-sm inline">
<li><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<ul class="todo-list">
<li>
<!-- drag handle -->
<span class="handle">
<i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i>
</span>
<!-- checkbox -->
<input type="checkbox" value="" name="" />
<!-- todo text -->
<span class="text">Kelurahan A - Permintaan Minyak</span>
<!-- Emphasis label -->
<small class="label label-danger"><i class="fa fa-clock-o"></i> 2 mins</small>
<!-- General tools such as edit or delete-->
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
<li>
<span class="handle">
<i class="fa fa-ellipsis-v"></i>
<i class="fa fa-ellipsis-v"></i>
</span>
<input type="checkbox" value="" name="" />
<span class="text">Kelurahan C - Permintaan Minyak, Beras</span>
<small class="label label-info"><i class="fa fa-clock-o"></i> 4 hours</small>
<div class="tools">
<i class="fa fa-edit"></i>
<i class="fa fa-trash-o"></i>
</div>
</li>
</ul>
</div>
<!-- /.box-body -->
<div class="box-footer clearfix no-border">
<button class="btn btn-default pull-right">
<i class="fa fa-plus"></i> Add item
</button>
</div>
</div>
<!-- /.box -->
</section>
<!-- /.Left col -->
</div>
<!-- /.row (main row) -->
<div class="modal fade" id="kelurahanModal" tabindex="-1" role="dialog"
aria-labelledby="kelurahanModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<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">
<center>Daftar Kelurahan</center>
</h4>
</div>
<div class="modal-body">
<table id="kelurahanTable" class="table table-striped table-bordered"
style="width:100%">
<thead>
<tr>
<th>Nama Kelurahan</th>
<th>Kode Pos</th>
<th>Kecamatan</th>
<th>Kota</th>
<th>Provinsi</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kelurahan A</td>
<td>12345</td>
<td>Kecamatan X</td>
<td>Kota Y</td>
<td>Provinsi Z</td>
<td>
<center><a href="detailkelurahan.html" class="btn btn-info"><i
class="fa fa-eye" aria-hidden="true"></i> Detail</a>
</center>
</td>
</tr>
<tr>
<td>Kelurahan A</td>
<td>12345</td>
<td>Kecamatan X</td>
<td>Kota Y</td>
<td>Provinsi Z</td>
<td>
<center><a href="detailkelurahan.html" class="btn btn-info"><i
class="fa fa-eye" aria-hidden="true"></i> Detail</a>
</center>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal fade" id="komoditiModal" tabindex="-1" role="dialog"
aria-labelledby="komoditiModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<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">
<center>Daftar Komoditi</center>
</h4>
</div>
<div class="modal-body">
<table id="komoditiTable" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>Nama Komoditi</th>
<th>Kategori</th>
<th>Harga</th>
<th>Stok</th>
<th>Deskripsi</th>
</tr>
</thead>
<tbody>
<tr>
<td>Beras</td>
<td>Makanan Pokok</td>
<td>Rp. 12,000/kg</td>
<td>1000 kg</td>
<td>Beras kualitas premium</td>
</tr>
<tr>
<td>Jagung</td>
<td>Sayuran</td>
<td>Rp. 5,000/kg</td>
<td>500 kg</td>
<td>Jagung segar dari petani lokal</td>
</tr>
<tr>
<td>Beras</td>
<td>Makanan Pokok</td>
<td>Rp. 12,000/kg</td>
<td>1000 kg</td>
<td>Beras kualitas premium</td>
</tr>
<tr>
<td>Jagung</td>
<td>Sayuran</td>
<td>Rp. 5,000/kg</td>
<td>500 kg</td>
<td>Jagung segar dari petani lokal</td>
</tr>
<tr>
<td>Beras</td>
<td>Makanan Pokok</td>
<td>Rp. 12,000/kg</td>
<td>1000 kg</td>
<td>Beras kualitas premium</td>
</tr>
<tr>
<td>Jagung</td>
<td>Sayuran</td>
<td>Rp. 5,000/kg</td>
<td>500 kg</td>
<td>Jagung segar dari petani lokal</td>
</tr>
<tr>
<td>Beras</td>
<td>Makanan Pokok</td>
<td>Rp. 12,000/kg</td>
<td>1000 kg</td>
<td>Beras kualitas premium</td>
</tr>
<tr>
<td>Jagung</td>
<td>Sayuran</td>
<td>Rp. 5,000/kg</td>
<td>500 kg</td>
<td>Jagung segar dari petani lokal</td>
</tr>
<tr>
<td>Beras</td>
<td>Makanan Pokok</td>
<td>Rp. 12,000/kg</td>
<td>1000 kg</td>
<td>Beras kualitas premium</td>
</tr>
<tr>
<td>Jagung</td>
<td>Sayuran</td>
<td>Rp. 5,000/kg</td>
<td>500 kg</td>
<td>Jagung segar dari petani lokal</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal fade" id="userModal" tabindex="-1" role="dialog" aria-labelledby="userModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<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">
<center>Daftar User</center>
</h4>
</div>
<div class="modal-body">
<table id="userTable" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>Nama</th>
<th>Email</th>
<th>Telepon</th>
<th>Alamat</th>
<th>Tanggal Lahir</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Doe</td>
<td>john@example.com</td>
<td>123-456-7890</td>
<td>Jl. Contoh No. 1, Jakarta</td>
<td>01/01/1990</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>jane@example.com</td>
<td>098-765-4321</td>
<td>Jl. Contoh No. 2, Surabaya</td>
<td>02/02/1992</td>
</tr>
<tr>
<td>John Doe</td>
<td>john@example.com</td>
<td>123-456-7890</td>
<td>Jl. Contoh No. 1, Jakarta</td>
<td>01/01/1990</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>jane@example.com</td>
<td>098-765-4321</td>
<td>Jl. Contoh No. 2, Surabaya</td>
<td>02/02/1992</td>
</tr>
<tr>
<td>John Doe</td>
<td>john@example.com</td>
<td>123-456-7890</td>
<td>Jl. Contoh No. 1, Jakarta</td>
<td>01/01/1990</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>jane@example.com</td>
<td>098-765-4321</td>
<td>Jl. Contoh No. 2, Surabaya</td>
<td>02/02/1992</td>
</tr>
<tr>
<td>John Doe</td>
<td>john@example.com</td>
<td>123-456-7890</td>
<td>Jl. Contoh No. 1, Jakarta</td>
<td>01/01/1990</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>jane@example.com</td>
<td>098-765-4321</td>
<td>Jl. Contoh No. 2, Surabaya</td>
<td>02/02/1992</td>
</tr>
<tr>
<td>John Doe</td>
<td>john@example.com</td>
<td>123-456-7890</td>
<td>Jl. Contoh No. 1, Jakarta</td>
<td>01/01/1990</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>jane@example.com</td>
<td>098-765-4321</td>
<td>Jl. Contoh No. 2, Surabaya</td>
<td>02/02/1992</td>
</tr>
<tr>
<td>John Doe</td>
<td>john@example.com</td>
<td>123-456-7890</td>
<td>Jl. Contoh No. 1, Jakarta</td>
<td>01/01/1990</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>jane@example.com</td>
<td>098-765-4321</td>
<td>Jl. Contoh No. 2, Surabaya</td>
<td>02/02/1992</td>
</tr>
<!-- Tambahkan lebih banyak data pengguna di sini -->
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal fade" id="distributorModal" tabindex="-1" role="dialog"
aria-labelledby="distributorModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<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">
<center>Daftar Distributor</center>
</h4>
</div>
<div class="modal-body">
<table id="distributorTable" class="table table-striped table-bordered"
style="width:100%">
<thead>
<tr>
<th>Nama</th>
<th>Kontak</th>
<th>Alamat</th>
<th>Email</th>
<th>Wilayah</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<td>PT. Distributor Sukses</td>
<td>08123456789</td>
<td>Jl. Contoh No. 3, Jakarta</td>
<td>distributor1@example.com</td>
<td>Jakarta</td>
<td>
<td>
<center><a href="detaildistributor.html" class="btn btn-info"><i
class="fa fa-eye" aria-hidden="true"></i> Detail</a>
</center>
</td>
</td>
</tr>
<tr>
<td>PT. Distributor Sukses</td>
<td>08123456789</td>
<td>Jl. Contoh No. 3, Jakarta</td>
<td>distributor1@example.com</td>
<td>Jakarta</td>
<td>
<td>
<center><a href="detaildistributor.html" class="btn btn-info"><i
class="fa fa-eye" aria-hidden="true"></i> Detail</a>
</center>
</td>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
</div>
<?php include 'attribute/attribute_footer.php';?>
<!-- Control Sidebar -->
<?php include 'attribute/attribute_aside.php';?>
<div class="control-sidebar-bg"></div>
</div>
<?php include 'attribute/attribute_script.php';?>
</body>
</html> |