"); } }); } if ($('.modalPopup').is(':visible')) { window.setInterval(function () { var height = $(".iframe").contents().find("html").innerHeight(); var headerPopUp = $("#headerPopUp").innerHeight(); console.log(height); if (height == undefined && $("#ctl00_ContentPlaceHolder1_UserLoginStatus").val() == 1) { height = 274; } else if (height == undefined) { height = 500; } else if ($('#ctl00_ContentPlaceHolder1_IframeContrato').length > 0 && height == 0) { height = 500; headerPopUp = 45 } if (height > 0) { $(".iframe").contents().find("#ctl00_ContentPlaceHolder1_UpdatePanel1").css("overflow", "hidden"); $(".iframe").contents().find("body").css("margin-top", "-40px"); $(".iframe").css("height", height + 1); $(".modalPopup").css("height", height + headerPopUp + 16); } }, 1500); } function iFrameChange() { console.log('testeteste'); var element = document.getElementsByClassName("iframe")[0]; if (element != null) { var elementProdId = document.getElementsByClassName("spanProdIdClass")[0].innerHTML; element.src = 'https://contabilstore.org.br//identificacao?prodId=' + elementProdId; } } $('#ulThumbsMob a').click(function () { $('.ImgProdutoMob a').attr('onclick', 'openPhotoSwipe(' + $(this).attr('data-id') + ')'); }); var openPhotoSwipe = function (index) { // Verificar se o array items está populado if (!items || items.length === 0) { console.warn('Array items vazio, tentando repovoar...'); // Tentar repovoar o array items var $ulThumbs = $('#ulThumbs'); if ($ulThumbs.length > 0) { $ulThumbs.find('.item img').each(function() { var $item = $(this).closest('.item'); var src = $item.attr('data-img-zoom') || $(this).attr('src'); if (src) { items.push({ src: src, w: 1600, h: 1600 }); } }); } // Se ainda estiver vazio, tentar com ulThumbsMob if (items.length === 0) { var $ulThumbsMob = $('#ulThumbsMob'); if ($ulThumbsMob.length > 0) { $ulThumbsMob.find('.item img').each(function() { var $item = $(this).closest('.item'); var src = $item.attr('data-img-zoom') || $(this).attr('src'); if (src) { items.push({ src: src, w: 1600, h: 1600 }); } }); } } // Se ainda estiver vazio, mostrar erro if (items.length === 0) { console.error('Não foi possível carregar as imagens para o PhotoSwipe'); alert('Erro ao carregar as imagens. Tente recarregar a página.'); return; } } // PhotoSwipe 5.x não precisa de elemento HTML predefinido // Configurar opções para PhotoSwipe 5.x var options = { gallery: '#ulThumbs', // Seletor do contêiner da galeria children: 'a', // Seletor dos links das imagens pswpModule: PhotoSwipe, // Módulo PhotoSwipe index: index || 0, // Índice inicial showHideAnimationType: 'none', // Sem animação bgOpacity: 0.8, // Opacidade do fundo spacing: 0.1, // Espaçamento entre slides allowPanToNext: false, // Não permitir pan para próxima imagem loop: false, // Não fazer loop pinchToClose: true, // Permitir fechar com pinch closeOnVerticalDrag: true, // Permitir fechar arrastando verticalmente hideAnimationDuration: 333, showAnimationDuration: 333, zoom: true, // Permitir zoom preload: [1, 1] // Pré-carregar 1 imagem antes e depois }; // Criar e inicializar PhotoSwipe 5.x var lightbox = new PhotoSwipeLightbox({ gallery: document.body, // Container temporário children: [], // Será definido dinamicamente pswpModule: PhotoSwipe, ...options }); // Configurar os dados das imagens lightbox.addFilter('itemData', (itemData, index) => { if (items && items[index]) { return { src: items[index].src, width: items[index].w, height: items[index].h, alt: 'Imagem do produto ' + (index + 1) }; } return itemData; }); lightbox.addFilter('numItems', () => { return items ? items.length : 0; }); lightbox.init(); // Abrir na imagem especificada lightbox.loadAndOpen(index || 0); }; var demoTrigger = $('.demo-trigger')[0]; var paneContainer = $('.col-last')[0]; if ($(window).width() > 768) { new Drift(demoTrigger, { paneContainer: paneContainer, inlinePane: false, }); } function addItem(object) { if ($(object).parent().parent().parent().hasClass('mobNew')) { qtdItems++; if (jQuery('.mobNew li img').length == qtdItems) { $('.mobNew li img').each(function () { let src = $(this).attr('src').replace("Thumb1", "Big"); let is = { src: src, w: $(this).width() * 15, h: $(this).height() * 15, }; items.push(is); }) } } object.addEventListener('click', TrocaImagem, false); } var currentLojaId = null; var currentProdId = null; var currentProdFilhoId = null; function abrircalendario() { if (document.getElementById('ctl00_ContentPlaceHolder1_h_Agendamento').value == 'True') { // Oculte os detalhes do frete $("#detalhesFrete").hide(); $("input[type='radio'][name='transportadora']").prop('checked', false); // Restaure o calendário $("#divCalendarioAgendamento").show(); updateCalendarWithRestrictions(); } } // Função para inicializar o calendário com restrições function updateCalendarWithRestrictions() { var lojaID = parseInt(document.getElementById('ctl00_ContentPlaceHolder1_h_lojaID').value); var produtoID = parseInt(document.getElementById('ctl00_ContentPlaceHolder1_h_pid').value); var produtoFilhoId = parseInt(document.getElementById('ctl00_ContentPlaceHolder1_h_pfid').value); currentLojaId = lojaID; currentProdId = produtoID; currentProdFilhoId = produtoFilhoId; // Obter a data atual ou a data selecionada var currentDate = $("#calendario").datepicker("getDate") || new Date(); var mes = currentDate.getMonth() + 1; // Meses são zero-based var ano = currentDate.getFullYear(); // Carregar horários disponíveis para o mês atual carregarHorariosDisponiveis(lojaID, produtoID, mes, ano, function () { $("#calendario").datepicker({ regional: "pt-BR", monthNames: [ "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro" ], monthNamesShort: [ "Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez" ], dayNames: [ "Domingo", "Segunda-feira", "Terça-feira", "Quarta-feira", "Quinta-feira", "Sexta-feira", "Sábado" ], dayNamesShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"], minDate: 0, dayNamesMin: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"], beforeShowDay: function (date) { var today = new Date(); today.setHours(0, 0, 0, 0); var checkDate = new Date(date.getFullYear(), date.getMonth(), date.getDate()); var stringDate = $.datepicker.formatDate("yy-mm-dd", checkDate); var isPassada = checkDate < today; if (isPassada) { return [false, "passada", "Data passada"]; } else if (agendamentosPorData[stringDate] && agendamentosPorData[stringDate].length > 0) { return [true, "desbloqueada", "Disponível"]; } else { return [false, "bloqueada", "Bloqueada"]; } }, onChangeMonthYear: function (year, month, inst) { mes = parseInt(month); ano = parseInt(year); // Limpar dados existentes agendamentosPorData = {}; // Carregar horários disponíveis para o novo mês carregarHorariosDisponiveis(lojaID, produtoID, mes, ano, function () { LimpaDatepicker(); }); // Remover a classe selecionada de todas as datas $(".selected-date").removeClass("selected-date"); // Atualizar o datepicker com as novas restrições $("#calendario").datepicker("refresh"); }, onSelect: function (dateText, inst) { // Remover a classe selecionada de todas as datas $(".selected-date").removeClass("selected-date"); // Adicionar a classe selecionada à data escolhida var selectedDate = $("#calendario").datepicker("getDate"); var formattedDate = $.datepicker.formatDate("yy-mm-dd", selectedDate); var day = selectedDate.getDate(); var month = selectedDate.getMonth() + 1; // Meses são zero-based var year = selectedDate.getFullYear(); // Selecionar o elemento da data no calendário var dateElement = $("#calendario").find(".ui-datepicker-calendar td a").filter(function () { return $(this).text() == day; }); dateElement.addClass("selected-date"); handleDateSelection(dateText); } }); // Adicionar classes personalizadas para estilização $("#calendario .bloqueada a").addClass("bloqueada"); $("#calendario .desbloqueada a").addClass("desbloqueada"); }); } var agendamentosPorData = {}; // Função para carregar horários disponíveis via AJAX function carregarHorariosDisponiveis(lojaId, produtoId, mes, ano, callback) { $.ajax({ url: "/agendamento/AgendamentoService.asmx/CarregaHorariosAgendamento", type: "POST", data: JSON.stringify({ lojaId: lojaId, produtoId: produtoId, mes: mes, ano: ano }), contentType: "application/json; charset=utf-8", dataType: "json", success: function (response) { var agendamentos = response.d; agendamentosPorData = {}; agendamentos.forEach(function (agendamento) { var dateStr = agendamento.Date; // "yyyy-mm-dd" if (!agendamentosPorData[dateStr]) { agendamentosPorData[dateStr] = []; } agendamentosPorData[dateStr].push({ HoraInicio: agendamento.HoraInicio, HoraFim: agendamento.HoraFim }); }); $("#radiobuttons").empty(); if (agendamentos.length == 0) { LimpaDatepicker(); var htmlText = '

