File: /www/wwwroot/wwwshoopermcom/application/views/dashboard/product/add_product.php
<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<div class="row">
<div class="col-sm-12">
<div class="wizard-product">
<h1 class="product-form-title"><?= html_escape($title); ?></h1>
<div class="row">
<div class="col-md-12 wizard-add-product">
<ul class="wizard-progress">
<li class="active" id="step_general"><strong><?= trans("general_information"); ?></strong></li>
<li id="step_dedails"><strong><?= trans("details"); ?></strong></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="box box-add-product">
<div class="box-body">
<div class="alert-message-lg">
<?php $this->load->view('dashboard/includes/_messages'); ?>
</div>
<div class="row">
<div class="col-sm-12 m-b-30">
<label class="control-label"><?php echo trans("images"); ?></label>
<?php $this->load->view("dashboard/product/_image_upload_box"); ?>
</div>
</div>
<?php echo form_open('add-product-post', ['id' => 'form_validate', 'onkeypress' => "return event.keyCode != 13;"]); ?>
<input type="hidden" name="sys_lang_id" value="<?= $this->selected_lang->id; ?>">
<?php if ($this->general_settings->physical_products_system == 1 && $this->general_settings->digital_products_system == 0): ?>
<input type="hidden" name="product_type" value="physical">
<?php elseif ($this->general_settings->physical_products_system == 0 && $this->general_settings->digital_products_system == 1): ?>
<input type="hidden" name="product_type" value="digital">
<?php else: ?>
<div class="form-group">
<label class="control-label"><?= trans('product_type'); ?></label>
<div class="row">
<?php if ($this->general_settings->physical_products_system == 1): ?>
<div class="col-12 col-sm-6 col-custom-field">
<div class="custom-control custom-radio">
<input type="radio" name="product_type" value="physical" id="product_type_1" class="custom-control-input" required>
<label for="product_type_1" class="custom-control-label"><?php echo trans('physical'); ?></label>
<p class="form-element-exp"><?php echo trans('physical_exp'); ?></p>
</div>
</div>
<?php endif; ?>
<?php if ($this->general_settings->digital_products_system == 1): ?>
<div class="col-12 col-sm-6 col-custom-field">
<div class="custom-control custom-radio">
<input type="radio" name="product_type" value="digital" id="product_type_2" class="custom-control-input" required>
<label for="product_type_2" class="custom-control-label"><?php echo trans('digital'); ?></label>
<p class="form-element-exp"><?php echo trans('digital_exp'); ?></p>
</div>
</div>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
<?php if ($active_product_system_array['active_system_count'] > 1): ?>
<div class="form-group">
<label class="control-label"><?= trans('listing_type'); ?></label>
<div class="row">
<?php if ($this->general_settings->marketplace_system == 1): ?>
<div class="col-12 col-sm-6 col-custom-field listing_sell_on_site">
<div class="custom-control custom-radio">
<input type="radio" name="listing_type" value="sell_on_site" id="listing_type_1" class="custom-control-input" required>
<label for="listing_type_1" class="custom-control-label"><?php echo trans('add_product_for_sale'); ?></label>
<p class="form-element-exp"><?php echo trans('add_product_for_sale_exp'); ?></p>
</div>
</div>
<?php endif; ?>
<?php if ($this->general_settings->classified_ads_system == 1 && $this->general_settings->physical_products_system == 1): ?>
<div class="col-12 col-sm-6 col-custom-field listing_ordinary_listing">
<div class="custom-control custom-radio">
<input type="radio" name="listing_type" value="ordinary_listing" id="listing_type_2" class="custom-control-input" required>
<label for="listing_type_2" class="custom-control-label"><?php echo trans('add_product_services_listing'); ?></label>
<p class="form-element-exp"><?php echo trans('add_product_services_listing_exp'); ?></p>
</div>
</div>
<?php endif; ?>
<?php if ($this->general_settings->bidding_system == 1): ?>
<div class="col-12 col-sm-6 col-custom-field listing_bidding">
<div class="custom-control custom-radio">
<input type="radio" name="listing_type" value="bidding" id="listing_type_3" class="custom-control-input" required>
<label for="listing_type_3" class="custom-control-label"><?php echo trans('add_product_get_price_requests'); ?></label>
<p class="form-element-exp"><?php echo trans('add_product_get_price_requests_exp'); ?></p>
</div>
</div>
<?php endif; ?>
<?php if ($this->general_settings->digital_products_system == 1 && $this->general_settings->selling_license_keys_system == 1): ?>
<div class="col-12 col-sm-6 col-custom-field listing_license_keys">
<div class="custom-control custom-radio">
<input type="radio" name="listing_type" value="license_key" id="listing_type_4" class="custom-control-input" required>
<label for="listing_type_4" class="custom-control-label"><?php echo trans('add_product_sell_license_keys'); ?></label>
<p class="form-element-exp"><?php echo trans('add_product_sell_license_keys_exp'); ?></p>
</div>
</div>
<?php endif; ?>
</div>
</div>
<?php else: ?>
<input type="hidden" name="listing_type" value="<?php echo $active_product_system_array['active_system_value']; ?>">
<?php endif; ?>
<div class="form-group form-group-category">
<label class="control-label"><?php echo trans("category"); ?></label>
<select id="categories" name="category_id[]" class="form-control custom-select m-0" onchange="get_subcategories(this.value, 0);" required>
<option value=""><?php echo trans('select_category'); ?></option>
<?php if (!empty($this->parent_categories)):
foreach ($this->parent_categories as $item): ?>
<option value="<?php echo html_escape($item->id); ?>"><?php echo category_name($item); ?></option>
<?php endforeach;
endif; ?>
</select>
<div id="category_select_container"></div>
</div>
</div>
</div>
<div class="panel-group panel-group-product">
<?php $languages = array();
array_push($languages, $this->selected_lang);
if (!empty($this->languages)):
foreach ($this->languages as $language):
if (!empty($language->id != $this->selected_lang->id)) {
array_push($languages, $language);
}
endforeach;
endif;
if (!empty($languages)):
foreach ($languages as $language):?>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse_<?= $language->id; ?>"><?= trans("details"); ?><?= item_count($this->languages) > 1 ? ': ' . $language->name : ''; ?> <?= $this->selected_lang->id != $language->id ? "(" . trans("optional") . ")" : ''; ?><i class="fa fa-caret-down pull-right"></i></a>
</h4>
</div>
<div id="collapse_<?= $language->id; ?>" class="panel-collapse collapse <?= $this->selected_lang->id == $language->id ? 'in' : ''; ?>">
<div class="panel-body">
<div class="form-group">
<label class="control-label"><?php echo trans("title"); ?></label>
<input type="text" name="title_<?= $language->id; ?>" class="form-control form-input" placeholder="<?php echo trans("title"); ?>" <?= $this->selected_lang->id == $language->id ? 'required' : ''; ?> maxlength="490">
</div>
<div class="form-group">
<label class="control-label"><?php echo trans("description"); ?></label>
<div class="row">
<div class="col-sm-12 m-b-5">
<button type="button" id="btn_add_image_editor" class="btn btn-sm btn-info" data-editor-id="editor_<?= $language->id; ?>" data-toggle="modal" data-target="#fileManagerModal"><i class="icon-image"></i> <?php echo trans("add_image"); ?></button>
</div>
</div>
<textarea name="description_<?= $language->id; ?>" id="editor_<?= $language->id; ?>" class="tinyMCEsmall text-editor"></textarea>
</div>
<div class="form-group">
<label class="control-label"><?= trans("seo"); ?></label>
<input type="text" name="seo_title_<?= $language->id; ?>" class="form-control form-input m-b-5" placeholder="<?php echo trans("title"); ?>" maxlength="490">
<input type="text" name="seo_description_<?= $language->id; ?>" class="form-control form-input m-b-5" placeholder="<?php echo trans("description"); ?>" maxlength="490">
<input type="text" name="seo_keywords_<?= $language->id; ?>" class="form-control form-input m-b-5" placeholder="<?php echo trans("keywords"); ?> (E.g. book, new, pencil)" maxlength="490">
</div>
</div>
</div>
</div>
<?php endforeach;
endif; ?>
</div>
</div>
<div class="col-sm-12">
<button type="submit" class="btn btn-lg btn-success pull-right"><?php echo trans("save_and_continue"); ?></button>
</div>
</div>
<?php echo form_close(); ?>
<div class="modal fade" id="fileManagerModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-lg modal-file-manager" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><?php echo trans("images"); ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="icon-close"></i></span>
</button>
</div>
<div class="modal-body">
<div class="file-manager">
<div class="file-manager-left">
<div class="dm-uploader-container">
<div id="drag-and-drop-zone-file-manager" class="dm-uploader text-center">
<p class="file-manager-file-types">
<span>JPG</span>
<span>JPEG</span>
<span>PNG</span>
</p>
<p class="dm-upload-icon">
<i class="icon-upload"></i>
</p>
<p class="dm-upload-text"><?php echo trans("drag_drop_images_here"); ?></p>
<p class="text-center">
<button class="btn btn-default btn-browse-files"><?php echo trans('browse_files'); ?></button>
</p>
<a class='btn btn-md dm-btn-select-files'>
<input type="file" name="file" size="40" multiple="multiple">
</a>
<ul class="dm-uploaded-files" id="files-file-manager"></ul>
<button type="button" id="btn_reset_upload_image" class="btn btn-reset-upload"><?php echo trans("reset"); ?></button>
</div>
</div>
</div>
<div class="file-manager-right">
<div class="file-manager-content">
<div id="ckimage_file_upload_response">
<?php foreach ($file_manager_images as $image): ?>
<div class="col-file-manager" id="ckimg_col_id_<?php echo $image->id; ?>">
<div class="file-box" data-file-id="<?php echo $image->id; ?>" data-file-path="<?php echo get_file_manager_image($image); ?>">
<div class="image-container">
<img src="<?php echo get_file_manager_image($image); ?>" alt="" class="img-responsive">
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
<input type="hidden" id="selected_ckimg_file_id">
<input type="hidden" id="selected_ckimg_file_path">
</div>
</div>
<div class="modal-footer">
<div class="file-manager-footer">
<button type="button" id="btn_ckimg_delete" class="btn btn-sm btn-danger color-white pull-left btn-file-delete m-r-3"><i class="icon-trash"></i> <?php echo trans('delete'); ?></button>
<button type="button" id="btn_ckimg_select" class="btn btn-sm btn-info color-white btn-file-select"><i class="icon-check"></i> <?php echo trans('select_image'); ?></button>
<button type="button" class="btn btn-sm btn-secondary color-white" data-dismiss="modal"><?php echo trans('close'); ?></button>
</div>
</div>
</div>
</div>
</div>
<?php $this->load->view('admin/category/_select_category', ['input_name' => 'category_id[]']); ?>
<script type="text/html" id="files-template-file-manager">
<li class="media">
<img class="preview-img" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="">
<div class="media-body">
<div class="progress">
<div class="dm-progress-waiting"><?php echo trans("waiting"); ?></div>
<div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</li>
</script>
<script>
var txt_processing = "<?php echo trans("txt_processing"); ?>";
$(function () {
$('#drag-and-drop-zone-file-manager').dmUploader({
url: '<?php echo base_url(); ?>upload-file-manager-images-post',
queue: true,
allowedTypes: 'image/*',
extFilter: ["jpg", "jpeg", "png"],
extraData: function (id) {
return {
"file_id": id,
"<?php echo $this->security->get_csrf_token_name(); ?>": $.cookie(csfr_cookie_name)
};
},
onNewFile: function (id, file) {
ui_multi_add_file(id, file, "file-manager");
if (typeof FileReader !== "undefined") {
var reader = new FileReader();
var img = $('#uploaderFile' + id).find('img');
reader.onload = function (e) {
img.attr('src', e.target.result);
}
reader.readAsDataURL(file);
}
},
onBeforeUpload: function (id) {
$('#uploaderFile' + id + ' .dm-progress-waiting').hide();
ui_multi_update_file_progress(id, 0, '', true);
ui_multi_update_file_status(id, 'uploading', 'Uploading...');
$("#btn_reset_upload_image").show();
},
onUploadProgress: function (id, percent) {
ui_multi_update_file_progress(id, percent);
},
onUploadSuccess: function (id, data) {
document.getElementById("uploaderFile" + id).remove();
refresh_ck_images();
ui_multi_update_file_status(id, 'success', 'Upload Complete');
ui_multi_update_file_progress(id, 100, 'success', false);
$("#btn_reset_upload_image").hide();
}
});
});
$(document).on('click', '#btn_reset_upload_image', function () {
$("#drag-and-drop-zone-file-manager").dmUploader("reset");
$("#files-file-manager").empty();
$(this).hide();
});
</script>