<link rel="stylesheet" href="<?php echo ROOT_URL; ?>bootstrap/wysibb/theme/default/wbbtheme.css" />
<link rel="stylesheet" href="<?php echo ROOT_URL;?>bootstrap/admincp/css/chosen.min.css">
<link rel="stylesheet" href="<?php echo ROOT_URL;?>bootstrap/datepicker/css/datepicker.css">
<script src="<?php echo ROOT_URL;?>bootstrap/datepicker/js/bootstrap-datepicker.js"></script>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Edit product</h3>
</div>
<div class="panel-body">
<div class="row">
<form action="" method="post" enctype="multipart/form-data">
<div class="col-lg-12">
<?php echo $alert;?>
</div>
<div class="col-lg-12">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#general" role="tab" data-toggle="tab">General</a></li>
<li role="presentation"><a href="#data" role="tab" data-toggle="tab">Data</a></li>
<!-- <li role="presentation"><a href="#attribute" role="tab" data-toggle="tab">Option</a></li> -->
<li role="presentation"><a href="#discount" role="tab" data-toggle="tab">Discount</a></li>
<li role="presentation"><a href="#images" role="tab" data-toggle="tab">Images</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- General -->
<div role="tabpanel" class="tab-pane active" id="general">
<!-- row -->
<div class="row">
<!-- left -->
<div class="col-lg-8">
<p>
<label><strong>Title:</strong></label>
<input type="text" name="send[title]" class="form-control" value="<?php echo $edit['title'];?>" placeholder="Post title..." />
</p>
<p>
<label><strong>Friendly url:</strong></label>
<input type="text" name="send[friendly_url]" class="form-control" value="<?php echo $edit['friendly_url'];?>" placeholder="Friendly url..." />
</p>
<p>
<label><strong>Content:</strong></label>
<textarea id="editor" class="form-control" rows="20" name="send[content]"><?php echo $edit['content'];?></textarea>
</p>
<p>
<label><strong>Reward points:</strong></label>
<input type="text" name="send[points]" class="form-control" value="0" value="<?php echo $edit['points'];?>" placeholder="Reward points..." />
</p>
<p>
<label><strong>SEO Keywords:</strong></label>
<input type="text" name="send[keywords]" class="form-control" value="<?php echo $edit['keywords'];?>" placeholder="Keywords..." />
</p>
<p>
<label><strong>Tags:</strong></label>
<input type="text" name="tags" class="form-control" value="<?php echo $tags;?>" placeholder="Tags..." />
</p>
</div>
<!-- left -->
<!-- right -->
<div class="col-lg-4">
<p class="pChosen">
<div class="row">
<div class="col-lg-12">
<label><strong>Categories</strong></label>
<input type="text" class="form-control txtAuto" data-maxselect="1000" data-numselected="1" data-method="category" data-key="jsonCategory" placeholder="Type here..." />
<div class="listAutoSuggest"><ul></ul></div>
<ul class="ulChosen">
<li>
<span class="textChosen"><?php echo $edit['cattitle'];?></span>
<span title="Remove this" class="removeTextChosen">[x]</span>
<input type="hidden" name="send[catid]" class="valueChosen" value="<?php echo $edit['catid'];?>">
</li>
</ul>
</div>
</div>
</p>
<p class="pChosen">
<div class="row">
<div class="col-lg-12">
<label><strong>Manufacturer</strong></label>
<input type="text" class="form-control txtAuto" data-maxselect="1" data-numselected="1" data-method="manufacturer" data-key="jsonManufacturer" placeholder="Type here..." />
<div class="listAutoSuggest"><ul></ul></div>
<ul class="ulChosen">
<?php
if(isset($edit['manufacturer_title']))
{
$li='
<li>
<span class="textChosen">'.$edit['manufacturer_title'].'</span>
<span title="Remove this" class="removeTextChosen">[x]</span>
<input type="hidden" name="send[manufacturerid]" class="valueChosen" value="'.$edit['manufacturerid'].'">
</li>
';
echo $li;
}
?>
</ul>
</div>
</div>
</p>
<p class="pChosen">
<div class="row">
<div class="col-lg-12">
<label><strong>Downloads</strong></label>
<input type="text" class="form-control txtAuto" data-maxselect="1000" data-numselected="0" data-method="download" data-key="jsonDownload" placeholder="Type here..." />
<div class="listAutoSuggest"><ul></ul></div>
<ul class="ulChosen">
<?php
$total=count($selectDownloads);
$li='';
if(isset($selectDownloads[0]['title']))
for($i=0;$i<$total;$i++)
{
$li.='
<li>
<span class="textChosen">'.$selectDownloads[$i]['title'].'</span>
<span title="Remove this" class="removeTextChosen">[x]</span>
<input type="hidden" name="downloadid[]" class="valueChosen" value="'.$selectDownloads[$i]['downloadid'].'">
</li>
';
}
echo $li;
?>
</ul>
</div>
</div>
</p>
<p>
<label><strong>Upload thumbnail image:</strong></label>
<select class="form-control uploadIMGMethod" name="uploadIMGMethod">
<option value="frompc">From your PC</option>
<option value="fromurl">From Url</option>
</select>
</p>
<p class="pUploadIMGFromPc" style="display:block;">
<label><strong>Choose image from pc:</strong></label>
<input type="file" name="pcThumbnail" />
</p>
<p class="pUploadIMGFromUrl" style="display:none;">
<label><strong>Or upload from url:</strong></label>
<input type="text" class="form-control" name="urlThumbnail" placeholder="Url..." />
</p>
<img src="<?php echo $edit['imageUrl'];?>" class="img-responsive" />
</div>
<!-- right -->
</div>
<!-- row -->
</div>
<!-- End general -->
<!-- Data -->
<div role="tabpanel" class="tab-pane" id="data">
<p>
<label><strong>Model:</strong></label>
<input type="text" name="send[model]" class="form-control" value="<?php echo $edit['model'];?>" placeholder="Model name..." />
</p>
<p>
<label><strong>SKU:</strong></label>
<input type="text" name="send[sku]" class="form-control" value="<?php echo $edit['sku'];?>" placeholder="SKU Code..." />
</p>
<p>
<label><strong>UPC:</strong></label>
<input type="text" name="send[upc]" class="form-control" value="<?php echo $edit['upc'];?>" placeholder="UPC Code..." />
</p>
<p>
<label><strong>Price:</strong></label>
<input type="text" name="send[price]" class="form-control" value="<?php echo $edit['price'];?>" placeholder="Price..." />
</p>
<p>
<label><strong>Quantity:</strong></label>
<input type="text" name="send[quantity]" class="form-control" value="<?php echo $edit['quantity'];?>" placeholder="Quantity..." />
</p>
<p>
<label><strong>Minimum Quantity: (Force a minimum ordered amount)</strong></label>
<input type="text" name="send[minimum]" class="form-control" value="<?php echo $edit['minimum'];?>" placeholder="Minimum Quantity..." />
</p>
<p>
<label><strong>Date Available:</strong></label>
<input type="text" name="send[date_available]" data-provide="datepicker" class="form-control datepicker" value="<?php echo stripslashes($edit['date_available']);?>" />
</p>
<p>
<label><strong>Require shipping:</strong></label>
<br>
<select name="send[is_shipping]" class="form-control">
<option value="1" <?php if((int)$edit['is_shipping']==1)echo 'selected';?>>Yes</option>
<option value="0" <?php if((int)$edit['is_shipping']==0)echo 'selected';?>>No</option>
</select>
</p>
<p>
<label><strong>Status:</strong></label>
<br>
<select name="send[status]" class="form-control">
<option value="1" <?php if((int)$edit['status']==1)echo 'selected';?>>Publish</option>
<option value="0" <?php if((int)$edit['status']==0)echo 'selected';?>>unPublish</option>
</select>
</p>
<p>
<label><strong>Sort order:</strong></label>
<input type="text" name="send[sort_order]" class="form-control" value="<?php echo $edit['sort_order'];?>" />
</p>
<script>
$(document).ready(function(){
$('.datepicker').datepicker({
format: 'yyyy-mm-dd'
})
});
</script>
</div>
<!-- End Data -->
<!-- Attribute -->
<!-- <div role="tabpanel" class="tab-pane" id="attribute">
</div> -->
<!-- End Attribute -->
<!-- discount -->
<div role="tabpanel" class="tab-pane" id="discount">
<p>
<label><strong>Quantity:</strong></label>
<input type="text" name="send[quantity_discount]" class="form-control" value="<?php echo $edit['quantity_discount'];?>" placeholder="Quantity..." />
</p>
<p>
<label><strong>Price:</strong></label>
<input type="text" name="send[price_discount]" class="form-control" value="<?php echo $edit['price_discount'];?>" placeholder="Price discount..." />
</p>
<p>
<label><strong>Date start:</strong></label>
<input type="text" name="send[date_discount]" class="form-control startDiscount" value="<?php echo $edit['date_discount'];?>" placeholder="Date start discount..." />
</p>
<p>
<label><strong>Date end:</strong></label>
<input type="text" name="send[date_enddiscount]" class="form-control endDiscount" value="<?php echo $edit['date_enddiscount'];?>" placeholder="Date end discount..." />
</p>
<script>
$(document).ready(function(){
$('.startDiscount').datepicker({
format: 'yyyy-mm-dd'
});
$('.endDiscount').datepicker({
format: 'yyyy-mm-dd'
});
});
</script>
</div>
<!-- End discount -->
<!-- images -->
<div role="tabpanel" class="tab-pane" id="images">
<p>
<label><strong>Select product images:</strong></label>
<input type="file" name="images[]" multiple />
</p>
<div class="row">
<div class="col-lg-12">
<!-- Head -->
<div class="row">
<div class="col-lg-2">
<span>Image</span>
</div>
<div class="col-lg-6">
<span>Path</span>
</div>
<div class="col-lg-2">
<span>Sort order</span>
</div>
<div class="col-lg-1">
<span>Action</span>
</div>
</div>
<div id="rowImages">
<?php
$total=count($selectImages);
$li='';
for($i=0;$i<$total;$i++)
{
$li.='
<!-- Row -->
<div class="row" style="margin-top:20px;">
<div class="col-lg-2">
<img src="'.ROOT_URL.$selectImages[$i]['image'].'" class="img-responsive" />
</div>
<div class="col-lg-6">
<span>'.$selectImages[$i]['image'].'</span>
</div>
<div class="col-lg-2">
<div class="input-group">
<input type="text" id="ipSortOrder" class="form-control" value="'.$selectImages[$i]['sort_order'].'" placeholder="Sort order">
<span class="input-group-btn">
<button class="btn btn-info btnSortOrder" data-image="'.$selectImages[$i]['image'].'" id="btnSortOrder" type="button">Save</button>
</span>
</div><!-- /input-group -->
</div>
<div class="col-lg-1">
<button type="button" id="btnRemove" data-prodid="'.$edit['productid'].'" data-image="'.$selectImages[$i]['image'].'" class="btn btn-danger">Remove</button>
</div>
</div>
<!-- End row -->
';
}
echo $li;
?>
</div>
<script src="<?php echo ROOT_URL; ?>bootstrap/wysibb/jquery.wysibb.min.js"></script>
<script type="text/javascript">
$(function() {
$("#editor").wysibb();
})
</script>
<script>
var admincpUrl='<?php echo ROOT_URL;?>admincp/';
var prodid='<?php echo $edit["productid"];?>';
var root_url='<?php echo ROOT_URL;?>';
$(document).ready(function(){
$('.uploadIMGMethod').change(function(){
var thisVal=$(this).val();
if(thisVal=='frompc')
{
$('.pUploadIMGFromPc').show();
$('.pUploadIMGFromUrl').hide();
}
if(thisVal=='fromurl')
{
$('.pUploadIMGFromPc').hide();
$('.pUploadIMGFromUrl').show();
}
});
$('button#btnRemove').click(function(){
var image=$(this).attr('data-image');
$.ajax({
type: "POST",
url: admincpUrl+"products/removeImage",
data: ({
send_prodid : prodid,
send_image : image
}),
dataType: "html",
success: function(msg)
{
refreshImages();
}
});
});
$('button#btnSortOrder').click(function(){
var Sortorder=$(this).parent().parent().children('#ipSortOrder').val();
var image=$(this).attr('data-image');
$.ajax({
type: "POST",
url: admincpUrl+"products/setSortOrder",
data: ({
send_prodid : prodid,
send_order : Sortorder,
send_image : image
}),
dataType: "html",
success: function(msg)
{
refreshImages();
}
});
});
});
$( document ).on( "click", "button#btnRemove", function() {
var image=$(this).attr('data-image');
$.ajax({
type: "POST",
url: admincpUrl+"products/removeImage",
data: ({
send_prodid : prodid,
send_image : image
}),
dataType: "html",
success: function(msg)
{
// prompt('ok',msg);return false;
refreshImages();
}
});
});
$( document ).on( "click", "button#btnSortOrder", function() {
var Sortorder=$(this).parent().parent().children('#ipSortOrder').val();
var image=$(this).attr('data-image');
$.ajax({
type: "POST",
url: admincpUrl+"products/setSortOrder",
data: ({
send_prodid : prodid,
send_order : Sortorder,
send_image : image
}),
dataType: "html",
success: function(msg)
{
// alert(msg);
refreshImages();
}
});
});
$( document ).on( "click", "span.removeTextChosen", function() {
var txtAuto=$(this).parent().parent().parent().children('.txtAuto');
var theMaxSelect=txtAuto.attr('data-maxselect');
var theNumSelect=txtAuto.attr('data-numselected');
theNumSelect=parseInt(theNumSelect)-1;
txtAuto.attr('data-numselected',theNumSelect);
if(parseInt(theNumSelect) < parseInt(theMaxSelect))
{
txtAuto.attr('disabled',false);
}
$(this).parent().remove();
});
$( document ).on( "mouseout", "div.listAutoSuggest > ul",function(){
// $(this).slideUp('fast');
});
$( document ).on( "keydown", "input.txtAuto", function() {
var theValue=$(this).val();
var listUl=$(this).parent().children('.listAutoSuggest');
var keyName=$(this).attr('data-key');
if(theValue.length > 1 )
{
$.ajax({
type: "POST",
url: root_url+"admincp/products/"+keyName,
data: ({
do : "load",
keyword : theValue
}),
dataType: "html",
success: function(msg)
{
// $('#listtenPhuongAuto').html('<ul>'+msg+'</ul>');
// $('#listtenPhuongAuto').slideDown('fast');
listUl.html('<ul>'+msg+'</ul>');
listUl.slideDown('fast');
}
});
}
});
$( document ).on( "click", "div.listAutoSuggest > ul > li > span", function() {
var theValue=$(this).text();
var theID=$(this).attr('data-id');
var theMethod=$(this).attr('data-method');
var txtAuto=$(this).parent().parent().parent().parent().children('.txtAuto');
txtAuto.val('');
var theMaxSelect=txtAuto.attr('data-maxselect');
var theNumSelect=txtAuto.attr('data-numselected');
var numLi=$(this).parent().parent().parent().parent().children('.ulChosen').children('.li').length;
if(parseInt(theNumSelect)==0 && parseInt(numLi) == parseInt(theMaxSelect))
{
txtAuto.attr('disabled',true);
$(this).parent().parent().parent().slideUp('fast');
return false;
}
var newLi='<li><span class="textChosen" >'+theValue+'</span><span title="Remove this" class="removeTextChosen">[x]</span>';
if(theMethod=='category')
{
newLi+='<input type="hidden" name="send[catid]" class="valueChosen" value="'+theID+'" />';
}
if(theMethod=='download')
{
newLi+='<input type="hidden" name="downloadid[]" class="valueChosen" value="'+theID+'" />';
}
if(theMethod=='manufacturer')
{
newLi+='<input type="hidden" name="send[manufacturerid]" class="valueChosen" value="'+theID+'" />';
}
newLi+='</li></ul>';
$(this).parent().parent().parent().parent().children('ul.ulChosen').append(newLi);
$(this).parent().parent().parent().slideUp('fast');
theNumSelect=parseInt(theNumSelect)+1;
txtAuto.attr('data-numselected',theNumSelect);
if(parseInt(theNumSelect) >= parseInt(theMaxSelect))
{
txtAuto.attr('disabled',true);
}
});
function refreshImages()
{
$.ajax({
type: "POST",
url: admincpUrl+"products/refreshImages",
data: ({
send_prodid : prodid
}),
dataType: "html",
success: function(msg)
{
// alert(msg);
$('#rowImages').html(msg);
}
});
}
</script>
</div>
</div>
</div>
<!-- End images -->
</div>
</div>
<div class="col-lg-12">
<!-- Add new -->
<div style="display:block;">
<p>
<button type="submit" class="btn btn-primary" name="btnSave">Save changes</button>
</p>
</div>
</form>
</div>
</div>
</div>
</div>
|
Download