Não foi possível encontrar datas disponíveis

'; $("#radiobuttons").append(htmlText); } if (callback && typeof callback === 'function') { callback(); } }, error: function (xhr, status, error) { console.error("Erro ao carregar horários de agendamento:", error); if (callback && typeof callback === 'function') { callback(); } } }); } function handleDateSelection(dateText) { var selectedDate = $("#calendario").datepicker("getDate"); var internalDate = $.datepicker.formatDate("yy-mm-dd", selectedDate); var displayDate = $.datepicker.formatDate("dd/mm/yy", selectedDate); var availableTimes = agendamentosPorData[internalDate] || []; var timesHtml = ""; if (availableTimes.length > 0) { availableTimes.forEach(function (time, index) { agendamentosSelecionados = []; // Verifica se já está selecionado var selecionado = agendamentosSelecionados.some(function (item) { return item.prodId === currentProdId && item.date === internalDate && item.horaInicio === time.HoraInicio && item.horaFim === time.HoraFim; }); var checkedAttribute = selecionado ? "checked='checked'" : ""; timesHtml += ""; }); } else { timesHtml += "

Nenhum horário disponível para esta data.

"; } var diaSelecionadoHtml = "" + displayDate + "
"; var combinedHtml = diaSelecionadoHtml + timesHtml; $("#horariosDisponiveis").html(combinedHtml); } function LimpaDatepicker() { $("#calendario").datepicker("refresh"); $(".selected-date").removeClass("selected-date"); $("#horariosDisponiveis").empty(); $("#radiobuttons").empty(); } $(document).on('change', '.horario-checkbox', function () { var checkbox = $(this); var date = checkbox.data('date'); var displayDate = checkbox.data('displaydate'); var horaInicio = checkbox.data('horainicio'); var horaFim = checkbox.data('horafim'); var prodId = currentProdId; if (checkbox.is(':checked')) { // Verificar se já existe seleção anterior para o mesmo produto e data var previousSelection = agendamentosSelecionados.find(function (item) { return item.prodId === prodId && item.date === date; }); if (previousSelection) { // Remover a seleção anterior agendamentosSelecionados = agendamentosSelecionados.filter(function (item) { return !(item.prodId === prodId && item.date === date); }); // Desmarcar o checkbox anterior $("input.horario-checkbox[data-date='" + date + "'][data-horainicio='" + previousSelection.horaInicio + "'][data-horafim='" + previousSelection.horaFim + "']").prop('checked', false); // Remover o horário anterior da UI removerHorarioSelecionado(prodId, date, previousSelection.horaInicio, previousSelection.horaFim); } // Adicionar a nova seleção agendamentosSelecionados.push({ prodId: prodId, produtoFilhoId: currentProdFilhoId, date: date, horaInicio: horaInicio, horaFim: horaFim }); var jsonString = JSON.stringify(agendamentosSelecionados); document.getElementById(hfAgendamentosSelecionados).value = jsonString; adicionarHorarioSelecionado(prodId, date, horaInicio, horaFim, displayDate); } else { // Desmarcando o checkbox atual agendamentosSelecionados = agendamentosSelecionados.filter(function (item) { return !(item.prodId === prodId); }); if (agendamentosSelecionados.length === 0) { document.getElementById(hfAgendamentosSelecionados).value = ""; } else { document.getElementById(hfAgendamentosSelecionados).value = jsonString; } removerHorarioSelecionado(prodId, date, horaInicio, horaFim); } }); function adicionarHorarioSelecionado(prodId, internalDate, horaInicio, horaFim, displayDate) { var linhaProduto = $("tr[data-prodid='" + prodId + "']"); var horarioDisplay = linhaProduto.find(".horario-selecionado"); horarioDisplay.empty(); var horarioText = "Data do Agendamento: " + displayDate + ", Horário: " + horaInicio + " - " + horaFim; horarioDisplay.append("

" + horarioText + "

"); } function removerHorarioSelecionado(prodId, internalDate, horaInicio, horaFim) { var linhaProduto = $("tr[data-prodid='" + prodId + "']"); var horarioDisplay = linhaProduto.find(".horario-selecionado"); horarioDisplay.empty(); } abrircalendario();