Como criar uma "Lista de Punição"

por Raayzeck 03.09.18 22:46

Detalhes da questão

Endereço do fórum: http://playperfect.forumeiros.com
Versão do fórum: AwesomeBB

Descrição

Boa noite, eu estava em um fórum de servidor de sa-mp e observei uma chamada "LDP" que é uma lista de punição, onde todos os jogadores que os administradores punem eles lançam nessa tabela, a tabela que falo é a seguinte: http://forum.brasilplayforever.com.br/ldp/buscar.php, nela, todas as punições ficam salvas eternamente e também eles possuem um sistema de login para os administradores que vão poder aplicar as punições na LDP que no caso seria essa: http://forum.brasilplayforever.com.br/ldp/login.php, eu gostaria de saber como posso criar algo semelhante a isso, desde já, agradecido.

@EDIT

O fórum em questão é da plataforma forumeiros e o link que ele se encontra é www.brasilplayforever.com

por **tikky** 04.09.18 13:16

Olá @@ Thiago @ Arromba @,
Esse sistema apontado é em php, no caso eles usam uma hospedagem para hospedar esse painel. O que posso fazer é um sistema numa página HTML, o Senhor só necessita de dizer, se vai ser manual (adicionar a mão) ou automático (vai buscar os tópicos em uma determinada área), o preenchimento da tabela.

Aguardo uma resposta,
pedxz.

por Raayzeck 04.09.18 14:49

Pode ser manual, os moderadores do fórum ao finalizar a denúncia adiciona lá, se possível.

agradeço pela ajuda.

por **tikky** 04.09.18 15:10

Depois existe mais essa questão, eles têm acesso ao painel de controle, para editar a página?
Se calhar é melhor a criação de um tópico com uma tabela para que moderadores naquele fórum possam editar

por Raayzeck 04.09.18 15:11

Não, eles não possuem, porém, eu posso colocar somente para pessoas com acesso no painel adicionar na LDP, não vejo problemas nisso.

por **tikky** 04.09.18 15:58

Algum mais ao menos assim?

Código:: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <title>Punições Aplicadas</title> <link rel="icon" type="image/png" href="https://cdn3.iconfinder.com/data/icons/fantasy-and-role-play-game-adventure-quest/512/Castle-16.png" />  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" />  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> <style type="text/css"> html { position: relative; min-height: 100%; } body { margin-bottom: 60px; background-color: #f0f0f0; } .footer { position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 60px; background-color: #f5f5f5; } [class*="col-"] { background-color: #fff; padding-top: 15px; padding-bottom: 15px; border: 1px solid #ddd; border: 1px solid rgba(86,61,124,.2); text-align: center; } @media only screen and (max-width: 768px) { table { overflow-x: auto; overflow-y: hidden; display: inherit; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } table::-webkit-scrollbar { display: none } .footer { height: auto; text-align: center; line-height: 2; } .footer a { display: none; } } </style> </head> <body> <div class="jumbotron text-center"> <h1>Play Perfect</h1> <p>Listagem de punições</p> </div> <div class="container"> <div class="row"> <div class="col-sm-12"> <div id="dvTable"></div> </div> </div> </div> <footer class="footer"> <div class="container"> <span class="text-muted">Todos os direitos reservados Play Perfect. <a href="#" style="float: right">Voltar para o fórum</a></span> </div> </footer> <script type="text/javascript"> var users = new Array(); users.push(["Nick", "Motivo", "Tempo", "Admin", "Data", "Tópico"]); //add users. users.push(["pedxz", "hack", "120", "poko" , "04/09/2018", "<a class='btn btn-dark' href='#' role='button'>Link</a>"]); //Create a HTML Table element. var table = document.createElement("TABLE"); table.classList.add('table'); //Get the count of columns. var columnCount = users[0].length; //Add the header row. var row = table.insertRow(-1); for (var i = 0; i < columnCount; i++) { var headerCell = document.createElement("TH"); headerCell.innerHTML = users[0][i]; row.appendChild(headerCell); } //Add the data rows. for (var i = 1; i < users.length; i++) { row = table.insertRow(-1); for (var j = 0; j < columnCount; j++) { var cell = row.insertCell(-1); cell.innerHTML = users[i][j]; } var dvTable = document.getElementById("dvTable"); dvTable.innerHTML = ""; dvTable.appendChild(table); } </script> </body> </html>

