グループのユーザーリストに新しい列を追加

開発
2

こんにちは、metaへようこそ :wave:
group-index-table-header-after-username および group-index-table-row-after-username アウトレットを使用して、ユーザー名の列の隣にヘッダー/行を挿入できます。

例：

image
image1104×334 23 KB

ヘッダーには TableHeaderToggle コンポーネントを使用できます。
行には、たとえば \u003cdiv class=\"directory-table__cell directory-table__cell--status\"\u003e{{this.args.member}}\u003c/div\u003e を使用できます。{{this.args.member}} でデータにアクセスできます。

新しい列を含めるには、グリッド CSS を修正する必要があります。

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

列を移動したい場合、display: contents のため配置は少しトリッキーですが、order を使用すれば機能します。

ちなみに、ユーザーのステータスを取得するのに問題があるかもしれません。私のテストでは、ユーザーが一時停止またはミュートされている場合 (silencedTillDate または suspendedTillDate が未定義)、データは member に反映されませんでした。バグかどうかはわかりません。今のところ、これ以上掘り下げていません！

お役に立てば幸いです。

「いいね！」 5