File "media_widget_uploder.blade.php"
Full path: /home/qooetu/costes.qooetu.com/resources/views/widgets/media_widget_uploder.blade.php
File
size: 10.81 B
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor &nnbsp; Back
<!-- #modal-message -->
<div class="modal modal-message fade" id="modal-message" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Media Manager</h4>
</div>
<div class="modal-body">
<form id="fileupload" action="{{url('/file/upload')}}" method="POST" enctype="multipart/form-data">
<div class="row fileupload-buttonbar">
<div class="col-md-12">
<span class="btn btn-success fileinput-button">
<i class="fa fa-plus"></i>
<span>Add files...</span>
<input type="file" name="files[]" multiple>
</span>
<button type="submit" class="btn btn-primary start">
<i class="fa fa-upload"></i>
<span>Start upload</span>
</button>
<button type="reset" class="btn btn-warning cancel">
<i class="fa fa-ban"></i>
<span>Cancel upload</span>
</button>
<button type="button" class="btn btn-danger delete">
<i class="glyphicon glyphicon-trash"></i>
<span>Delete</span>
</button>
<!-- The global file processing state -->
<span class="fileupload-process"></span>
</div>
<!-- The global progress state -->
<div class="col-md-5 fileupload-progress fade">
<!-- The global progress bar -->
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-success" style="width:0%;"></div>
</div>
<!-- The extended global progress state -->
<div class="progress-extended"> </div>
</div>
</div>
<!-- The table listing the files available for upload/download -->
<table role="presentation" class="table table-striped"><tbody class="files"></tbody></table>
</form>
</div>
<div class="modal-footer">
<div class="col-md-12" id="load_more" data-lastid="">
<div class="row" style="margin-bottom: 5px;">
<h4 class="text-left">Choose Image(s)</h4>
<div class="superbox" data-offset="54" id="gallery-manager">
</div>
</div>
</div>
<a href="#" class="pull-left btn btn-default btn-sm"><i class="fa fa-refresh"></i> Load More Images</a>
<a href="javascript:;" class="btn btn-sm btn-white" data-dismiss="modal">Cancel</a>
<a href="javascript:;" data-id="" data-url="" id="insert_image" class="btn btn-sm btn-primary">Insert Image</a>
</div>
</div>
</div>
</div>
@push('uploadscrits')
<script type="text/javascript">
$(document).ready(function() {
FormMultipleUpload.init();
$("body").on("change",'input[name=icon]',function(){
dataid=$(this).attr("data-id");
dataurl=$(this).attr("data-url");
});
$("#insert_image").on("click",function(){
if(mode=="multiple")
{
images=[];
imagesids=[];
$("#gallery-manager input:checkbox:checked").each(function(){
images.push($(this).attr('data-url'));
imageids.push($(this).attr('data-id'));
});
$.each(images, function(index, item) {
var html_image="<div class='superbox-list'>"+
"<img src='"+item+"' style='width:200px;height: 100px;' class='superbox-img' />"+
"</div>";
//console.log(imageid);
$("#"+imageid).prepend(html_image);
});
var ids="";
$.each(imageids, function(index, item) {
ids=ids+item+",";
//console.log(imageid);
});
//console.log(ids);
$("#"+inputid).val(ids);
}
else
{
//console.log(imageid);
$("#"+inputid).val(dataid);
$("#"+imageid).attr("src",dataurl);
}
$("#modal-message").modal('hide');
});
$(".uploadmodalwidget").on("click",function(){
$(".files").html("");
$("#gallery-manager").html("");
inputid=$(this).attr("data-inputid");
mode=$(this).attr("data-mode");
imageid=$(this).attr("data-divid");
$.post("http://school.dev/file/fetch").done(function(data){
var data=$.parseJSON(data);
if(mode=="multiple")
{
// imageid=$(this).attr("data-divid");
$.each(data, function(key,value){
if(value.extention=="pdf")
{
var html_image_multiple="<div class='superbox-list'>"+
"<img src='"+baseurl+"/img/pdf.png' style='width:100px;height: 75px;' class='superbox-img' />"+
"<div class='input-group'>"+
"<span class='input-group-addon'>"+
"<input data-url='"+baseurl+"/uploads/"+value.filename+"' data-id='"+value.id+"' type='checkbox' name='icon'>"+
"</span>"+
"<a href='#' class='form-control'>View</a>"+
"</div>"+
"</div>";
}
else
{
var html_image_multiple="<div class='superbox-list'>"+
"<img src='"+baseurl+"/uploads/"+value.filename+"' style='width:100px;height: 75px;' class='superbox-img' />"+
"<div class='input-group'>"+
"<span class='input-group-addon'>"+
"<input data-url='"+baseurl+"/uploads/"+value.filename+"' data-id='"+value.id+"' type='checkbox' name='icon'>"+
"</span>"+
"<input type='text' readonly class='form-control' value='Select'>"+
"</div>"+
"</div>";
}
$("#gallery-manager").prepend(html_image_multiple);
//console.log(value);
});
}
else
{
$.each(data, function(key,value){
var html_image_single="<div class='superbox-list'>"+
"<img src='"+baseurl+"/uploads/"+value.filename+"' style='width:100px;height: 75px;' class='superbox-img' />"+
"<div class='input-group'>"+
"<span class='input-group-addon'>"+
"<input data-url='"+baseurl+"/uploads/"+value.filename+"' data-id='"+value.id+"' type='radio' name='icon'>"+
"</span>"+
"<input type='text' readonly class='form-control' value='Select'>"+
"</div>"+
"</div>";
$("#gallery-manager").prepend(html_image_single);
//console.log(value);
});
}
//console.log(data);
});
});
});
</script>
@endpush