Teste e diga-me, se Sim passo já a explicar o "sistema" Muito feliz

por Raayzeck 04.09.18 16:04

Pedxz, eu já disse que você é o mais brabo? não? VOCÊ É O MAIS BRABO CARA!

Muito obrigado!

Só mais uma dúvida, não teria como colocar para membros sem o painel editarem isso, né?

por **tikky** 04.09.18 16:07

Só se arranjares onde hospedar a página sem ser na Forumeiros, se for, só pessoal com painel pode mudar, é por isso que recomendava a criação de um tópico - anúncio Estudar

por Raayzeck 04.09.18 16:30

Compreendo, por enquanto acho que irei deixar assim mesmo, fica mais dinâmico para os jogadores, só mais uma dúvida, teria como colocar algo para pesquisa para que os players possam pesquisar o nick deles e já achar todas as punições deles?

por **tikky** 04.09.18 18:06

Mude para:

Código:: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <title>Punições Aplicadas</title> <link rel="icon" type="image/png" href="https://cdn3.iconfinder.com/data/icons/fantasy-and-role-play-game-adventure-quest/512/Castle-16.png" />  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" />  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> <style type="text/css"> html { position: relative; min-height: 100%; } body { margin-bottom: 60px; background-color: #f0f0f0; } .footer { position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 60px; background-color: #f5f5f5; } [class*="col-"] { background-color: #fff; padding-top: 15px; padding-bottom: 15px; border: 1px solid #ddd; border: 1px solid rgba(86,61,124,.2); text-align: center; } @media only screen and (max-width: 768px) { table { overflow-x: auto; overflow-y: hidden; display: inherit; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } table::-webkit-scrollbar { display: none } .footer { height: auto; text-align: center; line-height: 2; } .footer a { display: none; } } </style> </head> <body> <div class="jumbotron text-center"> <h1>Play Perfect</h1> <p>Listagem de punições</p> </div> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <input class="form-control form-control-lg" type="text" placeholder="Procurar Nickname..." /> </div> <div id="dvTable"></div> </div> </div> </div> <footer class="footer"> <div class="container"> <span class="text-muted">Todos os direitos reservados Play Perfect. <a href="#" style="float: right">Voltar para o fórum</a></span> </div> </footer> <script type="text/javascript"> var users = new Array(); users.push(["Nick", "Motivo", "Tempo", "Admin", "Data", "Tópico"]); //add users. users.push(["pedxz", "hack", "120", "poko" , "04/09/2018", "<a class='btn btn-dark' href='#' role='button'>Link</a>"]); users.push(["tikky", "bot", "90", "alchmist", "hoje", "<a class='btn btn-dark' href='#' role='button'>Link</a>" ]); //Create a HTML Table element. var table = document.createElement("TABLE"); table.classList.add('table'); //Get the count of columns. var columnCount = users[0].length; //Add the header row. var row = table.insertRow(-1); for (var i = 0; i < columnCount; i++) { var headerCell = document.createElement("TH"); headerCell.innerHTML = users[0][i]; row.appendChild(headerCell); } //Add the data rows. for (var i = 1; i < users.length; i++) { row = table.insertRow(-1); for (var j = 0; j < columnCount; j++) { var cell = row.insertCell(-1); cell.innerHTML = users[i][j]; } var dvTable = document.getElementById("dvTable"); dvTable.innerHTML = ""; dvTable.appendChild(table); } $(document).ready(function(){ $(".form-control").on("keyup", function() { var value = $(this).val().toLowerCase(); $("table tr").filter(function() { $(this).toggle($(this).find('td').eq(0).text().toLowerCase().indexOf(value) > -1) }); }); }); </script> </body> </html>

E diga-me se ficou bem Festa azul

por Raayzeck 04.09.18 19:06

Ficou perfeito! boa

Muito obrigado, Pedxz!

por **tikky** 04.09.18 20:53

Tópico resolvido

Movido para "Questões resolvidas".

Como criar uma "Lista de Punição"