224 lines
9.8 KiB
PHP
Executable File

<?php defined('BASEPATH') or exit('No direct script access allowed');
?>
<script src="https://cdn.tiny.cloud/1/ui8gcs6dfgog0j17ejq5o0ur9gzkh8j6pmtgjgzxf5hqojd9/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/plupload/3.1.2/plupload.full.min.js"></script>
<script>
window.addEventListener("load", function () {
var uploader = new plupload.Uploader({
runtimes: 'html5,html4',
browse_button: 'pickfiles',
url: '<?php echo base_url(); ?>onboarding_video_content/uploadFile',
chunk_size: '1mb',
multipart_params: {
<?php echo $this->security->get_csrf_token_name(); ?>:'<?php echo $this->security->get_csrf_hash(); ?>'
},
/* OPTIONAL
filters: {
max_file_size: '150mb',
mime_types: [{title: "Image files", extensions: "jpg,gif,png"}]
},
*/
init: {
BeforeUpload: function () {
// alert("sdfsdf");
},
FileUploaded : function (up, file, info) {
var data = JSON.parse(info.response);
$("#ob_video_path").val(data.info.filename);
$("#ob_video_name").val(data.info.filepath);
// JSON.parse();
// console.log(info.response);
},
PostInit: function () {
document.getElementById('filelist').innerHTML = '';
},
FilesAdded: function (up, files) {
plupload.each(files, function (file) {
document.getElementById('filelist').innerHTML = `<div id="${file.id}">${file.name} (${plupload.formatSize(file.size)}) <strong></strong></div>`;
});
uploader.start();
},
UploadProgress: function (up, file) {
document.querySelector(`#${file.id} strong`).innerHTML = `
<div class="col-md-6 panel-body">
<div class="progress">
<div class="progress-bar" id="progress_bar" role="progressbar" style="width: ${file.percent}%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">${file.percent}%</div>
</div>
</div>`;
},
Error: function (up, err) {
// console.log(err);
alert("Network slow: Please try again later");
}
}
});
uploader.init();
});
</script>
<!--sidebar end-->
<!--main content start-->
<div class="app-content content">
<section class="content-wrapper">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-12">
<h3 class="font-weight-bold"><?php echo lang('Display Video'); ?></h3>
</div>
</div>
</div>
<hr class="mt-0 mb-0" />
<div class="card-body">
<div class="row">
<div class="col-md-8">
<form action="<?php echo base_url(); ?>onboarding_video_content/addnew" id="vid_frm" onsubmit="return validateForm()" method="post">
<input type="hidden" name="<?php echo $this->security->get_csrf_token_name();?>" value="<?php echo $this->security->get_csrf_hash();?>">
<div class="form-group">
<select class="form-control" name="parent">
<option value="0">Parent</option>
</select>
</div>
<div class="form-group">
<label for="exampleInputEmail1" class="required">Question</label>
<input type="text" class="form-control" value="<?=$value?>" name="obdc_title" id="obdc_title" placeholder="Title" >
<input type="hidden" id="nameId" value="<?=$id?>">
</div>
<div class="form-group">
<label for="exampleInputEmail1" class="required">Answer</label>
<textarea name="content" id="obdc_content"></textarea>
</div>
<script>
tinymce.init({
selector: 'textarea',
plugins: 'a11ychecker advcode casechange formatpainter linkchecker autolink lists checklist media mediaembed pageembed permanentpen powerpaste table advtable tinycomments tinymcespellchecker',
toolbar: 'a11ycheck addcomment showcomments casechange checklist code formatpainter pageembed permanentpen table',
toolbar_mode: 'floating',
tinycomments_mode: 'embedded',
tinycomments_author: 'Author name',
});
</script>
<section class="col-md-12" id="msg_rm">
<?php if(isset($_SESSION['edited'])): ?>
<div class="alert alert-success" role="alert">
<?php echo $_SESSION['edited']; ?>
</div>
<?php endif; ?>
</section>
<button type="submit" name="submit" value="editSlot" class="btn btn-default green">Save</button>
<div class="btn-group">
<a class="btn btn-info btn-min-width" title="<?php echo lang('Back'); ?>" href="<?php echo base_url(); ?>onboarding_video_content">
<i class="fa fa-undo" aria-hidden="true"></i> <?php echo lang('Back'); ?>
</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!--main content end-->
<!--footer start-->
<script type="text/javascript">
$("#ob_video").change(function(){
// var file = this.files[0];
uploadFile();
})
function uploadFile()
{
var formData = new FormData(document.getElementById('vid_frm'));
formData.append('formData', formData);
$.ajax({
url: '<?php echo base_url(); ?>onboarding_video_content/uploadFile', //Server script to process data
type : 'POST',
data : formData,
// dataType: "json",
contentType: false,
cache: false,
processData:false,
//Ajax events
success: function(html){
var data = JSON.parse(html);
$("#ob_video_path").val(data.NEW_FILE_NAME);
$("#ob_video_name").val(data.PATH);
}
});
}
</script>
<script type="text/javascript">
function validateForm(){
var obdc_slug = $("#obdc_slug").val();
if(obdc_slug == ""){
$("#msg_rm").html("<div class='alert alert-danger' role='alert'> Please enter a Slug</div>");
return false;
}
var obdc_title = $("#obdc_title").val();
if(obdc_title == ""){
$("#msg_rm").html("<div class='alert alert-danger' role='alert'> Please enter a title</div>");
return false;
}
// var obdc_content = $("#obdc_content").val();
// if(obdc_content == ""){
// $("#msg_rm").html("<div class='alert alert-danger' role='alert'> Please enter a content</div>");
// return false;
// }
var descID = '';
var obj = [{type:'slug' , value:obdc_slug },{type:'title' , value:obdc_title }];
var msgs = '';
$.ajax('onboarding_video_content/duplicateCheck', {
type: 'POST', // http method
data: { data: obj,descID:descID, <?php echo $this->security->get_csrf_token_name(); ?>:'<?php echo $this->security->get_csrf_hash(); ?>' }, // data to submit
async: false,
success: function (data, status, xhr) {
console.log(JSON.parse(data))
var resp = JSON.parse(data);
resp.forEach( function(resp, index) {
if(resp.duplicate == true)
{
msgs = resp.type+' already exist';
}
});
},
error: function (jqXhr, textStatus, errorMessage) {
// $('p').append('Error' + errorMessage);
alert("error duc");
}
});
if(msgs != ''){
$("#msg_rm").html("<div class='alert alert-danger' role='alert'>"+msgs+"</div>");
return false;
}
else{
return true;
}
}
</script>
<script type="text/javascript">
$(function(){
setTimeout(function(){ $(".tox-notification").hide(); }, 1000);
})
</script>