Formulários de espaço reservado

Componente de tema
,
46

Olá :wave:

Obrigado por este componente :heart: Ele se encaixa perfeitamente no que estou tentando alcançar agora. Na verdade, meu primeiro pensamento foi que seria muito legal se pudesse ser combinado com o componente Reply Template. Mas, infelizmente, não é possível, como explicado nas postagens acima. :confused:

Encontrei uma solução alternativa para usá-lo como um modelo, funciona com link para novos tópicos e link para novas mensagens pessoais.

Veja como fiz:

  1. Crie um formulário Placeholder (para simplificar, uso o exemplo na OP)

Seu e-mail: =NAME=-=COUNTRY=@example.com

  1. Crie um link para um novo tópico:
    Configurei no link:
  2. categoria
  3. título
  4. corpo

Se você quiser adicionar linhas em branco, use \\ para que não quebre o link ou para torná-lo invisível, você pode usar   que adicionará um espaço na nova linha. Isso fará parte do modelo e criará uma linha em branco,

<a href="https://meta.discourse.org/new-topic?category==CATEGORY=&title=This is a topic created by =NAME=&body=Hello :wave:
&nbsp;
This is a test topic... Let's see the placeholder form.
\
Your email: =NAME=-=COUNTRY=@example.com">Use template as new topic</a>
  1. Crie uma prévia do tópico

Categoria selecionada

=CATEGORY=

Título do tópico

This is a topic created by =NAME=

Corpo do tópico

Hello :wave:

This is a test topic… Let’s see the placeholder form.

Your email: =NAME=-=COUNTRY=@example.com

  1. Crie o botão “Use template as new topic” (no exemplo acima, este é um link, você pode transformá-lo em um botão)

Crie um elemento [wrap] a partir deste texto. Isso o torna disponível para ser direcionado com CSS e estilizado. Adiciono isso abaixo.

<a href="https://meta.discourse.org/new-topic?category==CATEGORY=&title=This is a topic created by =NAME=&body=Hello :wave:
&nbsp;
This is a test topic... Let's see the placeholder form.
\
Your email: =NAME=-=COUNTRY=@example.com">[wrap=template-button]Use template as new topic[/wrap]</a>

Estilizando [wrap=template-button]
algo como :arrow_down_small:

Common / CSS

[data-wrap="template-button"] {
  background: var(--tertiary);
  color: var(--secondary);
  border-radius: var(--d-button-border-radius);
  padding: 0.5em 0.65em;
  transition: background 0.25s;
  &:focus,
  &:hover {
    background: var(--tertiary-hover);
    color: var(--secondary);
  }
}

O botão de modelo ficará assim :arrow_down_small:

template-button

Demo

Use template as new topic

Espero que este pequeno tutorial ajude alguém que precise de algo semelhante :slightly_smiling_face:

Editar: Configurei um seletor de categoria que adiciona a capacidade de criar tópicos em diferentes categorias.

Verifique a versão bruta desta postagem…

8 curtidas