Agregando nuevas columnas a las listas de usuarios en grupos

Hola, bienvenido a meta :wave:
Puedes usar los outlets group-index-table-header-after-username y group-index-table-row-after-username para insertar una cabecera/fila junto a la columna del nombre de usuario.

Por ejemplo:

Para la cabecera, puedes usar el componente TableHeaderToggle.
Para la fila, puedes usar por ejemplo <div class="directory-table__cell directory-table__cell--status">{{this.args.member}}</div> – puedes acceder a los datos con {{this.args.member}}

Necesitarás arreglar el CSS de la cuadrícula para incluir una nueva columna.

.group-members--can-manage {
    grid-template-columns: 3fr repeat(5, minmax(min-content, 1fr)) 3em;
                                      ^
}

Si quieres mover la columna, la posición es un poco complicada debido a display: contents; sin embargo, usar order puede funcionar.

Por cierto, podrías tener problemas para obtener el estado del usuario. En mis pruebas, los datos no se reflejaron en member con un usuario suspendido o silenciado (silencedTillDate o suspendedTillDate no están definidos). No estoy seguro si hay un error aquí. ¡No investigué más por ahora!

Espero que esto ayude.

5 Me gusta