Calendário de eventos em listas personalizadas

:information_source: Resumo Adicionar funcionalidade de calendário às Listas Personalizadas
:eyeglasses: Pré-visualização Veja em ação aqui
:hammer_and_wrench: Repositório Event List Calendar
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre como usar Temas do Discourse

:warning: Isso utiliza (requer) tanto o plugin events quanto o plugin custom lists.

Por que usar isso em vez da página próximos eventos?

  • Dá a opção de ter uma saída na barra lateral em vez do calendário completo
  • Inclui a lista de tópicos
  • Capacidade de segmentar várias categorias ou tags específicas (via o plugin de listas personalizadas)

Nota: para excluir categorias onde uma tag é usada, certifique-se de incluir -category:SLUG nas configurações da lista personalizada. Por exemplo, tag:webinar,livestream -category:show-tell

Visualização de calendário:

Visualização na barra lateral:

Configurações

Inclui a capacidade de ter calendários diferentes por lista/objeto

Configuração Descrição
Slug da lista Slug da lista em Listas de Tópicos Personalizadas, por exemplo, events para /lists/events. Obrigatório.
Layout Calendário completo ou barra lateral de próximos eventos. Obrigatório.
Mostrar botão novo Adicionar um botão “Novo” à barra de navegação da lista. O editor abre vazio.
Rótulo do botão novo Texto do botão, por exemplo, “Novo Evento”. Os botões do editor seguem-no (“Criar Evento”). Vazio significa “Novo Tópico”.
Ícone do botão novo Escolha um ícone de um seletor com pré-visualizações. Vazio significa o ícone de caneta. Telefones mostram apenas o ícone.
Ocultar botão da barra lateral do Horizon Apenas Horizon. Ocultar o botão “Novo Tópico” na barra lateral nesta página. Caso contrário, corresponde ao botão acima.
Começar com um evento Novos tópicos abrem com um bloco de evento começando na próxima hora cheia, com duração de uma hora.
Categoria do botão novo Opcional. Novos tópicos têm como padrão esta categoria, incluindo a partir do botão da barra lateral e do atalho c.
Tags do botão novo Opcional. Novos tópicos têm como padrão estas tags, incluindo a partir do botão da barra lateral e do atalho c.
Ocultar lista de tópicos Ocultar a lista padrão de tópicos nesta página.

7 curtidas

Isso é realmente incrível! Consigo ver que isso se tornará super útil e preencherá a lacuna da lista geral de eventos futuros do site na funcionalidade principal.

Por algum motivo, a opção para ocultar tópicos sem eventos não está funcionando para mim. Isso ocorre com o tema Horizon (não testei mais além disso, desculpe). Me pergunto se o necessário seria que o filtro lidasse com a filtragem de Eventos em vez de ocultá-los via TC. Vou criar uma solicitação de recurso para isso.

Além disso, realmente precisamos que o botão Novo Tópico se torne um botão Novo Evento na lista filtrada por Eventos. É possível adicionar isso ao TC?

1 curtida

Vou testar o Horizon para ver o que consigo encontrar. No entanto, obrigado por enviar essa solicitação de recurso!

Com certeza, isso não deve ser muito difícil!

Isso deve funcionar no Horizon agora. Vou reconsiderar quando seu pedido de recurso for aprovado. :slight_smile:

Botão de Novo Tópico/Evento adicionado!

Eu experimentei trazer o filtro da configuração da Lista, mas se houver múltiplas tags ou categorias, fica bagunçado.

1 curtida

Uau! Obrigado por ouvir e colocar isso em prática tão rapidamente. Estou realmente ansioso para fazer um teste em breve.

Já foi!

Bom, já testei agora - funciona muito bem! E os tópicos que não são eventos estão escondidos de forma elegante no Horizon também.

No entanto, é preciso mais um ajuste fino para que realmente funcione perfeitamente, e seria bom ter uma adaptação específica para o Horizon.

O principal problema restante

Atualmente, ele abre um tópico na categoria padrão do compositor do site. Embora isso seja ótimo como prova de conceito, é realmente necessário abrir um novo tópico em um contexto de Evento (ou seja, em uma categoria de Eventos configurada), caso contrário nossos usuários ficarão completamente perdidos.

Vale notar que, se você alterar a categoria padrão do compositor do site para uma categoria de Eventos, isso cria uma caixa de entrada de eventos que o usuário não consegue remover facilmente, a menos que mude de categoria ou entre no modo Markdown. Conhecendo meus usuários, eles vão travar e desistir!!!

Como devemos abordar isso?

Estou imaginando que a funcionalidade central do plugin de Eventos pode ser um pouco difícil de trabalhar aqui. Mas talvez você possa encontrar uma maneira inteligente. Sugiro mirar em fazer com que a caixa de entrada de Eventos apareça (e permaneça lá) independentemente da categoria escolhida.

Um contorno razoável poderia ser fazer com que o botão abra com uma categoria configurada (ou seja, uma com Eventos configurados). Se o usuário inserir alguns dados, eles permanecerão ativos mesmo que ele mude de categorias. No entanto, se ele escolher a categoria primeiro, perderá a caixa de entrada. Isso pode exigir alguma sinalização.

O tema Horizon chato

Por fim, o tema Horizon faz algumas coisas bonitas / estranhas com o botão de Novo Tópico (é colocado alto na barra lateral esquerda no desktop), e isso precisará ser mitigado especificamente.

1 curtida

Consegui incorporar as novas consultas de filtro :+1:

Meu plano para o composer é adicionar estas configurações:

Ei Nathan,
Pergunta rápida sobre o Horizon: você quer que a nova funcionalidade de eventos seja integrada ao botão Nova Tópico no canto superior esquerdo? Ou devemos manter o botão Novo Evento na sua captura de tela e fazer com que ele inclua o contexto do novo objeto de evento?

1 curtida

Parece ótimo - espero que funcione bem. Estou ansioso para testá-la!

Na verdade, não sou fã da decisão de design do Horizon de ter o botão “Novo Tópico” na barra lateral. E gosto de ter um botão “Novo Evento” bonito e diferente diretamente acima do Calendário, pois sei que é para onde as pessoas olham naturalmente. Seria legal ter o ícone “calendário +” e que ele tivesse o mesmo estilo do botão regular do Horizon.

Dito isso, faz muito sentido permanecer o mais consistente possível com o resto do tema do Horizon (mesmo que eu não goste!). É assim que ele aparece em uma categoria configurada para Eventos no Horizon:

E esta é a mesma página no celular:

Na minha opinião, o ideal para o Horizon seria:

  1. No desktop, manter o botão “Novo Evento” acima do calendário, mas estilizado da mesma forma que o botão da barra lateral
  2. Manter o botão da barra lateral, mas torná-lo idêntico ao novo botão
    • os administradores podem ocultá-lo facilmente com CSS, se necessário, mas isso, é claro, poderia ser governado por uma configuração
  3. No celular, replicar o botão apenas com o ícone “calendário +” conforme o tema do Horizon

Desculpe não ter dado uma resposta clara - mas é assim que as coisas são, né?

1 curtida

Acho que consegui captar tudo isso. Faça a atualização e me diga o que você achou :slight_smile:

:rocket: FANTÁSTICO!!! :rocket:

Aleluia - isso é simplesmente brilhante!!! Funciona muito bem no Horizon também.

Um último porém

O Calendário mostra eventos que estão em Mensagens, mas a rota /filter que estamos usando não parece conseguir identificá-los.

Isso não é uma limitação do seu incrível TC - mas sim da funcionalidade de filtro.

Abri outro pedido de funcionalidade para analisar isso:

1 curtida