|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/parasoffline.edukrypt.in/application/modules/admin/views/dropbox/ |
Upload File : |
<?php
if(isset($message))
{
echo '<div class="alert alert-success" role="alert">'.$message.'</div>';
}
?>
<div class="row">
<div class="col-md-6">
<?php echo $this->session->flashdata('msg');?>
<div class="box box-primary">
<div class="box-body">
<div class="pull-right"><a class="btn btn-primary" href="<?php echo base_url('admin/dropbox/filelist');?>">File List</a></div>
<form method="post" action="<?php echo base_url(); ?>admin/dropbox/new_upload">
<!-- <div class="form-group">
<label for="task">Task Name</label>
<input type="text" name="task" class="form-control height-e r_field" id="task"
placeholder="Task Name" required>
</div>
<div class="form-group">
<label for="subject">Class</label>
<select id="class" name="class" class="form-control" required>
<option value="" selected disabled>Select Class</option>
<?php
if (!empty($class)) {
foreach ($class as $row) {
?>
<option value="<?php echo $row->id; ?>">
<?php echo ucfirst($row->class); ?>
</option>
<?php }
} ?>
</select>
</div>
<div class="form-group">
<label for="admin_devices">Please Select Subject</label>
<select id="subject" name="subject" class="form-control" required>
<option value="" selected disabled>Select Subject</option>
<?php
if (!empty($subject)) {
foreach ($subject as $row) {
?>
<option value="<?php echo $row->id; ?>">
<?php echo $row->subject; ?></option>
<?php }
} ?>
</select>
</div>
<div class="form-group">
<label for="admin_devices">Book Name</label>
<input type="text" name="bookname" class="form-control height-e r_field"
id="bookname" placeholder="Book Name">
<span id="booknamecheck" style="color: red;"></span>
</div>
<div class="form-group">
<label for="admin_devices">Chapter Name</label>
<input type="text" name="chapternamet" class="form-control height-e r_field"
id="chapternamet" placeholder="Chapter Name">
<span id="chapternametcheck" style="color: red;"></span>
</div>
<div class="form-group">
<label for="admin_devices">Topic Name</label>
<input type="text" name="topicname" class="form-control height-e r_field"
id="topicname" placeholder="Topic Name">
<span id="topicnamecheck" style="color: red;"></span>
</div>
<div class="form-group">
<label for="admin_devices">Exercise Name</label>
<input type="text" name="exercisename" class="form-control height-e r_field"
id="exercisename" placeholder="Exercise Name">
<span id="exercisenamecheck" style="color: red;"></span>
</div>
<div class="form-group">
<label for="admin_devices">Question Number</label>
<input type="text" name="questionnamet"
class="form-control height-e r_field" id="questionnamet"
placeholder="Question Number">
<span id="questionnametcheck" style="color: red;"></span>
</div>
<div class="form-group">
<label for="upload_file">Comment</label>
<textarea placeholder="Enter your Description here..." class="form-control" rows="5"
name="description" id="description"></textarea>
<span id="descriptioncheck" style="color: red;"></span>
</div>
-->
<div class="form-group">
<label for="upload_file">Upload File</label>
<input type="file" id="_new_fu_file" name="upload[]" class="rm_bor" value="" multiple />
<div class="_new_fu_attr" access_token="<?php echo $token; ?>"
upload_folder="<?php echo $folder_name;?>"></div>
<br />
<div class="_del_msg"></div>
<br />
<div class="_new_fu_res"></div>
<br />
</div>
<div id="_v_lang" style="display: none;">
<!-- <div class="_g_set">
<select name="lang[]">
<option value="" selected disabled>Select Language</option>
<?php
if (isset($language) && $language) {
foreach ($language as $row) {
?>
<option value="<?php echo $row->id; ?>">
<?php echo ucfirst($row->language); ?>
</option>
<?php
}
}
?>
</select>
<select name="lang_g[]">
<option value="" selected disabled>Select Language Group</option>
<?php
if (isset($language_groups) && $language_groups) {
foreach ($language_groups as $row) {
?>
<option value="<?php echo $row->id; ?>">
<?php echo ucfirst($row->l_group); ?>
</option>
<?php
}
}
?>
</select>
</div> -->
</div>
<!--
<button id="submit" type="submit" class="btn btn-primary">Submit</button>
<button type="reset" class="btn btn-danger">Reset</button> -->
</form>
</div>
</div>
</div>
</div>
<script src="http://localhost/btofflinetesting/public/js/plupload/plupload.full.min.js"></script>
<script src="http://localhost/btofflinetesting/public/js/application.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropbox.js/4.0.30/Dropbox-sdk.js"></script>
<script type="text/javascript">
$(document).on('change', '#_new_fu_file', function () {
_new_fu_file = this,
file_input = _new_fu_file.files,
_new_fu_attr = $('._new_fu_attr'),
_new_fu_res = $('._new_fu_res'),
__msg = '',
ACCESS_TOKEN = _new_fu_attr.attr('access_token'),
UPLOAD_FOLDER = _new_fu_attr.attr('upload_folder'),
_v_lang = $('#_v_lang').html(),
i__c = 1,
j__c = 1;
if (typeof _new_fu_file !== 'undefined') {
const UPLOAD_FILE_SIZE_LIMIT = 150 * 1024 * 1024;
var dbx = new Dropbox.Dropbox({
accessToken: ACCESS_TOKEN
});
for (var i = 0; i < file_input.length; i++) {
var file = file_input[i];
var clsFileName = file.name.replace(/[^a-z0-9\s]/gi, '').replace(/[_\s]/g, '-');
var upld_fl = $('<div class="upld_files upld_files_' + clsFileName + '">');
_new_fu_res.append(upld_fl);
i__c += 1;
var upld_files = $('.upld_files_' + clsFileName);
j__c += 1;
__msg = '<div class="spinner-border text-dark spinner-border-sm" role="status"></div>' +
'<span style="font-size: 13px;"> File is uploading, please wait...</span>';
upld_files.empty();
upld_files.append(__msg);
extension = file.name.split('.').pop();
if (extension == 'webm' || extension == 'mpg' || extension == 'ogg' || extension == 'mp4' || extension == 'avi' || extension == 'mov' || extension == 'enc') {
if (file.size < UPLOAD_FILE_SIZE_LIMIT) {
dbx.filesUpload({
path: '/' + UPLOAD_FOLDER + '/' + file.name,
contents: file,
autorename: true
}).then(function (response) {
var clsFileName1 = response.name.replace(/[^a-z0-9\s]/gi, '').replace(/[_\s]/g, '-');
if (response) {
var file_name = response.name,
file_size = parseInt(response.size) / 1024,
total_size = '(0KB)';
if (file_size <= 1024) {
total_size = '(' + file_size.toFixed(2) + 'KB)';
} else {
total_size = '(' + (file_size / 1024).toFixed(2) + 'MB)';
}
__msg = '<div class="t_content">' + file_name + ' - ' + total_size + '</div>' + _v_lang +
'<input type="hidden" name="upload[]" value="' + file_name + '">' +
'<a href="javascript:void(0)" class="closebtn upld_f_cls" access_token="' + ACCESS_TOKEN + '" f_loc="/' + UPLOAD_FOLDER + '/' + response.name + '">File Uploaded</a>';
var upld_files_res = $('.upld_files_' + clsFileName1);
upld_files_res.empty();
upld_files_res.append(__msg);
_new_fu_file.value = '';
} else {
__msg = '<span style="font-size: 13px; color: red;">Something went wrong, try again!</span>';
upld_files.empty();
upld_files.append(__msg);
_new_fu_file.value = '';
}
}).catch(function (error) {
console.error(error);
});
} else {
const maxBlob = 8 * 1000 * 1000;
var workItems = [];
var offset = 0;
while (offset < file.size) {
var chunkSize = Math.min(maxBlob, file.size - offset);
workItems.push(file.slice(offset, offset + chunkSize));
offset += chunkSize;
}
const task = workItems.reduce((acc, blob, idx, items) => {
if (idx == 0) {
// Starting multipart upload of file
return acc.then(function () {
return dbx.filesUploadSessionStart({
close: false,
contents: blob
})
.then(response => response.session_id)
});
} else if (idx < items.length - 1) {
// Append part to the upload session
return acc.then(function (sessionId) {
var cursor = {
session_id: sessionId,
offset: idx * maxBlob
};
return dbx.filesUploadSessionAppendV2({
cursor: cursor,
close: false,
contents: blob
}).then(() => sessionId);
});
} else {
// Last chunk of data, close session
return acc.then(function (sessionId) {
var cursor = {
session_id: sessionId,
offset: file.size - blob.size
};
var commit = {
path: '/' + UPLOAD_FOLDER + '/' + file.name,
mode: 'add',
autorename: true,
mute: false
};
return dbx.filesUploadSessionFinish({
cursor: cursor,
commit: commit,
contents: blob
});
});
}
}, Promise.resolve());
task.then(function (response) {
var clsFileName1 = response.name.replace(/[^a-z0-9\s]/gi, '').replace(/[_\s]/g, '-');
if (response) {
var file_name = response.name,
file_size = parseInt(response.size) / 1024,
total_size = '(0KB)';
if (file_size <= 1024) {
total_size = '(' + file_size.toFixed(2) + 'KB)';
} else {
total_size = '(' + (file_size / 1024).toFixed(2) + 'MB)';
}
__msg = '<div class="t_content">' + file_name + ' - ' + total_size + '</div>' + _v_lang +
'<input type="hidden" name="upload[]" value="' + file_name + '">' +
'<a href="javascript:void(0)" class="closebtn upld_f_cls" access_token="' + ACCESS_TOKEN + '" f_loc="/' + UPLOAD_FOLDER + '/' + response.name + '">Files Uploaded</a>';
var upld_files_res = $('.upld_files_' + clsFileName1);
upld_files_res.empty();
upld_files_res.append(__msg);
_new_fu_file.value = '';
} else {
__msg = '<span style="font-size: 13px; color: red;">Something went wrong, try again!</span>';
upld_files.empty();
upld_files.append(__msg);
_new_fu_file.value = '';
}
}).catch(function (error) {
console.error(error);
});
}
} else {
__msg = '<span style="font-size: 13px; color: red;">Only video files are allowed!</span>';
upld_files.empty();
upld_files.append(__msg);
}
// _new_fu_res.append(upld_files);
}
} else {
return false;
}
});
</script>
<script type="text/javascript">
$(document).ready(function() {
// $('#submit').click({
// alert("sdf");
// });
// $('form').bind('click', function (event) {
//
//event.preventDefault();// using this page stop being refreshing
//
// $.ajax({
// type: 'POST',
// url: '#',
// data: $('form').serialize(),
// success: function () {
// alert('form was submitted');
// }
// });
//
// });
//
$('body').on('change','#course',function(){
$.ajax({
type: "POST",
url: "<?php echo base_url('admin/lecture/get_subject'); ?>",
datatype: "html",
beforeSend: function() {
$('#response').fadeIn(100);
},
data : {
course_id : $(this).val()
},
success: function(data)
{
$('#response').fadeOut(100);
$('#subject').empty();
$('#subject').append('<option value="">--select-subject--</option>');
$('#subject').append(data);
$('#chapter').empty();
$('#chapter').append('<option value="">--select-chapter--</option>');
}
});
});
$('body').on('change','#subject',function(){
$.ajax({
type: "POST",
url: "<?php echo base_url('admin/lecture/get_chapter'); ?>",
datatype: "html",
beforeSend: function() {
$('#response').fadeIn(100);
},
data : {
subject_id : $(this).val()
},
success: function(data)
{
$('#response').fadeOut(100);
$('#chapter').empty();
$('#chapter').append('<option value="">--select-chapter--</option>');
$('#chapter').append(data);
}
});
});
$('body').on('change','#subject',function(){
$.ajax({
type: "POST",
url: "<?php echo base_url('admin/lecture/get_chapter'); ?>",
datatype: "html",
beforeSend: function() {
$('#response').fadeIn(100);
},
data : {
subject_id : $(this).val()
},
success: function(data)
{
$('#response').fadeOut(100);
$('#chapter').empty();
$('#chapter').append('<option value="">--select-chapter--</option>');
$('#chapter').append(data);
}
});
});
$('body').on('change','#chapter',function(){
var str = $( "#subject option:selected" ).text()+'_'+$( "#chapter option:selected" ).text();
$('#file_name').val(str.replace(/\s+/g, ''));
});
$('#upload_form').submit(function(e) {
e.preventDefault();
var files = $('#upload_file').prop('files');
var names = $.map(files, function (val) { return val.name; });
$.ajax({
type: 'POST',
url: '<?php echo base_url("admin/lecture/upload1"); ?>',
data:{
files : names,
chapter : $('#chapter').val(),
file_name : $('#file_name').val()
},
beforeSend: function(){
$('#response').fadeIn(100);
},
complete: function(){
$('#response').fadeOut(1000);
},
success: function (data) {
if(data)
{
alert('Well done! You successfully Uploaded Files.');
}
else
{
alert('Try Again Plz!!!');
}
location.reload();
}
});
});
});
</script>