Alterações realizadas entre 27/08 e 06/09 de 2024

html/contribuicao/configuracao/assets/css/gateway-pagamento.css

@@ -0,0 +1,82 @@
+ /* Container do toggle */
+ .toggle-switch {
+    position: relative;
+    display: inline-block;
+    width: 60px;
+    /*height: 34px;
+    padding-bottom: 0px;*/
+}
+
+/* Esconde o input checkbox */
+.toggle-input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+/* Estilo do label que age como o toggle */
+.toggle-label {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 20px;
+    background-color: #ccc;
+    transition: .4s;
+    border-radius: 34px;
+}
+
+/* Estilo do círculo deslizante */
+.toggle-label:before {
+    position: absolute;
+    content: "";
+    height: 20px;
+    width: 20px;
+    left: 2px;
+    /*bottom: 4px;*/
+    background-color: white;
+    transition: .4s;
+    border-radius: 50%;
+}
+
+/* Estilo quando o checkbox está marcado */
+.toggle-input:checked+.toggle-label {
+    background-color: #2196F3;
+}
+
+.toggle-input:checked+.toggle-label:before {
+    transform: translateX(36px);
+}
+
+/*Centralizar verticalmente */
+.vertical-center{
+    vertical-align: middle!important;
+}
+
+/*Estilos do modal de edição*/
+.modal-header-primary {
+    background-color: #0088cc; /* Azul do panel-primary */
+    color: white;
+    border-bottom: 1px solid #2e6da4; /* Borda inferior azul escuro */
+}
+
+.modal-header-primary .modal-title {
+    font-size: 18px;
+    margin: 0;
+    padding: 10px 0;
+}
+
+.modal-header-primary .close {
+    color: #d2322d ; /* Define a cor vermelha */
+    opacity: 1; /* Torna o ícone completamente opaco */
+    text-shadow: 0 1px black;
+}
+
+.modal-header-primary .close:hover,
+.modal-header-primary .close:focus {
+    color: rgb(231, 15, 15); /* Altera a cor para vermelho escuro ao passar o mouse ou focar */
+    text-shadow: 0 1px red;
+}
+

html/contribuicao/configuracao/assets/js/gatewayPagamento.js

@@ -0,0 +1,31 @@
+$(function() {//Carrega cabeçalho e menu lateral
+    $("#header").load("../../header.php");
+    $(".menuu").load("../../menu.php");
+});
+
+function confirmarExclusao() {//Trava de segurança para evitar exclusão de itens indesejados
+    return confirm("Tem certeza que deseja excluir este item?");
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    // Seletor para todos os botões de editar
+    const editButtons = document.querySelectorAll('button[title="Editar"]');
+
+    editButtons.forEach(button => {
+        button.addEventListener('click', function() {
+            const id = this.getAttribute('data-id');
+            const nome = this.closest('tr').querySelector('td:nth-child(1)').textContent;
+            const endpoint = this.closest('tr').querySelector('td:nth-child(2)').textContent;
+            const token = this.closest('tr').querySelector('td:nth-child(3)').textContent;
+
+            // Preenche o modal com os dados do gateway
+            document.getElementById('editId').value = id;
+            document.getElementById('editNome').value = nome;
+            document.getElementById('editEndpoint').value = endpoint;
+            document.getElementById('editToken').value = token;
+
+            // Exibe o modal
+            $('#editModal').modal('show');
+        });
+    });
+});

html/contribuicao/configuracao/assets/js/meioPagamento.js

@@ -0,0 +1,37 @@
+$(function () {//Carrega cabeçalho e menu lateral
+    $("#header").load("../../header.php");
+    $(".menuu").load("../../menu.php");
+});
+
+function confirmarExclusao() {//Trava de segurança para evitar exclusão de itens indesejados
+    return confirm("Tem certeza que deseja excluir este item?");
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+    // Seletor para todos os botões de editar
+    const editButtons = document.querySelectorAll('button[title="Editar"]');
+
+    editButtons.forEach(button => {
+        button.addEventListener('click', function () {
+            const id = this.getAttribute('data-id');
+            const nome = this.closest('tr').querySelector('td:nth-child(1)').textContent;
+            const plataformaId = this.getAttribute('data-plataforma-id');
+
+            // Preenche o modal com os dados do gateway
+            document.getElementById('editId').value = id;
+            document.getElementById('editNome').value = nome;
+            let plataformas = document.getElementById('editPlataforma');
+            plataformas.value = plataformaId;
+            const options = plataformas.options;
+
+            // Verifica se a opção foi selecionada corretamente
+            if (plataformas.value !== plataformaId) {
+                console.error('Erro ao selecionar a plataforma com ID:', plataformaId);
+            } else {
+                console.log('Plataforma selecionada:', plataformas.options[plataformas.selectedIndex].textContent);
+            }
+
+            $('#editModal').modal('show');
+        });
+    });
+});