%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home1/dimen328/libertysa.com.br/admin/modules/galerias/
Upload File :
Create Path :
Current File : //home1/dimen328/libertysa.com.br/admin/modules/galerias/FotosFormJS.js

$(".accordion-toggle").off();
$(".accordion-toggle").on("click", function(){
	if($(this).hasClass("collapsed")){
		$(this).find("i").removeClass("fa-chevron-down").addClass("fa-chevron-up");
	}else{
		$(this).find("i").removeClass("fa-chevron-up").addClass("fa-chevron-down");
	}
});

 
function listarFotos(idGaleria){
	$.ajax({
		url: "modules/galerias/CTRL.php",
		type: 'POST',
		data:{ oper: "8", id: idGaleria },
		complete: function (e, xhr, result){
			if(e.readyState ==4 && e.status ==200){
				try{
					var Obj = eval("("+ e.responseText + ")");//combo os
				}
				catch(err){
				}
				if(Obj != null){
					
					if(Obj.msg =='1'){
						$("#edit-container").html("");
						
						$("#edit-container").append('<style type="text/css">'+
								'.fora { width:220px; height:205px; float: left; margin:5px; padding:10px;}'+
								'.img_class img { width:200px; height:150px;  }'+
					
							'</style>');
						
						titulo = new Array();
						descricao = new Array();
						for(var i = 0; i < Obj.length; i++){
							descricao[Obj[i].id] = Obj[i].descricao;
							
							titulo[Obj[i].id] = Obj[i].titulo;
							/* classe de cores: default / sucess / alert / danger /  warning / link */
							
							if(Obj[i].restrito == 0){
								var restColor = "success";
								var restText = "Público";
								var restBtn = "btnRestrito";
								var restIco = "fa fa-folder-open";
							}else{
								var restColor = "warning";
								var restText = "Restrito";
								var restBtn = "btnPublico";
								var restIco = "fa fa-folder";
							}
							
							if(Obj[i].status == 1){
								var statColor = "success";
								var statText = "Visível";
								var statBtn = "btnInativa";
								var statIco = "fa fa-eye";
							}else{
								var statColor = "warning";
								var statText = "Invisível";
								var statBtn = "btnAtiva";
								var statIco = "fa fa-eye-slash";
							}
							
							if(Obj[i].destaque == 1){
								var destColor = "success";
								var destText = "Destaque";
								var destBtn = "btnDestaqueS";
								var destIco = "fa fa-star";
							}else{
								var destColor = "warning";
								var destText = "Destaque";
								var destBtn = "btnDestaqueN";
								var destIco = "fa fa-star-o";
							}
							
							if (idGaleria == "7") {
								selectLink = '<select style="width: 157px" class="form-control combo-link" data-id="'+Obj[i].id+'"><option id="0">Sem link</option>'+fazOpcoesComboLink(Obj[i].link_portifolio)+'</select>';
							} else {
								selectLink = "";
							}
							

							$("#edit-container").append
							('<div data-ordem="'+parseInt(i+1)+'" data-id="'+Obj[i].id+'" class="fora well">'+
								'<div class="img_class" >'+
									// '<a href="uploads/'+ Obj[i].imagem +'" class="fancybox recTitle'+Obj[i].id+'" rel="fancybox" title="'+Obj[i].descricao+'">' +
									'<img src="uploads/'+ Obj[i].imagem_rec +'" alt="imagem"/>' +
									// '</a>'+
								'</div>'+
									'<div class="form-inline" style="padding:4px 0 0 0;">'+
										// '<button type="button" class="btn btn-xs btn-info btnEditarFoto" title="Editar texto" idDelFoto = "'+Obj[i].id+'"><i class="fa fa-pencil-square-o"></i></button>' +
										// '<button type="button" class="btn btn-xs btn-'+destColor+' '+destBtn+'" title="'+destText+'" idDelFoto = "'+Obj[i].id+'"><i class="'+destIco+'"></i></button>' +
										// '<button type="button" class="btn btn-xs btn-'+restColor+' '+restBtn+'" title="'+restText+'" idDelFoto = "'+Obj[i].id+'"><i class="'+restIco+'"></i></button>' +
										// '<button type="button" class="btn btn-xs btn-'+statColor+' '+statBtn+'" title="'+statText+'" idDelFoto = "'+Obj[i].id+'"><i class="'+statIco+'"></i></button>' +
										'<button type="button" class="btn btn-danger btn-acao btnDeleteFoto" title="Apagar" idDelFoto = "'+Obj[i].id+'"><i class="fa fa-trash-o"></i></button> ' +
										'<button type="button" class="btn btn-success btn-acao btnEditaDesc" title="Editar" idEdtFoto="'+Obj[i].id+'"><i class="fa fa-pencil"></i></button> ' +
										'<button type="button" class="btn btn-primary btn-acao btnEditaTit" title="Editar" idEdtFoto="'+Obj[i].id+'"><i class="fa fa-star-o"></i></button> ' +
										'<button type="button" class="btn btn-warning btn-acao btnOrdenaMenos" title="Apagar" idDelFoto = "'+Obj[i].id+'"><i class="fa fa-long-arrow-left"></i></button> <button type="button" class="btn btn-warning btn-acao btnOrdernaMais" title="Apagar" idDelFoto = "'+Obj[i].id+'"><i class="fa fa-long-arrow-right"></i></button>' +
									'</div>'+	
								'<div class="div-delete" id="del'+Obj[i].id+'" name="del'+Obj[i].id+'">' +
								'<div class="ha" id="ha'+Obj[i].id+'" name="ha'+Obj[i].id+'">' +
								'</div>'+
								'</div>'+
							'</div>');
							
						}
						
						
							
					}	
				}
			}
			
			$(".btnRestrito").off();
			$(".btnRestrito").on("click",function(){
				atualizarVisualizacao($(this).attr("idDelFoto"),1);
			});
			
			$(".combo-link").off();
			$(".combo-link").on("change",function(){
				atualizarLinkGaleria($(this).attr("data-id"), $(this).val());
			});
			
			$(".btnPublico").off();
			$(".btnPublico").on("click",function(){
				atualizarVisualizacao($(this).attr("idDelFoto"),0);
			});
			
			$(".btnInativa").off();
			$(".btnInativa").on("click",function(){
				atualizarStatus($(this).attr("idDelFoto"),2);
			});
			
			$(".btnAtiva").off();
			$(".btnAtiva").on("click",function(){
				atualizarStatus($(this).attr("idDelFoto"),1);
			});
			
			$(".btnDestaqueN").off();
			$(".btnDestaqueN").on("click",function(){
				atualizarDestaque($(this).attr("idDelFoto"),1);
			});
			
			$(".btnDestaqueS").off();
			$(".btnDestaqueS").on("click",function(){
				atualizarDestaque($(this).attr("idDelFoto"),0);
			});
			
			$(".btnOrdenaMenos").off();
			$(".btnOrdenaMenos").on("click",function(){
				divPai = $(this).closest(".fora.well");
				ordem = parseInt(divPai.attr('data-ordem'));
				divMenor = $(".fora.well[data-ordem='"+parseInt(ordem-1)+"']");
				if (divMenor.length > 0) {
					divMenor.attr('data-ordem', ordem);
					divPai.detach().insertBefore(divMenor);
					divPai.attr('data-ordem', parseInt(ordem-1));
					atualizarOrdemFotos(divPai.attr('data-id'), divPai.attr('data-ordem'));
					atualizarOrdemFotos(divMenor.attr('data-id'), divMenor.attr('data-ordem'));
				}					
			});
			
			$(".btnOrdernaMais").off();
			$(".btnOrdernaMais").on("click",function(){
				divPai = $(this).closest(".fora.well");
				ordem = parseInt(divPai.attr('data-ordem'));
				divMaior = $(".fora.well[data-ordem='"+parseInt(ordem+1)+"']");
				if (divMaior.length > 0) {
					divMaior.attr('data-ordem', ordem);
					divPai.detach().insertAfter(divMaior);
					divPai.attr('data-ordem', parseInt(ordem+1));
					atualizarOrdemFotos(divPai.attr('data-id'), divPai.attr('data-ordem'));
					atualizarOrdemFotos(divMaior.attr('data-id'), divMaior.attr('data-ordem'));
				}
			});
			
			$(".btnEditarFoto").off();
			$(".btnEditarFoto").on("click",function(){
				
				$(this).attr("disabled","disabled");
				$("#ha"+$(this).attr("idDelFoto")).append
				('<div class="alert">' +
							'<input type="text" id="titulo'+$(this).attr("idDelFoto")+'" placeholder="Titulo">'+
							'<textarea id="descricaofoto'+$(this).attr("idDelFoto")+'" name="descricaofoto" class="form-control" placeholder ="Descrição da Foto" style="width: 180px; height: 180px;"></textarea>'+
							'<div class="pull-right">' +
								'<div class="btn-group">' +
									'<button type="button" class="btn btn-xs btn-danger btnDeleteN" idDelFoto = "'+$(this).attr("idDelFoto")+'">Voltar</button>' +
									'<button type="button" class="btn btn-xs btn-success btnDeleteS" idDelFoto = "'+$(this).attr("idDelFoto")+'">Salvar</button>' +
								'</div>' +
							'</div>' +
						'</div>' +
					'</div>' +
					'</th>');
				
				$(".btnDeleteS").off();
				$(".btnDeleteS").on("click",function(){
					atualizarDescricao($(this).attr("idDelFoto"),$("#descricaofoto"+$(this).attr("idDelFoto")).val(),$("#titulo"+$(this).attr("idDelFoto")).val());
				});
				
				$(".btnDeleteN").off();
				$(".btnDeleteN").on("click",function(){
					$(this).parents(".div-delete").prev().children(".btnEditarFoto").removeAttr("disabled");
					$(this).parents(".ha").children().remove();
				});
				
				$("#descricaofoto"+$(this).attr("idDelFoto")).val($(".recTitle"+$(this).attr("idDelFoto")).attr("title"));
				
			});
			
			$(".btnEditaDesc").off();
			$(".btnEditaDesc").on('click',function(){
				idFoto = parseInt($(this).attr('idEdtFoto'));
				descricaoAtual = descricao[idFoto] == undefined ? '' : descricao[idFoto];
				swal({
				  title: 'Nova descrição da imagem',
				  text: 'Digite uma nova descrição para a imagem',
				  input: 'textarea',
				  inputValue: descricaoAtual,
				  confirmButtonText: 'Alterar',
				  cancelButtonText: 'Cancelar',
				  showCancelButton: true
				}).then(function (text) {
				  if (text) {
					atualizarDescricao(idFoto,text,titulo[idFoto]);
					descricao[idFoto] = text;
				  }
				});
			});
			
			$(".btnEditaTit").off();
			$(".btnEditaTit").on('click',function(){
				idFoto = parseInt($(this).attr('idEdtFoto'));
				titAtual = titulo[idFoto] == undefined ? '' : titulo[idFoto];
				swal({
				  title: 'Novo título da imagem',
				  text: 'Digite um novo título para a imagem',
				  input: 'text',
				  inputValue: titAtual,
				  confirmButtonText: 'Alterar',
				  cancelButtonText: 'Cancelar',
				  showCancelButton: true
				}).then(function (text) {
				  if (text) {
					atualizarDescricao(idFoto,descricao[idFoto],text);
					titulo[idFoto] = text;
				  }
				});
			});
			
			$(".btnDeleteFoto").off();
			$(".btnDeleteFoto").on('click',function(){
				$(this).attr("disabled","disabled");
				$("#del"+$(this).attr("idDelFoto")).append
				('<div style="position: absolute; z-index: 9999;" class="alert alert-delete alert-warning">' +
							'Excluir esta foto?' +
							'<div class="pull-right">' +
								'<div style="top: 25px;" class="btn-group">' +
									'<button type="button" class="btn btn-success btnDeleteS" idDelFoto = "'+$(this).attr("idDelFoto")+'">Sim</button>' +
									'<button type="button" class="btn btn-danger btnDeleteN" idDelFoto = "'+$(this).attr("idDelFoto")+'">Não</button>' +
								'</div>' +
							'</div>' +
						'</div>' +
					'</div>' +
					'</th>');
				
				$(".btnDeleteS").off();
				$(".btnDeleteS").on("click",function(){
					excluirFoto($(this).attr("idDelFoto"));
				});
				
				$(".btnDeleteN").off();
				$(".btnDeleteN").on("click",function(){
					$(this).parents(".div-delete").prev().children(".btnDeleteFoto").removeAttr("disabled");
					$(this).parents(".div-delete").children().remove();
				});
				
			});//fim btnDelete
			
		}
	});
}

