first commit

This commit is contained in:
alazhar
2020-01-02 23:02:57 +07:00
commit 4599c79723
263 changed files with 84293 additions and 0 deletions

View File

@ -0,0 +1,185 @@
<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'>&times;</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>

823
application/views/bForm.php Normal file
View File

@ -0,0 +1,823 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Form Customer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="<?php echo base_url(); ?>asset/css/style.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
label.filebutton {
width:80px;
height:20px;
overflow:hidden;
position:relative;
}
.btn input {
opacity: 0;
filter: alpha(opacity = 0);
-ms-filter: "alpha(opacity=0)";
cursor: pointer;
_cursor: hand;
}
@media (max-width: 980px) {
/* Enable use of floated navbar text */
.navbar-text.pull-right {
float: none;
padding-left: 5px;
padding-right: 5px;
}
}
</style>
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target=".sidebar">
<!--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="#">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-->
<div class="container-fluid">
<div class="row-fluid">
<!--sidebar-->
<div class="span3 sidebar">
<div class="well affix span3">
<ul class="nav nav-list">
<li class="active"><a href="#1">Contact Details</a></li>
<li class=""><a href="#2">Vehicles Details</a></li>
<li class=""><a href="#3">Types</a></li>
<li class=""><a href="#4">Tyre Usages</a></li>
<li class=""><a href="#5">Recommendation</a></li>
<li class=""><a href="#6">Upload Picture</a></li>
</ul>
</div><!--/.well -->
</div><!--/span3-->
<!--section-->
<div class="span7 offset1 well">
<!--
<div class="hero-unit">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
</div>
-->
<form id="fileupload" class="form-horizontal" action="http://10.10.10.14/everseiko/index.php/visit/addvisit/format/json" method="post" name="fo1">
<section id="1">
<fieldset>
<legend><strong>Contact Details</strong></legend>
</fieldset>
<!--form1-->
<table>
<tr height="50px">
<td colspan="3">
<strong>General Location</strong>
</td>
</tr>
<tr>
<td width="30%">
<input type="text" placeholder="Province" name="cdProvince">
</td>
<td width="30%">
<input type="text" placeholder="Kota" name="cdKota">
</td>
<td width="30%"></td>
</tr>
<tr height="50px">
<td colspan="3">
<strong>Company Details</strong>
</td>
</tr>
<tr>
<td>
<label class="radio inline">
<input type="radio" name="rbCd" value="By Appoinment">By Appoinment
</label>
</td>
<td>
<label class="radio inline">
<input type="radio" name="rbCd" value="Cold Call/go show">Cold Call/go show
</label>
</td>
<td>
<label class="radio inline">
<input type="radio" name="rbCd" value=""><input type="text" placeholder="Other" name="rbCd">
</label>
</td>
</tr>
<tr height="70px">
<td>
<input type="text" placeholder="Staff of Scene" name="cdSos">
</td>
<td>
<input type="text" placeholder="Customer Name" name="cdCusName">
</td>
</tr>
<tr>
<td>
<label class="radio inline">
<input type="radio" name="rbCd2" value="Company">Company
</label>
</td>
<td>
<label class="radio inline">
<input type="radio" name="rbCd2" value="Individual">Individual
</label>
</td>
</tr>
<tr height="50px">
<td colspan="3">
<button type="button" class="btn">Search</button>
</td>
</tr>
<tr>
<td colspan="3">
<hr>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Address / Phone no</strong>
</td>
</tr>
<tr height="50px">
<td>
<input type="text" placeholder="Head Office" name="cdOffice">
</td>
<td>
<input type="text" id="" placeholder="Phone" name="cdTelp" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>
<input type="text" id="" placeholder="Branch/Garrage" name="cdBranch">
</td>
<td>
<input type="text" id="" placeholder="Phone" name="cdTelp2" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td colspan="3">
<strong>Contact Person</strong>
</td>
</tr>
<tr>
<td>
<input type="text" placeholder="Name" name="cp_name">
</td>
<td>
<input type="text" id="" placeholder="Phone" name="cdcpphone" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td colspan="3">
<strong>Nature Business</strong>
</td>
</tr>
<tr height="20px">
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_1" value="Transportation">Transportation
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_2" value="Bus">Bus
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_3" value="Minning">Minning
</label>
</td>
</tr>
<tr height="20px">
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_4" value="Expedition/Courier">Expedition/Courier
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_5" value="">
<input type="text" placeholder="Other"name="cdCb_5">
</label>
</td>
</tr>
</table>
</section>
<br></br>
<section id="2">
<fieldset>
<legend><strong>Vehicles Details</strong></legend>
</fieldset>
<table>
<tr>
<td colspan="2"><strong>Number of vehicles owned</strong></td>
</tr>
<tr>
<td valign="top" width="50%">
<table>
<tr height="50px">
<td width="100px">Light Truck</td>
<td width="100px">QTY</td>
</tr>
<tr height="50px">
<td>4 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr4" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr6" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr10" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
<td width="50%">
<table>
<tr height="50px">
<td width="70x">Truck</td>
<td>QTY</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt6" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>8 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt8" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt10" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>12 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt12" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>14 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt14" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>18 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt18" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>Other</td>
<td>
<input type="text" style="width:30px" name="vdLtot" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">QTR</td>
</tr>
<tr>
<td><input class="span10" id="appendedInput" type="text" placeholder="type" name="vdQtrType"></td>
<td>
<input class="span5" id="appendedInput" type="text" placeholder="Qty" name="vdQtrQty" maxlength="3" onkeypress="return isNumberKey(event)">
<input class="span5" id="appendedInput" type="text" placeholder="Total tyre" name="vdQtrTyre" maxlength="3" onkeypress="return isNumberKey(event)"></td>
</tr>
<tr>
<td><input class="span10" id="appendedInput" type="text" placeholder="type" name="vdQtrType2"></td>
<td>
<input class="span5" id="appendedInput" type="text" placeholder="Qty" name="vdQtrQty2" maxlength="3" onkeypress="return isNumberKey(event)">
<input class="span5" id="appendedInput" type="text" placeholder="Total tyre" name="vdQtrTyre2" maxlength="3" onkeypress="return isNumberKey(event)"></td>
</tr>
</table>
<hr>
<table>
<tr height="30px">
<td colspan="3"><strong>Load and Speed Details</strong></td>
</tr>
<tr height="30px">
<td colspan="3">Type of Load</td>
</tr>
<tr height="30px">
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="vdCb_1" value="Materials">Materials</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="vdCb_2" value="Passenger">Passenger</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="vdCb_3" value="Goods">Goods</label>
</td>
</tr>
<tr height="30px">
<td>
<label class="checkbox">
<input type="checkbox" name="vdCb_4" value="Soil">Soil</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="vdCb_5" value="General Cargo">General Cargo</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="vdCb_6" value="">
<input type="text" style="width:100px" placeholder="Other" name="vdCb_6"></label>
</td>
</tr>
<tr height="30px">
<td colspan="3">Average Weight of Loads</td>
</tr>
<tr>
<td valign="top" width="50%">
<table>
<tr height="50px">
<td width="100px">Truck</td>
<td width="100px">Wt</td>
</tr>
<tr height="50px">
<td>4 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr4wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr6wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr10wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
<td width="50%">
<table>
<tr height="50px">
<td width="70x">Light Tr</td><td>Wt</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt6wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>8 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt8wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt10wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>12 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt12wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>14 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt14wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>18 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt18wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>Other</td>
<td>
<input type="text" style="width:30px" name="vdLtotwt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
</tr>
<tr height="50px">
<td colspan="2">Points of Origin Destination <input type="text" name="vdDest"></td>
</tr>
<tr height="30px">
<td colspan="2">Driving Condition</td>
</tr>
<tr>
<td colspan="2">
<div class="input-append">
<input id="appendedInput" type="text" placeholder="Good Roads" name="vdgoro">
<span class="add-on">%</span>
</div>
<div class="input-append">
<input id="appendedInput" type="text" placeholder="Toll Roads" name="vdtoro">
<span class="add-on">%</span>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="input-append">
<input id="appendedInput" type="text" placeholder="Bad Roads" name="vdbaro">
<span class="add-on">%</span>
</div>
<div class="input-append">
<input id="appendedInput" type="text" placeholder="Others" name="vdothers">
<span class="add-on">%</span>
</div>
</td>
</tr>
</table>
</section>
<br></br>
<section id="3">
<fieldset>
<legend><strong>Types</strong></legend>
</fieldset>
<table>
<tr height="50px">
<td colspan="3">
<strong>Tyre Brands and Type</strong>
</td>
</tr>
<tr>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_1" value="MRF">MRF</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_2" value="Goodyear">Goodyear</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_3" value="Bridgestone">Bridgestone</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_4" value="GT">GT</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_5" value="Dunlop">Dunlop</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_6" value="Chinese">Chinese</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_7" value="Kumho">Kumho</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_8" value="Hankook">Hankook</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_9" value="Coat">Coat</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_10" value="Thai">Thai</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_11" value="Maxxis">Maxxis</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_12" value="Chengsin">Chengsin</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_13" value="Epco">Epco</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_14" value="Swallow">Swallow</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_15" value="Chao Yang">Chao Yang</label>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Type of Purchase</strong></td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb2_1" value="New Tyres">New Tyres</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb2_2" value="Retreads">Retreads</label>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Type</strong></td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_1" value="Rib">Rib</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_2" value="Lug">Lug</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_3" value="Bias">Bias</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_4" value="Radial">Radial</label>
</td>
</tr>
</table>
</section>
<br></br>
<section id="4">
<fieldset>
<legend><strong>Tyre Usages</strong></legend>
</fieldset>
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
<strong>Milleage</strong><br></br>
<label class="radio inline">
<input type="radio" name="trRb" value="Estimates">Estimates</label>
<label class="radio inline">
<input type="radio" name="trRb" value="Actual">Actual</label>
<br></br>
<div class="input-append">
<input class="span9" id="appendedInput" type="text" placeholder="Front" name="trmfront">
<span class="add-on">Km</span>
</div><br></br>
<div class="input-append">
<input class="span9" id="appendedInput" type="text" placeholder="Rear" name="trmrear">
<span class="add-on">Km</span>
</div><br></br>
<label>Details</label>
<textarea rows="3" name="trmdetails"></textarea>
</div>
<div class="span4 offset1">
<strong>New Tyre Purchase per Month</strong><br></br>
<label class="radio inline">
<input type="radio" name="trRb2" value="Estimates">Estimates</label>
<label class="radio inline">
<input type="radio" name="trRb2" value="Actual">Actual</label>
<br></br>
</div>
</div><hr>
<div class="row-fluid">
<div class="span4">
<strong>Front Tyre</strong><br></br>
<input class="span9" id="appendedInput" type="text" placeholder="psi" name="trfpsi"><br></br>
<label class="checkbox inline">
<input type="checkbox" name="cb31" value="Estimates">New Tyre</label>&nbsp&nbsp
<label class="checkbox inline">
<input type="checkbox" name="cb3" value="Actual">Retreads</label>
</div>
<div class="span4 offset1">
<strong>Rear Tyre</strong><br></br>
<input class="span9" id="appendedInput" type="text" placeholder="psi" name="trrpsi"><br></br>
<label class="checkbox inline">
<input type="checkbox" name="cb31" value="Estimates">New Tyre</label>&nbsp&nbsp
<label class="checkbox inline">
<input type="checkbox" name="cb3" value="Actual">Retreads</label>
</div>
</div><br></br>
<div class="row-fluid">
<input class="span9" id="appendedInput" type="text" placeholder="OTR" name='trotr'><br></br>
<textarea class="span9" rows="5" placeholder="Problem faced with current type" name="trproblem"></textarea>
</div>
</div>
</section>
<br></br>
<section id="5">
<fieldset>
<legend><strong>Recommendation</strong></legend>
</fieldset>
<div class="container-fluid">
<input type="text" value="" name="id_user">
<input type="text" value="" name="id_customer">
</div>
</section>
<br></br>
<section id="6">
<fieldset>
<legend><strong>Upload Picture</strong></legend>
</fieldset>
<div class="container-fluid">
<label class="filebutton btn btn-success" id="input_field">
<i class="icon-plus icon-white"></i> Add Files
<input type="file" multiple="true" id="files" onkeydown="return false;" onchange="upload_img()" name="uploadFile"/>
</label>
<br></br>
<div id="images" style="background-color:#C0C0C0;border:ridge"></div>
<br></br>
<button class="btn btn-warning" type="button" onclick="clearFileInputField('input_field')" style="display:none" id="clear">
Clear
</button>
</div>
</section>
<div class="pull-right">
<a href="<?php echo base_url(); ?>"><button type="button" class="btn" name="save">Discard</button></a>
<button type="submit" value="Submit" class="btn btn-primary" name="send" >Save</button>
</div>
</form>
</div><!--/span-->
</div><!--/row-->
<hr>
<!--
<footer>
<p>&copy; Company 2013</p>
</footer>
-->
</div><!--/.fluid-container-->
<!--javascript-->
<script src="<?php echo base_url(); ?>asset/bootstrap/js/jquery.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-alert.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-dropdown.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-scrollspy.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-button.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-typeahead.js"></script>
<script>
function isNumberKey(evt){
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57)){
alert('Number Only');
return false;}
return true;
}
</script>
<script type="text/javascript">
/*
function upload_img(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#img_id').attr('src', e.target.result);
$('#img_id').css("display","block");
$('#myfile').css("display","none");
$('.filebutton').css("border","none");
}
reader.readAsDataURL(input.files[0]);
}
}
*/
var reader = new FileReader(),
i=0,
numFiles = 0,
imageFiles;
// use the FileReader to read image i
function readFile() {
reader.readAsDataURL(imageFiles[i])
}
// define function to be run when the File
// reader has finished reading the file
reader.onload = function(e) {
// make an image and append it to the div
var image = $('<img>').attr({'src': e.target.result,'width':'150px'});
var a = "<br>";
var filename = $('input[type=file]').val();
$(image).css({
'margin-right':'20px',
'border' : 'single'
});
$(image).appendTo('#images');
//$(a).appendTo('#images');
$(filename).appendTo('#images');
// if there are more files run the file reader again
if (i < numFiles) {
i++;
readFile();
};
};
function upload_img() {
imageFiles = document.getElementById('files').files
// get the number of files
numFiles = imageFiles.length;
readFile();
$('#clear').show();
$('#input_field').hide();
};
function clearFileInputField(tagId) {
document.getElementById(tagId).innerHTML =
document.getElementById(tagId).innerHTML;
$('#images').html('');
$('#clear').hide();
$('#input_field').show();
}
</script>
</body>
</html>

