<html>
<head>
<title>Admin Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap.css" rel="stylesheet">
<!--table sorter-->
<link href="<?php echo base_url(); ?>asset/tablesorter/demo_table.css" rel="stylesheet">
<style type="text/css">
body {padding-top: 40px;padding-bottom: 40px;}
.well-white {
min-height: 20px;
margin-bottom: 0px;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
ul#sidebar{border: outset 1px;margin-top:15px;border-radius:5px;padding:10px;list-style:none;}
#sidebar li a{display:block;color:#777;outline:none;font-weight:bold;text-decoration:none;line-height:30px;padding:0px 20px;}
#sidebar li a:hover,#sidebar li.selected a{background:#C0C0C0;color:#fff;}
#sidebar li a:hover{background:#CDFFFF;color:#000;}
#steps{height:auto;overflow:hidden;border-left:outset 1px;padding:15px;}
.formside{display:block;}
.staffside, statsside{display:none;}
.stafflist{border:inset 1px rgba(0, 0, 0, 0.05);border-radius:5px;padding:30px;background-color:#F0F0F0 ;}
.modal-body input{padding: 11px 0px 11px 11px;height : 36px;}
</style>
<link href="<?php echo base_url(); ?>asset/css/style.css" rel="stylesheet">
<script type="text/javascript" language="javascript" src="<?php echo base_url(); ?>asset/tablesorter/jquery.js"></script>
<script type="text/javascript" language="javascript" src="<?php echo base_url(); ?>asset/tablesorter/jquery.dataTables.min.js"></script>
<script src="<?php echo base_url(); ?>asset/rf/razorflow.jquery.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
var loading = "<div id='loadingcontent'><img src='<?php echo base_url(); ?>asset/img/loading7.gif' alt='loading' style='float:right;margin:100px 500px;'/></div>"
$(document).ready(function() {
//$('#formpending').dataTable();
//$('#formsaved').dataTable();
//$('#stafflist').dataTable();
setTimeout(function(){
$("div.alert").fadeOut("slow", function () {
$("div.alert").remove();
});
}, 3000);
formfunc();
});
//load list salespage
function stafffunc(){
$('#loading2').css("display","block");
$('#content').html(loading);
$(".selected", event.delegateTarget).removeClass("selected");
$('#staff').addClass("selected");
$.ajax({
url: 'user/loadstaff',
success: function()
{
$("#content").load("user/loadstaff");
$('#content').fadeIn(9000);
$('#loading2').css("display","none");
}
});
}
//load list form page
function formfunc(){
$('#loading1').css("display","block");
$('#content').html(loading);
$(".selected", event.delegateTarget).removeClass("selected");
$('#form').addClass("selected");
$.ajax({
url: 'user/loadform',
success: function()
{
$("#content").load("user/loadform");
$('#content').fadeIn(3000);
$('#loading1').css("display","none");
}
});
}
function selloutfunc(){
$('#loading3').css("display","block");
$('#content').html(loading);
$(".selected", event.delegateTarget).removeClass("selected");
$('#sellingout').addClass("selected");
$.ajax({
url: 'user/loadsellingout',
success: function()
{
$("#content").load("user/loadsellingout");
$('#content').fadeIn(3000);
$('#loading3').css("display","none");
}
});
}
</script>
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
<!--Navigation bar-->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#"><i class="icon-wrench icon-white"></i> Everseiko</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li id="fat-menu" class="dropdown">
<a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown" style="background-color:#fff;">
<i class="icon-user"></i>
<?php echo $this->auth->CI->session->userdata('nama'); ?><b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
<li role="presentation"><a role="menuitem" tabindex="-1" href="<?php echo base_url(); ?>">
<i class="icon-tags"></i>
<?php echo $this->auth->CI->session->userdata('role'); ?></a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="<?php echo base_url(); ?>user/logout"><i class="icon-off"></i> Logout</a></li>
</ul>
</li>
</ul>
<ul class="nav">
<!--
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
-->
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!--Container fluid-->
<div class="row-fluid">
<!--sidebar-->
<div class="span3">
<ul id="sidebar">
<li id="form"><a href="#" onclick="formfunc()"><i class="icon-list-alt"></i> Form <img id="loading1" src="<?php echo base_url(); ?>asset/img/ajax_loading.gif" alt="loading" width="20px;" style="float:right;margin-top:12px;display:none;"/></a></li>
<li id="staff"><a href="#" onclick="stafffunc()"><i class="icon-user"></i> Sales <img id="loading2" src="<?php echo base_url(); ?>asset/img/ajax_loading.gif" alt="loading" width="20px;" style="float:right;margin-top:12px;display:none;"/></a></li>
<li id="sellingout"><a href="#" onclick="selloutfunc()"><i class="icon-share-alt"></i> Selling Out <img id="loading3" src="<?php echo base_url(); ?>asset/img/ajax_loading.gif" alt="loading" width="20px;" style="float:right;margin-top:12px;display:none;"/></a></li>
<!--
<li id="stats"><a href="#" onclick="statsfunc()"><i class="icon-signal"></i> Stats <img id="loading" src="<?php echo base_url(); ?>asset/img/ajax_loading.gif" alt="loading" width="20px;" style="float:right;margin-top:12px;display:none;"/></a><li>
-->
</ul>
</div>
<!--Content-->
<div class="span9" id="steps">
<div class="container-fluid">
<?php
if ($this->session->userdata('status')=='1' )
{
$tipe = $this->session->userdata('tipe');
echo "
<div id='note' class='alert ".$tipe."'>
<button type='button' class='close' data-dismiss='alert'>×</button>
".$this->session->userdata('message')."
</div>";
}
?>
<div id="content" style="diplay:none;">
</div>
</div>
</div><!--/span10-->
</div>
</div>
<!--javascript-->
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-dropdown.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-tab.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-collapse.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-modal.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-alert.js"></script>
</body>
</html>