Acesso à pagina HTML apenas para usuários logados

Detalhes da questão

Endereço do fórum: http://www.cidadesocial.com
Versão do fórum: PunBB

Descrição

Saudações,
Como permito o acesso à uma página HTML apenas para usuários logados em sua conta no fórum?
Obrigado!

Creio que não seja possível.

Na verdade é possível sim.
O senhor deseja continuar o tópico?

Luiz escreveu:Na verdade é possível sim.
O senhor deseja continuar o tópico?

Claro!

Irei precisar do código de sua página HTML.

Segue o código:

Código:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<form onsubmit="submit_form();" action="/posting.forum" id="generated_form" method="post" enctype="multipart/form-data">
  <input type="hidden" name="form_mode" value="0">
  <div>
    <p class="tituloform">Nova dica e/ou sugestão</p>
    <p class="descform">Antes de fazer a dica e/ou sugestão, veja se está de acordo com as <a href="/t10-" target="_blank">regras gerais de nosso fórum</a>.</p>
  </div>
  <dl>
      <dt>Seu nome<spam style="color: red">*</spam>:</dt>
      <dd><input type="text" data-type="field" placeholder="Nome_Sobrenome" id="field1" maxlength="71" required></dd>
  </dl>
  <dl>
      <dt>Dica e/ou sugestão? <spam style="color: red">*</spam>:</dt>
      <dd>
        <select data-type="field" id="field2" style="color: #333;" required>
            <option value="">Selecione uma opção...</option>
            <option value="Dica">Dica</option>
            <option value="Sugestão">Sugestão</option>
            <option value="Dica e Sugestão">Dica e Sugestão</option>
        </select>
      </dd>
  </dl>
  <dl>
      <dt>Onde será implantada?<spam style="color: red">*</spam>:</dt>
      <dd>
        <select data-type="field" id="field3" style="color: #333;" required>
            <option value="">Selecione uma opção...</option>
            <option value="Fórum">Fórum</option>
            <option value="Servidor">Servidor</option>
            <option value="Fórum e Servidor">Fórum e Servidor</option>
        </select>
      </dd>
  </dl>
  <dl>
      <dt>Título do tópico<spam style="color: red">*</spam>:</dt>
      <dd><input type="text" data-type="field" placeholder="Fale em poucas palavras sobre o problema" id="field4" maxlength="71" required></dd>
  </dl>
  <dl>
      <dt>Descreva como seria:</dt>
      <dd><textarea data-type="field" placeholder="Descreva a dica e/ou sugestão para melhor entendermos." id="field5"></textarea></dd>
  </dl>
  <dl>
      <dt>Imagens e/ou vídeos do problema<spam style="color: red">*</spam>:</dt>
      <dd><input type="text" data-type="field" placeholder="Envie vídeos e/ou fotos para auxiliar a entendermos melhor." id="field6" maxlength="150" required></dd>
  </dl>
  <input type="hidden" name="f" value="4">
  <input type="hidden" name="subject" value="O script não enviou o título" template="[{field2} - {field3}] {field4} [{field1}]">
  <input type="hidden" name="description" value="O script não enviou a descrição" template="">
  <textarea name="message" style="display:none"></textarea>
  <textarea id="message-template-bbcode-0" style="display:none">[b]Meu nome:[/b] {field1}
[b]Dica e/ou sugestão:[/b] {field2}
[b]Onde será implantada:[/b] {field3}
[b]Título da {field2}:[/b] {field4}

[b]Descrição:[/b] {field5}

[b]Imagens e/ou vídeos:[/b] {field6}
</textarea>
  <input type="hidden" name="mode" value="newtopic">
  <input type="hidden" name="lt" value="0">
  <center>
      <input type="submit" name="post" class="button posicao" align="center" value="Enviar post">
      <input type="reset" name="limpar" class="button posicao2" align="center" value="Limpar">
  </center>
  <div class="campos_obrigatorios">
      Campos com <spam style="color: red">*</spam> é obrigatório o preenchimento!
  </div>
</form>


Coloque ao final do código de sua página HTML:

Código:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
  $.get('/')
    .done(function (context) {



      if ($('a[href="/register"]', context).length === 0) {
        console.log('Usuário já logado!');
        return;
      }

      alert('Você precisa estar logado para visualizar essa página.');
      location.pathname = '/login';

    })
    .fail(function () {
      console.warn('[Somente membros podem ver a página] Houve um erro.')
    })
  ;
</script>

o/

Ficou assim https://imgur.com/a/buSUc, queria que não mostrasse o corpo da pagina, como se tivesse um "body {display: none;}" e não precisa de aviso nenhum, só redireciona automaticamente para /login.

Troque o código por este:

Código:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
  (function ($) {
    'use strict';

    $(function () {
      $.get('/')
        .done(function (context) {
   
          if ($('a[href="/register"]', context).length === 0) {
            console.log('Usuário já logado!');
            return;
          }
   
          $('body').html([
            '<p style="font-family: sans-serif; font-size: 14px; text-align: center; display: block;">',
            '  <span>Você precisa estar logado para visualizar esta página...</span>',
            '</p>'
          ].join('\n'));

          setTimeout(function () {
            location.href = '/login';
          }, 1000);
   
        })
        .fail(function () {
          console.warn('[Somente membros podem ver a página] Houve um erro.')
        })
      ;
    });
  }(jQuery));
</script>

Ainda colocando-o ao final de seu HTML.
E diga-nos se o resultado foi como o senhor esperava.

o/

Agora está com um atraso de 3 segundos para alertar o usuário que precisa estar logado e depois redirecionar, depois da página carregar por completo que aparece a informação, quero que o usuário nem consiga ver a página.

Aqui:

Código:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
  (function ($) {
    'use strict';

    $(function () {
      $.get('/')
        .done(function (context) {
   
          if ($('a[href="/register"]', context).length === 0) {
            console.log('Usuário já logado!');
            return;
          }
   
          $('body').html([
            '<p style="font-family: sans-serif; font-size: 14px; text-align: center; display: block;">',
            '  <span>Você precisa estar logado para visualizar esta página...</span>',
            '</p>'
          ].join('\n'));

          location.href = '/login';
   
        })
        .fail(function () {
          console.warn('[Somente membros podem ver a página] Houve um erro.')
        })
      ;
    });
  }(jQuery));
</script>

Já adianto que não é possível fazer mais rápido que isso.

o/

Luiz escreveu:Aqui:

Código:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
  (function ($) {
    'use strict';

    $(function () {
      $.get('/')
        .done(function (context) {
   
          if ($('a[href="/register"]', context).length === 0) {
            console.log('Usuário já logado!');
            return;
          }
   
          $('body').html([
            '<p style="font-family: sans-serif; font-size: 14px; text-align: center; display: block;">',
            '  <span>Você precisa estar logado para visualizar esta página...</span>',
            '</p>'
          ].join('\n'));

          location.href = '/login';
   
        })
        .fail(function () {
          console.warn('[Somente membros podem ver a página] Houve um erro.')
        })
      ;
    });
  }(jQuery));
</script>

Já adianto que não é possível fazer mais rápido que isso.

o/

Perfeito, muito obrigado!