| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/billingsystem/dashboard/component/ |
Upload File : |
<div class="modal fade bd-example-modal-lg" id="addNew" tabindex="-1" role="dialog" aria-labelledby="addNew" aria-disabled="true">
<div class="modal-dialog modal-md modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title">Add New
</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-disabled="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="card-body boxShadow whiteBg mb-3">
<div class="row">
<div class="col-lg-4">
<div class="form-group">
<label for="AddCode">Product Code</label>
<input type="text" class="form-control" id="AddCode" value="" placeholder="">
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<label for="AddNameclient">Product Name(client)</label>
<input type="text" class="form-control" id="AddNameclient" value="" placeholder="">
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<label for="AddNameinternal">Product Name(internal)</label>
<input type="text" class="form-control" id="AddNameinternal" value="" placeholder="">
</div>
</div>
<div class="col-lg-2">
<div class="custom-dropdown fright">
<select class="statusSelect">
<option value="" hidden>Status</option>
<option value="Active">Active</option>
<option value="Inactive">Inactive</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="AddType">Type </label>
<select class="form-control" id="AddType">
<option value="" Selected></option>
<option value="Rental">Rental</option>
<option value="Retail">Retail</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="AddCategory">Category</label>
<select class="form-control" id="AddCategory" multiple="multiple" style="width: 100%;">
<option value="Food">Food</option>
<option value="Cloth">Cloth</option>
<option value="Phone">Phone</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group ">
<label for="AddBrand">Brand</label>
<select class="form-control" id="AddBrand" multiple="multiple" style="width: 100%;">
<option value="Apple">Apple</option>
</select>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="AddRemarks">Description</label>
<textarea class="form-control" id="AddRemarks" rows="3"></textarea>
</div>
</div>
</div>
</div>
<div class="card-body boxShadow whiteBg mb-3">
<div class="d-flex justify-content-between align-items-center mb-4">
<p class="bold mb-0">Variations</p>
<button class="sbtn btn-info smaller addNewVariationsBtn_add"><i class="mdi mdi-library-plus"></i>
Add New</button>
</div>
<div class="row">
<div class="col-3">
<div class="form-group">
<select class="form-control">
<option value=""></option>
<option value="Color">Color</option>
<option value="Size">Size</option>
</select>
</div>
</div>
<div class="col-9">
<div class="form-group">
<select class="form-control" multiple="multiple" id="VariationsDetail">
<option value="KwunTong">Kwun Tong</option>
<option value="SaiKung">Sai Kung</option>
</select>
</div>
</div>
</div>
</div>
<div class="card-body boxShadow whiteBg mb-3 addSkuWrap">
<p class="bold mb-0">SUK Generator</p>
<div class="table-responsive collapse show mt-3">
<table class="table custom-table small text-dark">
<thead>
<tr>
<th>Upload Image</th>
<th>Color</th>
<th>Size</th>
<th>SKU#</th>
<th class="text-right">Sales Price</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="custom-file">
<input class="custom-file-input" id="inputGroupFile04" type="file">
<label class="custom-file-label garyFont" for="inputGroupFile04">Upload
Logo</label>
</div>
</td>
<td>
<input type="text" class="form-control" value="Red" placeholder="">
</td>
<td>
<input type="text" class="form-control" value="S" placeholder="">
</td>
<td>
<input type="text" class="form-control" value="P01-RD0-S-000" placeholder="">
</td>
<td>
<input type="text" class="form-control text-right" value="$5000.00" placeholder="">
</td>
<td>
<a href="#" class="link"> <i class="mdi mdi-delete"></i></a>
</td>
</tr>
<tr>
<td>
<div class="custom-file">
<input class="custom-file-input" id="inputGroupFile04" type="file">
<label class="custom-file-label garyFont" for="inputGroupFile04">Upload
Logo</label>
</div>
</td>
<td>
<input type="text" class="form-control" value="Red" placeholder="">
</td>
<td>
<input type="text" class="form-control" value="S" placeholder="">
</td>
<td>
<input type="text" class="form-control" value="P01-RD0-S-000" placeholder="">
</td>
<td>
<input type="text" class="form-control text-right" value="$5000.00" placeholder="">
</td>
<td>
<a href="#" class="link"> <i class="mdi mdi-delete"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-deeppruple skugenBtn shadow_pruple">Create SKUs</button>
<button type="button" class="btn btn-primary saveDate shadow_blue">Create</button>
</div>
</div>
</div>
</div>
<script src="../assets/js/image-uploader.js?<?= rand(1, 10000) / 7; ?>"></script>
<script>
$("#AddCategory").select2({
placeholder: "",
allowClear: true
});
$("#AddBrand").select2({
placeholder: "",
allowClear: true
});
$("#VariationsDetail").select2({
placeholder: "",
allowClear: true
});
$(document).on('click', '.skugenBtn', function() {
$(".addSkuWrap").fadeIn();
});
$(document).on('change', '.optionConSize', function() {
if (this.checked) {
$('.addSizeWrap').fadeIn();
} else {
$('.addSizeWrap').fadeOut();
}
});
$(document).on('change', '.optionConOther', function() {
if (this.checked) {
$('.addOtherWrap').fadeIn();
} else {
$('.addOtherWrap').fadeOut();
}
});
$('.inputImages01').imageUploader();
$(document).on("change", "#AddColour", function() {
var colorCode = $(this).val();
$(this).parent().find(".colorCub").attr("style", `background-color:${colorCode};`)
});
</script>