152 lines
5.9 KiB
PHP
152 lines
5.9 KiB
PHP
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title>Dashboard Admin</title>
|
|||
|
|
<meta name="generator" content="Bootply" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|||
|
|
<link href="<?php echo base_url()?>asset/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|||
|
|
<!--[if lt IE 9]>
|
|||
|
|
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|||
|
|
<![endif]-->
|
|||
|
|
<link href="<?php echo base_url()?>asset/css/styles.css" rel="stylesheet">
|
|||
|
|
<link href="<?php echo base_url()?>asset/css/custom.css" rel="stylesheet">
|
|||
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
|
|||
|
|
<script type="text/javascript" charset="utf-8">
|
|||
|
|
/*
|
|||
|
|
var loading = "<div id='contents'><img src='<?php echo base_url(); ?>asset/img/loading7.gif' alt='loading' style='float:right;margin:100px 500px;'/></div>";
|
|||
|
|
var imgloading = "<img src='<?php echo base_url(); ?>asset/img/ajax_loading.gif' alt='loading' id='imgloading' width='20px;' style='float:right;margin-top:12px;display:block;' />";
|
|||
|
|
// $(document).ready(function() {
|
|||
|
|
// setTimeout(function(){
|
|||
|
|
// $("div.alert").fadeOut("slow", function () {
|
|||
|
|
// $("div.alert").remove();
|
|||
|
|
// });
|
|||
|
|
// }, 3000);
|
|||
|
|
// $('#content').html(loading);
|
|||
|
|
// $("#content").load("user/loadform");
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
$(document).on('click','.sidebar li:not(.nav) a', function(event) {
|
|||
|
|
//$('#imgloading').remove();
|
|||
|
|
//$(imgloading).appendTo($(this));
|
|||
|
|
//$('#contents').html(loading);
|
|||
|
|
//$(".selected", event.delegateTarget).removeClass("selected");
|
|||
|
|
//$(this).parent().addClass("selected");
|
|||
|
|
event.preventDefault();
|
|||
|
|
var href = $(this).attr('href');
|
|||
|
|
var base_url = 'http://localhost/toko2/index.php/su/'
|
|||
|
|
$.ajax({
|
|||
|
|
url: base_url+href,
|
|||
|
|
success: function()
|
|||
|
|
{
|
|||
|
|
$("#contents").load(href);
|
|||
|
|
$('#contents').fadeIn(3000);
|
|||
|
|
//$('#imgloading').remove();
|
|||
|
|
},
|
|||
|
|
error: function(XMLHttpRequest, textStatus, errorThrown)
|
|||
|
|
{
|
|||
|
|
//alert("Status: " + textStatus);
|
|||
|
|
alert("Error: " + errorThrown);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
*/
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<!-- header -->
|
|||
|
|
<div id="top-nav" class="navbar navbar-inverse navbar-static-top">
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<div class="navbar-header">
|
|||
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|||
|
|
<span class="icon-bar"></span>
|
|||
|
|
<span class="icon-bar"></span>
|
|||
|
|
<span class="icon-bar"></span>
|
|||
|
|
</button>
|
|||
|
|
<a class="navbar-brand" href="#">Dashboard</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="navbar-collapse collapse">
|
|||
|
|
<ul class="nav navbar-nav navbar-right">
|
|||
|
|
<li class="dropdown">
|
|||
|
|
<a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#"><i class="glyphicon glyphicon-user"></i> Admin <span class="caret"></span></a>
|
|||
|
|
<ul id="g-account-menu" class="dropdown-menu" role="menu">
|
|||
|
|
<li><a href="#">My Profile</a></li>
|
|||
|
|
<li role="separator" class="divider"></li>
|
|||
|
|
<li><a href="#"><i class="glyphicon glyphicon-lock"></i> Logout</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Main -->
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-sm-2 sidebar" id="sideadmin">
|
|||
|
|
<!-- Left column -->
|
|||
|
|
<ul class="nav nav-stacked sidebarbody">
|
|||
|
|
<li class="active"> <a href="Dashboard"><i class="glyphicon glyphicon-home"></i> Home</a></li>
|
|||
|
|
<li><a href="#"><i class="glyphicon glyphicon-shopping-cart"></i> Order <span class="badge badge-info">4</span></a></li>
|
|||
|
|
<li class="nav-header"> <a href="#" style="pointer-events: none" data-toggle="collapse" data-target="#menu1"><i class="glyphicon glyphicon-stats"></i> Statistic </a>
|
|||
|
|
<ul class="nav nav-stacked" id="menu1" style="margin-left:20px;">
|
|||
|
|
<li><a href="#">Sales</a></li>
|
|||
|
|
<li><a href="#">Transactions</a></li>
|
|||
|
|
<li><a href="#">Views</a></li>
|
|||
|
|
<li><a href="#">Requests</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><a href="barangAdm/"><i class="glyphicon glyphicon-apple"></i> Barang</a></li>
|
|||
|
|
<li><a href="#"><i class="glyphicon glyphicon-user"></i> Member</a></li>
|
|||
|
|
<li class="nav-header"> <a href="#" style="pointer-events: none" data-toggle="collapse" data-target="#menu2"><i class="glyphicon glyphicon-cog"></i> Options </a>
|
|||
|
|
<ul class="nav nav-stacked" id="menu2" style="margin-left:20px;">
|
|||
|
|
<li><a href="#">Toko</a></li>
|
|||
|
|
<li><a href="#">Slideshow</a></li>
|
|||
|
|
<li><a href="#">Kategori</a></li>
|
|||
|
|
<li><a href="#">About</a></li>
|
|||
|
|
<li><a href="#">Contact</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<!-- /col-3 -->
|
|||
|
|
|
|||
|
|
<div class="col-sm-10" id="contents">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!--/col-span-9-->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /Main -->
|
|||
|
|
|
|||
|
|
<footer class="text-center" style="position: fixed;height: 50px;bottom: 0;width: 100%;">Copyright <a href="http://allazhar.com"><strong>AllAzhar.com</strong></a></footer>
|
|||
|
|
|
|||
|
|
<div class="modal" id="addWidgetModal">
|
|||
|
|
<div class="modal-dialog">
|
|||
|
|
<div class="modal-content">
|
|||
|
|
<div class="modal-header">
|
|||
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><EFBFBD></button>
|
|||
|
|
<h4 class="modal-title">Add Widget</h4>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body">
|
|||
|
|
<p>Add a widget stuff here..</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-footer">
|
|||
|
|
<a href="#" data-dismiss="modal" class="btn">Close</a>
|
|||
|
|
<a href="#" class="btn btn-primary">Save changes</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-content -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal-dalog -->
|
|||
|
|
</div>
|
|||
|
|
<!-- /.modal -->
|
|||
|
|
<!-- script references -->
|
|||
|
|
|
|||
|
|
<script src="<?php echo base_url()?>asset/bootstrap/js/bootstrap.min.js"></script>
|
|||
|
|
<script src="<?php echo base_url()?>asset/js/scripts.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|