283 lines
14 KiB
PHP
Executable File
283 lines
14 KiB
PHP
Executable File
<?php defined('BASEPATH') or exit('No direct script access allowed');
|
|
// var_dump($value);
|
|
?>
|
|
|
|
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></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',
|
|
multi_selection: false,
|
|
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.filepath);
|
|
$("#ob_video_name").val(data.info.filename);
|
|
// 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('Edit 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/editContent" onsubmit="return validateForm()" method="post" enctype="multipart/form-data">
|
|
<input type="hidden" name="<?php echo $this->security->get_csrf_token_name();?>" value="<?php echo $this->security->get_csrf_hash();?>">
|
|
<input type="hidden" name="descID" id="descID" value="<?=$id?>">
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1" class="required">Key</label>
|
|
<input type="text" class="form-control" value="<?=$value->video_slug?>" name="obdc_slug" id="obdc_slug" placeholder="Slug" >
|
|
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1" class="required">Title</label>
|
|
<input type="text" class="form-control" value="<?=$value->video_title?>" name="obdc_title" id="obdc_title" placeholder="Title" >
|
|
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1" class="required">Qualification</label>
|
|
<select class="form-control" name="qualification_type" id="qualification_type">
|
|
<option value="" selected>select</option>
|
|
<?php foreach($skills as $skill){
|
|
?>
|
|
<option value="<?php echo $skill->id; ?>"<?php if($value->qualification_type==$skill->id){echo 'selected';} ?>><?php echo $skill->name; ?></option>
|
|
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1" class="required">Description</label>
|
|
<textarea name="content" id="obdc_content"><?=$value->description?></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1" class="required">Video Thumbnail</label><br>
|
|
<input type="file" name="imageThumbnail" id="imageThumbnail">
|
|
|
|
<?php if(!empty($value->thumbnail_path) && !empty($value->thumbnail_name)) { ?>
|
|
<a class="img-icon dwnload" data-docType="<?='1'?>" data-userid="<?=$value->id?>">
|
|
<i class="fa fa-download" aria-hidden="true" style="font-size: 20px;margin-left: -68px;"></i>
|
|
</a>
|
|
<?php } else { ?> <i class="fa fa-ban" aria-hidden="true" style="font-size: 20px;margin-left: -65px;"> <span style="font-size: 15.5px !important;">File not exist</span> </i>
|
|
<?php } ?>
|
|
|
|
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1" class="required">Video</label>
|
|
<div id="container">
|
|
<span id="pickfiles" class="btn btn-primary">Upload files</span>
|
|
<?php if(!empty($value->video_path) && !empty($value->video_name)) { ?>
|
|
<a class="img-icon dwnload" data-docType="<?='2'?>" data-userid="<?=$value->id?>">
|
|
|
|
<i class="fa fa-download" aria-hidden="true" style="font-size: 20px;margin-left: 124px;"></i>
|
|
</a>
|
|
<?php } else { ?> <i class="fa fa-ban" aria-hidden="true" style="font-size: 20px;margin-left: 124px;"> <span style="font-size: 15.5px !important;">File not exist</span> </i>
|
|
<?php } ?>
|
|
</div>
|
|
<input type="hidden" name="ob_video_path" id="ob_video_path">
|
|
<input type="hidden" name="ob_video_name" id="ob_video_name">
|
|
</div>
|
|
<!-- UPLOAD FORM -->
|
|
|
|
|
|
<!-- UPLOAD FILE LIST -->
|
|
<div id="filelist">Your browser doesn't support HTML5 upload.</div>
|
|
<script>
|
|
$(function(){
|
|
var areas = Array('content');
|
|
$.each(areas, function (i, area) {
|
|
CKEDITOR.replace(area);
|
|
});
|
|
});
|
|
</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;
|
|
}
|
|
qualification_type = $("#qualification_type").val();
|
|
if(qualification_type == ""){
|
|
$("#msg_rm").html("<div class='alert alert-danger' role='alert'> Please select a qualification type.</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 = $("#descID").val();
|
|
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;
|
|
}
|
|
// return false;
|
|
|
|
}
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
setTimeout(function(){ $(".tox-notification").hide(); }, 1000);
|
|
|
|
})
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(document).on("click",".dwnload",function() {
|
|
var docType=$(this).data('doctype');
|
|
var userid=$(this).data('userid');
|
|
var link='<?=base_url()?>onboarding_video_content/video_downloader?doctype='+docType+'&userid='+userid;
|
|
window.open(link, 'download');
|
|
});
|
|
</script>
|
|
|
|
|