%PDF- %PDF-
Direktori : /home1/dimen328/libertysa.com.br/admin/modules/galerias/ |
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; }