Search user messages WIP (#145)

conversejs/custom/plugins/mam-search/templates/muc-mam-search-app.js

@@ -0,0 +1,63 @@
+// SPDX-FileCopyrightText: 2024 John Livingston <https://www.john-livingston.fr/>
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { converseLocalizedHelpUrl } from '../../../shared/lib/help'
+import { tplMUCApp } from '../../../shared/components/muc-app/templates/muc-app.js'
+import { html } from 'lit'
+import { repeat } from 'lit/directives/repeat.js'
+import { __ } from 'i18n'
+
+function tplContent (el, mucModel, occupantModel) {
+  return html`
+    ${
+      occupantModel
+        ? html`
+          <livechat-converse-muc-mam-search-occupant
+            .model=${occupantModel}
+          ></livechat-converse-muc-mam-search-occupant>
+        `
+        : ''
+    }
+    ${
+      el.results
+        ? repeat(el.results, (message) => message.id, message => tplMessage(message))
+        : html`<livechat-spinner></livechat-spinner>`
+    }
+  `
+}
+
+function tplMessage (model) {
+  return html`
+  <converse-chat-message
+    jid="${this.model.get('jid')}"
+    mid="${model.get('id')}"
+  ></converse-chat-message>`
+}
+
+export function tplMamSearchApp (el, mucModel, occupantModel) {
+  if (!mucModel) {
+    // should not happen
+    return html``
+  }
+
+  if (!el.show) {
+    return html``
+  }
+
+  // eslint-disable-next-line no-undef
+  const i18nSearch = __(LOC_message_search)
+  // eslint-disable-next-line no-undef
+  const i18nHelp = __(LOC_online_help)
+  const helpUrl = converseLocalizedHelpUrl({
+    page: 'documentation/user/streamers/moderation'
+  })
+
+  return tplMUCApp(
+    el,
+    i18nSearch,
+    helpUrl,
+    i18nHelp,
+    tplContent(el, mucModel, occupantModel)
+  )
+}

conversejs/custom/plugins/mam-search/templates/muc-mam-search-occupant.js

@@ -0,0 +1,32 @@
+// SPDX-FileCopyrightText: 2024 John Livingston <https://www.john-livingston.fr/>
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { html } from 'lit'
+import { api } from '@converse/headless'
+import { getAuthorStyle } from '../../../../src/utils/color.js'
+import { __ } from 'i18n'
+
+export function tplMucMamSearchOccupant (el, occupant) {
+  const authorStyle = getAuthorStyle(occupant)
+  const jid = occupant.get('jid')
+  const occupantId = occupant.get('occupant_id')
+
+  return html`
+    <a @click=${(ev) => {
+      api.modal.show('converse-muc-occupant-modal', { model: occupant }, ev)
+    }}>
+      <converse-avatar
+        .model=${occupant}
+        class="avatar chat-msg__avatar"
+        name="${occupant.getDisplayName()}"
+        nonce=${occupant.vcard?.get('vcard_updated')}
+        height="30" width="30"></converse-avatar>
+
+      <span style=${authorStyle}>${occupant.getDisplayName()}</span>
+    </a>
+    <ul aria-hidden="true">
+      ${jid ? html`<li title=${__('XMPP Address')}>${jid}</li>` : ''}
+      ${occupantId ? html`<li title=${__('Occupant Id')}>${occupantId}</li>` : ''}
+    </ul>`
+}