listarFotos($("#idGaleria").val());

function excluirFoto(id){

	$.ajax({
		url: "modules/galerias/CTRL.php",
		type: 'POST',
		data: { oper: "7", id: id },
		complete: function (e, xhr, result) {
			if (e.readyState == 4 && e.status == 200) {

				try { 
					var Obj = eval("(" + e.responseText + ")"); //Combo OS
				}
				catch (err) {
				}
				
				if(Obj != null){
				
					if(Obj.msg == '1'){
						$("#del"+id).parent().remove();
						// $("#del"+id).remove();
					}
				
				}
			}
			
		}
		
	});
}

function atualizarOrdemFotos(id, ordem){

	$.ajax({
		url: "modules/galerias/CTRL.php",
		type: 'POST',
		data: { oper: "17", id: id, ordem: ordem },
		complete: function (e, xhr, result) {
			
		}
		
	});
}

function atualizarLinkGaleria(id, val){

	$.ajax({
		url: "modules/galerias/CTRL.php",
		type: 'POST',
		data: { oper: "15", id: id, val: val},
		complete: function (e, xhr, result) {

		}
		
	});
}

function atualizarVisualizacao(id,visualizacao){

	$.ajax({
		url: "modules/galerias/CTRL.php",
		type: 'POST',
		data: { oper: "10", id: id, visualizacao: visualizacao },
		complete: function (e, xhr, result) {
			if (e.readyState == 4 && e.status == 200) {

				try { 
					var Obj = eval("(" + e.responseText + ")"); //Combo OS
				}
				catch (err) {
				}
				
				if(Obj != null){
				
					if(Obj.msg == '1'){
						listarFotos($("#idGaleria").val());
					}
				
				}
			}
			
		}
		
	});
}

