everseiko/application/views/vAdminVolume.php
2020-01-02 23:02:57 +07:00

226 lines
6.5 KiB
PHP

<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>