# Vista compacta de temas

**URL:** https://meta.discourse.org/t/compact-view-of-topics/246287
**Category:** Extras
**Created:** [21 Noviembre, 2022 14:54 UTC](https://meta.discourse.org/t/compact-view-of-topics/246287 "2022-11-21T14:54:46Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![toc-rox](https://avatars.discourse-cdn.com/v4/letter/t/b38774/32.png) [@toc-rox](https://meta.discourse.org/u/toc-rox)
#### Post date: [21 Noviembre, 2022 14:54 UTC](https://meta.discourse.org/t/compact-view-of-topics/246287/1 "2022-11-21T14:54:47Z")

</div>

# discourse-compact-topic-view

### Propósito

Vista compacta de los temas.

### Descripción

Para obtener una visión general de un tema, una vista compacta de todas las publicaciones puede ser útil.

GUI estándar:

 ![standard-view](https://global.discourse-cdn.com/meta/original/4X/3/1/c/31ca01e6876b434d77125acc200637a3ab9292c3.jpeg)

GUI compacta:

 ![compact-view](https://global.discourse-cdn.com/meta/original/4X/f/e/c/fecd830ccdd7963bef3de7e8ec0545c3378185ee.jpeg)

### Cómo

Si los datos de origen (publicaciones) están disponibles, hay mucha libertad para transformar los datos.

Procedimiento:

- Cargue los datos de discourse en el ordenador local (a través de discourse-reader).
- Transforme los datos de discourse (a través de Go templates y dagote).
- Muestre los datos transformados en el navegador.

Concepto:

- A través de la plantilla Go, define lo que se debe mostrar.
- A través de CSS, define cómo se debe mostrar algo.

Idealmente, los pasos del proceso se ejecutan automáticamente mediante un script. La visualización compacta que se muestra arriba se logró con 150 líneas de código de plantilla y CSS cada una. Se omitió JavaScript, pero esto conduce a limitaciones menores.

### Recursos / Enlaces

- [batch, template, css](https://github.com/Klaus-Tockloth/discourse-compact-topic-view)
- [discourse-reader](https://github.com/Klaus-Tockloth/discourse-reader)
- [dagote](https://github.com/Klaus-Tockloth/dagote)
- [discourse-user-api-key](https://github.com/Klaus-Tockloth/discourse-user-api-key)