web/admin: add notes for users and groups

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
goauthentik · May 3, 2023 · c762625 · c762625
1 parent a299421
commit c762625
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/web/src/admin/groups/GroupViewPage.ts b/web/src/admin/groups/GroupViewPage.ts
@@ -134,6 +134,20 @@ export class GroupViewPage extends AKElement {
                             </ak-forms-modal>
                         </div>
                     </div>
+                    <div
+                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-9-col-on-xl pf-m-9-col-on-2xl"
+                    >
+                        <div class="pf-c-card__title">${t`Notes`}</div>
+                        <div class="pf-c-card__body">
+                            ${Object.hasOwn(this.group?.attributes || {}, "notes")
+                                ? html`${this.group.attributes?.notes}`
+                                : html`
+                                      <p>
+                                          ${t`Edit the notes attribute of this group to add notes here. Markdown is supported.`}
+                                      </p>
+                                  `}
+                        </div>
+                    </div>
                     <div
                         class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-12-col-on-xl pf-m-12-col-on-2xl"
                     >

diff --git a/web/src/admin/users/UserViewPage.ts b/web/src/admin/users/UserViewPage.ts
@@ -280,7 +280,21 @@ export class UserViewPage extends AKElement {
                         </div>
                     </div>
                     <div
-                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-12-col-on-xl pf-m-12-col-on-2xl"
+                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-3-col-on-xl pf-m-3-col-on-2xl"
+                    >
+                        <div class="pf-c-card__title">${t`Notes`}</div>
+                        <div class="pf-c-card__body">
+                            ${Object.hasOwn(this.user?.attributes || {}, "notes")
+                                ? html`${this.user.attributes?.notes}`
+                                : html`
+                                      <p>
+                                          ${t`Edit the notes attribute of this user to add notes here. Markdown is supported.`}
+                                      </p>
+                                  `}
+                        </div>
+                    </div>
+                    <div
+                        class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-9-col-on-xl pf-m-9-col-on-2xl"
                     >
                         <div class="pf-c-card__title">${t`Changelog`}</div>
                         <div class="pf-c-card__body">