function atualizarStatus(id,visualizacao){

	$.ajax({
		url: "modules/galerias/CTRL.php",
		type: 'POST',
		data: { oper: "11", id: id, visualizacao: visualizacao },
		complete: function (e, xhr, result) {
			if (e.readyState == 4 && e.status == 200) {

				try { 
					var Obj = eval("(" + e.responseText + ")"); //Combo OS
				}
				catch (err) {
				}
				
				if(Obj != null){
				
					if(Obj.msg == '1'){
						listarFotos($("#idGaleria").val());
					}
				
				}
			}
			
		}
		
	});
}

function atualizarDestaque(id,visualizacao){

	$.ajax({
		url: "modules/galerias/CTRL.php",
		type: 'POST',
		data: { oper: "12", id: id, visualizacao: visualizacao },
		complete: function (e, xhr, result) {
			if (e.readyState == 4 && e.status == 200) {

				try { 
					var Obj = eval("(" + e.responseText + ")"); //Combo OS
				}
				catch (err) {
				}
				
				if(Obj != null){
				
					if(Obj.msg == '1'){
						listarFotos($("#idGaleria").val());
					}
				
				}
			}
			
		}
		
	});
}

function atualizarDescricao(id,descricao,titulo){

	$.ajax({
		url: "modules/galerias/CTRL.php",
		type: 'POST',
		data: { oper: "14", id: id, descricao: descricao, titulo:titulo },
		complete: function (e, xhr, result) {
			if (e.readyState == 4 && e.status == 200) {

				try { 
					var Obj = eval("(" + e.responseText + ")"); //Combo OS
				}
				catch (err) {
				}
				
				if(Obj != null){
				
					if(Obj.msg == '1'){
						listarFotos($("#idGaleria").val());
					}
				
				}
			}
			
		}
		
	});
}

