Admin Control Panel v2.0

✎ Editing: add.blade.php ← Back

@include('admin.common.header')

<style>

</style>

@include('admin.common.leftmenu')

<h1>

Image Gallery

<small>Control panel</small>

</h1>

<li>Image Gallery</li> <li class="active">Upload</li>

</ol>

</section>

<h3 class="box-title">Image Gallery</h3>

</div>

<?php 	 echo (!empty($messages))?$messages:'';	?>

<!--<div class="col-sm-6">

<label>Select Category </label> <br/>

<option value="">--Select One--</option>

<?php if(!empty($categoryList)) { ?>

<?php foreach($categoryList as $category){ ?>

<option value="<?php echo $category->category_id;?>"><?php echo $category->category_name;?></option>

<?php } ?>

</select> <button name="delCat"  id="deleteCategory" style="margin-bottom:5px;">Delete Category</button>

</div>

<button name="addCat" id="addCategory">Add Category</button>

</div>

</div><br/>-->

<button id="pickfiles">Add Photos</button>

<button id="start">Upload <div id="loader" style="display:none"><img src="{{ asset('assets/admin/images/loader.gif'); }}" /></div></button>

<button  class="savename">save image name</button>

</div>

</div>

</div>

</div>

</div>

</section>

</aside>

function save_gallery_name(id,name){

$('#loader').show();

$.ajax({

url:'<?php echo asset('/admin/image-gallery/savename/'); ?>/',

type:'get',

async:false,

data:{galid:id,galname:name},

dataType:'json',

statusCode: {

302:function(){ alert('Forbidden. Access Restricted'); },

403:function(){ alert('Forbidden. Access Restricted','403'); },

404:function(){ alert('Page not found','404'); },

500:function(){ alert('Internal Server Error','500'); }

}

}).done(function(responseData){

if(responseData.status==true){

$('#loader').hide();

}

}).error(function(jqXHR,textStatus){

t = false;$('#loader').hide();

});

}

function delete_gallery_image(id,elem){

$.ajax({

url:'<?php echo asset('/admin/image-gallery/delete/'); ?>/'+id,

type:'get',

async:false,

data:{},

dataType:'json',

statusCode: {

302:function(){ alert('Forbidden. Access Restricted'); },

403:function(){ alert('Forbidden. Access Restricted','403'); },

404:function(){ alert('Page not found','404'); },

500:function(){ alert('Internal Server Error','500'); }

}

}).done(function(responseData){

if(responseData.status==true){

elem.closest('.imageHolder').remove();

}

}).error(function(jqXHR,textStatus){

t = false;

});

}

function get_Image_gallery(ImageID){

$('#old_gallery').html('');

$('#loader').show();

$.ajax({

url:'<?php echo asset('/admin/image-gallery/get_old_files/'); ?>',

type:'post',

async:false,

data:{categoryID:$('#categoryID option:selected').val()},

dataType:'json',

statusCode: {

302:function(){ alert('Forbidden. Access Restricted'); 	$('#loader').hide();},

403:function(){ alert('Forbidden. Access Restricted','403'); 	$('#loader').hide();},

404:function(){ alert('Page not found','404'); 	$('#loader').hide();},

500:function(){ alert('Internal Server Error','500'); 	$('#loader').hide();}

}

}).done(function(responseData){

if(responseData.status==true){

var images = responseData.gallery;

// console.log(images.length)

if(images.length==0){

alert('No Images found!');

}

for(var kk=0,ll=images.length;kk<ll;kk++){

$('#old_gallery').append('<div class="col-sm-3"><div class="imageHolder"><p><input type="text" name="imgName[]" id="imgName" data-imgid="'+images[kk].gallery_id+'" value="'+images[kk].gallery_label+'" /></p><img src="<?php echo asset('assets/uploads/image_gallery/thumb/')?>/'+images[kk].gallery_image_name+'"/><a class="downImg" href="<?php echo asset('admin/image-gallery/download')?>/'+images[kk].gallery_image_name+'"><i class="fa fa-download"></i></a><span class="delGalImg" data-id="'+images[kk].gallery_id+'"></span></div></div>');

}

$('#loader').hide();

}).error(function(jqXHR,textStatus){

t = false;

$('#loader').hide();

});

}

$(document).ready(function(){

var cusBaseURL = '<?php echo asset('/'); ?>';

$('#old_gallery').on('click','.delGalImg',function(e){

// console.log('asd')

if(confirm('Are you sure you want to delete?')==true){

delete_gallery_image($(this).attr('data-id'),$(this));

}

});

$('#container').on('click','.savename',function(e){

//console.log($(this).attr('data-imgid')+'-------'+$(this).siblings('.imgName').attr('value'))

$('input[name="imgName[]"]').each(function() {

save_gallery_name($(this).attr('data-imgid'),$(this).val());

});

get_Image_gallery();

});

get_Image_gallery();

var uploader = new plupload.Uploader({

runtimes : 'html5,flash,silverlight,html4',

browse_button : 'pickfiles', // you can pass in id...

container: document.getElementById('container'), // ... or DOM Element itself

url : '<?php echo asset('/admin/image-gallery/file-upload')?>/'+$('#categoryID option:selected').val(),

flash_swf_url : '<?php echo asset('assets/admin/js/fu/Moxie.swf')?>',

silverlight_xap_url :  '<?php echo asset('assets/admin/js/fu/Moxie.xap')?>',

filters : {

max_file_size : '10mb',

mime_types: [

{title : "Image files", extensions : "jpg,gif,png"},

]

multipart_params : {

"ImageIDE" : $( "#categoryID option:selected" ).val(),

init: {

PostInit: function() {

// document.getElementById('filelist').innerHTML = '';

document.getElementById('start').onclick = function() {

uploader.start();

return false;

};

BeforeUpload:function (up,files){

// console.log(uploader.settings)

var status_before = files.status;

$('#loader').show();

uploader.settings.url = '<?php echo asset('/admin/image-gallery/file-upload')?>/'+$('#categoryID option:selected').val();

FilesAdded: function(up, files) {

UploadProgress: function(up, file) {

FileUploaded:function(up,file,response){

//document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";

// console.log(response.response)

var t = response.response;

// console.log(t);

var rt  = $.parseJSON(t);

// rt = rt[0];

if(rt.status == true ){

$('#old_gallery').append('<div class="col-sm-3"><div class="imageHolder"><p><input type="text" name="imgName[]" id="imgName" data-imgid="'+rt.id+'" value="'+rt.label+'" /></p><img src="<?php echo asset('assets/uploads/image_gallery/thumb/')?>/'+rt.fileName+'"/><a class="downImg" href="<?php echo asset('admin/image-gallery/download')?>/'+rt.fileName+'"><i class="fa fa-download"></i></a><span class="delGalImg" data-id="'+rt.id+'"></span></div></div>');

}

UploadComplete:function(up,files){

// $('#upProg').css({width:"0%",'height':'0px'});

// $('#upProg').Image().hide();

$('#loader').hide();

Error: function(up, err) {

document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message;

}

});

uploader.init();

});

</script>

@include('admin.common.footer')

Cancel