alazhar
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">×</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> |