function atualizarOrdemFotos(id, ordem){

	$.ajax({
		url: "modules/galerias/CTRL.php",
		type: 'POST',
		data: { oper: "17", id: id, ordem: ordem },
		complete: function (e, xhr, result) {
			
		}
		
	});
}



$(".fancybox").fancybox({
	prevEffect		: 'none',
	nextEffect		: 'none',
	closeBtn		: false,
	helpers		: {
		overlay : { css : { 'background' : 'rgba(6, 13, 2, 0.95)' } },
		title	: { type : 'inside' },
		buttons	: {}
	}
});

/* inicio do upload no Document.Ready */ 
	
	// $filequeue = $(".filelist.queue");
	// $filelist = $(".filelist.complete");
	
	$(".upload").upload({
		multiUpload: true, /* multipla seleção*/
		label: '<span class="spn-dragdrop">Arraste uma imagem <br> ou <br> clique para escolher</span><div class="img-dragdrop" style="display: none"><img class="img-responsive portfolio-item" src="" alt=""></div>', /* descrição no drag and drop*/
		maxSize: 5804857600, /* tamanho max do file*/
		action: "includes/uploader.inc.php", /*url submit file */
		postData: {pasta: "uploads",idGaleria: $("#idGaleria").val(),modulo:"cms_fotos"}   /* pasta onde irão os arquivos + id da galeria */
	}).on("start.upload", onStart)
	  .on("complete.upload", onComplete)
	  .on("filestart.upload", onFileStart)
	  .on("fileprogress.upload", onFileProgress)
	  .on("filecomplete.upload", onFileComplete)
	  .on("fileerror.upload", onFileError);	