View File

@ -0,0 +1,336 @@
<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>
<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">
$(document).ready(function() {
$('#formpending').dataTable();
$('#formsaved').dataTable();
$('#stafflist').dataTable();
/*
setTimeout(function(){
$("div.alert").fadeOut("slow", function () {
$("div.alert").remove();
});
}, 1000);
*/
});
function stafffunc(){
$(".formside").hide();
$(".statsside").hide();
$(".staffside").fadeIn(800);
$(".selected", event.delegateTarget).removeClass("selected");
$('#staff').addClass("selected");
$('*').css('text-shadow','none');
$('*').css('box-shadow','none');
}
function formfunc(){
$(".staffside").hide();
$(".statsside").hide();
$(".formside").fadeIn(800);
$(".selected", event.delegateTarget).removeClass("selected");
$('#form').addClass("selected");
$('*').css('text-shadow','none');
$('*').css('box-shadow','none');
}
function statsfunc(){
$('#loading').css("display","block");
$.ajax({
url: '<?php echo base_url(); ?>form/test/7',
success: function(msg)
{
$(".staffside").hide();
$(".formside").hide();
$(".statsside").fadeIn(800);
$(".selected", event.delegateTarget).removeClass("selected");
$('#stats').addClass("selected");
//$("#dashboardTarget").load("user/test");
$("#dashboardTarget").delay(90000).html(msg);
$('#loading').delay(90000).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="span2">
<ul id="sidebar">
<li class="selected" id="form"><a href="#" onclick="formfunc()"><i class="icon-list-alt"></i> Form</a></li>
<li id="staff"><a href="#" onclick="stafffunc()"><i class="icon-user"></i> Sales</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="span10" id="steps">
<div class="container-fluid">
<?php
if ($this->session->userdata('status')=='1' )
{
$tipe = $this->session->userdata('tipe');
echo "
<div class='alert ".$tipe."'>
<button type='button' class='close' data-dismiss='alert'>&times;</button>
".$this->session->userdata('message')."
</div>";
}
?>
<div class="formside">
<div class="well-white">
<div class="navbar">
<div class="navbar-inner">
<a class="brand"><i class="icon-list-alt"></i> List Form</a>
</div>
</div>
</div>
<ul id="myTab" class="nav nav-tabs">
<li class="active"><a href="#pending" data-toggle="tab"><i class="icon-time"></i> Pending</a></li>
<li><a href="#save" data-toggle="tab"><i class="icon-ok"></i> Saved</a></li>
</ul>
<div id="myTabContent" class="tab-content well">
<div class="tab-pane fade in active" id="pending">
<table cellpadding="0" cellspacing="0" border="0" class="table display" id="formpending">
<thead>
<tr>
<th><i class="icon-calendar"></i> Date/Time</th>
<th><i class="icon-envelope"></i> Sender</th>
<th><i class="icon-map-marker"></i> Area</th>
<th><i class="icon-briefcase"></i> Customer/Client</th>
<th><i class="icon-wrench"></i> Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>2013-05-27 16:25:39</td>
<td>Mark</td>
<td>Jawa Tengah</td>
<td>Omdo</td>
<td align="center">
<button class="btn btn-small btn-info disabled">View</button></td>
</tr>
<?php
foreach($form_pending as $pform){
?>
<tr>
<td><?php echo $pform->date; ?></td>
<td><?php echo $pform->sender; ?></td>
<td><?php echo $pform->area; ?></td>
<td><?php echo $pform->customer; ?></td>
<td align="center">
<button class="btn btn-small btn-info" onclick="parent.location='<?php echo base_url(); ?>form/view_form/view/<?php echo $pform->id; ?>'">View</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="save">
<a class="btn pull-right" href="<?php echo base_url(); ?>form"><i class="icon-plus-sign"></i>Tambah</a>
<br /><br />
<table cellpadding="0" cellspacing="0" border="0" class="table display" id="formsaved">
<thead>
<tr>
<th><i class="icon-calendar"></i> Date/Time</th>
<th><i class="icon-envelope"></i> Sender</th>
<th><i class="icon-map-marker"></i> Area</th>
<th><i class="icon-briefcase"></i> Customer/Client</th>
<th><i class="icon-wrench"></i> Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Jawa Tengah</td>
<td>Omdo</td>
<td align="center">
<button class="btn btn-small btn-info disabled">View</button>
</td>
</tr>
<?php
foreach($form_saved as $pform){
?>
<tr>
<td><?php echo $pform->date; ?></td>
<td><?php echo $pform->sender; ?></td>
<td><?php echo $pform->area; ?></td>
<td><?php echo $pform->customer; ?></td>
<td align="center">
<button class="btn btn-small btn-info" onclick="parent.location='<?php echo base_url(); ?>form/view_form/edit/<?php echo $pform->id; ?>'">View</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
<div class="staffside">
<div class="well-white">
<div class="navbar">
<div class="navbar-inner">
<a class="brand"><i class="icon-user"></i> List Sales</a>
</div>
</div>
</div>
<div class="well-white stafflist">
<a data-toggle="modal" href="#myModal" class="btn pull-right" href=""><i class="icon-plus-sign"></i>Tambah</a>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 id="myModalLabel">Add New User</h3>
</div>
<form class="form-horizontal" action="<?php echo base_url(); ?>user/insert_user" method="post">
<div class="modal-body">
<label class="control-label">Nama</label>
<div class="controls">
<input type="text" placeholder="Nama" name="nama">
</div><br />
<label class="control-label">Username</label>
<div class="controls">
<input type="text" placeholder="Username" name="username">
</div><br />
<label class="control-label">Password</label>
<div class="controls">
<input type="password" placeholder="Password" name="password">
</div><br />
<!--
<label class="control-label">Confirm Password</label>
<div class="controls">
<input type="password" placeholder="Re-Type Password">
</div><br>
-->
<label class="control-label">Role</label>
<div class="controls">
<input type="text" placeholder="Role" name="role">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary">Save</button>
</div>
</form>
</div>
<br /><br />
<table cellpadding="0" cellspacing="0" border="0" class="table display" id="stafflist">
<thead>
<tr>
<th><i class="icon-user"></i> Name</th>
<th><i class="icon-info-sign"></i> Username</th>
<th><i class="icon-tags"></i> Role</th>
<th><i class="icon-wrench"></i> Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mark</td>
<td>Mark</td>
<td>Jawa Tengah</td>
<td align="center">
<button class="btn btn-small btn-info disabled">Action</button>
</td>
</tr>
<?php
foreach($user as $puser){
?>
<tr>
<td><?php echo $puser->nama; ?></td>
<td><?php echo $puser->username; ?></td>
<td><?php echo $puser->role; ?></td>
<td align="center">
<button class="btn btn-small btn-info" onclick="parent.location=''">Action</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div><!--/staffside-->
<div class="statsside">
<div id="dashboardTarget"></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>

View File

@ -0,0 +1,828 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Form Customer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="<?php echo base_url(); ?>asset/css/style.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
@media (max-width: 980px) {
/* Enable use of floated navbar text */
.navbar-text.pull-right {
float: none;
padding-left: 5px;
padding-right: 5px;
}
}
</style>
<?php
$nature_bisnis = explode(',',$form->nature_bisnis);
$onature = end($nature_bisnis); // move the internal pointer to the end of the array
//$onature = key($nature_bisnis);
?>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/jquery.js"></script>
<script src="<?php echo base_url(); ?>asset/js/form_view.js"></script>
<script>
$(document).ready(function()
{
$(":input").prop("disabled", true);
$(".btn").prop("disabled", false);
x="<?php echo $action; ?>";
if ( x === 'view'){
$("#pending").show();
$("#fo1").attr("action", "<?php echo base_url(); ?>form/isApprove/<?php echo $form->id; ?>");
}
if ( x === 'edit')$("#saved").show();
//method
$('input:radio[name=rbCd][value="<?php echo $form->method; ?>"]').prop('checked', true);
var id = "<?php echo $form->id; ?>";
var nb = "<?php echo $form->nature_bisnis; ?>";
var ld = "<?php echo $form->loads; ?>";
var pu = "<?php echo $form->tire_purchases; ?>";
var ty = "<?php echo $form->tire_types; ?>";
var br = "<?php echo $form->tire_brands; ?>";
var fm = "<?php echo $form->nature_bisnis; ?>";
var rm = "<?php echo $form->nature_bisnis; ?>";
loadform(nb,ld,br);
load(id);
}
);
</script>
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target=".sidebar">
<!--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="#">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>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!--Container-->
<div class="container-fluid">
<div class="row-fluid">
<!--sidebar-->
<div class="span3 sidebar">
<div class="well affix span3">
<ul class="nav nav-list">
<li class="active"><a href="#1">Contact Details</a></li>
<li class=""><a href="#2">Vehicles Details</a></li>
<li class=""><a href="#3">Types</a></li>
<li class=""><a href="#4">Tyre Usages</a></li>
<li class=""><a href="#5">Recommendation</a></li>
<li class=""><a href="#6">Picture</a></li>
</ul>
</div><!--/.well -->
</div><!--/span3-->
<!--section-->
<div class="span7 offset1 well">
<!--
<div class="hero-unit">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
</div>
-->
<form class="form-horizontal" id="fo1" action="<?php echo base_url(); ?>form/form_submit" method="post" enctype="multipart/form-data">
<section id="1">
<fieldset>
<legend><strong>Contact Details</strong></legend>
</fieldset>
<!--form1-->
<table>
<tr height="50px">
<td colspan="3">
<strong>General Location</strong>
</td>
</tr>
<tr>
<td width="30%">
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Province</h6></label>
<input type="text" name="cdProvince">
</div>
</td>
<td width="30%">
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Kota</h6></label>
<input type="text" name="cdKota">
</div>
</td>
<td width="30%"></td>
</tr>
<tr height="50px">
<td colspan="3">
<strong>Company Details</strong>
</td>
</tr>
<tr>
<td>
<label class="radio inline">
<input type="radio" name="rbCd" value="By Appoinment">By Appoinment
</label>
</td>
<td>
<label class="radio inline">
<input type="radio" name="rbCd" value="Cold Call/go show">Cold Call/go show
</label>
</td>
<td>
<label class="radio inline">
<input type="radio" name="rbCd" value=""><input type="text" placeholder="Other" name="rbCd">
</label>
</td>
</tr>
<tr height="70px">
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Staff of Scene</h6></label>
<input type="text" name="cdSos" value="<?php echo $form->sender; ?>">
</div>
</td>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Customer Name</h6></label>
<input type="text" name="cdCusName" value="<?php echo $form->customer; ?>">
</div>
</td>
</tr>
<tr>
<td>
<label class="radio inline">
<input type="radio" name="rbCd2" value="Company">Company
</label>
</td>
<td>
<label class="radio inline">
<input type="radio" name="rbCd2" value="Individual">Individual
</label>
</td>
</tr>
<tr height="50px">
<td colspan="3">
<button type="button" class="btn">Search</button>
</td>
</tr>
<tr>
<td colspan="3">
<hr>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Address / Phone no</strong>
</td>
</tr>
<tr height="50px">
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Head Office</h6></label>
<input type="text" name="cdOffice" value="<?php echo $form->head_address; ?>">
</div>
</td>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Phone</h6></label>
<input type="text" id="" name="cdTelp" onkeypress="return isNumberKey(event)" value="<?php echo $form->head_phone; ?>">
</div>
</td>
</tr>
<tr height="50px">
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Branch/Garage</h6></label>
<input type="text" name="cdBranch" value="<?php echo $form->branch_address; ?>">
</div>
</td>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Phone</h6></label>
<input type="text" name="cdTelp2" onkeypress="return isNumberKey(event)" value="<?php echo $form->branch_phone; ?>">
</div>
</td>
</tr>
<tr height="50px">
<td colspan="3">
<strong>Contact Person</strong>
</td>
</tr>
<tr>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Name</h6></label>
<input type="text" name="cdcpname" value="<?php echo $form->cp_name; ?>">
</div>
</td>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Phone</h6></label>
<input type="text" id="" name="cdcpphone" onkeypress="return isNumberKey(event)" value="<?php echo $form->cp_phone; ?>">
</div>
</td>
</tr>
<tr height="50px">
<td colspan="3">
<strong>Nature Business</strong>
</td>
</tr>
<tr height="20px">
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_1" value="Transportation">Transportation
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_2" value="Bus">Bus
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_3" value="Minning">Minning
</label>
</td>
</tr>
<tr height="20px">
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_4" value="Expedition/Courier">Expedition/Courier
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_5" value="">
<input type="text" placeholder="Other"name="cdCb_5" value="<?php echo $onature; ?>">
</label>
</td>
</tr>
</table>
</section>
<br></br>
<section id="2">
<fieldset>
<legend><strong>Vehicles Details</strong></legend>
</fieldset>
<table>
<tr>
<td colspan="2"><strong>Number of vehicles owned</strong></td>
</tr>
<tr>
<td valign="top" width="50%">
<table>
<tr height="50px">
<td width="100px">Light Truck</td>
<td width="100px">QTY</td>
</tr>
<tr height="50px">
<td>4 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr4" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr6" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr10" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
<td width="50%">
<table>
<tr height="50px">
<td width="70x">Truck</td>
<td>QTY</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt6" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>8 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt8" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt10" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>12 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt12" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>14 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt14" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>18 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt18" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>Other</td>
<td>
<input type="text" style="width:30px" name="vdLtot" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">QTR</td>
</tr>
<tr>
<td><input class="span10" id="appendedInput" type="text" placeholder="type" name="vdQtrType"></td>
<td>
<input class="span5" id="appendedInput" type="text" placeholder="Qty" name="vdQtrQty" maxlength="3" onkeypress="return isNumberKey(event)">
<input class="span5" id="appendedInput" type="text" placeholder="Total tyre" name="vdQtrTyre" maxlength="3" onkeypress="return isNumberKey(event)"></td>
</tr>
<tr>
<td><input class="span10" id="appendedInput" type="text" placeholder="type" name="vdQtrType2"></td>
<td>
<input class="span5" id="appendedInput" type="text" placeholder="Qty" name="vdQtrQty2" maxlength="3" onkeypress="return isNumberKey(event)">
<input class="span5" id="appendedInput" type="text" placeholder="Total tyre" name="vdQtrTyre2" maxlength="3" onkeypress="return isNumberKey(event)"></td>
</tr>
</table>
<hr>
<table>
<tr height="30px">
<td colspan="3"><strong>Load and Speed Details</strong></td>
</tr>
<tr height="30px">
<td colspan="3">Type of Load</td>
</tr>
<tr height="30px">
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="vdCb_1" value="Materials">Materials</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="vdCb_2" value="Passenger">Passenger</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="vdCb_3" value="Goods">Goods</label>
</td>
</tr>
<tr height="30px">
<td>
<label class="checkbox">
<input type="checkbox" name="vdCb_4" value="Soil">Soil</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="vdCb_5" value="General Cargo">General Cargo</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="vdCb_6" value="">
<input type="text" style="width:100px" placeholder="Other" name="vdCb_6"></label>
</td>
</tr>
<tr height="30px">
<td colspan="3">Average Weight of Loads</td>
</tr>
<tr>
<td valign="top" width="50%">
<table>
<tr height="50px">
<td width="100px">Truck</td>
<td width="100px">Wt</td>
</tr>
<tr height="50px">
<td>4 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr4wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr6wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr10wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
<td width="50%">
<table>
<tr height="50px">
<td width="70x">Light Tr</td><td>Wt</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt6wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>8 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt8wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt10wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>12 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt12wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>14 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt14wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>18 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt18wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>Other</td>
<td>
<input type="text" style="width:30px" name="vdLtotwt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
</tr>
<tr height="50px">
<td colspan="2">Points of Origin Destination <input type="text" name="vdDest" value="<?php echo $form->destination; ?>"></td>
</tr>
<tr height="30px">
<td colspan="2">Driving Condition</td>
</tr>
<tr>
<td colspan="2">
<div class="input-append">
<label><h6>Good Roads</h6></label>
<input id="appendedInput" type="text" placeholder="Good Roads" name="vdgoro" value="<?php echo $form->road_condition_good; ?>">
<span class="add-on">%</span>
</div>
<div class="input-append">
<label><h6>Tool Roads</h6></label>
<input id="appendedInput" type="text" placeholder="Toll Roads" name="vdtoro" value="<?php echo $form->road_condition_toll; ?>">
<span class="add-on">%</span>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="input-append">
<label><h6>Bad Roads</h6></label>
<input id="appendedInput" type="text" placeholder="Bad Roads" name="vdbaro" value="<?php echo $form->road_condition_bad; ?>">
<span class="add-on">%</span>
</div>
<div class="input-append">
<label><h6>Others</h6></label>
<input id="appendedInput" type="text" placeholder="Others" name="vdothers" value="<?php echo $form->road_condition_other; ?>">
<span class="add-on">%</span>
</div>
</td>
</tr>
</table>
</section>
<br></br>
<section id="3">
<fieldset>
<legend><strong>Types</strong></legend>
</fieldset>
<table>
<tr height="50px">
<td colspan="3">
<strong>Tyre Brands and Type</strong>
</td>
</tr>
<tr>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_1" value="MRF">MRF</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_2" value="Goodyear">Goodyear</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_3" value="Bridgestone">Bridgestone</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_4" value="GT">GT</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_5" value="Dunlop">Dunlop</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_6" value="Chinese">Chinese</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_7" value="Kumho">Kumho</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_8" value="Hankook">Hankook</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_9" value="Coat">Coat</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_10" value="Thai">Thai</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_11" value="Maxxis">Maxxis</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_12" value="Chengsin">Chengsin</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_13" value="Epco">Epco</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_14" value="Swallow">Swallow</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_15" value="Chao Yang">Chao Yang</label>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Type of Purchase</strong></td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb2_1" value="New Tyres">New Tyres</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb2_2" value="Retreads">Retreads</label>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Type</strong></td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_1" value="Rib">Rib</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_2" value="Lug">Lug</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_3" value="Bias">Bias</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_4" value="Radial">Radial</label>
</td>
</tr>
</table>
</section>
<br></br>
<section id="4">
<fieldset>
<legend><strong>Tyre Usages</strong></legend>
</fieldset>
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
<strong>Milleage</strong><br></br>
<label class="radio inline">
<input type="radio" name="trRb" value="Estimates">Estimates</label>
<label class="radio inline">
<input type="radio" name="trRb" value="Actual">Actual</label>
<br></br>
<div class="input-append">
<input class="span9" id="appendedInput" type="text" placeholder="Front" name="trmfront" value="<?php echo $form->mileage_front; ?>">
<span class="add-on">Km</span>
</div><br></br>
<div class="input-append">
<input class="span9" id="appendedInput" type="text" placeholder="Rear" name="trmrear" value="<?php echo $form->mileage_rear; ?>">
<span class="add-on">Km</span>
</div><br></br>
<label>Details</label>
<textarea rows="3" name="trmdetails"><?php echo $form->mileage_detail; ?></textarea>
</div>
<div class="span4 offset1">
<strong>New Tyre Purchase per Month</strong><br></br>
<label class="radio inline">
<input type="radio" name="trRb2" value="Estimates">Estimates</label>
<label class="radio inline">
<input type="radio" name="trRb2" value="Actual">Actual</label>
<br></br>
</div>
</div><hr>
<div class="row-fluid">
<div class="span4">
<strong>Front Tyre</strong><br></br>
<input class="span9" id="appendedInput" type="text" placeholder="psi" name="trfpsi" value="<?php echo $form->psi_front; ?>">
<br></br>
<label class="checkbox inline">
<input type="checkbox" name="cb31" value="Estimates">New Tyre</label>&nbsp&nbsp
<label class="checkbox inline">
<input type="checkbox" name="cb3" value="Actual">Retreads</label>
</div>
<div class="span4 offset1">
<strong>Rear Tyre</strong><br></br>
<input class="span9" id="appendedInput" type="text" placeholder="psi" name="trrpsi" value="<?php echo $form->psi_rear; ?>">
<br></br>
<label class="checkbox inline">
<input type="checkbox" name="cb31" value="Estimates">New Tyre</label>&nbsp&nbsp
<label class="checkbox inline">
<input type="checkbox" name="cb3" value="Actual">Retreads</label>
</div>
</div><br></br>
<div class="row-fluid">
<input class="span9" id="appendedInput" type="text" placeholder="OTR" name='trotr' value="<?php echo $form->otr; ?>">
<br></br>
<textarea class="span9" rows="5" placeholder="Problem faced with current type" name="trproblem">
<?php echo $form->problem; ?>
</textarea>
</div>
</div>
</section>
<br></br>
<section id="5">
<fieldset>
<legend><strong>Recommendation</strong></legend>
</fieldset>
</section>
<br></br>
<section id="6">
<fieldset>
<legend><strong>Picture</strong></legend>
</fieldset>
<input type="file" name="upload">
</section>
<div class="row-fluid" id="edit" style="display:none;">
<div class="span7 offset4 navbar navbar-fixed-bottom">
<div class="navbar-inner">
<div class="container-fluid">
<ul class="nav pull-right">
<li>
<button type="button" class="btn"><a href="<?php echo base_url(); ?>">Discard</a></button>
<button type="submit" value="Submit" class="btn btn-primary">Save</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row-fluid" id="pending" style="display:none;">
<div class="span7 offset4 navbar navbar-fixed-bottom">
<div class="navbar-inner">
<div class="container-fluid">
<ul class="nav pull-right">
<li>
<button type="button" class="btn" onclick="parent.location='<?php echo base_url(); ?>'">Reject</button>
<button type="submit" value="Submit" class="btn btn-primary">Approve</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</form>
<div class="row-fluid" id="saved" style="display:none;">
<div class="span7 offset4 navbar navbar-fixed-bottom">
<div class="navbar-inner">
<div class="container-fluid">
<ul class="nav pull-right">
<li>
<button type="button" class="btn btn-warning" name="edit" onclick="edited()">
<i class="icon-edit icon-white"></i> Edit</button>
</li>
</ul>
<!--<a style="margin-top:300px;"><i class="icon-chevron-left"></i> Back</a>-->
</div>
</div>
</div>
</div>
</div><!--/span-->
</div><!--/row-->
<hr>
<!--
<footer>
<p>&copy; Company 2013</p>
</footer>
-->
</div><!--/.fluid-container-->
<!--javascript-->
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-alert.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-dropdown.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-scrollspy.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-button.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-typeahead.js"></script>
<script>
</script>
</body>
</html>

View File

@ -0,0 +1,10 @@
<html>
<head>
<title>403 Forbidden</title>
</head>
<body>
<p>Directory access is forbidden.</p>
</body>
</html>

View File

@ -0,0 +1,163 @@
<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;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
</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 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>";
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");
});
$("#sidebar li a").live('click', function(event) {
$('#imgloading').remove();
$(imgloading).appendTo($(this));
$('#content').html(loading);
$(".selected", event.delegateTarget).removeClass("selected");
$(this).parent().addClass("selected");
event.preventDefault();
var href = $(this).attr('href');
var base_url = 'http://localhost/everseiko/'
$.ajax({
url: base_url+href,
success: function()
{
$("#content").load(href);
$('#content').fadeIn(3000);
$('#imgloading').remove();
},
error: function(XMLHttpRequest, textStatus, errorThrown)
{
//alert("Status: " + textStatus);
alert("Error: " + errorThrown);
}
});
});
</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" class="selected" ><a href="user/loadform" ><i class="icon-list-alt"></i> Form </a></li>
<li id="staff"><a href="user/loadstaff" ><i class="icon-user"></i> Sales </a></li>
<li id="sellingout"><a href="user/loadsellingout" ><i class="icon-share-alt"></i> Selling Out </a></li>
<li id="volume"><a href="user/loadvolume"><i class=""></i> Volume </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'>&times;</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>

View File

@ -0,0 +1,94 @@
<script>
$(document).ready(function() {
$('#testing').dataTable();
$('#testing2').dataTable();
});
</script>
<div class="well-white">
<div class="navbar">
<div class="navbar-inner">
<a class="brand"><i class="icon-list-alt"></i> List Form</a>
</div>
</div>
</div>
<ul id="tt" class="nav nav-tabs">
<li class="active"><a href="#a" data-toggle="tab"><i class="icon-time"></i> Pending</a></li>
<li><a href="#b" data-toggle="tab"><i class="icon-ok"></i> Saved</a></li>
</ul>
<div id="ttContent" class="tab-content well">
<div class="tab-pane fade in active" id="a">
<table cellpadding="0" cellspacing="0" border="0" class="table display" id="testing">
<thead>
<tr>
<th><i class="icon-calendar"></i> Date/Time</th>
<th><i class="icon-envelope"></i> Sender</th>
<th><i class="icon-map-marker"></i> Area</th>
<th><i class="icon-briefcase"></i> Customer/Client</th>
<th><i class="icon-wrench"></i> Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>2013-05-27 16:25:39</td>
<td>Mark</td>
<td>Jawa Tengah</td>
<td>Suprapto</td>
<td align="center">
<button class="btn btn-small btn-info disabled">View</button></td>
</tr>
<?php
foreach($form_pending as $pform){
?>
<tr>
<td><?php echo $pform->date_visit; ?></td>
<td><?php echo $pform->sender; ?></td>
<td><?php echo $pform->province; ?></td>
<td><?php echo $pform->customer; ?></td>
<td align="center">
<button class="btn btn-small btn-info" onclick="parent.location='<?php echo base_url(); ?>form/view_form/view/<?php echo $pform->id; ?>'">View</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="b">
<a class="btn pull-right" href="<?php echo base_url(); ?>form"><i class="icon-plus-sign"></i>Tambah</a>
<br /><br />
<table cellpadding="0" cellspacing="0" border="0" class="table display" id="testing2">
<thead>
<tr>
<th><i class="icon-calendar"></i> Date/Time</th>
<th><i class="icon-envelope"></i> Sender</th>
<th><i class="icon-map-marker"></i> Area</th>
<th><i class="icon-briefcase"></i> Customer/Client</th>
<th><i class="icon-wrench"></i> Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>2013-07-25 15:28:56</td>
<td>Mark</td>
<td>Jawa Tengah</td>
<td>Sumartoyo</td>
<td align="center">
<button class="btn btn-small btn-info disabled">View</button>
</td>
</tr>
<?php
foreach($form_saved as $pform){
?>
<tr>
<td><?php echo $pform->date_visit; ?></td>
<td><?php echo $pform->sender; ?></td>
<td><?php echo $pform->province; ?></td>
<td><?php echo $pform->customer; ?></td>
<td align="center">
<button class="btn btn-small btn-info" onclick="parent.location='<?php echo base_url(); ?>form/view_form/edit/<?php echo $pform->id; ?>'">View</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>

View File

@ -0,0 +1,178 @@
<script>
$(document).ready(function() {
$('#sellingouttab').dataTable();
/*
$('#cust').keyup(function(){
if ($(this).val() != '')
{
$.ajax({
url: 'form/searchcustomer/'+$(this).val(),
success: function(msg)
{
var data;
var sg = '[';
data = jQuery.parseJSON(msg);
for (var i = 0; i < data.length; i++)
{
sg = sg+'"'+data[i]['nama']+'", ';
};
sg=sg+']';
$('#suggestion').css('display','block');
if (msg != '""')
{
var data;
var sg = '';
data = jQuery.parseJSON(msg);
for (var i = 0; i < data.length; i++)
{
sg = sg+data[i]['nama']+", ";
};
$('#suggestion').html('Suggestion : '+ sg);
if (data.length==1)
{
//$('#cust').val(data[0]['nama'])
//alert('found');
}
}
else
{
$('#suggestion').html("Nothing Found");
}
}
});
}
else{$('#suggestion').css('display','none');}
});
*/
$('#cust').keyup(function(){
$('#customer option').remove();
if ($(this).val() != '')
{
$.ajax({
url: 'form/searchcustomer/'+$(this).val(),
success: function(msg)
{
if (msg != '""')
{
var data;
data = jQuery.parseJSON(msg);
for (var i = 0; i < data.length; i++)
{
var op = "<option>"+data[i]['nama']+"</option>"
$(op).appendTo('#customer');
};
}
else
{
var op = "<option>Nothing Found</option>"
$(op).appendTo('#customer');
}
}
});
}
});
});
</script>
<div class="well-white">
<div class="navbar">
<div class="navbar-inner">
<a class="brand"><i class="icon-share-alt"></i> Selling Out</a>
</div>
</div>
</div>
<div class="well-white stafflist">
<a data-toggle="modal" href="#myModal" class="btn pull-right" href=""><i class="icon-plus-sign"></i>Tambah</a>
<br /><br />
<table cellpadding="0" cellspacing="0" border="0" class="table display" id="sellingouttab">
<thead>
<tr>
<th><i class="icon-user"></i> Customer</th>
<th><i class="icon-calendar"></i> Date</th>
<th><i class=""></i> Quantity</th>
<th><i class="icon-wrench"></i> Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>everseiko</td>
<td>January 2013</td>
<td>5</td>
<td align="center">
<!--<button class="btn btn-small btn-primary disabled">Edit</button>-->
<button class="btn btn-small btn-danger disabled">Delete</button>
</td>
</tr>
<?php
foreach($sellout as $so){
?>
<tr>
<td><?php echo $so->customer; ?></td>
<td><?php echo $so->bulan." ".$so->tahun; ?></td>
<td><?php echo $so->qty; ?></td>
<td align="center">
<!--<button class="btn btn-small btn-primary">Edit</button>-->
<button class="btn btn-small btn-danger" onclick="deleteUser('<?php //echo $puser->username; ?>')">Delete</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<!--modal-->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 id="myModalLabel">Add Selling Out</h3>
</div>
<form class="form-horizontal" action="<?php echo base_url(); ?>form/addSellout" method="post">
<div class="modal-body">
<label class="control-label">ID Customer</label>
<div class="controls">
<input type="text" placeholder="ID Customer" name="ID" id="idc">
</div><br />
<label class="control-label">Customer</label>
<div class="controls">
<!--
<input type="text" placeholder="Customer Name" id="cust" name="customer">
<div id="suggestion" style="display:none;margin-top:5px;"></div>
-->
<input list="customer" name="customer" id="cust" style="border-radius:4px;border: 1px solid #cccccc;">
<datalist id="customer"></datalist>
</div><br />
<label class="control-label">Period</label>
<div class="controls">
<select name="bulan" style="width:120px;overflow:scroll">
<option>---Month---</option>
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>Mei</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>
<input type="number" name="tahun" style="width:80px;font-size:15px;padding:5px;" value="2012">
</div><br />
<label class="control-label">Quantity</label>
<div class="controls">
<input type="number" placeholder="Quantity" name="qty" style="font-size:15px;padding:5px;">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary">Save</button>
</div>
</form>
</div>

View File

@ -0,0 +1,94 @@
<script>
$(document).ready(function() {
$('#stafflist').dataTable();
});
function deleteUser(id)
{
var url="<?php echo base_url();?>";
var r=confirm("Do you want to delete this?");
if (r==true)
{
window.location = url+"user/delete_user/"+id;
}
else
{
return false;
}
}
</script>
<div class="well-white">
<div class="navbar">
<div class="navbar-inner">
<a class="brand"><i class="icon-user"></i> List Sales</a>
</div>
</div>
</div>
<div class="well-white stafflist">
<a data-toggle="modal" href="#myModal" class="btn pull-right" href=""><i class="icon-plus-sign"></i>Tambah</a>
<br /><br />
<table cellpadding="0" cellspacing="0" border="0" class="table display" id="stafflist">
<thead>
<tr>
<th><i class="icon-user"></i> Name</th>
<th><i class="icon-info-sign"></i> Username</th>
<th><i class="icon-tags"></i> Role</th>
<th><i class="icon-wrench"></i> Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mark</td>
<td>Mark</td>
<td>Jawa Tengah</td>
<td align="center">
<button class="btn btn-small btn-danger disabled">Delete</button>
</td>
</tr>
<?php
foreach($user as $puser){
?>
<tr>
<td><?php echo $puser->nama; ?></td>
<td><?php echo $puser->username; ?></td>
<td><?php echo $puser->role; ?></td>
<td align="center">
<button class="btn btn-small btn-danger" onclick="deleteUser('<?php echo $puser->username; ?>')">Delete</button>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<!--modal-->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 id="myModalLabel">Add New User</h3>
</div>
<form class="form-horizontal" action="<?php echo base_url(); ?>user/insert_user" method="post">
<div class="modal-body">
<label class="control-label">Nama :</label>
<div class="controls">
<input type="text" placeholder="Nama" name="nama">
</div><br />
<label class="control-label">Username :</label>
<div class="controls">
<input type="text" placeholder="Username" name="username">
</div><br />
<label class="control-label">Password :</label>
<div class="controls">
<input type="password" placeholder="Password" name="password">
</div><br />
<label class="control-label">Role :</label>
<div class="controls">
<input type="text" placeholder="Role" name="role">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary">Save</button>
</div>
</form>
</div>

View File

@ -0,0 +1,226 @@
<script>
var data;
$(document).ready(function() {
$('#volumelist').dataTable( {
"sScrollX": "1000px",
"sScrollXInner": "1800px",
"bScrollCollapse": true
} );
$('#modal').click(function()
{
$.ajax({
url: 'form/loadwilayah/',
success: function(msg)
{
data = jQuery.parseJSON(msg);
var region;
for (var i=0;i<data.length;i++)
{
if (i==0)
{
region=data[i]['region'];
var op = "<option>"+data[i]['region']+"</option>"
$(op).appendTo('#region');
}
else
{
if(data[i]['region']!=region)
{
var op = "<option>"+data[i]['region']+"</option>"
$(op).appendTo('#region');
region=data[i]['region'];
}
}
}
}
});
});
}
);
function showprovince(val)
{
$('#prov option:not(:first-child)').remove();
for (var i=0;i<data.length;i++)
{
if (data[i]['region']==val)
{
var op = "<option>"+data[i]['province']+"</option>"
$(op).appendTo('#prov');
}
}
}
function showarea(val)
{
$('#area option:not(:first-child)').remove();
for (var i=0;i<data.length;i++)
{
if (data[i]['province']==val)
{
var op = "<option>"+data[i]['kota']+"</option>"
$(op).appendTo('#area');
}
}
}
</script>
<div class="well-white">
<div class="navbar">
<div class="navbar-inner">
<a class="brand"><i class="icon-user"></i> List Volume</a>
</div>
</div>
</div>
<div class="well-white stafflist">
<a data-toggle="modal" href="#myModal" id="modal" class="btn pull-right" href=""><i class="icon-plus-sign"></i>Tambah</a>
<br /><br />
<table cellpadding="0" cellspacing="0" border="0" class="display" id="volumelist">
<thead>
<tr>
<th><i class="icon-user"></i> Dealaer</th>
<th><i class="icon-map-marker"></i> Region</th>
<th><i class="icon-map-marker"></i> Province</th>
<th><i class="icon-map-marker"></i> Area</th>
<th><i class="icon-calendar"></i> Month</th>
<th><i class="icon-tasks"></i> Target</th>
<th><i class="icon-share-alt"></i> Sellout</th>
<th><i class="icon-shopping-cart"></i> Order</th>
<th><i class=""></i> Previous Stock</th>
<th><i class=""></i> Actual</th>
<th><i class=""></i> Current Stock</th>
<th><i class=""></i> Category</th>
<th><i class=""></i> Pattern</th>
<th><i class=""></i> Service Level</th>
<!--<th><i class="icon-wrench"></i> Action</th>-->
</tr>
</thead>
<tbody>
<tr>
<td>everseiko</td>
<td>Jawa</td>
<td>Jawa Barat</td>
<td>Bandung</td>
<td>April</td>
<td>4</td>
<td>6</td>
<td>2</td>
<td>7</td>
<td>7</td>
<td>5</td>
<td></td>
<td></td>
<td></td>
<!--<td align="center">
<button class="btn btn-small btn-danger disabled">Delete</button>
</td>-->
</tr>
<?php
foreach($volume as $vlm){
?>
<tr>
<td><?php echo $vlm->dealer; ?></td>
<td><?php echo $vlm->region; ?></td>
<td><?php echo $vlm->province; ?></td>
<td><?php echo $vlm->area; ?></td>
<td><?php echo $vlm->date; ?></td>
<td><?php echo $vlm->target; ?></td>
<td><?php echo $vlm->sellout; ?></td>
<td><?php echo $vlm->order; ?></td>
<td><?php echo $vlm->previous_stock; ?></td>
<td><?php echo $vlm->actual; ?></td>
<td><?php echo $vlm->current_stock; ?></td>
<td><?php echo $vlm->category; ?></td>
<td><?php echo $vlm->pattern; ?></td>
<td><?php echo $vlm->service_level; ?></td>
<!--<td align="center">
<button class="btn btn-small btn-danger" onclick="">Delete</button>
</td>-->
</tr>
<?php } ?>
</tbody>
</table>
</div>
<!--modal-->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 id="myModalLabel">Add New Volume</h3>
</div>
<form class="form-horizontal" action="<?php echo base_url(); ?>form/addVolume" method="post">
<div class="modal-body">
<label class="control-label">Dealer :</label>
<div class="controls">
<input type="text" name="dealer">
</div><br />
<label class="control-label">Region :</label>
<div class="controls">
<select name="region" id="region" onchange="showprovince(this.value)">
<option>--select region</option>
</select>
</div><br />
<label class="control-label">Province :</label>
<div class="controls">
<select name="province" id="prov" onchange="showarea(this.value)">
<option>--select province</option>
</select>
</div><br />
<label class="control-label">Area :</label>
<div class="controls">
<select name="area" id="area">
<option>--select area</option>
</select>
</div><br />
<label class="control-label">Date :</label>
<div class="controls">
<input type="date" name="date">
</div><br />
<label class="control-label">Target :</label>
<div class="controls">
<input type="number" name="target" style="font-size:15px;padding:5px;" value="0">
</div><br />
<label class="control-label">Previous Stock :</label>
<div class="controls">
<input type="number" name="prevstock" style="font-size:15px;padding:5px;" value="0">
</div><br />
<label class="control-label">Actual :</label>
<div class="controls">
<input type="number" name="actual" style="font-size:15px;padding:5px;" value="0">
</div><br />
<label class="control-label">Sellout :</label>
<div class="controls">
<input type="number" name="sellout" style="font-size:15px;padding:5px;" value="0">
</div><br />
<label class="control-label">Order :</label>
<div class="controls">
<input type="number" name="order" style="font-size:15px;padding:5px;" value="0">
</div><br />
<label class="control-label">Pattern :</label>
<div class="controls">
<select name="pattern" id="pattern" style="overflow:auto">
<option>7.50-16 M77</option>
<option>7.50-16 SLUG</option>
<option>7.50-16 SM95</option>
<option>7.50-16 SML</option>
<option>9.00-20 M77</option>
<option>9.00-20 SML</option>
<option>10.00-20 M77</option>
<option>10.00-20 SLUG</option>
<option>10.00-20 SLUG 50+</option>
<option>10.00-20 SLUG 50+R</option>
<option>11.00-20 M77</option>
<option>11.00-20 MMR</option>
<option>11.00-20 SLUG</option>
<option>11.00-20 SLUG 50+</option>
<option>11.00-20 SLUG 50+R</option>
<option>11.00-20 SM95</option>
</select>
</div><br />
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary">Save</button>
</div>
</form>
</div>

View File

@ -0,0 +1,924 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Form Customer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="<?php echo base_url(); ?>asset/sliderform/style.css" rel="stylesheet">
<link href="<?php echo base_url(); ?>asset/css/style.css" rel="stylesheet">
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
h1{
color:#ccc;
font-size:36px;
text-shadow:1px 1px 1px #fff;
padding:20px;
}
label.filebutton {
width:80px;
height:20px;
overflow:hidden;
position:relative;
}
.btn input {
opacity: 0;
filter: alpha(opacity = 0);
-ms-filter: "alpha(opacity=0)";
cursor: pointer;
_cursor: hand;
}
@media (max-width: 980px) {
/* Enable use of floated navbar text */
.navbar-text.pull-right {
float: none;
padding-left: 5px;
padding-right: 5px;
}
}
</style>
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
</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="#">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>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!--Container-->
<div class="container-fluid">
<div class="row-fluid">
<!--sidebar-->
<div class="span3 test">
<div id="navigation" style="display:none;">
<ul>
<li class="selected">
<a href="#"><i class="icon-chevron-right"></i> Contact Details</a>
</li>
<li>
<a href="#"><i class="icon-chevron-right"></i> Vehicles Details</a>
</li>
<li>
<a href="#"><i class="icon-chevron-right"></i> Types</a>
</li>
<li>
<a href="#"><i class="icon-chevron-right"></i> Tyre Usages</a>
</li>
<li>
<a href="#"><i class="icon-chevron-right"></i> Recommendation</a>
</li>
<li>
<a href="#"><i class="icon-chevron-right"></i> Upload Picture</a>
</li>
<li>
<a href="#"><i class="icon-chevron-right"></i> Confirm</a>
</li>
</ul>
</div>
</div>
<!--form content-->
<div class="span7">
<?php //notiffication
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'>&times;</button>
".$this->session->userdata('message')."
</div>";
}
?>
<div class="row-fluid">
<div id="content">
<div id= "wrapper">
<div id="steps">
<form id="formElem" class="form-horizontal" action="<?php echo base_url(); ?>form/form_submit" method="post" name="fo1">
<!--Contact details-->
<fieldset class="step">
<legend><strong>Contact Details</strong></legend>
<h5>General Location</h5>
<input type="text" placeholder="Province" name="cdProvince">
<input type="text" placeholder="Kota" name="cdKota">
<h5>Company Details</h5>
<label class="radio inline">
<input type="radio" name="rbCd" value="appoinment">By Appoinment
</label>
<label class="radio inline">
<input type="radio" name="rbCd" value="show">Cold Call/go show
</label>
<label class="radio inline">
<input type="radio" name="rbCd" value="Other"><input type="text" placeholder="Other" name="rbCdO">
</label>
<br></br>
<input type="text" placeholder="Staff of Scene" name="cdSos" value="<?php echo $this->auth->CI->session->userdata('nama'); ?>">
<input type="text" id="search" placeholder="Customer Name" style="width:300px" name="cdCusName">
<div id="quick-search" style="width:300px; display:none; border:1px solid #efefef;"></div>
<br></br>
<label class="radio inline">
<input type="radio" name="rbCd2" value="Company">Company
</label>
<label class="radio inline">
<input type="radio" name="rbCd2" value="Individual">Individual
</label>
<br></br>
<button type="button" class="btn btn-small">Search</button>
<h5>Address / Phone no</h5>
<input type="text" placeholder="Head Office" name="cdOffice">
<input type="text" id="" placeholder="Phone" name="cdTelp" onkeypress="return isNumberKey(event)">
<br></br>
<input type="text" id="" placeholder="Branch/Garrage" name="cdBranch">
<input type="text" id="" placeholder="Phone" name="cdTelp2" onkeypress="return isNumberKey(event)">
<br></br>
<h5>Contact Person</h5>
<input type="text" placeholder="Name" name="cdcpname">
<input type="text" id="" placeholder="Phone" name="cdcpphone" onkeypress="return isNumberKey(event)">
<br></br>
<h5>Nature Business</h5>
<label class="checkbox">
<input type="checkbox" name="cdCb_1" value="Bus">Bus
</label>
<label class="checkbox">
<input type="checkbox" name="cdCb_2" value="Minning">Minning
</label>
<label class="checkbox">
<input type="checkbox" name="cdCb_3" value="Expedition">Expedition
</label>
<label class="checkbox">
<input type="checkbox" name="cdCb_4" value="Loging">Loging
</label>
<label class="checkbox">
<input type="checkbox" name="cdCb_5" value="Cement">Cement
</label>
<label class="checkbox">
<input type="checkbox" name="cdCb_6" value="Bulk">Bulk
</label>
<label class="checkbox">
<input type="checkbox" name="cdCb_7" value="Container">Container
</label>
</fieldset>
<!--vehicles details-->
<fieldset class="step">
<div id="slider1">
<legend><strong>Vehicles Details</strong></legend>
<table>
<tr>
<td colspan="2"><strong>Number of vehicles owned</strong></td>
</tr>
<tr>
<td valign="top" width="50%">
<table>
<tr height="50px">
<td width="100px">Light Truck</td>
<td width="100px">QTY</td>
</tr>
<tr height="50px">
<td>4 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr4" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr6" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr10" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
<td width="50%">
<table>
<tr height="50px">
<td width="70x">Truck</td>
<td>QTY</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt6" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>8 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt8" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt10" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>12 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt12" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>14 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt14" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>18 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt18" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>Other</td>
<td>
<input type="text" style="width:30px" name="vdLtot" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">QTR</td>
</tr>
<tr>
<td><input class="span10" id="appendedInput" type="text" placeholder="type" name="vdQtrType"></td>
<td>
<input class="span5" id="appendedInput" type="text" placeholder="Qty" name="vdQtrQty" maxlength="3" onkeypress="return isNumberKey(event)">
<input class="span5" id="appendedInput" type="text" placeholder="Total tyre" name="vdQtrTyre" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
<hr>
<table>
<tr height="30px">
<td colspan="3"><strong>Load and Speed Details</strong></td>
</tr>
<tr height="30px">
<td colspan="3">Type of Load</td>
</tr>
<tr height="30px">
<td width="150px">
<label class="checkbox"><input type="checkbox" name="vdCb_1" value="Materials">Materials</label>
</td>
<td width="150px">
<label class="checkbox"><input type="checkbox" name="vdCb_2" value="Passenger">Passenger</label>
</td>
<td width="150px">
<label class="checkbox"><input type="checkbox" name="vdCb_3" value="Goods">Goods</label>
</td>
</tr>
<tr height="30px">
<td>
<label class="checkbox"><input type="checkbox" name="vdCb_4" value="Soil">Soil</label>
</td>
<td>
<label class="checkbox"><input type="checkbox" name="vdCb_5" value="General Cargo">General Cargo</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="vdCb_6" value="">
<input type="text" style="width:100px" placeholder="Other" name="vdCb_6">
</label>
</td>
</tr>
<tr height="30px">
<td colspan="3">Average Weight of Loads</td>
</tr>
<tr>
<td valign="top" width="50%">
<table>
<tr height="50px">
<td width="100px">Light Truck</td>
<td width="100px">Wt</td>
</tr>
<tr height="50px">
<td>4 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr4wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr6wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr10wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
<td width="50%">
<table>
<tr height="50px">
<td width="70x">Truck</td><td>Wt</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt6wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>8 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt8wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt10wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>12 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt12wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>14 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt14wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>18 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt18wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>Other</td>
<td>
<input type="text" style="width:30px" name="vdLtotwt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
</tr>
<tr height="50px">
<td colspan="2">Points of Origin Destination <input type="text" name="vdDest"></td>
</tr>
<tr height="30px">
<td colspan="2">Driving Condition</td>
</tr>
<tr>
<td colspan="2">
<div class="input-append">
<input id="appendedInput" type="text" placeholder="Good Roads" name="vdgoro">
<span class="add-on">%</span>
</div>
<div class="input-append">
<input id="appendedInput" type="text" placeholder="Toll Roads" name="vdtoro">
<span class="add-on">%</span>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="input-append">
<input id="appendedInput" type="text" placeholder="Bad Roads" name="vdbaro">
<span class="add-on">%</span>
</div>
<div class="input-append">
<input id="appendedInput" type="text" placeholder="Others" name="vdothers">
<span class="add-on">%</span>
</div>
</td>
</tr>
</table>
</div>
</fieldset>
<!--type-->
<fieldset class="step">
<legend><strong>Types</strong></legend>
<table>
<tr height="50px">
<td colspan="3">
<strong>Tyre Brands and Type</strong>
</td>
</tr>
<tr>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_1" value="MRF">MRF</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_2" value="Goodyear">Goodyear</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_3" value="Bridgestone">Bridgestone</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_4" value="GT">GT</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_5" value="Dunlop">Dunlop</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_6" value="Chinese">Chinese</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_7" value="Kumho">Kumho</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_8" value="Hankook">Hankook</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_9" value="Ceat">Ceat</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_10" value="Thai">Thai</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_11" value="Maxxis">Maxxis</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_12" value="Chengsin">Chengsin</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_13" value="Epco">Epco</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_14" value="Swallow">Swallow</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_15" value="ChaoYang">ChaoYang</label>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Type of Purchase</strong></td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb2_1" value="New Tyres">New Tyres</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb2_2" value="Retreads">Retreads</label>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Type</strong></td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_1" value="Rib">Rib</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_2" value="Lug">Lug</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_3" value="Bias">Bias</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_4" value="Radial">Radial</label>
</td>
</tr>
</table>
</fieldset>
<!--tyre usages-->
<fieldset class="step">
<legend><strong>Tyre Usages</strong></legend>
<div class="container-fluid">
<div class="row-fluid" style="overflow:auto;height:300px;">
<div class="span4">
<strong>Milleage</strong><br></br>
<label class="radio inline">
<input type="radio" name="trRb" value="Estimates">Estimates</label>
<label class="radio inline">
<input type="radio" name="trRb" value="Actual">Actual</label>
<br></br>
<div class="input-append">
<input class="span9" id="appendedInput" type="text" placeholder="Front" name="trmfront">
<span class="add-on">Km</span>
</div><br></br>
<div class="input-append">
<input class="span9" id="appendedInput" type="text" placeholder="Rear" name="trmrear">
<span class="add-on">Km</span>
</div><br></br>
<label>Details</label>
<textarea rows="3" name="trmdetails"></textarea>
</div>
<div class="span7 offset1">
<strong>New Tyre Purchase per Month</strong><br></br>
<label class="radio inline">
<input type="radio" name="trRb2" value="Estimates">Estimates</label>
<label class="radio inline">
<input type="radio" name="trRb2" value="Actual">Actual</label>
<br></br>
<label>
<strong>
Brand &nbsp &nbsp &nbsp
Pattern &nbsp &nbsp &nbsp
Size &nbsp &nbsp &nbsp
Qty
</strong>
</label>
<label>MRF &nbsp </label>
<div class="span10 MRF" style="margin-top:-25px;">
<div class="span10 inline" style="float:right;margin-bottom:3px;">
<input style="width:50px;" id="MRF1" type="text" name="pattern[]">
<input style="width:30px;" id="MRF2" type="text" name="size[]">
<input style="width:30px;" id="MRF3" type="text" name="qty[]">
<button type="button" onclick="addPurchaseMRF()">+</button>
</div>
</div>
<input type="hidden" name="MRFcount" id="countMRF">
</br>
<div class="Othertype">
<div class="span11 inline" style="margin-bottom:3px;">
<input style="width:50px;margin-right:0;" id="other0" type="text" name="obrand[]">
<input style="width:50px;" id="other1" type="text" name="opattern[]">
<input style="width:30px;" id="other2" type="text" name="osize[]">
<input style="width:30px;" id="other3" type="text" name="oqty[]">
<button type="button" onclick="addPurchaseOther()">+</button>
</div>
</div>
<input type="hidden" name="Othercount" id="countOther">
<br></br>
</div>
</div><hr>
<div class="row-fluid">
<div class="span4">
<strong>Front Tyre</strong><br></br>
<input class="span9" id="appendedInput" type="text" placeholder="psi" name="trfpsi"><br></br>
<label class="checkbox inline">
<input type="checkbox" name="cb31" value="New Tyre">New Tyre</label>&nbsp&nbsp
<label class="checkbox inline">
<input type="checkbox" name="cb32" value="Retreads">Retreads</label>
</div>
<div class="span4 offset1">
<strong>Rear Tyre</strong><br></br>
<input class="span9" id="appendedInput" type="text" placeholder="psi" name="trrpsi"><br></br>
<label class="checkbox inline">
<input type="checkbox" name="cb41" value="New Tyre">New Tyre</label>&nbsp&nbsp
<label class="checkbox inline">
<input type="checkbox" name="cb42" value="Retreads">Retreads</label>
</div>
</div><br></br>
<div class="row-fluid">
<input class="span9" id="appendedInput" placeholder="OTR" name='trotr'><br></br>
<textarea class="span9" rows="5" placeholder="Problem faced with current type" name="trproblem"></textarea>
</div>
</div>
</fieldset>
<!--Recommendation-->
<fieldset class="step">
<legend><strong>Recommendation</strong></legend>
<div class="container-fluid rec">
<div class="row-fluid recommendation">
<select class="span3" id="rpat" style="margin-bottom:3px">
<option>M77</option>
<option>MMR</option>
<option>SLUG</option>
<option>SLUG 50+</option>
<option>SLUG 50+R</option>
<option>SM95</option>
<option>SML</option>
</select>
<select class="span3" id="rsz">
<option>7.50-16</option>
<option>9.00-20</option>
<option>10.00-20</option>
<option>11.00-20</option>
</select>
<select class="span3" id="rmrk">
<option>1</option>
<option>2</option>
</select>
<button type="button" class="btn" onclick="addRec()">Add</button>
</div>
<input type="hidden" name="rcmcount" id="countRcm">
<br>
<label>Other</label>
<div class="row-fluid rOther">
<input class="span3" id="rpat" type="text" name="rpattern[]" placeholder="Pattern">
<input class="span3" id="rsz" type="text" name="rsize[]" placeholder="Size">
<input class="span3" id="rmrk" type="text" name="rremark[]" placeholder="Remark">
</div>
<div class="row-fluid rOther">
<input class="span3" id="rpat" type="text" name="rpattern[]" placeholder="Pattern">
<input class="span3" id="rsz" type="text" name="rsize[]" placeholder="Size">
<input class="span3" id="rmrk" type="text" name="rremark[]" placeholder="Remark">
</div>
</div>
</fieldset>
<!--Upload Picture-->
<fieldset class="step">
<legend><strong>Upload Picture</strong></legend>
<div class="container-fluid">
<label class="filebutton btn btn-success" id="input_field">
<i class="icon-plus icon-white"></i> Add Files
<input type="file" multiple="true" id="files" onkeydown="return false;" onchange="upload_img()" name="uploadFile"/>
</label>
<br></br>
<div id="images" style="background-color:#C0C0C0;border:none">
</div>
<br></br>
<button class="btn btn-warning" type="button" onclick="clearFileInputField('input_field')" style="display:none" id="clear">Clear
</button>
</div>
</fieldset>
<!--confirm-->
<fieldset class="step">
<legend><strong>Confirm</strong></legend>
<div class="" style="width:100%;height:100%;margin-top:200px;" align="center">
<a href="<?php echo base_url(); ?>"><button type="button" class="btn btn-large" name="save">Discard</button></a><br></br>
<button type="submit" value="Submit" class="btn btn-primary btn-large" name="send" >Save</button>
<br></br>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
<!--
<div class="row-fluid">
<div class="span12">
<div class="pull-right" style="margin-top:10px;">
<button class="btn btn-small" id="nextb">Previous</button>
<button class="btn btn-small" id="prevb">Next</button>
</div>
</div>
</div>
-->
</div><!--/span7-->
</div><!--/row-->
<hr>
<footer>
<p>&copy; Everseiko 2013</p>
</footer>
</div><!--/.fluid-container-->
<!--javascript-->
<script src="<?php echo base_url(); ?>asset/bootstrap/js/jquery.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-alert.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-dropdown.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-typeahead.js"></script>
<script src="<?php echo base_url(); ?>asset/sliderform/sliding.form.js"></script>
<script src="<?php echo base_url(); ?>asset/slimscroll/jquery-ui.js"></script>
<script src="<?php echo base_url(); ?>asset/slimscroll/jquery.slimscroll.min.js"></script>
<script>
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
{
alert('Number Only');
return false;
}
return true;
};
$(document).ready(function()
{
$('#slider1').slimScroll({height: '800px'});
setTimeout(function(){
$("div.alert").fadeOut("slow", function () {
$("div.alert").remove();
});
}, 1000);
$("input#search").keyup(function()
{
if(this.value.length<3)
{
$("div#quick-search").slideUp(200,function()
{
return false;
});
}
else
{
$.ajax({
type: "GET",
url: "quicksearch.php?search="+this.value,
dataType: "json",
success: function(data)
{
// no results, best hide the quicksearch DIV...
if(data.length<1)
{
$("div#quick-search").slideUp(200);
}else
{
// we've got results, so show them...
var strOutputHTML = '<ul>';
for(intCounter = 0; intCounter < data.length; intCounter++)
{
strOutputHTML += '<li><a href="' + data[intCounter].href + '">'
+ data[intCounter].title + '</a></li>';
}
strOutputHTML += '</ul>';
$("div#quick-search").html(strOutputHTML);
$("div#quick-search").slideDown(200);
}
}
});
}
});
});
var reader = new FileReader(),
i=0,
numFiles = 0,
imageFiles;
// use the FileReader to read image i
function readFile()
{
reader.readAsDataURL(imageFiles[i])
}
// define function to be run when the File
// reader has finished reading the file
reader.onload = function(e)
{
// make an image and append it to the div
var image = $('<img>').attr({'src': e.target.result,'width':'150px'});
var a = "<br>";
var filename = $('input[type=file]').val();
$(image).css({
'margin-right':'20px',
'border' : 'single'
});
$(image).appendTo('#images');
//$(a).appendTo('#images');
$(filename).appendTo('#images');
// if there are more files run the file reader again
if (i < numFiles) {
i++;
readFile();
};
};
function upload_img()
{
imageFiles = document.getElementById('files').files
// get the number of files
numFiles = imageFiles.length;
readFile();
$('#clear').show();
$('#input_field').hide();
};
function clearFileInputField(tagId)
{
document.getElementById(tagId).innerHTML =
document.getElementById(tagId).innerHTML;
$('#images').html('');
$('#clear').hide();
$('#input_field').show();
}
var mrf = 1;
function addPurchaseMRF()
{
var a = "<div class='span10 inline' style='float:right;margin-bottom:3px;'>"
+"<input type='text' name='pattern[]' value='"+$('#MRF1').val()+"' style='margin-right:15px;width:50px;'>"
+"<input style='width:30px;margin-right:14px;' type='text' name='size[]' value='"+$('#MRF2').val()+"'>"
+"<input style='width:30px;' type='text' name='qty[]' value='"+$('#MRF3').val()+"'>"
+"<button type='button' onclick='deletee(this)' style='margin-left:8px;'>-</button>";
+"</div>";
$(a).appendTo('.MRF');
$('#MRF1').val('');
$('#MRF2').val('');
$('#MRF3').val('');
$('#countMRF').val(mrf);
mrf++;
}
var oth = 1;
function addPurchaseOther()
{
var a = "<div class='span11 inline' style='margin-bottom:3px;margin-left:0'>"
+"<input style='width:50px;margin-right:3px;' type='text' name='obrand[]' value='"+$('#other0').val()+"'>"
+"<input style='width:50px;margin-right:15px;;' type='text' name='opattern[]' value='"+$('#other1').val()+"'>"
+"<input style='width:30px;margin-right:14px;' type='text' name='osize[]' value='"+$('#other2').val()+"'>"
+"<input style='width:30px;' type='text' name='oqty[]' value='"+$('#other3').val()+"'>"
+"<button type='button' onclick='deletee(this)' style='margin-left:8px;'>-</button>";
+"</div>";
$(a).appendTo('.Othertype');
$('#other0').val('');
$('#other1').val('');
$('#other2').val('');
$('#other3').val('');
$('#countOther').val(oth);
oth++;
}
var rcm = 1;
function addRec()
{
var a = "<div id='rcmd' style='margin-bottom:3px'>"
+"<input class='span3' style='margin-right:4px;' type='text' name='rpattern[]' value='"+$('#rpat').val()+"'>"
+"<input class='span3' style='margin-right:4px;' type='text' name='rsize[]' value='"+$('#rsz').val()+"'>"
+"<input class='span3' type='text' name='rremark[]' value='"+$('#rmrk').val()+"'>"
+"<button type='button' class='removebutton' onclick='deletee(this)'>Del</button><br>"
+"</div>";
$(a).appendTo('.recommendation');
$('#rpat').val('');
$('#rsz').val('');
$('#rmrk').val('');
$('#countrcm').val(oth);
rcm++
}
//$(".removebutton").click(function()
function deletee(a)
{
$(a).parent().remove();
}
</script>
</body>
</html>

View File

@ -0,0 +1,81 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Login</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<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 rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>asset/css/login.css" />
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 40px;
padding-bottom: 40px;
background-color: #f5f5f5;
}
.form-signin {
max-width: 300px;
padding: 19px 29px 29px;
margin: 0 auto 20px;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
font-size: 16px;
height: auto;
margin-bottom: 15px;
padding: 7px 9px;
}
</style>
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
<div class="container" style="margin-top:100px;">
<form class="form-signin" action="<?php echo base_url(); ?>user/login_auth" method="post">
<!--<form class="form-signin" action="http://192.168.129.51:8080/everseiko/index.php/login/auth/format/json" method="post">-->
<!--<form class="form-signin" action="http://10.10.10.7/everseiko/index.php/login/auth/format/json" method="post">-->
<?php if(isset($login_info)) {
echo'<div class="alert alert-error">';
echo $login_info ;
echo'</div>';
}
?>
<h5><i class="icon-flag"></i> Login</h5>
<input type="text" class="input-block-level" placeholder="Username" name="username" required>
<input type="password" class="input-block-level" placeholder="Password" name="password" required>
<!--<input type="text" class="input-block-level" placeholder="Kota" name="kota" required>-->
<button class="btn btn-primary" type="submit">Sign in</button>
</form>
</div>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/jquery.js"></script>
<script>
$(document).ready(function(){
setTimeout(function(){
$("div.alert").fadeOut("slow", function () {
$("div.alert").remove();
});
}, 2000);
});
</script>
</body>
</html>

View File

@ -0,0 +1,920 @@
<?php header('Access-Control-Allow-Origin: *'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Form Customer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="<?php echo base_url(); ?>asset/css/style.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
@media (max-width: 980px) {
/* Enable use of floated navbar text */
.navbar-text.pull-right {
float: none;
padding-left: 5px;
padding-right: 5px;
}
}
</style>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/jquery.js"></script>
<script src="<?php echo base_url(); ?>asset/js/form_view.js"></script>
<script>
$(document).ready(function()
{
$(":input").prop("disabled", true);
$(".btn").prop("disabled", false);
$("#myModal :input").prop("disabled", false);
x="<?php echo $action; ?>";
if ( x === 'view'){
$("#pending").show();
//$("#fo1").attr("action", "<?php echo base_url(); ?>form/isApprove/<?php echo $id; ?>");
}
if ( x === 'edit')$("#saved").show();
//method
var id = "<?php echo $id; ?>";
var base_url = "<?php echo base_url(); ?>";
//test();
load(id,base_url);
}
);
</script>
<link href="<?php echo base_url(); ?>asset/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".sidebar">
<!--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="<?php echo base_url(); ?>user">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>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!--Container-->
<div class="container-fluid">
<div class="row-fluid">
<!--sidebar-->
<div class="span3 sidebar">
<div class="well affix span3">
<ul class="nav nav-list">
<li class="active"><a href="#1">Contact Details</a></li>
<li class=""><a href="#2">Vehicles Details</a></li>
<li class=""><a href="#3">Types</a></li>
<li class=""><a href="#4">Tyre Usages</a></li>
<li class=""><a href="#5">Recommendation</a></li>
<li class=""><a href="#6">Picture</a></li>
</ul>
</div><!--/.well -->
</div><!--/span3-->
<!--section-->
<div class="span7 offset1 well">
<!--
<div class="hero-unit">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
</div>
-->
<form class="form-horizontal" action="<?php echo base_url(); ?>form/updateform/<?php echo $id; ?>" method="post" enctype="multipart/form-data">
<section id="1"><!--contact details-->
<fieldset>
<legend><strong>Contact Details</strong></legend>
</fieldset>
<table>
<tr height="50px">
<td colspan="3"><strong>General Location</strong></td>
</tr>
<tr>
<td width="30%">
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Province</h6></label>
<input type="text" name="cdProvince" id="province">
</div>
</td>
<td width="30%">
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Kota</h6></label>
<input type="text" name="cdKota" id="kota">
</div>
</td>
<td width="30%"></td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Company Details</strong></td>
</tr>
<tr>
<td>
<label class="radio inline">
<input type="radio" name="rbCd" value="appoinment">By Appoinment
</label>
</td>
<td>
<label class="radio inline">
<input type="radio" name="rbCd" value="show">Go show
</label>
</td>
<td>
<label class="radio inline">
<input type="radio" name="rbCd" value=""><input type="text" placeholder="Other" name="rbCd">
</label>
</td>
</tr>
<tr height="70px">
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Staff of Scene</h6></label>
<input type="text" name="cdSos" id="sos">
</div>
</td>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Customer Name</h6></label>
<input type="text" name="cdCusName" id="cust_name">
</div>
</td>
</tr>
<tr>
<td>
<label class="radio inline">
<input type="radio" name="rbCd2" value="Company">Company
</label>
</td>
<td>
<label class="radio inline">
<input type="radio" name="rbCd2" value="Individual">Individual
</label>
</td>
</tr>
<tr>
<td colspan="3">
<hr>
</td>
</tr>
<tr>
<td colspan="3"><strong>Address / Phone no</strong></td>
</tr>
<tr height="50px">
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Head Office</h6></label>
<input type="text" name="cdOffice" id="head_address">
</div>
</td>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Phone</h6></label>
<input type="text" name="cdTelp" onkeypress="return isNumberKey(event)" id="head_phone">
</div>
</td>
</tr>
<tr height="50px">
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Branch/Garage</h6></label>
<input type="text" name="cdBranch" id="branch_address">
</div>
</td>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Phone</h6></label>
<input type="text" name="cdTelp2" onkeypress="return isNumberKey(event)" id="branch_phone">
</div>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Contact Person</strong></td>
</tr>
<tr>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Name</h6></label>
<input type="text" name="cdcpname" id="cp_name">
</div>
</td>
<td>
<div style="float:left;margin-right:20px;">
<label for="name"><h6>Phone</h6></label>
<input type="text" name="cdcpphone" onkeypress="return isNumberKey(event)" id="cp_phone">
</div>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Nature Business</strong></td>
</tr>
<tr height="20px">
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_1" value="Expedition">Expedition
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_2" value="Bus">Bus
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_3" value="Minning">Minning
</label>
</td>
</tr>
<tr height="20px">
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_4" value="Loging">Loging
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_5" value="Cement">Cement
</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_6" value="Bulk">Bulk
</label>
</td>
</tr>
<tr height="20px">
<td>
<label class="checkbox">
<input type="checkbox" name="cdCb_4" value="Container">Container
</label>
</td>
</tr>
</table>
</section>
<br></br>
<section id="2"><!--vehicles details-->
<fieldset>
<legend><strong>Vehicles Details</strong></legend>
</fieldset>
<table><!--Number vehicle owned-->
<tr><td colspan="2"><strong>Number of vehicles owned</strong></td></tr>
<tr>
<td valign="top" width="50%">
<table><!--Light Truck-->
<tr height="50px">
<td width="100px">Lt Truck</td>
<td width="100px">QTY</td>
</tr>
<tr height="50px">
<td>4 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr4" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr6" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr10" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
<td width="50%">
<table><!--Truck-->
<tr height="50px">
<td width="70x">Truck</td>
<td>QTY</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt6" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>8 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt8" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt10" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>12 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt12" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>14 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt14" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>18 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt18" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>Other</td>
<td>
<input type="text" style="width:30px" name="vdLtot" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
</tr>
<tr><td colspan="2">OTR</td></tr>
<tr>
<td><input class="span10" id="appendedInput" type="text" placeholder="type" name="vdQtrType"></td>
<td>
<input class="span5" id="appendedInput" type="text" placeholder="Qty" name="vdQtrQty" maxlength="3" onkeypress="return isNumberKey(event)">
<input class="span5" id="appendedInput" type="text" placeholder="Total tyre" name="vdQtrTyre" maxlength="3" onkeypress="return isNumberKey(event)"></td>
</tr>
</table>
<hr>
<table><!--Load and Speed Details-->
<tr height="30px">
<td colspan="3"><strong>Load and Speed Details</strong></td>
</tr>
<tr height="30px">
<td colspan="3">Type of Load</td>
</tr>
<tr height="30px">
<td width="150px">
<label class="checkbox"><input type="checkbox" name="vdCb_1" value="Materials">Materials</label>
</td>
<td width="150px">
<label class="checkbox"><input type="checkbox" name="vdCb_2" value="Passenger">Passenger</label>
</td>
<td width="150px">
<label class="checkbox"><input type="checkbox" name="vdCb_3" value="Goods">Goods</label>
</td>
</tr>
<tr height="30px">
<td>
<label class="checkbox"><input type="checkbox" name="vdCb_4" value="Soil">Soil</label>
</td>
<td>
<label class="checkbox"><input type="checkbox" name="vdCb_5" value="General Cargo">General Cargo</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="vdCb_6" value="other">
<input type="text" style="width:100px" placeholder="Other" name="vdCb_6">
</label>
</td>
</tr>
<tr height="30px">
<td colspan="3">Average Weight of Loads</td>
</tr>
<tr>
<td valign="top" width="50%">
<table><!--Light Truck-->
<tr height="50px">
<td width="100px">Lt Truck</td>
<td width="100px">Wt</td>
</tr>
<tr height="50px">
<td>4 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr4wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr6wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdTr10wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
<td width="50%">
<table><!--Truck-->
<tr height="50px">
<td width="70x">Truck</td><td>Wt</td>
</tr>
<tr height="50px">
<td>6 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt6wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>8 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt8wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>10 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt10wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>12 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt12wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>14 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt14wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>18 wheels</td>
<td>
<input type="text" style="width:30px" name="vdLt18wt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
<tr height="50px">
<td>Other</td>
<td>
<input type="text" style="width:30px" name="vdLtotwt" maxlength="3" onkeypress="return isNumberKey(event)">
</td>
</tr>
</table>
</td>
</tr>
<tr height="50px">
<td colspan="2">Points of Origin Destination <input type="text" name="vdDest" id="destination"></td>
</tr>
<tr height="30px">
<td colspan="2">Driving Condition</td>
</tr>
<tr>
<td colspan="2">
<div class="input-append">
<label><h6>Good Roads</h6></label>
<input id="road_condition_good" type="text" placeholder="Good Roads" name="vdgoro" onkeypress="return isNumberKey(event)">
<span class="add-on">%</span>
</div>
<div class="input-append">
<label><h6>Tool Roads</h6></label>
<input id="road_condition_toll" type="text" placeholder="Toll Roads" name="vdtoro" onkeypress="return isNumberKey(event)">
<span class="add-on">%</span>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div class="input-append">
<label><h6>Bad Roads</h6></label>
<input id="road_condition_bad" type="text" placeholder="Bad Roads" name="vdbaro" onkeypress="return isNumberKey(event)">
<span class="add-on">%</span>
</div>
<div class="input-append">
<label><h6>Others</h6></label>
<input id="road_condition_other" type="text" placeholder="Others" name="vdothers">
<span class="add-on">%</span>
</div>
</td>
</tr>
</table>
</section>
<br></br>
<section id="3"><!--types-->
<fieldset>
<legend><strong>Types</strong></legend>
</fieldset>
<table>
<tr height="50px">
<td colspan="3"><strong>Tyre Brands and Type</strong></td>
</tr>
<tr>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_1" value="MRF">MRF</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_2" value="Goodyear">Goodyear</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_3" value="Bridgestone">Bridgestone</label>
</td>
<td width="150px">
<label class="checkbox">
<input type="checkbox" name="tpCb_4" value="GT">GT</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_5" value="Dunlop">Dunlop</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_6" value="Chinese">Chinese</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_7" value="Kumho">Kumho</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_8" value="Hankook">Hankook</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_9" value="Ceat">Ceat</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_10" value="Thai">Thai</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_11" value="Maxxis">Maxxis</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_12" value="Chengsin">Chengsin</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_13" value="Epco">Epco</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_14" value="Swallow">Swallow</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb_15" value="ChaoYang">ChaoYang</label>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Type of Purchase</strong></td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb2_1" value="New Tyres">New Tyres</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb2_2" value="Retreads">Retreads</label>
</td>
</tr>
<tr height="50px">
<td colspan="3"><strong>Type</strong></td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_1" value="Rib">Rib</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_2" value="Lug">Lug</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_3" value="Bias">Bias</label>
</td>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_4" value="Radial">Radial</label>
</td>
</tr>
<tr>
<td>
<label class="checkbox">
<input type="checkbox" name="tpCb3_5" value="Rib">Mix</label>
</td>
</tr>
</table>
</section>
<br></br>
<section id="4"><!--tyre-->
<fieldset>
<legend><strong>Tyre Usages</strong></legend>
</fieldset>
<div class="container-fluid">
<div class="row-fluid">
<div class="span4">
<strong>Milleage</strong><br></br>
<label class="radio inline"><input type="radio" name="trRb" value="Estimates">Estimates</label>
<label class="radio inline"><input type="radio" name="trRb" value="Actual">Actual</label>
<br></br>
<div class="input-append">
<input class="span9" id="mileage_front" type="text" placeholder="Front" name="trmfront" onkeypress="return isNumberKey(event)">
<span class="add-on">Km</span>
</div>
<br></br>
<div class="input-append">
<input class="span9" id="mileage_rear" type="text" placeholder="Rear" name="trmrear" onkeypress="return isNumberKey(event)">
<span class="add-on">Km</span>
</div><br></br>
<label>Details</label>
<textarea id="mileage_detail" rows="3" name="trmdetails"></textarea>
</div>
<div class="span7 offset1">
<strong>New Tyre Purchase per Month</strong><br></br>
<label class="radio inline"><input type="radio" name="trRb2" value="Estimates">Estimates</label>
<label class="radio inline"><input type="radio" name="trRb2" value="Actual">Actual</label>
<table>
<tr>
<td>Brand</td>
<td>
<label class="span3">Pattern</label><label class="span3">Size</label><label class="span3">Qty</label>
</td>
</tr>
<tr><!--MRF-->
<td width="70px" valign="top">MRF</td>
<td>
<div id="MRFtype">
<!--
<div class="MRF0">
<input class="span3" id="MRF00" type="text" name="pattern[]" placeholder="pattern">
<input class="span3" id="MRF01" type="text" name="size[]" placeholder="size">
<input class="span3" id="MRF02" type="text" name="qty[]" placeholder="qty">
</div>
-->
</div>
</td>
<td valign="bottom">
<button class="btn" type="button" onclick="addPurchaseMRF()" style="margin-left:-40px;display:none;">Add</button>
<input type="hidden" name="MRFcount" id="countMRF">
</td>
</tr>
<tr>
<td valign="top">Other</td>
<td>
<div id="Othertype">
<!--
<div class="other0">
<input class="span3" id="other00" type="text" name="opattern[]" placeholder="pattern">
<input class="span3" id="other01" type="text" name="osize[]" placeholder="size">
<input class="span3" id="other02" type="text" name="oqty[]" placeholder="qty">
</div>
-->
</div>
</td>
<td valign="bottom">
<button class="btn" type="button" onclick="addPurchaseOther()" style="margin-left:-40px;display:none;">Add</button>
<input type="hidden" name="Othercount" id="countOther">
</td>
</tr>
</table>
<br></br>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span4">
<strong>Front Tyre</strong><br></br>
<input class="span9" id="psi_front" type="text" placeholder="psi" name="trfpsi">
<br></br>
<label class="checkbox inline">
<input type="checkbox" name="cb31" value="Estimates">New Tyre</label>&nbsp&nbsp
<label class="checkbox inline">
<input type="checkbox" name="cb32" value="Actual">Retreads</label>
</div>
<div class="span4 offset1">
<strong>Rear Tyre</strong><br></br>
<input class="span9" id="psi_rear" type="text" placeholder="psi" name="trrpsi">
<br></br>
<label class="checkbox inline">
<input type="checkbox" name="cb41" value="Estimates">New Tyre</label>&nbsp&nbsp
<label class="checkbox inline">
<input type="checkbox" name="cb42" value="Actual">Retreads</label>
</div>
</div><br></br>
<div class="row-fluid">
<input class="span9" id="otr" type="text" placeholder="OTR" name='trotr' >
<br></br>
<textarea class="span9" rows="5" placeholder="Problem faced with current type" name="trproblem" id="problem">
</textarea>
</div>
</div>
</section>
<br></br>
<section id="5"><!--recommendation-->
<fieldset>
<legend><strong>Recommendation</strong></legend>
</fieldset>
<h5>
Pattern &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
&nbsp &nbsp Size &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Remark
</h5>
<div id="recommendation">
<div id="space" style="margin-bottom:500px;">No Recommendation Available</div>
</div>
<br></br><br></br><br></br><br></br><br>
</section>
<br></br>
<section id="6"><!--picture-->
<fieldset>
<legend><strong>Picture</strong></legend>
</fieldset>
<div id="gambar"><label id="nopic" style="display:none">No Picture</label></div>
<input type="file" name="upload" style="display:none;">
</section>
<div class="row-fluid" id="edit" style="display:none;">
<div class="span7 offset4 navbar navbar-fixed-bottom">
<div class="navbar-inner">
<div class="container-fluid">
<ul class="nav pull-right">
<li>
<button type="button" class="btn"><a href="<?php echo base_url(); ?>">Discard</a></button>
<button type="submit" value="Submit" class="btn btn-primary">Save</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row-fluid" id="pending" style="display:none;">
<div class="span7 offset4 navbar navbar-fixed-bottom">
<div class="navbar-inner">
<div class="container-fluid">
<ul class="nav pull-right">
<li>
<button type="button" class="btn" onclick="parent.location='<?php echo base_url(); ?>'">Reject</button>
<button type="button" class="btn btn-primary" data-toggle="modal" href="#myModal">Approve</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</form>
<div class="row-fluid" id="saved" style="display:none;">
<div class="span7 offset4 navbar navbar-fixed-bottom">
<div class="navbar-inner">
<div class="container-fluid">
<ul class="nav pull-right">
<li>
<button type="button" class="btn btn-warning" name="edit" onclick="edited()">
<i class="icon-edit icon-white"></i> Edit</button>
</li>
</ul>
<!--<a style="margin-top:300px;"><i class="icon-chevron-left"></i> Back</a>-->
</div>
</div>
</div>
</div>
</div><!--/span-->
</div><!--/row-->
<!--modal-->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h3 id="myModalLabel">Data</h3>
</div>
<form class="form-horizontal" action="<?php echo base_url(); ?>form/isApprove/<?php echo $id; ?>" method="post">
<div class="modal-body">
<label class="control-label">ID</label>
<div class="controls">
<input type="text" placeholder="ID" name="ID">
</div><br />
<label class="control-label">Tier</label>
<div class="controls">
<select name="tier">
<option>Tier 1</option>
<option>Tier 2</option>
<option>Tier 3</option>
<option>Tier 4</option>
<option>Tier 5</option>
</select>
</div><br />
<label class="control-label">Customer<br /> Data Status<br /></label>
<div class="controls">
<label class="checkbox">
<input type="checkbox" name="modalcb1" value="Dealer">Dealer
</label>
<label class="checkbox">
<input type="checkbox" name="modalcb2" value="Everseiko">Everseiko
</label>
<label class="checkbox">
<input type="checkbox" name="modalcb3" value="Callsheet">Callsheet
</label>
</div><br />
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary">Approve</button>
</div>
</form>
</div>
<hr>
<!--
<footer>
<p>&copy; Company 2013</p>
</footer>
-->
</div><!--/.fluid-container-->
<!--javascript-->
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-alert.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-dropdown.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-scrollspy.js"></script>
<script src="<?php echo base_url(); ?>asset/bootstrap/js/bootstrap-button.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>
var mrf = 1;
function addPurchaseMRF()
{
var a = "<div> <input class='span3' type='text' name='pattern[]' placeholder='pattern'><input class='span3' type='text' name='size[]' placeholder='size'> <input class='span3' type='text' name='qty[]' placeholder='qty'> </div>"
$(a).appendTo('#MRFtype');
$("#MRFtype div:last-child").addClass("MRF"+mrf);
$('#MRFtype div:last-child input:first-child').attr('id', 'MRF'+mrf+'1');
$('#MRFtype div:last-child input:first-child').next().attr('id', 'MRF'+mrf+'2');
$('#MRFtype div:last-child input:first-child').next().next().attr('id', 'MRF'+mrf+'3');
$('#countMRF').val(mrf);
mrf++;
}
var oth = 1;
function addPurchaseOther()
{
var a = "<div> <input class='span3' type='text' name='opattern[]' placeholder='pattern'><input class='span3' type='text' name='osize[]' placeholder='size'> <input class='span3' type='text' name='oqty[]' placeholder='qty'> </div>"
$(a).appendTo('#Othertype');
$("#Othertype div:last-child").addClass("other"+oth);
$('#Othertype div:last-child input:first-child').attr('id', 'other'+oth+'1');
$('#Othertype div:last-child input:first-child').next().attr('id', 'other'+oth+'2');
$('#Othertype div:last-child input:first-child').next().next().attr('id', 'other'+oth+'3');
$('#countOther').val(oth);
oth++;
}
</script>
</body>
</html>