ok
Direktori : /home2/selectio/www/application/views/dashboard/product/ |
Current File : /home2/selectio/www/application/views/dashboard/product/_audio_upload_box.php |
<?php defined('BASEPATH') or exit('No direct script access allowed'); ?> <div class="col-sm-12"> <div id="audio_upload_result"> <?php $this->load->view('dashboard/product/_audio_upload_response'); ?> </div> </div> <!-- File item template --> <script type="text/html" id="files-template-audio"> <li class="media"> <div class="media-body"> <div class="progress"> <div class="progress-bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </li> </script> <script> $('#drag-and-drop-zone-audio').dmUploader({ url: '<?php echo base_url(); ?>upload-audio-post', maxFileSize: <?php echo $this->general_settings->max_file_size_audio; ?>, queue: true, extFilter: ["mp3", "wav"], multiple: false, extraData: function (id) { return { "product_id": <?php echo $product->id; ?>, "<?php echo $this->security->get_csrf_token_name(); ?>": $.cookie(csfr_cookie_name) }; }, onDragEnter: function () { this.addClass('active'); }, onDragLeave: function () { this.removeClass('active'); }, onInit: function () { }, onComplete: function (id) { }, onNewFile: function (id, file) { ui_multi_add_file(id, file, "audio"); }, onBeforeUpload: function (id) { ui_multi_update_file_progress(id, 0, '', true); ui_multi_update_file_status(id, 'uploading', 'Uploading...'); }, onUploadProgress: function (id, percent) { ui_multi_update_file_progress(id, percent); }, onUploadSuccess: function (id, product_id) { load_audio_preview(product_id); }, onUploadError: function (id, xhr, status, message) { }, onFallbackMode: function () { }, onFileSizeError: function (file) { $("#drag-and-drop-zone-audio .error-message-file-upload").show(); $("#drag-and-drop-zone-audio .error-message-file-upload p").html("<?php echo trans('file_too_large') . ' ' . formatSizeUnits($this->general_settings->max_file_size_audio); ?>"); setTimeout(function () { $("#drag-and-drop-zone-audio .error-message-file-upload").fadeOut("slow"); }, 4000) }, onFileTypeError: function (file) { }, onFileExtError: function (file) { }, }); $(document).ajaxStop(function () { $('#drag-and-drop-zone-audio').dmUploader({ url: '<?php echo base_url(); ?>upload-audio-post', maxFileSize: <?php echo $this->general_settings->max_file_size_audio; ?>, queue: true, extFilter: ["mp3", "wav"], multiple: false, extraData: function (id) { return { "product_id": <?php echo $product->id; ?>, "<?php echo $this->security->get_csrf_token_name(); ?>": $.cookie(csfr_cookie_name) }; }, onDragEnter: function () { this.addClass('active'); }, onDragLeave: function () { this.removeClass('active'); }, onInit: function () { }, onComplete: function (id) { }, onNewFile: function (id, file) { ui_multi_add_file(id, file, "audio"); }, onBeforeUpload: function (id) { ui_multi_update_file_progress(id, 0, '', true); ui_multi_update_file_status(id, 'uploading', 'Uploading...'); }, onUploadProgress: function (id, percent) { ui_multi_update_file_progress(id, percent); }, onUploadSuccess: function (id, product_id) { load_audio_preview(product_id); }, onUploadError: function (id, xhr, status, message) { }, onFallbackMode: function () { }, onFileSizeError: function (file) { $("#drag-and-drop-zone-audio .error-message-file-upload").show(); $("#drag-and-drop-zone-audio .error-message-file-upload p").html("<?php echo trans('file_too_large') . ' ' . formatSizeUnits($this->general_settings->max_file_size_audio); ?>"); setTimeout(function () { $("#drag-and-drop-zone-audio .error-message-file-upload").fadeOut("slow"); }, 4000) }, onFileTypeError: function (file) { }, onFileExtError: function (file) { }, }); }); function load_audio_preview(product_id) { var data = { "product_id": product_id, "sys_lang_id": sys_lang_id }; data[csfr_token_name] = $.cookie(csfr_cookie_name); $.ajax({ type: "POST", url: base_url + "load-audio-preview-post", data: data, success: function (response) { setTimeout(function () { document.getElementById("audio_upload_result").innerHTML = response; const audio_player = new Plyr('#audio_player'); }, 10000); } }); } </script>