/* fim do upload no Document.Ready */

/* demais funções do Upload */
	var $filequeue,
		$filelist;

	function onStart(e, files) {
		// console.log("Start " + files.length);
		// console.log(files);   
		// var html = '';
		// for (var i = 0; i < files.length; i++) {
			// html += '<li data-index="' + files[i].index + '"><span class="file">' + files[i].name + '</span><span class="progress">Queued</span></li>';
		// }
		// $filequeue.append(html);
	}

	function onComplete(e) {
		// console.log("Complete");
		// console.log($(this).attr("id"));
		// All done!
	}

	function onFileStart(e, file) {
		// console.log("File Start");
		// $filequeue.find("li[data-index=" + file.index + "]")
				  // .find(".progress").text("0%");
	}

	function onFileProgress(e, file, percent) {
		// console.log("File Progress");
		// $filequeue.find("li[data-index=" + file.index + "]")
				  // .find(".progress").text(percent + "%");
	}

	function onFileComplete(e, file, response) {
		// retorno do upload.php => file.transfer.responseJSON
		var obj = file.transfer.responseJSON;

		if (obj.msg == "1"){
			
			listarFotos(obj.idGaleria);
		
		}

	}

	function onFileError(e, file, error) {
		// console.log("File Error");
		// $filequeue.find("li[data-index=" + file.index + "]").addClass("error")
				  // .find(".progress").text("Error: " + error);
	}	
/* demais funções do Upload */


	function fazOpcoesComboLink(selected) {		
		opcoesComboLink = "";
		$.ajax({
			url : "modules/noticias/CTRL.php",
			type : "POST",
			data : {oper: 2, idtipopagina: 2, filtro: ""},
			async: false,
			success : function(result){
				result = JSON.parse(result);
				for (var i = 0; i < result.length; i++) { 
					if (result[i].id_galeria == selected) {
						opcoesComboLink += '<option selected value="'+result[i].id_galeria+'">'+result[i].titulo+'</option>">';
					} else {
						opcoesComboLink += '<option value="'+result[i].id_galeria+'">'+result[i].titulo+'</option>">';
					}
				}
				return opcoesComboLink;
			}
		});
		return opcoesComboLink;
	}

Zerion Mini Shell 1.0